@charset "utf-8";
/* ===== Universal Reset ===== */

*{
margin:0;
padding:0;
}





img{
border:0px;
}

ul,dl,ol{
list-style-type:none;
list-style-position:outside;
}

li{
line-height:1.3;
}












/* ===== Global Common Style ===== */

body{
	color:#333;
	background:#FFF url(../img/bg_body.jpg) repeat-x center top;
	text-align: center;
	font-size: 1em;
	font-family: "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
}

* html body{/* ===== IE hack ===== */
	margin-left: 1px;
}




hr {
	height: 0px;
	clear: both;
}


a {
	color: #8F2718;
	text-decoration: underline;
	overflow: hidden;
}


a:hover {
	color: #FF9900;
}


.left{
	float: left;
	clear: left;
	margin-right: 10px;
	margin-bottom:10px;
}

.right{
	float: right;
	clear: right;
	margin-left: 10px;
	margin-bottom:10px;
}



.hrline{
	height: 3px;
	background-image: url(../img/ln_dot01.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

.hrline hr{
	display: none;
}


.smalltxt{
	font-size: 0.8em;
	color: #532928;
}

.pinktxt{
	color: #E34468;
}

.pinktxt_bold{
	color: #E34468;
	font-weight:bold;
}

.redtxt{
	color: #FF0000;
}

a.gaibu{
	padding-right: 14px;
	background: url(../img/ic_gaibu.gif) no-repeat right center;
}

/* ===== Global Layout ===== */




#frame {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/bg_frame.jpg);
	background-repeat: repeat-y;
	background-color: #FFF;
}

#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background: #fff;
	text-align: left;
}




/* ===== Heading ===== */

h1, h2, h3, h4, h5, h6{
	clear:both;
}

h1{
}



h2{
}

h2.hd1{
	padding-left: 14px;
	padding-top: 2px;
	padding-bottom: 1px;
	background-image: url(../img/ic01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 1.2em;
	color: #4B3736;
}

h2.hd2{
	padding-left: 12px;
	padding-top: 2px;
	padding-bottom: 1px;
	background-image: url(../img/ic05.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	font-size: 1em;
	color: #4B3736;
}


h2.hd3{
	height: 23px;
	min-height: 23px;
	margin-bottom: 10px;
	background-image: url(../img/bg_h3hd4.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 10px;
	line-height: 20px;
	color: #FFFFFF;
	padding-top: 0px;
	margin-top: 0px;
}

h3{
}

h3.hd1{
	max-height: 17px;
	padding-left: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 16px;
	background-image: url(../img/ttl_h3hd1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border: 1px solid #CCCCCC;
	font-weight: normal;
	font-size: 1.2em;
}

* html body h3.hd1{/* ===== IE hack ===== */
	padding-top: 4px;
}

html:first-child body h3.hd1{/* ===== Opera hack ===== */
	padding-top: 4px;
}




h3.hd2{
	max-height: 17px;
	padding-left: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 16px;
	background-image: url(../img/ttl_h3hd2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border: 1px solid #CCCCCC;
	font-weight: bold;
	font-size: 1.2em;
}




* html body h3.hd2{/* ===== IE hack ===== */
	padding-top: 4px;
}

html:first-child body h3.hd2{/* ===== Opera hack ===== */
	padding-top: 4px;
}




h3.hd3{
	height: 23px;
	min-height: 23px;
	margin-bottom: 16px;
	background-image: url(../img/bg_h3hd3_2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #CCCCCC;
	font-weight: normal;
	font-size: 1.2em;
}




h3.hd3 span.num{
	float: left;
	height: 23px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 2px;
	margin-right: 10px;
	background-image: url(../img/bg_h3hd3_1.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
}

* html body h3.hd3 span.num{/* ===== IE hack ===== */
	height: 17px;
	padding-top: 3px;
	padding-bottom: 3px;
	background-repeat: repeat;
}

h3.hd3 span.title{
	float: left;
	padding-top: 3px;
	padding-bottom: 2px;
	display: block;
}

* html body h3.hd3 span.title{/* ===== IE hack ===== */
	padding-top: 4px;
}

h3.hd3 span.days{
	float: right;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 7px;
	font-weight: bold;
	font-size: 0.8em;
	color: #E34468;
	display: block;
}

* html body h3.hd3 span.days{/* ===== IE hack ===== */
	padding-top: 6px;
}


h3.hd3 span.txt{
	float: left;
	padding-left: 0.5em;
	padding-top: 4px;
	font-size: 0.9em;
	color: #E34468;
	display: block;
}

* html body h3.hd3 span.txt{/* ===== IE hack ===== */
	padding-top: 5px;
}



h3.hd4{
	background-image: url(../img/bg_h3hd3_2.jpg);
	font-size: 1em;
	background-repeat: repeat;
	padding-left: 10px;
	background-position: left;
	margin-bottom: 15px;
	height: 16px;

}









h4{
}

h4.hd1{
	padding-left: 13px;
	padding-bottom: 3px;
	margin-bottom: 16px;
	background-image: url(../img/ttl_h4hd1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom: 1px solid #CCCCCC;
	font-weight: normal;
	font-size: 1.2em;
}

* html body h4.hd1{/* ===== IE hack ===== */
	padding-top: 2px;
	padding-bottom: 4px;
}

html:first-child body h4.hd1{/* ===== Opera hack ===== */
	padding-bottom: 4px;
}

h4.hd2{
	padding-left: 13px;
	padding-bottom: 3px;
	margin-bottom: 16px;
	background-image: url(../img/ttl_h4hd2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom: 1px solid #CCCCCC;
	font-weight: normal;
	font-size: 1.2em;
}

* html body h4.hd2{/* ===== IE hack ===== */
	padding-top: 2px;
	padding-bottom: 4px;
}

html:first-child body h4.hd2{/* ===== Opera hack ===== */
	padding-bottom: 4px;
}

h4.hd2_face01{
	padding-left: 35px;
	padding-top: 7px;
	padding-bottom: 12px;
	margin-bottom: 16px;
	background-image: url(../img/ttl_h4hd2_face1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-weight: normal;
	font-size: 1.2em;
}

* html body h4.hd2_face01{/* ===== IE hack ===== */
	padding-top: 7px;
}

html:first-child body h4.hd2_face01{/* ===== Opera hack ===== */
	padding-top: 9px;
}

h4.hd2_face02{
	padding-left: 35px;
	padding-top: 7px;
	padding-bottom: 12px;
	margin-bottom: 16px;
	background-image: url(../img/ttl_h4hd2_face2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-weight: normal;
	font-size: 1.2em;
}

* html body h4.hd2_face02{/* ===== IE hack ===== */
	padding-top: 7px;
}

html:first-child body h4.hd2_face02{/* ===== Opera hack ===== */
	padding-top: 9px;
}


h4.hd3{
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 16px;
	background-repeat: repeat;
	background-position: 0px 2px;
	font-size: 1em;
	color: #532928;
	background-color: #FFF7D9;
}

* html body h4.hd3{/* ===== IE hack ===== */
	background-position: 0px 1px;
}


h4.hd5{
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 16px;
	background-repeat: repeat;
	background-position: 0px 2px;
	font-size: 1em;
	color: #333333;
	background-color: #EAEDEE;
}

* html body h4.hd3{/* ===== IE hack ===== */
	background-position: 0px 1px;
}



h5{
}

h5.hd1{
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 16px;
	background-image: url(../img/ttl_h5hd1.jpg);
	background-repeat: repeat;
	background-position: 0px 2px;
	font-size: 1em;
	color: #532928;
}


h5.hd4{
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 16px;
	background-image: url(../img/ttl_h5hd4.jpg);
	background-repeat: repeat-x;
	background-position: 0px 1px;
	font-size: 1em;
	color: #532928;
	margin-top: 10px;
}

* html body h5.hd1{/* ===== IE hack ===== */
	background-position: 0px 1px;
}

h5.hd1type01{
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 16px;
	background-image: url(../img/ttl_h5type01.jpg);
	background-repeat: repeat;
	background-position: 0px 2px;
	font-size: 1em;
	color: #336666;
}

* html body h5.hd1type01{/* ===== IE hack ===== */
	background-position: 0px 1px;
}



h5.hd1type02{
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 16px;
	background-image: url(../img/ttl_h5type02.jpg);
	background-repeat: repeat;
	background-position: 0px 2px;
	font-size: 1em;
	color: #4674A3;
}

* html body h5.hd1type02{/* ===== IE hack ===== */
	background-position: 0px 1px;
}



h5.hd1type03{
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 16px;
	background-image: url(../img/ttl_h5type03.jpg);
	background-repeat: repeat;
	background-position: 0px 2px;
	font-size: 1em;
	color: #E35B00;
}

* html body h5.hd1type03{/* ===== IE hack ===== */
	background-position: 0px 1px;
}



h5.hd1type04{
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 16px;
	background-image: url(../img/ttl_h5type04.jpg);
	background-repeat: repeat;
	background-position: 0px 2px;
	font-size: 1em;
	color: #CC3366;
}

* html body h5.hd4{/* ===== IE hack ===== */
	background-position: 0px 1px;
}



h6{
}

h6.hd1{
	padding-left: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 16px;
	background-repeat: repeat;
	background-position: 0px 2px;
	font-size: 1em;
	color: #532928;
	background-color: #F0F0F0;
}


/*****************************/
/* toplist  */
/*****************************/

#toplist{
	clear: both;
	min-height: 18px;
	padding-left: 29px;
	padding-right: 34px;
	padding-top: 9px;
	background-image: url(../img/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: right;
}

* html body #toplist{/* ===== IE hack ===== */
	height: 18px;
}


#toplist ul{
	clear: both;
	margin-right: 10px;
}

* html body #toplist ul{/* ===== IE hack ===== */
	margin-right: 14px;
}


#toplist ul li{
	padding-left: 18px;
	margin-left: 6px;
	background-image: url(../img/ic_toplist.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: inline;
}

#toplist ul li a{
	color: #666666;
}

#toplist ul li a:hover{
	color: #FF9900;
}







/*****************************/
/* headerArea  */
/*****************************/

#headerArea{
	clear: both;
	padding-left: 29px;
	padding-right: 34px;
	padding-bottom: 10px;
	background-image: url(../img/bg_headarea.gif);
	background-repeat: no-repeat;
	background-position: top;
}




/* ===== id ===== */


#id{
	float: left;
	clear: left;
	margin-top: 20px;
	display: inline;
	text-align: left;
}

#logo{
	width: 361px;
	height: 55px;
	text-indent: -9999px;
	background-image: url(../img/id.jpg);
	background-repeat: no-repeat;
	display: block;
}




#logo a{
	width: 361px;
	height: 55px;
	text-decoration: none;
	display: block;
}



/* ===== headrightArea ===== */


#headrightArea{
	float: right;
	clear: right;
	text-align: right;
	display: inline;
}


/* ===== headlist ===== */

#headlist{
	clear: both;
	height:36px;
}


#headlist ul{
	padding-top: 6px;
	padding-bottom: 2px;
}

#headlist ul li{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	background-image: url(../img/ln_dot_toplist.gif);
	background-repeat: repeat-y;
	background-position: left;
	display: inline;
}

#headlist ul li a{
	color: #666;
}

#headlist ul li a:hover{
	color: #FF9900;
}



/* ===== searchArea  ===== */

#searchArea{
	clear: both;
	width: 300px;
	height: 20px;
}


#searchArea .textsearch{


}







/*****************************/
/* gnav Area  */
/*****************************/

#gnav{
	clear: both;
	padding-bottom: 12px;
	margin-bottom: 1px;
	width: 800px;
	height: 46px;
	background-image: url(../img/bg_gnav.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

#gnav ul li{
	float: left;
}


#gnav ul li a{
	height: 46px;
	background-image: url(../img/gnav.jpg);
	background-repeat: no-repeat;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}



#gnav ul li a.g_guide{
	width: 160px;
	background-position: 0px 0px;
}

#gnav ul li a.g_guide:hover{
	background-position: 0px -46px;
}

#gnav ul li a.g_guide_f2{
	width: 160px;
	background-position: 0px -46px;
}



#gnav ul li a.g_lifestyle{
	width: 160px;
	background-position: -160px 0px;
}

#gnav ul li a.g_lifestyle:hover{
	background-position: -160px -46px;
}

#gnav ul li a.g_lifestyle_f2{
	width: 160px;
	background-position: -160px -46px;
}



#gnav ul li a.g_check{
	width: 160px;
	background-position: -320px 0px;
}

#gnav ul li a.g_check:hover{
	background-position: -320px -46px;
}

#gnav ul li a.g_check_f2{
	width: 160px;
	background-position: -320px -46px;
}


#gnav ul li a.g_column{
	width: 160px;
	background-position: -480px 0px;
}

#gnav ul li a.g_column:hover{
	background-position: -480px -46px;
}

#gnav ul li a.g_column_f2{
	width: 160px;
	background-position: -480px -46px;
}



#gnav ul li a.g_plus{
	width: 160px;
	background-position: -640px 0px;
}

#gnav ul li a.g_plus:hover{
	background-position: -640px -46px;
}

#gnav ul li a.g_plus_f2{
	width: 160px;
	background-position: -640px -46px;
}





/*****************************/
/* optionArea  */
/*****************************/

#optionArea{
	clear: both;
	padding-left: 12px;
	padding-right: 12px;
	background-image: url(../img/ln_dot01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}




/* ===== sizemenuArea ===== */



#sizemenu{
	float: right;
	clear: right;
	padding-top:16px;
}

#sizemenu ul{
	font-size: 8px;
	clear: both;
}


#sizemenu ul li{
	display: inline;
}





/*****************************/
/* breadcrumbArea */
/*****************************/

#breadcrumbArea{
	clear:left;
	margin-bottom: 10px;
	padding-left: 12px;
	padding-right: 10px;
}

#breadcrumbArea a{
	color: #E34468;
}

#breadcrumbArea a:hover{
	color: #FF9900;
}


#breadcrumbtxt{
	float: left;
	clear: left;
	margin-bottom: 5px;
}


/* ===== wakabaArea ===== */

#wakabaArea{
	float: right;
	clear: right;
	padding-left: 14px;
	background-image: url(../img/ic_wakaba.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}



/*****************************/
/* headimg */
/*****************************/

#headimg{
	clear: both;
}






/*****************************/
/* contentsArea */
/*****************************/

#contentsArea{
	clear: both;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}






/*****************************/
/* leftcontentsArea */
/*****************************/

#leftArea{
	float: left;
	clear: left;
}





/* ===== maincontentsArea   ===== */

#maincontentsArea{
	padding-left: 12px;
	padding-right: 20px;
	padding-top: 18px;
	margin-bottom: 16px;
}




.txtArea{
	clear: both;
	padding-right: 10px;
	margin-bottom: 15px;
}



/* ===== golinkArea   ===== */

.golinkArea{
	float: right;
	clear: both;
	margin-bottom: 4px;
	text-align: right;
}

.golinkArea ul li{
	clear: both;
	padding-left: 16px;
	background-image: url(../img/arrow02.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.golinkArea ul li a.gaibu{
	padding-right: 14px;
	background-image: url(../img/ic_gaibu.gif);
	background-repeat: no-repeat;
	background-position: right;
}




/* ===== pagetop   ===== */

#pagetop{
	clear:both;
	margin-bottom: 6px;
}

#pagetop a{
	float: right;
	width: 70px;
	height: 15px;
	margin-bottom: 16px;
	background-image: url(../img/pagetop.gif);
	background-repeat: no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	display: block;
	text-decoration: none;
}










/* ===== phase01用＊不要になったら消す ===== */

/* ===== displaynoneArea ===== */

.displaynoneArea{
	display: none;
}





/*****************************/
/* rightContentsArea  */
/*****************************/

#rightArea{
	float: right;
	clear: right;
}


/* ===== infoArea ===== */

.infoArea{
	clear: both;
	margin-bottom: 18px;
	border: 1px solid #CCCCCC;
}

.infoArea h3{
	clear: both;
	margin-bottom: 6px;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../img/bg_ttl_info.jpg);
	background-repeat: no-repeat;
	background-color: #333333;
	font-size: 1em;
	color: #FFFFFF;
}

* html body .infoArea h3{/* ===== IE hack ===== */
	padding-top: 6px;
	padding-bottom: 6px;
}


.infoArea h3.ttl_lnav{
	padding-left: 26px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 0px;
	background-image: url(../../common/img/ttl_jiten.jpg);
	background-color: #E3D9B9;
	text-indent: 0px;
	font-size: 1em;
	color: #532928;
}

* html body .infoArea h3.ttl_lnav{/* ===== IE hack ===== */
	padding-top: 7px;
}

.infoArea h3.ttl_lnav a{
	text-decoration: none;
	color: #532928;
}



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

#footer{
	clear:both;
	padding-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	color: #666666;
}




/* =====  footlist   ===== */

#footlist{
	clear: both;
	padding-top: 10px;
	padding-bottom: 8px;
	background-image: url(../img/bg_footlist.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
}

#footlist ul{
	clear: both;
	padding-right: 6px;
	padding-top: 3px;
	background-image: url(../img/ln_dot02.gif);
	background-repeat: repeat-y;
	background-position: right;
	display: inline;
}

#footlist ul li{
	padding-left: 14px;
	padding-right: 6px;
	padding-top: 3px;
	background-image: url(../img/ln_dot02.gif);
	background-repeat: repeat-y;
	background-position: left;
	display: inline;
}

#footlist ul li a{
	color: #E34468;
}

#footlist ul li a:hover{
	color: #FF9900;
}





/* ===== footermenuArea   ===== */


#footermenuArea{
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 4px;
	padding-bottom: 6px;
	background-image: url(../img/bg_footmenu.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#footermenu{
	float: left;
	clear: left;
	padding-top: 16px;
}

#footermenu ul{
	margin: 6px;
}


#footermenu li{
	display:inline;
	padding-left: 16px;
	margin-right: 10px;
	background-image: url(../img/arrow01.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#footermenu li a{
	color: #666;
}

#footermenu li a:hover{
	color: #FF9900;
}


#logofoot{
	float: right;
	clear: right;
	display: block;
}

#logofoot a{
	width: 109px;
	height: 49px;
	background-image: url(../img/id_foot.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
}




/* ===== footercopy    ===== */

#footercopy{
	clear: both;
	padding-top: 12px;
	padding-bottom: 20px;
	background-image: url(../img/bg_footer.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #fff;
	text-align: center;
}

#footercopy p{
	padding-bottom: 4px;
}

#footercopy p a{
	padding-left: 60px;
	background-image: url(../img/poweredby.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-weight: bold;
	color: #4B3736;
}

#footercopy p a:hover{
	color: #FF9900;
}

#footercopy p.copyright{
	background-image: url(../img/copyright.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
}










/*****************************/
/* clearfix */
/*****************************/

#headerArea:after,
#optionArea:after,
#breadcrumbArea:after,
#contentsArea:after,
#maincontentsArea:after,
#infocampaign01 dl:after,
#infocampaign02 dl:after,
#pagetop:after,
#footermenuArea:after{
	content: ",";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#headerArea,
#optionArea,
#breadcrumbArea,
#contentsArea,
#maincontentsArea,
#infocampaign01 dl,
#infocampaign02 dl,
#pagetop,
#footermenuArea{/* ===== IE hack ===== */
	display: inline-block;
}

#headerArea,
#optionArea,
#breadcrumbArea,
#contentsArea,
#maincontentsArea,
#infocampaign01 dl,
#infocampaign02 dl,
#pagetop,
#footermenuArea{/* ===== Opera ===== */
	display: block;
}