@charset "UTF-8";

body{
	margin:0;
	padding:0;
	background-image:url(../img/back.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#F4FAFE;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#wrapper{width:980px; margin:0 auto;}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/************************************
ヘッダ
************************************/

#header {
	width:980px;
	margin:0 auto 10px;
	position:relative;
	height:127px;
}

#header ul{
	margin:0;
	padding:0;
	list-style:none;
}

#header li,
#header li a{
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#header li a{display:block;}

#header_titleArea{
	width:980px;
	height:67px;
	position:absolute;
	background:url(../img/header_titleback.png) no-repeat;
	top:0;
	left:0;
}

#header_titleArea.topHeader{
	background:url(../img/header_titleback_top.png) no-repeat;
}

#header_title{
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:9px;
}

#header_title a{
	width:221px;
	height:60px;
	display:block;
}

#header_titleSub{display:none;}

#header_submenu li{position:absolute; top:25px;}
#header_submenu li a:hover{background-position:0 -16px;}

#header_top{left:397px;}
#header_top a{background-image:url(../img/header_top.png); width:47px; height:16px;}

#header_delivery{left:463px;}
#header_delivery a{background-image:url(../img/header_delivery.png); width:91px; height:16px;}

#header_ryoukin{left:563px;}
#header_ryoukin a{background-image:url(../img/header_ryoukin.png); width:91px; height:16px;}

#header_mypage{left:662px;}
#header_mypage a{background-image:url(../img/header_mypage.png); width:78px; height:16px;}

#header_application{
	margin:0;
	padding:0;
	position:absolute;
	left:752px;
	top:6px;
}

#header_application a{
	width:222px;
	height:55px;
	background:url(../img/header_application.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
#header_application a:hover{background-position:-222px 0px;}

#header_mainmenu{
	position:absolute;
	left:0;
	top:67px;
}

#header_mainmenu li{
	float:left;
}

#header_mainmenu li a{
	height:60px;
}

#header_mainmenu li a:hover{background-position:0 -60px;}

#header_about a{background-image:url(../img/header_about.png); width:183px;}
#header_server a{background-image:url(../img/header_server.png); width:155px;}
#header_baby a{background-image:url(../img/header_baby.png); width:117px;}
#header_health a{background-image:url(../img/header_health.png); width:122px;}
#header_difference a{background-image:url(../img/header_difference.png); width:136px;}
#header_utilizing a{background-image:url(../img/header_utilizing.png); width:150px;}
#header_faq a{background-image:url(../img/header_faq.png); width:117px;}





/************************************
フッタ
************************************/

#footer{
	width:980px;
	margin:0 auto;
	padding:0;
}

#footer_deliveryArea{
	margin:0;
	padding:0;
	position:absolute;
	left:33px;
	top:18px;
	font-size:12px;
	line-height:1.2;
}

#footer_deliveryArea dt{
	margin:0;
	padding:0;
	font-weight:bold;
	color:#15833F;
}

#footer_deliveryArea dd{
	margin:0 0 0 10px;
	padding:0;
	color:#666;
}

#footer_applicationArea{
	width:980px;
	height:179px;
	margin-bottom:10px;
	background:url(../img/footer_appback.png) no-repeat center bottom;
	position:relative;
}

#footer_application{margin:0; padding:0;}

#footer_application a{
	width:286px;
	height:86px;
	background:url(../img/footer_application.gif) no-repeat;
	display:block;
	position:absolute;
	left:346px;
	top:46px;
	text-indent:-9999px;
}

#footer_application a:hover{
	background-position:0 -86px;
}


#footer_mainmenu{
	width:980px;
	height:60px;
	margin:0 0 10px;
	padding:0;
	list-style:none;
}

#footer_mainmenu li{
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999px;
}

#footer_mainmenu li a{
	display:block;
	height:60px;
}

#footer_mainmenu li a:hover{background-position:0 -60px;}

#footer_about a{background-image:url(../img/footer_about.png); width:183px;}
#footer_server a{background-image:url(../img/footer_server.png); width:155px;}
#footer_baby a{background-image:url(../img/footer_baby.png); width:117px;}
#footer_health a{background-image:url(../img/footer_health.png); width:122px;}
#footer_difference a{background-image:url(../img/footer_difference.png); width:136px;}
#footer_utilizing a{background-image:url(../img/footer_utilizing.png); width:150px;}
#footer_faq a{background-image:url(../img/footer_faq.png); width:117px;}


#footer_btmArea{
	width:980px;
	height:160px;
	margin-bottom:20px;
	background:url(../img/footer_btmback.png) no-repeat;
	position:relative;
}

#footer_submenu{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:33px;
	top:81px;
}

#footer_submenu li{
	margin:0;
	padding:0;
	float:left;
}

#footer_submenu li a{
	height:16px;
	display:block;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#footer_submenu li a:hover{background-position:0 -16px;}

#footer_trouble a{
	width:149px;
	background:url(../img/footer_trouble.png) no-repeat;
	margin-right:13px;
}

#footer_manual a{
	width:84px;
	background:url(../img/footer_manual.png) no-repeat;
	margin-right:15px;
}

#footer_shop a{
	width:86px;
	background:url(../img/footer_shop.png) no-repeat;
	margin-right:13px;
}

#footer_contact a{
	width:96px;
	background:url(../img/footer_contact.png) no-repeat;
}


#footer_trouble a:hover{background-position:0 -16px;}

#footer_freedial,
#mitsuuroko{display:none;}

#footer_logo a{
	width:142px;
	height:46px;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:22px;
	left:547px;
	text-indent:-9999px;
	overflow:hidden;
}

#utilityMenu{
	margin:0;
	padding:0;
	font-size:10px;
	color:#666666;
	text-align:center;
	position:absolute;
	top:117px;
	left:30px;
}

#utilityMenu a{
	color:#666666;
	text-decoration:none;
}
	

#footer_copyright{
	margin:0;
	padding:0;
	font-size:10px;
	color:#666666;
	font-weight:bold;
	text-align:right;
	position:absolute;
	top:117px;
	right:30px;
}


#campaignBanner_common{margin:0; padding:0;}

#campaignBanner_common p a{
	width:980px;
	height:120px;
	margin:0 0 10px;
	background:url(../img/openingcamp_banner.png) no-repeat;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

#campaignBanner_common p a:hover{background-position:0 -120px;}

#campaignBanner_kikan{display:none;}

.taL,.alignLeft { text-align: left   !important;}
.taC,.alignCenter { text-align: center !important;}
.taR,.alignRight { text-align: right  !important;}
.mgb1em,.mgbLine { margin-bottom:1em !important;}
