@charset "utf-8";



/*

==================================================



    CSS File Name - layout.css

    Last-updated: 2010-05-16



    +1: #container

    +2: #header

    +3: #mainBody

    +4: #mainContent

    +5: #subContent

    +6: #footer



==================================================

*/





/*--------------------------------------------------

    +1: #container

==================================================*/



div#container {

	width: 960px;

	margin: 0 auto;

	background-color: #fff;

	text-align: left;

}





/*----------------------------------------------------------------------*/





/*--------------------------------------------------

    +2: #header

==================================================*/



div#header {

	width: 900px;

	margin: 0 auto 15px auto;

	padding: 0 4px;

	background: url(../images/bg_header_01.gif) 0 0 no-repeat;

}



div#header p.catch {

	display: inline;

	float: left;

	padding: 15px 0 0 18px;

	color: #f972bb;

	font-size: 0.83em;

	line-height: 1.5em;

}



div#header p.contact {

	display: inline;

	float: right;

	padding: 33px 20px 20px 0;

}



div#header .logo {

	clear: left;

	padding: 10px 0 0 18px;

}



div#header p#headNav {

	clear: both;

	margin-bottom: 10px;

	font-size: 0.83em;

	line-height: 1.5em;

	text-align: center;

}





/*----------------------------------------------------------------------*/





/*--------------------------------------------------

    +3: #mainBody

==================================================*/



div#mainBody {

	width: 900px;

	margin: 0 auto;

}





/*----------------------------------------------------------------------*/





/*--------------------------------------------------

    +4: #mainContent

==================================================*/



div#mainContent {

	display: inline;

	float: right;

	width: 680px;

}



div#mainContent h1 {

	height: 33px;

	margin-bottom: 20px;

	padding: 5px 0 0 10px;

	background: url(../images/bg_h1.gif) 0 0 no-repeat;

	color: #fff;

	font-size: 1.5em;

	font-weight: bold;

	line-height: 1.5em;

}



div#mainContent p.read {

	margin-bottom: 30px;

}



div#mainContent hr {

	margin-bottom: 30px;

	border: none;

	border-top: 1px dotted #ccc;

}



div#mainContent hr.mB10 {

	margin-bottom: 10px;

}



div#mainContent div.box {

	clear: both;

	margin-bottom: 30px;

	/zoom: 1;

}



div#mainContent div.box:after{

	content: '';

	display: block;

	clear: both;

}



div#mainContent div.box h2 {

	margin-bottom: 15px;

	color: #00bfab;

	font-size: 1.5em;

	font-weight: bold;

	line-height: 1.5em;

}



div#mainContent div.box h2.faq {

	padding: 8px 0 10px 45px;

	background: url(../../faq/images/icon_faq_01.gif) 0 0 no-repeat;

	color: #62be00;

}



div#mainContent div.box h3 {

	margin-bottom: 5px;

	font-size: 1.17em;

	font-weight: bold;

	line-height: 1.5em;

}



div#mainContent div.box p {

	margin-bottom: 10px;

}



div#mainContent div.box p.imgRight {

	display: inline;

	float: right;

	margin: 0 0 20px 20px;

}



div#mainContent div.box ul#homeNav li {

	display: inline;

	float: left;

	margin-bottom: 10px;

}



div#mainContent div.box.border {

	padding-left: 15px;

	border-left: 5px solid #00bfab;

}



div#mainContent div.box.borderRed {

	padding-left: 15px;

	border-left: 5px solid #f872bb;

}



div#mainContent div.area {

	clear: both;

	margin-bottom: 30px;

	padding-top: 20px;

}



div#mainContent div.area h2 {

	color: #ff2074;

	font-size: 1.17em;

	font-weight: bold;

	line-height: 1.5em;

}







/*----------------------------------------------------------------------*/





/*--------------------------------------------------

    +5: #subContent

==================================================*/



div#subContent {

	display: inline;

	float: left;

	width: 200px;

}



div#subContent ul#globalNav {

	padding-bottom: 15px;

}



div#subContent ul#globalNav li {

	margin-bottom: 3px;

}



div#subContent ul#guideNav {

	padding-bottom: 30px;

}



div#subContent ul#guideNav li {

	margin: 0 0 5px 10px;

}



div#subContent ul#guideNav li a {

	padding: 0 0 0 10px;

	background: url(../images/icon_arrow_01.gif) 0 4px no-repeat;

}



div#subContent p {

	text-align: center;

}





/*----------------------------------------------------------------------*/





/*--------------------------------------------------

    +6: #footer

==================================================*/



div#footer {

	clear: both;

	width: 908px;

	height: 110px;

	margin: 0 auto;

	background: url(../images/bg_footer_01.gif) 0 0 no-repeat;

	color: #fff;

}



div#footer p.contact {

	padding: 22px 20px 10px 0;

	text-align: right;

}



div#footer p#footNav {

	font-size: 0.75em;

	line-height: 1.5em;

	text-align: center;

}



div#footer p#footNav a {

	color: #fff;

}