@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------

コンテンツ

-----------------------------------------------------------*/

#contents h1 {
	margin-bottom:10px;

}

#areaFetaure {
	background-image: url(../images/box_side.gif);
	background-repeat:repeat-y;
	margin-bottom: 15px;

}



.headFeature {
	background-image:url(../images/box_top.gif);
	background-position:top;
	background-repeat:no-repeat;

}

.bottomFeature {
	background-image:url(../images/box_bottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;

}

.detailFeature {
	width:174px;
	float:left;
	padding:9px;
	}

.box01,
.box02,
.box03 {
	margin-right:4px;

}



.detailFeature h2 {
	margin-bottom:10px;

}

.detailFeature p {
	font-size:65%;
	line-height:1.7em;


}
.detailFeature .textDetail {
	margin-bottom:9px;
	letter-spacing:2px;

}

/* box */

.arrowOrange,
.arrowDgreen,
.arrowLgreen,
.arrowBlue {
	padding-left:15px;
	background-position:0px 3px;

}



* html .arrowOrange,
.arrowDgreen,
.arrowLgreen,
.arrowBlue {
	background-position:0px 4px;

}


.bgbtnBox {
	background-color:#cdcdcd;
	padding:1px;
	margin-top:5px;
	width: 171px;

}

.bgbtnBox a {
	color:#414141;

}

.bgbtnBox a:hover {
	text-decoration:none;

}

.orangeBox {
	background-color:#fbf6e5;
	padding:8px 7px;
}


.dgreenBox {
	background-color:#f3f6ec;
	padding:8px 7px;
}

.lgreenBox {
	background-color:#effaf1;
	padding:8px 7px;
}
.blueBox {
	background-color:#ecf6f6;
	padding:8px 7px;
}



/*-----------------------------------------------------------

ボトムコンテンツ

-----------------------------------------------------------*/

#bottomContents {
	clear:both;
	margin-bottom: 20px;

}

#bottomLeft {
	width:583px;
	float:left;
	margin-right:7px;


}


/* バナーエリア */

#areaBanner {
	float:left;
	width:187px;
	padding-left:10px;

}

#areaBanner li {
	margin-bottom:5px;

}


/* インフォエリア */


#areaInfo {
	float:left;
	width:386px;

}

#areaInfo .recommend {
	clear:both;
	position:relative;
	

}

.recommend h3{
	margin-bottom:12px;
}

.recommend dl {
	padding:0px 14px;
	line-height:1.5em;

}


.recommend dt {
	position: absolute;
	left: 15px;
	width:100px;
	background-image:url(../images/btn_info_blue.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:13px;
	color:#00277f;
	font-weight:bold;
		font-size:75%;


}


.recommend dd {
	padding-left: 100px;
	background-image:url(../images/line_recommend.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-bottom:12px;
	margin-bottom:12px;
		font-size:80%;


}


* html .recommend dd {
	padding-left: 85px;
}




#areaInfo .bgUpdate {
	clear:both;
	width:384px;
	background-color:#ececec;
	padding:1px;
	margin-top: 25px;
}


#areaInfo .update {
	font-size:65%;
	background-color:#f9f9f9;
	padding:6px 12px;
	position:relative;
	


}

.update h3{
	margin-bottom:12px;
}

.update dl {
	line-height:1.5em;

}

.update dt {
	position: absolute;
	left: 15px;
	width:100px;
	background-image:url(../images/btn_info_black.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:13px;
	color:#3a3a3a;
	letter-spacing:1px;

}

.update  dd {
	padding-left: 100px;
	background-image:url(../images/line_info.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-bottom:12px;
	margin-bottom:12px;
}


*html .update dt {
left:0px;
}


* html .update  dd {
	padding-left:90px;
}


#anniversary {
	text-align:center;

}



#bottomRight {
	float:right;
	width:190px;

}

.bgPr {
	background-color:#e5e5e5;
	padding:1px;
	margin-bottom:7px;
}

#areaPr,
#areaMobile {
	background-color:#ffffff;
	padding:9px;


}

.smallFont {
	font-size:65%;
	line-height:1.4em;
	letter-spacing:1px;

}

.prLink {
	font-size:75%;
	line-height:1.4em;
	background-image:url(../images/btn_info_blue.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:13px;

}


/* モバイルサイト */

#areaMobile h4 {
	margin-bottom:10px;
	font-size:small;
	}

#areaMobile p {
	font-size:65%;
	line-height:1.7em;
	color:#898989;
	letter-spacing:1px;

}


.qrcode {
	text-align:center;
	margin-bottom:5px;

}


/* 関連サイト */

#areaRelation {
	text-align:center;
	padding:2px 0px 0px;
}
#tdc-g {
	text-align:center;
	padding:10px 0px 0px;

}

#areaRelation p {
	font-size:65%;
}

#areaRelation a {
	color:#000000;
}


/*-----------------------------------------------------------

フッター

-----------------------------------------------------------*/





/*-----------------------------------------------------------

共通要素

-----------------------------------------------------------*/

/* letter-spacing */

.ls01 {
	letter-spacing:1px;

}

.ls02 {
	letter-spacing:2px;

}

.ls_01 {
	letter-spacing:-1px;

}

/* margin */


.mr14 {
	margin-right:14px;

}


.mb5 {
	margin-bottom:5px;

}

.mb10 {
	margin-bottom:10px;

}

.mb15 {
	margin-bottom:15px;

}


#container .bgNone {
	background-image:none;
	margin-bottom:0px;
	padding-bottom:0px;
}