@charset "UTF-8";

/*base style*/
html{
	margin: 0;
	padding: 0;
}
body{
	margin: 0;
	padding: 0;
	color: #333333;
}
img{
	border: 0;
}



/*wrapper*/
#wrapper {
	padding-bottom:40px;
}
/*ヘッダー*/
#header{
background:#f1f1f1 url(/global/img/common/bg_header.gif) repeat-x;
margin:0;
padding:0;
text-align: center;
}

#header #headerS {
width:970px;
height:40px !important;
margin:0 auto;
padding:4px 0 0;
text-align:left;
}

#header #headerS .logo{
	float:left;
	margin:2px 0 0;
}
#header #headerS p.pagetitle{
	float:right;
	font-size:12px;
	color:#333333;
	margin:9px 0 0 0;
	padding:0;
	font-weight:bold;
}

#header #headerS p.pagetitle span.period{
	margin-left:.5em;
	font-weight:normal;
}

/*topicPath*/
#header ul.topicPath{
	width:970px;
	margin:0 auto;
	padding: 6px 0 4px;
}
#header ul.topicPath li{
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	background: url(/global/img/common/icon_breadcrumb.gif) 4px 50% no-repeat;
}
#header ul.topicPath li.firstChild{
	background: none;
	padding-left: 0;
}


/*footNav*/
#footNav{
	background:#f6f6f6 url(/global/img/common/bg_foot_index.gif) repeat-x;
	padding:30px 10px;
}

#footNav .socialLink ul{
	margin:0;
	padding:0 5px;
}

#footNav .socialLink li{
	display:inline-block;
	margin:0 0 0 5px;
	vertical-align:top;
}

html*#footNav .socialLink li{
display:inline;
zoom:1;
}

#footNav .adUnit{
	padding:5px;
}

/*indexmenu*/
.indexMenu ul{
	margin:0;
	padding:5px 0 30px;
}

.indexMenu ul li{
	list-style:none;
	margin:0;
	padding:.3em 0 .3em 25px;
	border-bottom:1px solid #e1e1e1;
	background:url(/global/img/common/icon_arrow_s.gif) 10px 0.5em no-repeat;
}
.indexMenu ul li li{
	display:inline;
	padding-left:1em;
	background:none;
	}

.indexMenu ul p.title{
	border-top:5px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:0;
	padding:.8em 0 .6em 10px;
	font-size:115%;
}


/* globalNav */
#globalNav{background:#FFF; padding-bottom:10px;}
#globalNav ul {padding:5px 10px 0; margin:0; list-style:none; height:35px; position:relative; z-index:500;}
#globalNav ul li {float:left; margin-right:1px;}
#globalNav ul li a {display:block; float:left; height:35px; line-height:32px; color:#fff; text-decoration:none; font-size:14px; font-weight:bold; padding:0 25px 0 17px;}

#globalNav ul table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

#globalNav ul li a:hover {z-index:200; position:relative; color:#000; background-color:#fff; line-height:35px;}
#globalNav ul li:hover {position:relative; z-index:200;}

#globalNav ul li:hover > a {color:#000; background:#fff; line-height:35px;
-moz-border-radius: 3px 3px 0px 0px;  
-webkit-border-radius: 3px 3px 0px 0px;  
border-radius: 3px 3px 0px 0px;
}
#globalNav ul li:hover > a.submenu {color:#000; background-color:#fff; background:#fff url(/global/img/common/btn_tab_arrow2.gif) no-repeat right center; 
-moz-border-radius: 3px 3px 0px 0px;  
-webkit-border-radius: 3px 3px 0px 0px;  
border-radius: 3px 3px 0px 0px;
}

#globalNav ul li.selected a {color:#000; background:#fff; line-height:35px; 
-moz-border-radius: 3px 3px 0px 0px;  
-webkit-border-radius: 3px 3px 0px 0px;  
border-radius: 3px 3px 0px 0px;
}

#globalNav ul li a.submenu {background: url(/global/img/common/btn_tab_arrow.gif) no-repeat right center;}
#globalNav ul li.selected a.submenu {color:#000; background:#fff url(/global/img/common/btn_tab_arrow2.gif) no-repeat right center; line-height:35px;}

#globalNav ul :hover ul {left:0; top:35px; width:120px; background:#fff;}

#globalNav ul ul, 
#globalNav ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#globalNav ul :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#globalNav ul :hover ul li {margin:0; border-bottom:1px solid #ccc; border-right:1px solid #efefef; border-left:1px solid #efefef;}
#globalNav ul :hover ul li a {width:170px; padding:0; text-indent:10px; background:#fff; color:#000; height:35px; line-height:35px;}

#globalNav ul :hover ul :hover {background-color:#efefef; color:#000;}

	
/* ===== footer ===== */

#footer .footInner{
	width:970px;
	margin:0 auto;
}

#footerCommon{
	width:100%;
	padding:10px 0 25px;
	*padding:20px 0 25px;
	background:#fff url(/global/img/common/bg_co_footer.gif) repeat-x top;
}
#footerCommon .footerlogo{
	margin:-4px 10px 0 0;
	float:left;
	position:relative;
}
#footerCommon .fnavi{
	float:left;
	margin:0 0 5px 0;
	padding:0;
	color:#dcdcdc;
}
#footerCommon .fnavi ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footerCommon ul li {
	float:left;
	margin:0 4px;
}

#footerCommon ul li a{
	margin-right:8px;
}

#footerCommon .fnavi .copyright {
margin:0 4px 4px;
text-align:left;
line-height:15px;
color:#999;
font-family:Arial, Helvetica, sans-serif;
}

#footerCommon a.f_pagetop{
	float:right;
	background:url(/global/img/common/icon_pagetop.gif) right top no-repeat;
	padding:1px 18px 0 0;
	}

/* footpr */
#footList{
	width:100%;
	padding:20px 0 35px;
	background:#ffffff;
	border-top:1px solid #efefef;
}
#footList .banner{
	float:left;
}
#footList .categoryBlock{
	float:left;
	width:185px;
	min-height:185px;
	margin-left:40px;
	padding-left:20px;
	border-left:1px solid #e8e8e8;
}

#footList .title{
	margin-bottom:1.2em;
	color:#999;
}
#footList .thumLink p{
	margin-bottom:8px;
}

#footList .thumLink p{
	font-weight:bold;
	margin-top:5px;
}
#footList .thumLink img{
	float:left;
	margin-right:5px;
}

/*コンテンツ下ランダムPR*/
#footNav .footPR01 {
	margin:5px 0 0 5px;
	font-size:91.6%;
	color:#888;
}
#footNav .footPR02 {
	margin:0 0 0 5px;
	font-size:91.6%;
}
#footNav .footPR01 a, #footNav .footPR02 a {
	display: inline;
	margin-right: 15px;
	color:#888;
}

/*フッター用ランダムPR*/
#footer .footPR01 {
margin:0 0 3px;
font-size:91.6%;
color:#999;
}
#footer .footPR02 {
margin-bottom:30px;
font-size:91.6%;
}
#footer .footPR01 a, #footer .footPR02 a {
display: inline;
margin-right: 15px;
color:#999;
}



/*ビューティ用frame*/
#beauty #innerWrap {
	width:970px;
	margin:0 auto;
	padding:0 5px 0 5px;
	background: url(/global/img/common/bg_innerwrap_b.png) left top repeat;
}

#beauty #content{
	padding: 0 10px 10px;
}

#beauty .indexMenu ul{
	width:635px;
}

/*ワイドframe*/
#wide #content{
	width:980px;
	margin:0 auto;
	}
#wide #footer{
	border-top:1px solid #efefef;
	}
#wide #header #headerS {
width:980px;
}

#wide #footer .footInner{
	width:980px;
}

/*終了告知*/
#header div.notice{
	width:100%;
	background-color:#f5f5f5;
	border-bottom:1px solid #e6e6e6;
	color:#666;
}

#header div.noticeInner{
	width:970px;
	margin:0 auto;
	padding:15px 0 20px;
	text-align:left;
}

#header div.notice p.title{
	margin-bottom:.1em;
	font-size:125%;
	color:#F00;
	}

#header div.notice ul li{
	display:inline;
	margin:0 15px 0 0;
	}