/* SETTINGS----------------------------------------------------------*/
/* Initialize Settings */
* {margin: 0;padding: 0;}

/* Clearfix Settings */
.cf:after{ content:"."; height:0px; clear:both; display: block; visibility:hidden; }
/* IE7 and MacIE5 \*/
.cf { display:inline-block; }
/* WinIE5x \*/
* html .cf { height: 1%; }
.cf { display:block; }
/* */

ul {padding: 0px;margin: 0px;list-style: none;}
img{border:0px;}


/* BASE----------------------------------------------------------*/
body {
	margin:0;
	color:#666666;
	background-color:#eae5d2;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
	width:940px;
	font-family: verdana,arial, sans-serif;
	font-size:78%;line-height:150%;
}

/* Hide from IE-5mac \*/
*html body {
	margin:0;
	color:#666666;
	background-color:#eae5d2;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
	width:940px;
	padding-left:1px;
	font-family: verdana,arial, sans-serif;
	font-size:78%;line-height:150%;
}
/* End hide from IE-5mac */

/* LINK----------------------------------------------------------*/
a,a:link{color:#996633;text-decoration:underline;}
a:visited{color:#996633;text-decoration:underline;}
a:hover{color:#663300;text-decoration:underline;}
a:active{color:#663300;text-decoration:underline;}

a.utility{color:#33333;text-decoration:none;}
a:link.utility{color:#333333;text-decoration:none;}
a:visited.utility{color:#333333;text-decoration:none;}
a:hover.utility{color:#555555;text-decoration:underline;}
a:active.utility{color:#555555;text-decoration:underline;}


/* FONT----------------------------------------------------------*/
table{	
	font-family: verdana,arial, sans-serif;
	font-size:100%;line-height:150%;
}
*html table{
	font-family: verdana,arial, sans-serif;
	font-size:100%;line-height:150%;
}
.nb{
	color:#FF3366;
}

.nbs{
	font-size:75%;line-height:150%;
}

*html .nbs{
	font-size:75%;line-height:150%;
}

.txtRight{
	text-align:right;
}

.yen{	
	font-family: arial, sans-serif;
}

.ico_pdf{
	margin-top:10px;
	padding-left: 19px;
	background: url(../img/ico_pdf.gif) no-repeat;
	background-position: 0px 0px;
	display:block;
}

.ico_pdfTb{
	padding-left: 19px;
	background: url(../img/ico_pdf.gif) no-repeat;
	background-position: 0px 0px;
	display:block;
}

.coupon_click_j{
	background: url(../img/ic_coupon_j.gif) no-repeat;
	background-position: 2px 3px;
	width:88px;
	height:16px;
	display:inline-block;
}

.otoshidama_click_j{
	background: url(../img/ic_click_j.gif) no-repeat;
	background-position: 2px 3px;
	width:104px;
	height:16px;
	display:inline-block;
}

.otoshidama_click_e{
	background: url(../img/ic_click_e.gif) no-repeat;
	background-position: 2px 3px;
	width:66px;
	height:16px;
	display:inline-block;
}

.ico_block{
	padding-left: 19px;
	background: url(../img/ico_block.gif) no-repeat;
	background-position: 0 0;
	display:block;
}

/* MARGIN----------------------------------------------------------*/
.mt5{
	margin-top:5px;
}

.mt20{
	margin-top:20px;
}

.mb5{
	margin-bottom:5px;
}

.mb10{
	margin-bottom:10px;
}

.mb20{
	margin-bottom:20px;
}

.mb20_02{
	margin-bottom:0px;
}

.mb30{
	margin-bottom:30px;
}

.mb50{
	margin-bottom:50px;
}


/* DETAIL----------------------------------------------------------*/
h2 {
	display: block;
	font-size: 1%;
	line-height: 1%;
	text-indent: -99999px;
}

h3 {
	display: block;
	font-size: 1%;
	line-height: 1%;
	text-indent: -99999px;
}

h4 {
	display: block;
	font-size: 1%;
	line-height: 1%;
	text-indent: -99999px;
}

/* LAYOUT(All)----------------------------------------------------*/
#mainTop{
	margin-top:15px;
	width: 940px;
	height:460px;
	background-color:#e2d9c6;
}


#main{
	width: 940px;
	min-height:400px;
	background-image:url(../img/bg_main.gif);
	background-repeat:repeat-y;
	border-bottom:1px solid #e2d9c6;
}

#main #sideBoxL{
	width:665px;
	float:left;
	text-align:left;
}

#main #sideBoxL .contArea{
	width:615px;
	margin-left:50px;
}

#main #sideBoxR{
	width:275px;
	float:right;
	text-align:left;
	font-size:130%;
	line-height:150%;
}

*html #main #sideBoxR{
	width:275px;
	float:right;
	text-align:left;
	font-size:130%;line-height:150%;
}

#main #sideBoxR .contArea{
	width:200px;
	margin-left:50px;
}

#main #sideBoxR .contArea .detail{
	width:180px;
	margin-top:25px;
	margin-left:10px;
}

#main #sideBoxR .contArea .detailNavinon{
	width:180px;
	margin-top:5px;
	margin-left:10px;
}

#main #sideBoxR .contArea .detailtitle{
	/*font-weight:bold;*/
	margin-bottom:3px;
}



.pageTopArea{
	background: url(../img/bg_pagetop.gif) no-repeat;
	display: block;
	width:615px;
	height:95px;
	position:relative;
}

.pageTopArea .bk{
	position:absolute;
	width:41px;
	height:18px;
	top:31px;
	left:0px;
}

.pageTopArea .bt{
	position:absolute;
	width:60px;
	height:18px;
	top:31px;
	right:0px;
}

.pageTopAreaS{
	background: url(../img/bg_pagetop.gif) no-repeat;
	display: block;
	width:615px;
	height:65px;
	position:relative;
}

.pageTopAreaS .bt{
	position:absolute;
	width:60px;
	height:18px;
	top:31px;
	right:0px;
}


.headlineArea{
	background: url(../img/bg_headline.gif) no-repeat;
	display: block;
	width:615px;
	height:42px;
	position:relative;
}

.headlineArea li {
	margin-top:14px;
	margin-right: 30px;
	padding-left: 14px;
	background: url(../img/ico_pagedown.gif) no-repeat;
	background-position: 0 3px;
	float: left;
	list-style-type: none;
	font-size:75%;line-height:150%;
}

*html .headlineArea li {
	margin-top:14px;
	margin-right: 30px;
	padding-left: 14px;
	background: url(../img/ico_pagedown.gif) no-repeat;
	background-position: 0 3px;
	float: left;
	list-style-type: none;
	font-size:75%;line-height:150%;
}

table.detailTable{
	width:613px;
	border-top:1px solid #d3c6b2;
	border-left:1px solid #d3c6b2;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#FFFFFF;
	empty-cells:show;
}
.detailTable th{
	border-right:1px solid #d3c6b2;
	border-bottom:1px solid #d3c6b2;
	font-weight:normal;
	background-color:#ece4d7;
	padding:5px;
	text-align:left;
}
.detailTable td{
	border-right:1px solid #d3c6b2;
	border-bottom:1px solid #d3c6b2;
	padding:5px;
	vertical-align:top;
}

table.detailTableInner{
	background-color:#FFFFFF;border-spacing:0;
	}
.detailTableInner td{
	border:0px solid #FFFFFF;padding:0px;vertical-align:top;
}




table.detailTableList{
	width:613px;
	border-top:1px solid #d3c6b2;
	border-left:1px solid #d3c6b2;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#FFFFFF;
	empty-cells:show;
}
*html table.detailTableList{
	width:615px;
	border-top:1px solid #d3c6b2;
	border-left:1px solid #d3c6b2;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#FFFFFF;
	empty-cells:show;
}

.detailTableList th{
	border-right:1px solid #d3c6b2;
	border-bottom:1px solid #d3c6b2;
	font-weight:normal;
	background-color:#ece4d7;
	padding:5px;
	text-align:left;
}
.detailTableList td{
	border-right:1px solid #d3c6b2;
	border-bottom:1px solid #d3c6b2;
	padding:5px;
	vertical-align:top;
}

.detailTableList tr.odd td{
	background: #f7f4ee;
}


table.detailTableListInner{
	background-color:#FFFFFF;border-spacing:0;
	}
.detailTableListInner td{
	border:0px solid #FFFFFF;padding:0px;vertical-align:top;
}



table.detailTableComp{
	width:100%;
	border-top:1px solid #d3c6b2;
	border-left:1px solid #d3c6b2;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#FFFFFF;
	empty-cells:show;
}
.detailTableComp th{
	border-right:1px solid #d3c6b2;
	border-bottom:1px solid #d3c6b2;
	font-weight:normal;
	background-color:#ece4d7;
	padding:5px;
	text-align:left;
}
.detailTableComp td{
	border-right:1px solid #d3c6b2;
	border-bottom:1px solid #d3c6b2;
	padding:5px;
	vertical-align:top;
}




/* LAYOUT(header)----------------------------------------------------*/
#header{
	width:940px;
	height:93px;
	position:relative;
}

#header #logo{
	width:80px;
	float:left;
}


h1{font-size:1px;}

h1 a {
	background: url(../img/logo.gif) no-repeat;
	display: block;
	width: 80px;
	height: 78px;
	margin-top:15px;
	text-indent: -99999px;
	outline: none;
}

/* NAVIGATION(gnavi)------------------------------------------------------*/
#header #linknavi{
	width:860px;
	height:93px;
	background: url(../img/bg_header.gif) no-repeat;
	float:right;
	position:relative;
}

#header #linknavi #utlink_top{
	margin-top:0px;
}

#header #linknavi #utlink_top ul{
	float:right;
}

#header #linknavi #utlink_top li{
	float:left;
	list-style-type: none;
	margin-left:5px;
}

#header #linknavi #utlink_top a{
	font-size: 1%;
	line-height: 1%;
	outline: none;
	text-indent: -99999px;
}

#headnavi_english a, #headnavi_english a:visited{
	display: block;
	background: url(../img/headnavi_english.gif) no-repeat;
	width: 61px;
	height: 21px;
}

#headnavi_english a:hover, #headnavi_english_on a{
	display: block;
	background: url(../img/headnavi_english_ovr.gif) no-repeat;
	width: 61px;
	height: 21px;
}

#headnavi_diary a, #headnavi_diary a:visited{
	display: block;
	background: url(../img/headnavi_diary.gif) no-repeat;
	width: 96px;
	height: 21px;
}

#headnavi_diary a:hover, #headnavi_diary_on a{
	display: block;
	background: url(../img/headnavi_diary_ovr.gif) no-repeat;
	width: 96px;
	height: 21px;
}


#headnavi_japanese a, #headnavi_japanese a:visited{
	display: block;
	background: url(../img/headnavi_japanese.gif) no-repeat;
	width: 61px;
	height: 21px;
}

#headnavi_japanese a:hover, #headnavi_japanese_on a{
	display: block;
	background: url(../img/headnavi_japanese_ovr.gif) no-repeat;
	width: 61px;
	height: 21px;
}

#header #linknavi #ico_newTopics{
	position:absolute;
	top:51px;
	/*left:685px;*/
	left:755px;
}

/*#header #linknavi #ico_newTopics2{
	position:absolute;
	top:51px;
	left:755px;
}
*/

#header #linknavi #utlink_bot{
	position:absolute;
	top:60px;
	left:136px;
}



#header #linknavi #utlink_bot ul{
	float:left;
}

#header #linknavi #utlink_bot li{
	float:left;
	padding-left:15px;
}

#header #linknavi #utlink_bot a{
	font-size: 1%;
	line-height: 1%;
	outline: none;
	display: block;
	text-indent: -99999px;
}

#headnavi01 a, #headnavi01 a:visited{
	display: block;
	background: url(../img/headnavi01.gif) no-repeat;
	width: 145px;
	height: 18px;
}

#headnavi01 a:hover, #headnavi01_on a{
	display: block;
	background: url(../img/headnavi01_ovr.gif) no-repeat;
	width: 145px;
	height: 18px;
}

#headnavi02 a, #headnavi02 a:visited{
	display: block;
	background: url(../img/headnavi02.gif) no-repeat;
	width: 79px;
	height: 18px;
}

#headnavi02 a:hover, #headnavi02_on a{
	display: block;
	background: url(../img/headnavi02_ovr.gif) no-repeat;
	width: 79px;
	height: 18px;
}

#headnavi03 a, #headnavi03 a:visited{
	display: block;
	background: url(../img/headnavi03.gif) no-repeat;
	width: 69px;
	height: 18px;
}

#headnavi03 a:hover, #headnavi03_on a{
	display: block;
	background: url(../img/headnavi03_ovr.gif) no-repeat;
	width: 69px;
	height: 18px;
}

#headnavi04 a, #headnavi04 a:visited{
	display: block;
	background: url(../img/headnavi04.gif) no-repeat;
	width: 88px;
	height: 18px;
}

#headnavi04 a:hover, #headnavi04_on a{
	display: block;
	background: url(../img/headnavi04_ovr.gif) no-repeat;
	width: 88px;
	height: 18px;
}


#header #linknavi #utlink_bot2{
	position:absolute;
	top:60px;
	left:665px;
}


#header #linknavi #utlink_bot2 ul{
	float:left;
}

#header #linknavi #utlink_bot2 li{
	float:left;
	padding-left:15px;
}


#header #linknavi #utlink_bot2 a{
	font-size: 1%;
	line-height: 1%;
	outline: none;
	display: block;
	text-indent: -99999px;
}

#headnavi05 a, #headnavi05 a:visited{
	display: block;
	background: url(../img/headnavi05.gif) no-repeat;
	width: 54px;
	height: 18px;
}

#headnavi05 a:hover, #headnavi05_on a{
	display: block;
	background: url(../img/headnavi05_ovr.gif) no-repeat;
	width: 54px;
	height: 18px;
}

#headnavi06 a, #headnavi06 a:visited{
	display: block;
	background: url(../img/headnavi06.gif) no-repeat;
	width: 50px;
	height: 18px;
}

#headnavi06 a:hover, #headnavi06_on a{
	display: block;
	background: url(../img/headnavi06_ovr.gif) no-repeat;
	width: 50px;
	height: 18px;
}

#headnavi07 a, #headnavi07 a:visited{
	display: block;
	background: url(../img/headnavi07.gif) no-repeat;
	width: 45px;
	height: 18px;
}

#headnavi07 a:hover, #headnavi07_on a{
	display: block;
	background: url(../img/headnavi07_ovr.gif) no-repeat;
	width: 45px;
	height: 18px;
}


/* LAYOUT[footer]----------------------------------------------------*/
#footer{
	width:940px;
	height:30px;
}

#footer #copy{
	background: url(../img/copy.gif) no-repeat;
	display: block;
	width: 340px;
	height:30px;
	text-indent: -99999px;
	outline: none;
	float:left;
	font-size:1%;
}

#footer #flink{
	width:600px;
	height:30px;
	float:left;
	text-align:right;
}

.foot_list {
	margin-top:5px;
	padding-right:5px;
	float: right;
	width:470px;
	font-size:75%;line-height:150%;
}

*html .foot_list {
	margin-top:2px;
	padding-right:5px;
	float: right;
	width:550px;
	font-size:75%;line-height:150%;
}

.foot_list ul {
	float: right;
}

.foot_list li {
	margin-right: 4px;
	padding-left: 12px;
	background: url(../img/nr_foot.gif) no-repeat;
	background-position: 0 4px;
	float: left;
	list-style-type: none;
}

.foot_list .nmark {
	margin-right: 4px;
	padding-left: 5px;
	background: url(../img/_.gif) no-repeat;
	float: left;
}
