@charset "utf-8";
/*******************************************
	共通
*******************************************/
/*******************************************
	pankuzu
*******************************************/
/*
 Topic path
 */

#topicpath {
	margin-top: 5px;
	margin-right: 0;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}
#topicpath li {
	font-size: 12px;
	display: inline;
	list-style-type: none;
	color: #7b7b7b;
	margin-right: 4px;
}
#topicpath li a {
	padding-right: 10px;
}
#topicpath li a:link {
	color: #004eff;
}
#topicpath li a:visited {
	color: #7b7b7b;
}
#topicpath li a:hover {
	color: #2b8efe;
}
#topicpath .other {
	padding-right: 5px;
	margin-right: 5px;
	background-image: url(../img/panpath.png);
	background-position: right center;
	background-repeat: no-repeat;
}
#topicpath .home {
	padding-right: 13px;
	margin-right: 7px;
	background-image: url(../img/panpath.png);
	background-position: right center;
	background-repeat: no-repeat;
}
#topicpath .home a {
	background: url(../img/panico.png) no-repeat;
	background-position: left -16px !important;
	padding-left: 20px;
	padding-right: 0;
	padding-top: 5px;
	line-height: 2em;
}
#topicpath .home a:hover {
	background-position: left 2px !important;
}


/*


/*******************************************
	footer
*******************************************/

#footer{
	width: 950px;
	height: 22px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight: 300;
	text-align: center;
	letter-spacing: 0.1em;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: url(../img/pulldown.png);
	margin-top: 17px;
	border: 1px solid #D1D0D0;
	padding-top: 5px;
}

div#fnavi{
	width:950px;
	height:67px;
	margin:0px auto;
	padding-top:15px;
	border-top: 1px dotted #000000;
	
}

div#fnavi ul{
	width:918px;
	margin:0 auto;
}

div#fnavi ul li{
	float:left;
}
div#fnavi ul li a{
	background:url(../img/footer_text_list.gif) 2px no-repeat;
	padding-left:9px;
	padding-right:10px;
	line-height:220%;
	color:#004897;
	text-decoration:none;
	font-size:86%;
	text-decoration: none;
}

div#fnavi ul li a:hover {
	text-decoration: underline;
}

/*******************************************
clearfix
*******************************************/
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block;
min-height: 1px; }  
/* End hide from IE-mac */  

/*******************************************
margin
*******************************************/
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }

/*******************************************
back to top
*******************************************/
.back_btn {
clear: both;
margin: 5px 0 5px 0;
padding: 0;
text-align: right;
}
.back_btn a:hover{
	text-decoration: underline;
}
/*******************************************
img rollover
*******************************************/

a:hover img.rollover{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: “alpha( opacity=60 )”;
}

/*  reset value  */

img{
	border:none;
}
a{
	text-decoration:none;
	border:none;
	outline:none;
}

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
}
ul,ol{
	margin:0;
	padding:0;
}
ul li,ol li{
	margin:0;
	padding:0;
	list-style:none;
	line-height:1em;
}


/*  common_classes  */

.alternative{
	display:none;
}
.emphasis{
	font-size:110%;
	font-weight:bold;
	color:#900;
}
.positioner{
	margin:10px 0 0 0;
	padding:0;
}

.center{
	text-align: center;
}

/*  トップページ用レイアウト  */

#containerTopBC{
	width:953px;
	height:659px;
	margin:0 auto;
	padding:0;
}
#topContWrapper{
	width:953px;
	height:344px;
	position:relative;
}
#topContWrapperCampaign{
	width:953px;
	position:relative;
}

.topFlashArea{
	width:728px;
	height:344px;
	position:absolute;
	left:0;
	top:0;
}
ul#topBanner{
	width:215px;
	height:344px;
	margin:0;
	padding:0;
	position:absolute;
	left:763px;
	top:0;
}
ul#topBanner li.topBannerChild{
	margin:0 0 6px 0;
	padding:0;
}


ul#topBanner li#topNews img{
	display:block;
	margin:0;
	padding:0;
}
ul#topBanner li#topNews ul{
	width:192px;
	height:128px;
	margin:0 0 0 10px;
	padding:0;
	overflow:auto;
	background-color:#fff;
}

ul#topBanner li#topNews ul li{
	width:148px;
	display:block;
	margin:0;
	padding:5px 0 5px 20px;
	font-size:0.8em;
	line-height:1.4em;
	border-bottom:1px dotted #ccc;
	background: transparent url(../../cfsp/images/news_icon.jpg) no-repeat scroll 10px 9px;
}
ul#topBanner li#topNews ul li.list_end{
	border-bottom:none;
}

ul#topBanner li#topNews ul li a{
	color:#0e88df;
}

/*  ie6、7以外で反映  */
ul#topBanner li#topNews ul li:last-child {
	border:none;
	background: none;
}


/*  トップページ下部  */

#bottomAreaTopBC{
	width:953px;
	height:87px;
	margin:0;
	padding:0;
	background:transparent url(../../cfsp/images/dotline.jpg) no-repeat scroll 0 5px;
}

#bottomAreaTopBC #leftBox{
	width:888px;
	height:77px;
	margin:0;
	padding:10px 0 0 0;
	float:left;
	position:relative;
}
#bottomAreaTopBC #leftBox ul{
	width:850px;
	height:20px;
	margin:1px 0 4px 20px;
	padding:0;
}

#bottomAreaTopBC #leftBox ul li{
	font-size:0.8em;
	line-height:20px;
	margin:0;
	padding:0;
	float:left;
}
#bottomAreaTopBC #leftBox ul li a{
	display:block;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0 20px 0 10px;
	float:left;/* for ie6 */
	background:transparent url(../../cfsp/images/footermenu_icon.jpg) no-repeat scroll 0 8px;
}
#bottomAreaTopBC #leftBox ul li a:hover{
	text-decoration:underline;
}

#bottomAreaTopBC #rightBox{
	width:215px;
	height:80px;
	margin:10px 0 0 0;
	padding:0;
	float:right;
	position:relative;
}


/*  共通画面下部  */

#bottomAreaBC{
	width:953px;
	height:110px;/*固定70px?*/
	margin:15px 0 0 0;
	padding:10px 0 0 0;
	background:transparent url(../../cfsp/images/dotline.jpg) no-repeat scroll 0 0;
}
#bottomAreaBC ul{
	clear:both;
	margin:5px 0 0 20px;
	padding:0;
}
#bottomAreaBC ul li{
	font-size:0.8em;
	line-height:20px;
	margin:0;
	padding:0;
	float:left;
}
#bottomAreaBC ul#line1st{
	margin:0 0 0 20px;
	padding:20px 0 0 0;
}
#bottomAreaBC ul#line1st li a{
	display:block;
	height:20px;
	margin:0;
	padding:0 20px 0 15px;
	font-size:1.1em;
	font-weight:bold;
	line-height:20px;
	float:left;/* for ie6 */
	background:transparent url(../../cfsp/images/fmenu_icon.jpg) no-repeat scroll 0 4px;
}
#bottomAreaBC ul li a{
	display:block;
	height:20px;
	line-height:20px;
	margin:0;
	padding:0 15px 0 7px;
	float:left;/* for ie6 */
	background:transparent url(../../cfsp/images/footermenu_icon.jpg) no-repeat scroll 0 7px;
}
#bottomAreaBC ul li a:hover{
	text-decoration:underline;
}
/*  ページ最下部共通  */

#copyrightArea{
	clear:both;
	width:953px;
	height:22px;
	text-indent:-9999px;
	background-image: url(../../img/copyright.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}


/*  ボディケア共通  */

#mainContainer{
	width:953px;
	margin:0;
	padding:0;
}
#mainContainer .contentsLeft{
	width:733px;
	float:left;
	background-color:#FFFFFF;
	line-height:25px;
	color: #666;
}
#mainContainer .contentsLeftClear{
	width:733px;
	float:left;
	line-height:25px;
	color: #666;
}

#mainContainer .contentsLeft_tx{
	width:733px;
	float:left;
	background-color:#FFFFFF;
	line-height:25px;
	color: #666;
	background-image:url(../../cfsp/images/bg.gif);
	background-repeat:repeat-y;
}

#mainContainer .contentsLeft .contentsInner{
	width:670px;
	margin:0 30px;
	padding:10px 0;
}
.text{
	width:666px;
	margin: 0 auto;
	padding: 0 auto;
	line-height: 25px;
	color: #666;
}

.text p{
	font-size:1.2em;
}

/*  ボディケア右エリア共通  */

#mainContainer .contentsRight{
	width:220px;
	float:right;
}
#mainContainer .contentsRight .contentsInner{
	width:190px;
	margin: 0 0 0 30px;
}
#mainContainer .contentsRight .contentsInner ul{
	width:190px;
}

#mainContainer .contentsRight .contentsInner ul li img{
	display:block;
	width:190px;
	border:0
	margin:0;
	padding:0;
}

/*  見出し  */

h2.sceneTitle01{
	clear:both;
	width:730px;
	height:63px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	background: transparent url(../../cfsp/images/h2_life_scene.jpg) no-repeat scroll 0 0;
}



/*  生活の様々なシーンボタン群  */

ul#sceneSelect{
	width:637px;
	height:338px;
	margin:10px auto;
	padding:0;
	position:relative;
}

ul#sceneSelect a#sceneBtn01,
ul#sceneSelect a#sceneBtn02,
ul#sceneSelect a#sceneBtn03,
ul#sceneSelect a#sceneBtn05,
ul#sceneSelect a#sceneBtn06,
ul#sceneSelect a#sceneBtn07{
	display:block;
	width:318px;
	height:84px;
}
ul#sceneSelect a#sceneBtn04,
ul#sceneSelect a#sceneBtn08{
	display:block;
	width:318px;
	height:86px;
}
ul#sceneSelect a#sceneBtn01{
	background:transparent url(../../cfsp/images/life_scene_btn_off.jpg) no-repeat scroll 0 0;
	position:absolute;
	left:0;
	top:0;
}
ul#sceneSelect a#sceneBtn01:hover{
	background:transparent url(../../cfsp/images/life_scene_btn_on.jpg) no-repeat scroll 0 0;
}
ul#sceneSelect a#sceneBtn02{
	background:transparent url(../../cfsp/images/life_scene_btn_off.jpg) no-repeat scroll 0 -84px;
	position:absolute;
	left:0;
	top:84px;
}
ul#sceneSelect a#sceneBtn02:hover{
	background:transparent url(../../cfsp/images/life_scene_btn_on.jpg) no-repeat scroll 0 -84px;
}
ul#sceneSelect a#sceneBtn03{
	background:transparent url(../../cfsp/images/life_scene_btn_off.jpg) no-repeat scroll 0 -168px;
	position:absolute;
	left:0;
	top:168px;
}
ul#sceneSelect a#sceneBtn03:hover{
	background:transparent url(../../cfsp/images/life_scene_btn_on.jpg) no-repeat scroll 0 -168px;
}
ul#sceneSelect a#sceneBtn04{
	background:transparent url(../../cfsp/images/life_scene_btn_off.jpg) no-repeat scroll 0 -252px;
	position:absolute;
	left:0;
	top:252px;
}
ul#sceneSelect a#sceneBtn04:hover{
	background:transparent url(../../cfsp/images/life_scene_btn_on.jpg) no-repeat scroll 0 -252px;
}
ul#sceneSelect a#sceneBtn05{
	background:transparent url(../../cfsp/images/life_scene_btn_off.jpg) no-repeat scroll -318px 0;
	position:absolute;
	left:320px;
	top:0;
}
ul#sceneSelect a#sceneBtn05:hover{
	background:transparent url(../../cfsp/images/life_scene_btn_on.jpg) no-repeat scroll -318px 0;
}
ul#sceneSelect a#sceneBtn06{
	background:transparent url(../../cfsp/images/life_scene_btn_off.jpg) no-repeat scroll -318px -84px;
	position:absolute;
	left:320px;
	top:84px;
}
ul#sceneSelect a#sceneBtn06:hover{
	background:transparent url(../../cfsp/images/life_scene_btn_on.jpg) no-repeat scroll -318px -84px;
}
ul#sceneSelect a#sceneBtn07{
	background:transparent url(../../cfsp/images/life_scene_btn_off.jpg) no-repeat scroll -318px -168px;
	position:absolute;
	left:320px;
	top:168px;
}
ul#sceneSelect a#sceneBtn07:hover{
	background:transparent url(../../cfsp/images/life_scene_btn_on.jpg) no-repeat scroll -318px -168px;
}
ul#sceneSelect a#sceneBtn08{
	background:transparent url(../../cfsp/images/life_scene_btn_off.jpg) no-repeat scroll -318px -252px;
	position:absolute;
	left:320px;
	top:252px;
}
ul#sceneSelect a#sceneBtn08:hover{
	background:transparent url(../../cfsp/images/life_scene_btn_on.jpg) no-repeat scroll -318px -252px;
}



/*  パンくず共通  */

.breadcrumbs{
 	width:953px;
	margin: 10px 0 20px 0;
	padding: 0;
	color:#004497;
	font-size: 12px;
}

.breadcrumbs a:hover{
	text-decoration:underline;
}


/*  アンカー臨時  */

.anchor_list_bc{
	clear:both;
	width:650px;
	margin: 10px auto;
	padding: 10px auto;
	color: #4476b3;
}

.anchor_list_bc a:hover{
	text-decoration:underline;
}

.anchor_list_bc a:link {
	 color: #4476b3;
}

.anchor_list_bc ul {
	list-style-type: none;
}

.anchor_list_bc li {
	/*	display:inline;*/
	float: left;
	height: 20px;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../../cfsp/images/pankuzu.png);
	background-color: transparent;
	padding-right: 0;
	padding-left: 24px;
	padding-bottom: 0;
	vertical-align: top;
}



.back_btn {
	clear:both;
	display:block;
	text-align:right;
	margin: 20px 0;
}
.back_btn a:hover{
	text-decoration:underline;
}

/*new css 20131217*/

ul#topBanner li.topBannerTitle{
	height:23px;
	margin:5px 0 5px;
	padding:0;
}

#bottomAreaTopBC #leftBox{
	width:953px;
	height:100px;
	margin:0;
	padding:10px 0 0 0;
	float:left;
	position:relative;
}
#bottomAreaTopBC #leftBox ul{
	width:750px;
	height:20px;
	margin:1px 0 4px 20px;
	padding:0;
}


#mainContainer .contentsRight .contentsInner ul li{
	margin:0 0 5px 0;
	padding:0;
}
.seasonBannerBox2{
	width:430px;
	margin:0px auto;
	padding:0px;
	clear:both;
}

.seasonBannerBox2 a{
	margin:0px 0px 10px 15px;
	padding:0px;
	clear:both;
}
/*******************************************
campaign
*******************************************/
.campaign_on{
	/*キャンペーンないとき*/
	display: none;

	/*キャンペーンあるとき*/
	/*
	display:inline-block;
	width: 733px;
	height: 68px;
	background:url(../img/campaign_banner.png) no-repeat;
	margin-bottom: 10px;
	float: left;
	*/
}