@charset "utf-8";

/* common
====================================== */
#right .sidebar_dfp {width:140px;padding-left:10px}
#contents_section .return_top {text-align:right;font-size:12px;padding-right:10px;clear:both}
/* clearfix
====================================== */
.clearfix:after {  content: ".";   display: block; height: 0; clear: both;   visibility: hidden;}  
.clearfix { display:inline-block;}  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%;}  
.clearfix { display: block;}  
/* End hide from IE-mac */ 
.clearfix:after {  content: "."; display: block; height: 0;clear: both;   visibility: hidden;}   
.clearfix { display:inline-block; overflow:hidden;}  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%;}  
.clearfix {display: block;}  
/* End hide from IE-mac */ 
.clearfix img {margin: 0px;padding: 0px;		}
/* SNS
====================================== */
#sns{
	margin-bottom: 10px;
	position: relative;
	height: 20px;
}
#sns_area {
	position: absolute;
	height: 20px;
	width: 500px;
	top: 15px;
	letter-spacing: -0.4em;
	right: 10px;
}

#sns_area .mixi_box{
	position: absolute;
	top: 0px;
	left: 115px;
	float: left;
	
}
#sns_area .tweet_box{
	position: absolute;
	top: -1px;
	left: 190px;
	width: 80px;
}
#sns_area .facebook_box{
	position: absolute;
	top: 0px;
	width: 100px;
	height: 22px;
	left: 270px;
}
#sns_area .gp_box{
	position: absolute;
	top: 0px;
	left: 385px;
	height: 20px;
	width: 90px;
}
#sns_area .bookmark_box{
	position: absolute;
	top: 0px;
	left: 455px;
}
/* Firefox SNS 配置調整 
====================================== */
@-moz-document url-prefix() {
	#sns_area .mixi_box{
	position: absolute;
	top: 0px;
	left: 115px;
	float: left;
	
}
#sns_area .tweet_box{
	position: absolute;
	top: 0px;
	left: 188px;
	width: 80px;
}
#sns_area .facebook_box{
	position: absolute;
	top: 0px;
	width: 100px;
	height: 22px;
	left: 270px;}
#sns_area .gp_box{
	position: absolute;
	top: 0px;
	left: 385px;
	height: 20px;
	width: 90px;
}}
/* contents_section
====================================== */
#contents_section {
	width:960px;
	background-color:#FFFFFF;
	margin:0 auto 20px;
}

#contents_section:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#wapper{
	width: 765px;
	float:left;
	text-align: left;
	line-height: 1.5;
	font-family: "メイリオ", "ＭＳＰゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	padding-bottom: 25px;
}
/* メイン
====================================== */
#topMain{
	padding: 0px;
	min-height: 305px;
	position: relative;
}

.main-in{
	margin: auto;
	text-align: left;
	position: relative;
	top: 0px;
	width: 765px;
	left: 0px;
}
.main-top{
	width: 765px;
	background-image: url(../images/main-top.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: left;
	margin-left: 0px;
	padding: 194px 0 0;
}
.main-center{
	text-align: left;
	background-color: #FFF;
	background-image: url(../images/main-center.jpg);
	background-repeat: repeat-y;
	padding-top: 0;
	padding-bottom: 0px;
}
.main-bottom{
	background-position: center bottom;
	background-repeat: no-repeat;
	text-align: left;
	background-image: url(../images/main-bottom.jpg);
	overflow: hidden;
	padding-bottom: 21px;
}
.main-top .main-center .main-bottom ul li {
	color: #543d03;
	padding: 0 0 0 25px;	
}
.main-top .main-center .main-bottom ul li dl dt {
	font-size: 14px;
	font-weight: bold;
	width: 537px;
	float: left;
	padding: 3px 25px 0px 0;
}
.main-top .main-center .main-bottom ul li dl dd {
	float: left;
	margin-top: 10px;
}
.main-top .main-center .main-bottom ul li dl dt span{
	vertical-align: middle;
	display: inline-block;
}
.cup{
	margin-top: 5px;
	font-size: 12px
}
.advice {text-align: center;margin: 40px auto 0px;}
.content_box001{width: 765px;clear: both;padding-top: 30px;text-align: left;}
.content_box001 .lead_text{margin-bottom: 20px;}
.content_box002.understand{width: 324px;background-image: url(../images/media_bg07.png);background-repeat: repeat-y;background-position: left top;float: right;margin: 0px;}
.content_box002.understand .inner{
background-image: url(../images/media_bg08.png);background-position: center top;background-repeat: no-repeat;background-position: left bottom;padding-bottom: 9px;}
.content_box002.understand .inner .inner-in{background-image: url(../images/titlebg_box03.png);background-repeat: no-repeat;padding-right: 10px;}
.content_box002.understand h3{padding-left: 15px;font-size: 16px;color: #14a92a;padding: 4px 59px 0px 15px;}
.content_box002.understand h3.line-u{width: 300px;padding-top: 20px;padding-bottom: 20px;color: #14a92a;font-size: 16px;}
.content_box002.understand.inner p{padding: 10px 10px  5px 10px;
line-height: 1.4;}
.content_box002.understand .inner .inner-in ul li{font-size: 16px;padding-top: 0;margin-bottom: 20px;margin-right: 10px;padding-left: 45px;margin-left: 12px;color: #463302;}
.content_box002.understand .inner .inner-in ul .no01 {background-image: url(../images/no01.png);background-repeat: no-repeat;background-position: left center;line-height: 40px;padding-left: 45px;}
.content_box002.understand .inner .inner-in ul .no02 {background-image: url(../images/no02.png);
background-repeat: no-repeat;background-position: left center;}
.content_box002.understand .inner .inner-in ul .no03 {background-image: url(../images/no03.png);
background-repeat: no-repeat;background-position: left center;}
.content_box002.understand .inner .inner-in ul .no04 {background-image: url(../images/no04.png);
background-repeat: no-repeat;background-position: left center;margin-bottom: 20px;}
.content_box002.text {width: 420px;float: left;padding-right: 20px;}
.content_box002.graph{width: 324px;float: right;margin: 0px;}
.content_box002.graph h3{font-size: 16px;color: #14a92a;padding-bottom: 0px;}
.content_box002.graph p {line-height: 1.4;padding-top: 20px;}
.content_box002.graph p img {margin-bottom: 10px;}
.headline{font-size: 20px;margin-bottom: 30px;font-weight: bold;background-image: url(../images/bar.png);background-repeat: no-repeat;background-position: left 10px;padding: 8px 0 0 15px;}
.small{font-size: 12px;}
.save{position: absolute;left: -25px;top: -40px;}
.content_box003{width: 765px;clear: both;padding-top: 80px;margin-bottom: 40px;}
.content_box003 .gift {text-align: center;position: relative;margin: 0px 25px;}
.content_box004 .inner_base{no-repeat left bottom;min-height: 29px;height: auto !importantheight: 29px;padding-right: 150px;padding-bottom: 20px;background-image: url(../images/content_headline01.png);background-repeat: no-repeat;padding-left: 15px;background-position: center center;}
.content_box004 .inner_base02{padding: 0px 0px 0px 15px;}
.content_box004 .lead_text01{ font-size:16px; font-weight:bold;}
.content_box004 .text_type01{ font-size:12px; line-height:1.6; color:#555555;}
.content_box004 .link_list01 dt{ font-size:14px; font-weight:bold; padding-left:15px; margin-bottom:5px;}
.content_box004 .inner_base .headline {font-size: 20px;font-weight: bold;background-image: url(../images/bar.png);background-repeat: no-repeat;background-position: left 10px;margin: 0px;padding-right: 0;padding-bottom: 20;padding-left: 15px;}
.content_box004 .link_list01 .icon_type01{background: url(../images/icon01.png) no-repeat left center;}
.content_box004 .link_list01 .icon_type02{background: url(../images/icon02.png) no-repeat left center;}
.content_box004 .link_list02 li{ display: inline-block;*display: inline;*zoom: 1; margin-right:10px;}
.content_box004 .link_list02 li a{padding-left: 10px;font-size: 12px;background-image: url(../images/icon_arrow01.png);background-repeat: no-repeat;background-position: left center;}
.content_box004 .layout_left01{float: left;width: 341px;margin-right: 15px;}
.content_box004 .layout_right01{float: left;width: 341px;}
.content_box004 .dotted_line{border-right: 1px dotted #c7c2ab}
.content_box004{clear: both;background-color: #FFF;border: 1px solid #c7c2ab;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding-top: 5px;padding-bottom: 20px;width: 715px;margin: 0px 25px;}	
.content_box005 .inner_base{padding: 0px 0px 3px;border-bottom: 1px solid #C7C2AB;margin: 0px 15px;}
.content_box005{
	clear: both;
	background-color: #FFF;
	border: 1px solid #c7c2ab;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 685px;
	margin: 40px 25px 0;
	padding: 15px 15px 20px;
}
.images_position {vertical-align:bottom;}