@charset "utf-8";
/* CSS Document */
.bold{
	font-weight:bold;
	color: #5d8d12
}
.before_title{
	font-size:16px;
	font-weight: bold;
	color: #004492;	
}


#Jibunde{	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
}


#Jibunde p{
	margin-right: 40px;
	margin-left: 40px;
}

#Jibunde section h2 {
	background-image: url(../img/h2_bg_line.gif),url(../img/h2_bg.gif);
	background-repeat: repeat-x,repeat-y;
	background-position: left bottom,left top;
	font-size: 28px;
	padding-left: 28px;
	padding-top: 4px;
	padding-bottom: 8px;
	margin-bottom: 40px;
}


section{
	margin-bottom: 88px;
	clear: both
}
	
#Jibunde p img{
	margin-right: 10px;
	margin-left: 10px;
}

#Seicho div{
	width: 600px;	
	float: left
}

#Seicho picture img{
	display: block;
	width: 980px;
	margin: 20px auto 0
}



#Tokutyou h3 {
color: #5d8d12;
height: 62px;
padding-left: 66px;
font-size: 24px;
font-weight: bold;
line-height: 32px;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 40px;
}


#Tk01 {
	background-image: url(../img/tok01_bg.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-right: 300px;
	margin-bottom: 80px;
}

#Tk01 h3 {
	background-image: url(../img/tok01.gif);
	background-repeat: no-repeat;
	padding-top: 20px;
}

#Tk02 {
	margin-bottom: 80px;
}

#Tk02 h3 {
	background-image: url(../img/tok02.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
}

#Tk02 picture img{
	display: block;
	margin: 0 auto;
}

#Tk03 ul{
	margin-top: 20px;
	margin-bottom: 8px;
}


#Tk03 ul li {
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 20px;
	font-weight: bold;
}

#Tk03 {
	margin-bottom: 80px;
}

#Tk03 h3 {
	background-image: url(../img/tok03.gif);
	background-repeat: no-repeat;
	padding-top: 15px;
}
#Tk03 img {
	display: block;
	margin:0 auto 40px;
}


.douga_title img{
	display: block;
	   margin: 30px auto 0px;
	}


#Douga {
	margin: 30px auto;
    height: 370px;
    width: 650px;
	border:solid 1px #ccc;
}
#Douga iframe{
	width:640px !important;
	height:360px !important;
}	
#Nouhingo h4 {
	background-image: url(../img/hensyu_bg.gif);
	background-repeat: no-repeat;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 18px;
	padding-left: 28px;
	font-size: 20px;
	height: 49px;
	color: #5D8D12;
	margin-top: 40px;
	margin-bottom: 0px;
}
#Nouhingo .detail {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E1DCDF;
	border-bottom-color: #E1DCDF;
	border-left-color: #D6D6D6;
	background-color: #DFFFCF;
	padding-top: 32px;
	padding-right: 40px;
	padding-bottom: 32px;
	padding-left: 40px;
}

#Jisseki {
	width: 980px;
	overflow:hidden;
	margin:0 auto 80px;	
}

#Jisseki li{
	margin-top: 20px;
	width:460px;
	display:inline-block;
	vertical-align: top;
	text-align: center;
}
#Jisseki li a{
	color:#0393DD;
}
	
#Jisseki img{
	margin-bottom:10px;
}
#Jibunde p.option,.option{
	/*	margin-top: 4px;*/
	font-size: 12px;
	background-color: #E9E9E9;
/*	margin-left: 0;*/
}
.jisseki_left{
	margin-right:18px;
}

.jisseki_left p{
	margin: 0px;
	padding: 0px;
	}
.jisseki_txt{
	width:440px;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	}

#Price p{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 30px
}

#Price p span.price{
	font-size: 46px;
	margin-left: 10px;
}

#Price p span.comments{
	font-size: 16px;
	font-weight: normal;		
}

#Campaign{
	width: 900px;
	margin: 0 auto;
	text-align: center
}

#Campaign p{
	font-size:40px;
	text-align: center;

}

#Campaign p > span{
	font-size:50px;
	color:red;
}
#Campaign a{
	font-size:20px;
	color:#5d8d13;
	font-weight: bold
}
#Campaign .kikan{
	font-weight: normal;
	font-size:16px;
	background: #c6e9f6;
	border-radius:17px ;
	padding: 5px 15px;
	display: inline-block
	
}
#Campaign p#Chui{
		font-size: 18px;
}

#Campaign p#Chui > span{
	font-weight: normal;
	color: #333;
			font-size: 18px;
	background: linear-gradient(transparent 70%, rgba(255, 255, 0, 0.4) 50%);
}
#Campaign p#Chui > span span{
	font-weight: bold;
}

#Other a{
	background-image: url(../../../img/footer_navi_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}

#Other div{
	border-left-width: 12px;
	border-left-style: solid;
	border-left-color: #B7D784;
	margin-right: 40px;
	margin-left: 20px;
	padding-left: 20px;
	margin-bottom: 40px;
	}

#Other div h3{
	color: #5d8d13;
	}


@media screen and (max-width: 767px) {
	


#Tab li:first-child a:after{
	position: absolute;
	bottom:-15px;
	left:50%;
	margin-left: -11px;	
}
	
	#Jibunde{
		width:100%;
		font-size: 14px
	}
	
	#Jibunde section h2{
	font-size: 18px;
		}
				
	#Jibunde section,#Jibunde p{
	margin-right: 8px;
	margin-left: 8px;
	}
	section{
	margin-bottom: 20px;
	}
	section img{
	height: auto;
	width: 100%;
		margin: 0 auto
 }

#Seicho div{
	width: 100%;	
	float: none
}
#Seicho img{
	display: none;	

}

#Seicho picture img{
	width: 100%;
	margin: 20px auto 
}

#Tokutyou p img{
	max-width:310px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	}

#Tokutyou h3 {
height: 62px;
padding-left: 66px;
font-size: 16px;
font-weight: bold;
line-height: 1.2;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 20px;
}


#Tk01 {
	background:none;
	padding-right: 0px;
}

#Tk01 h3 {
	padding-top: 10px;
	background-position: left center
}

#Tk02 {
margin-bottom: 20px;
}

#Tk02 h3 {
	padding-top: 10px;
}

#Tk02 picture img{
	display: block;
	margin: 0 auto;
}
#Tk02 img{
	width: 100%;
max-width: 422px;

}	

#Tk03 ul{
	margin-top: 20px;
	margin-bottom: 8px;
}



#Tk03 {
	margin-bottom: 20px;
}

#Tk03 h3 {
	padding-top: 15px;
}
#Tk03 img {
	display: block;
	margin:0 auto 40px;
}

	
#Nouhingo{
	background-color: #DFFFCF;
	padding: 10px;
	margin-top: 20px
}
	

#Nouhingo h4 {
	background-image: none;
	width: 90%;
	padding: 10px;
	font-size: 16px;
	height:auto;
	margin-top: 0px;

}
	
#Nouhingo .detail {
	width: 90%;
	border:none;
	padding: 0px;
}

#Nouhingo .detail p{
	padding-top: 0px;
}

#Jisseki {
	width: 100%;
	margin:0 auto 20px !important;	
}

#Jisseki li{
	max-width:310px;
	width: 90%;
	display:block;
	margin: 0 auto 20px;
}

#Jisseki img{
	margin-bottom:5px;
}


 p.option{
	margin-top: 4px;
	font-size: 12px;
	margin-left: 0;
}
.jisseki_left{
	margin-right:18px;
}

#Price p{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px
}

#Price p span.price{
	font-size: 20px;
	margin-left: 10px;
}

#Price p span.comments{
	font-size: 16px;
	font-weight: normal;		
}

#Campaign{
	width: 100%;
	margin: 0 auto;
	text-align: center
}

#Campaign p{
	font-size:16px;
}

#Campaign p span{
	font-size:20px;
}
#Campaign a{
	font-size:16px;
}
#Campaign .kikan{
	font-size:14px;
}
#Campaign img{
	margin: 0 auto;
	width: 90%;
	max-width: 238px;

}
#Campaign p#Chui,#Campaign p#Chui span{
		font-size: 15px;
}
}


@media screen and (min-width:480px) and (max-width: 700px) {

#Douga{
	width:480px !important;
	height:268px !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: none
}
	
#Douga iframe{
	width:480px !important;
	height:268px !important;
	padding: 0;
}
}
@media screen and (max-width: 479px) {

#Douga{
	width:300px !important;
	height:168px !important;
	display: block;
	margin-left: auto;
	margin-right: auto;
		border: none
}
	
#Douga iframe{
	width:300px !important;
	height:168px !important;
	padding: 0;
}
}
