@charset "utf-8";

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

    CSS File Name - layout.css
    Last-updated: 2011-08-19

    +1: #container
    +2: #header
    +3: #mainBody
    +4: #mainContent
    +5: #subContent
    +6: #footer

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


/*--------------------------------------------------
    +1: #container
==================================================*/

div#container {
	padding-bottom: 20px;
	background: url(../images/bg_container.jpg) 0 0 repeat;
	text-align: left;
}

body.pinkribbon div#container {
	padding-bottom: 20px;
	background: url(../../pinkribbon/images/bg_container.jpg) 0 0 repeat;
	text-align: left;
}

body.brands div#container {
	padding-bottom: 20px;
	background: url(../../brands/images/bg_container.jpg) 0 0 repeat;
	text-align: left;
}



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


/*--------------------------------------------------
    +2: #header
==================================================*/

div#header {
	width: 760px;
	margin: 0 auto;
	/zoom: 1;
}

div#header:after {
	content: '';
	clear: both;
	display: block;
}

div#header p#logo {
	display: inline;
	float: left;
	padding: 10px 0 13px 0px;
}

div#header p#guide {
	display: inline;
	float: right;
	height: 50px;
	padding-top: 10px;
	font-size: 10px;
	line-height: 1.5em;
}

div#header p#guide a {
	color: #010101;
	text-decoration: none;
}

div#header p#guide a:hover {
	text-decoration: underline;
}

div#header p#corp {
	clear: right;
	text-align: right;
}

div#header ul#global {
	clear: both;
}

div#header ul#global li {
	display: inline;
	float: left;
}

div#header ul#global li.last {
	display: inline;
	float: right;
}

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


/*--------------------------------------------------
    +3: #mainBody
==================================================*/

div#mainBody {
	width: 758px;
	margin: 0 auto 0 auto;
	background-color: #D3EAF0;
	border-right:solid 1px #828282;
	border-left:solid 1px #828282;
}

body.brands div#mainBody {
	width: 758px;
	margin: 0 auto 0 auto;
	background-color: #F4EEED;
	border-right:solid 1px #828282;
	border-left:solid 1px #828282;
}

body.pinkribbon div#mainBody {
	width: 758px;
	margin: 0 auto 0 auto;
	background-color: #ECCEDC;
	border-right:solid 1px #828282;
	border-left:solid 1px #828282;
}

div#mainBody p#topicPath {
	padding: 5px 0 5px 20px;
	background-color: #dfdfdf;
	border-bottom: 1px solid #838383;
	font-size: 0.83em;
	line-height: 1.5em;
}

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


/*--------------------------------------------------
    +4: #mainContent
==================================================*/

div#mainContent {
	width: 740px;
	margin: 9px auto 0 auto;
	background-color:#FFFFFF;
}

div#mainContent div#mainVisual {
	margin-bottom: 35px;
	/zoom: 1;
}

div#mainContent div#mainVisual:after {
	content: '';
	clear: both;
	display: block;
}

div#mainContent div.main {
	float:right;
	width: 545px;
	background-color:#FFFFFF;
	margin:10px 10px 50px 0;
	_margin:10px 5px 50px 0;
}

body.pinkribbon div#mainContent div.main {
	float:right;
	width: 525px;
	background-color:#FFFFFF;
	margin:10px 20px 50px 0;
	_margin:10px 10px 50px 0;
}

div#mainContent div.leftmenu {
	float:left;
	width: 165px;
	background-color:#FFFFFF;
	margin:10px 0 80px 10px;
	_margin:10px 0 80px 5px;
}

div#mainContent p#pageTop {
	clear: both;
	padding-bottom: 6px;
	text-align: center;
}


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


/*--------------------------------------------------
    +5: #footer
==================================================*/

div#footer {
	clear: both;
	width: 760px;
	margin: 0 auto;
	font-size: 0.83em;
	line-height: 1.5em;
}

*:first-child+html div#footer {
	clear: both;
	width: 760px;
	margin: -2px auto 0 auto;
	font-size: 0.83em;
	line-height: 1.5em;
}

div#footer p#copyright {
	clear: both;
	padding-top: 15px;
	color: #87abc3;
	text-align: right;
}