@charset "shift_jis";
/* CSS Document */

html{font-size: 62.5%;
height: 100%; }

* {
	margin:0;
	padding:0;
}
img {
	margin:0;
	font-size:1px;
	line-height:1px;
	border:none;
}
body {
	margin:0 auto 0;
	height: 100%; 
	background:url(../img/all-bg.jpg) repeat-x;
	padding-bottom:30px;
	font-size: 1.2rem;
	font-family: "ƒƒCƒŠƒI", "Meiryo", verdana, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", Sans-Serif;
}
#wrapper {
	width:950px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	background-color:#FFF;
	font-size:16px;
	text-align:center;
	line-height:26px;
	color:#333333;
	overflow:hidden;
}


a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}


#wrapper a:hover img {
	filter: alpha(opacity=60);
	opacity:0.6;
	background:#fff;
}

h1 {
	background:none;
	color:#666666;
	width:550px;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	text-align:left;
	overflow:hidden;
	margin:5px 0 0 0;
	padding:0;
	float:left;
}




h1 span {
	text-align:left;
	padding:5px 10px 0 10px;
}

#cse-search-form .gsc-input-box{
	width:200px;
	margin:1px 0 0 0;
	font-size:10px;
	}

#cse-search-form{
	display:block;
	float:right;
	margin:1px 10px 0 0;
	}	
	
#wrapper .info{
	width:940px;
	clear:both;
	overflow:hidden;
}

#wrapper .info h2 img {
	vertical-align:top;
	width:309px;
	float:left;
	margin:0px auto 0 10px;
	padding:0;
}
#wrapper .info img.tel{
	width:323px;
	float:right;
}

div.topimg {
	text-align:center;
	margin:0 auto;
}
div.topimg img {
	vertical-align:top;
}


/*menu*/
#wrapper #menubox{
	width:100%;
	background:#018c30;}

#wrapper ul.menu{
	width:910px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	list-style:none;
	}
	
#wrapper ul.menu li{
	color:#FFF;
	text-decoration:none;
	float:left;
	width:150px;
	display:block;
	text-shadow:0 -1px 0px #03a654,0 1px 0px #006633;
	height:35px;
	margin:0 5px;
	line-height:35px;}
	
#wrapper ul.menu li a{
	color:#FFF;
	text-decoration:none;
	width:150px;
	display:block;
}	
	
#wrapper ul.menu li a:hover,
#wrapper ul.menu li a.current{
	color:#FFF;
	text-decoration:none;
	background:url(../img/menu-roll.jpg) repeat-x; 
	width:150px;
	display:block;
}	
	

/*ƒƒCƒ“ƒRƒ“ƒeƒ“ƒc*/
#wrapper #contents{
	width:100%;
	margin:10px auto;
	text-align:center;
	clear:both;
	overflow:hidden;}
	
#wrapper #contents #left{
	float:left;
	width:210px;

	margin:0 auto;}
#wrapper #contents #right{
	float:right;
	width:720px;}



#wrapper img.btm{
	margin:0 auto 10px auto;
	vertical-align:top;
}

#wrapper #contents #right p{
	margin:10px 0 10px 0;} 


/*ΆƒRƒ“ƒeƒ“ƒc*/
#r-menu{
		background:#e4f4e3;
		padding: 0;
		margin-bottom:10px;
		overflow:hidden;}
		
#r-menu ul.topbtn{
	margin:0 auto;
	padding:10px;
	list-style:none;
}		
		
#r-menu ul.topbtn li{
	margin:0 auto 5px auto;}	
	
#r-menu ul.topbtn li img{
	margin:0 auto;
	text-align:center;
	display:block;}	
	
/*ΆƒRƒ“ƒeƒ“ƒc‰Ί‘w*/
#r-menu  dl.submenu{
	margin:0 auto 20px;
	text-align:left;
	overflow:hidden;
	list-style:none;
	} 
   	
#r-menu dl.submenu dt{
	background:#018c30;
	padding:0 0 0 10px;
	line-height:40px;
	height:34px;
width:210px;
color:#FFF;
text-align:left;
	} 
#r-menu dl.submenu dd{
	width:210px;
	height:34px;
	padding:0 0 0 0;
	line-height:40px;
	text-align:left;
	display:block;
	font-size:14px;
	text-decoration:none;
	color:#000;	} 	
	
#r-menu dl.submenu dd a{
	display:block;
	background:url(../img/sub-menu-bg01.gif) no-repeat;
	width:210px;
	text-decoration:none;
	height:34px;
	padding:0 0 0 30px;
	color:#000;
	} 
	
#r-menu dl.submenu dd a:hover,
#r-menu dl.submenu dd a.current{
	color:#000;
	width:210px;
	height:34px;
	background:url(../img/sub-menu-bg02.gif) no-repeat;

	} 	
#r-menu .textbox{
	margin:0 auto;
	 border-radius: 10px;        /* CSS3‘ˆΔ */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome—p */  
        -moz-border-radius: 10px;   /* Firefox—p */
		background:#FFF;
		width:190px;
   	
}
#r-menu .textbox dl{
	padding:10px;
	margin:0 auto 20px auto;
	font-size:12px;
}	
#r-menu .textbox dt{
	color:#018c30;
   	
}	
#r-menu .textbox dd{
	line-height:20px;
	text-align:left;
   	
}		
/*‰EƒRƒ“ƒeƒ“ƒc*/
#wrapper #contents #right .text{
	font-size:14px;
	margin:0 0 30px 0;
	text-align:left;
	overflow:hidden;
	
	}


	

#wrapper #contents #right h3{
	text-align:left;
	font-size:1.2em;
	background:url(../img/title-bg.gif) no-repeat;
	width:690px;
	height:37px;
	padding:0 0 0 10px;
	margin:0 0 20px 0;
	line-height:40px;}
	
	
	#wrapper #contents #right .text ul.list{
		margin:0 0 20px 20px;
	}
		
#wrapper #contents #right .text ul.list li{
	background:url(../img/icon-01.gif) no-repeat left 5px;
	list-style:none;
	
	padding:0 0 2px 20px;}
		

#wrapper #contents #right .greenbox{
	width:650px;
	background:#edf5dc;
	padding:5px 15px;
	margin:10px 20px;
	 border-radius: 10px;        /* CSS3‘ˆΔ */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome—p */  
        -moz-border-radius: 10px;   /* Firefox—p */  
    }  
#wrapper #contents #right .greenbox dl{
	
    }  	
#wrapper #contents #right .greenbox dl dt{
	font-weight:bold;
    }  
#wrapper #contents #right .greenbox dl dd{

    }	
	
#wrapper #contents #right .text img.w300{
	float:left;
	overflow:hidden;
	margin:0 10px 0 0;
	
	}	
	
#wrapper #contents #right p.toiwase{
	margin:40px 0 0 20px;
	text-align:left;
	
	}		
	
	
/*ƒtƒH[ƒ€*/
#wrapper #contents #form{
	text-align:center;
	margin:10px auto;}		
	
/*“d‹C‰Ί‘w*/	


	
#wrapper #contents #right h2.title{
	margin:0 0 20px 0;}
	
#wrapper #contents #right h2.title img{
	display:block;}
#wrapper #contents #right h4.denki{
	font-size:1.4em;
	background:url(../img/icon-denki.gif) no-repeat;
	width:670px;
	height:30px;
	text-align:left;
	font-weight:100;
	padding:0 0 0 33px;
	margin:10px 0 10px 10px;
	line-height:35px;}	
	
#wrapper #contents #right h4.denki02{
	font-size:1.2em;
	width:660px;
	height:30px;
	font-weight:100;
	border-bottom:solid #060 2px;
	padding:0 0 0 0;
	margin:10px 0 10px 10px;
	line-height:35px;}	
		
	
#wrapper #contents #right .denki-box{
	font-size:14px;
	margin:0 0 10px 0;
	text-align:left;
	overflow:hidden;
	padding:0 0 5px 0;
	border-bottom:dotted #999 1px;
	}	

#wrapper #contents #right .box{
	font-size:14px;
	margin:0 0 10px 0;
	text-align:left;
	overflow:hidden;
	display:table-cell;
	clear:both;
	}
	
#wrapper #contents #right .denki-box .text-box{
margin:0 20px 0 25px;
clear:both;
overflow:hidden;
	}
	
#wrapper #contents #right .denki-box .text-box p{
clear:both;
margin:20px 10px;
overflow:hidden;
	
	}
#wrapper #contents #right .box .text-box p{
clear:both;
margin:0 10px;
overflow:hidden;
	
	}	
#wrapper #contents #right .denki-box .text-box .center{
clear:both;
margin:20px auto 0 auto;
overflow:hidden;
text-align:center;
	
	}	
#wrapper #contents .center{
margin:20px auto 20px 35px;
text-align:center;
	
	}		
#wrapper #contents #right .denki-box .photo370{
	float:left;
	width:370px;
	margin:0px 10px 10px 0;
	
	}	
#wrapper #contents #right .denki-box .photo570{
	float:left;
	width:570px;
	margin:0px 10px 10px 0;
	
	}
#wrapper #contents #right .denki-box .text-box ul,
#wrapper #contents #right .denki-box .denki-text02 ul{
	margin:10px;	
	}
	
#wrapper #contents #right .denki-box .text-box li,
#wrapper #contents #right .denki-box .denki-text02 li{
	margin:2px 0 5px 10px;
	line-height:24px;	
	}			
	
#wrapper #contents #right .denki-box .photo162,
#wrapper #contents #right .box .photo162{
	float:left;
	margin-top:10px;

}
	
	
#wrapper #contents #right .denki-box .photo222,
#wrapper #contents #right .box .photo222{
	float:left;
	width:222px;
	margin-left:45px;
	overflow:hidden;}	
	
#wrapper #contents #right .denki-box .photo162 img,
#wrapper #contents #right .box .photo162 img,
#wrapper #contents #right .denki-box .photo222 img,
#wrapper #contents #right .box .photo222 img{
  vertical-align: middle;
	margin-botto
	m:10px;}
	
#wrapper #contents #right .denki-box .denki-text,
#wrapper #contents #right .box .denki-text{
	width:450px;
	overflow:hidden;
	vertical-align:top;
	float:left;
	margin:0 0 10px 20px;}	
#wrapper #contents #right .denki-box .denki-text02{
	width:370px;
	overflow:hidden;
	vertical-align:top;
	padding:0;
	float:left;
	margin:0 0 10px 20px;}	


#wrapper #contents #right .box .denki-text02{
	width:370px;
	overflow:hidden;
	vertical-align:top;
	display:table-cell;
	padding:0;
	float:left;
	margin:0 0 10px 20px;}	
	
#wrapper #contents #right .box .denki-text02 p{
	vertical-align:top;}
		
#wrapper #contents #right .denki-box .denki-text img.s-btn{
	float:right;
	width:95px;
	margin:5px 0}
	
#wrapper #contents #right .denki-box dl.item{
	margin:0px 20px 30px 20px;}	
#wrapper #contents #right .denki-box d.iteml dt{
	font-weight:bold;}
#wrapper #contents #right .denki-box d.item dd{
	margin:5px 10px;}


#wrapper #contents #right p.kakoi{
	width:500px;
	padding:10px;
	background:#FFC;}
	
#wrapper #contents #right dl.kakoi{
	width:500px;
	padding:10px 20px;
	background:#FFC;}	
	
#wrapper #contents #right dl.kakoi dt{
	font-weight:bold;
	margin:0;}
	
#wrapper #contents #right dl.kakoi dd{
	margin:0 10px 5px 20px;}	
			
#wrapper #contents #right .denki-box dl.denki{
	margin:0px 20px 30px 0px;}	
#wrapper #contents #right .denki-box dl.denki dt{
	font-weight:bold;
	margin:5px 10px 0 0px;
	font-size:1.2em;}
#wrapper #contents #right .denki-box dl.denki dd{
	margin:5px 10px 10px 10px;
	overflow:hidden;}
	

/*ƒŠƒ“ƒN*/	
#wrapper #contents #right dl.link{
	margin:10px 0;
	text-align:left;}
	
#wrapper #contents #right dl.link dt{
	text-decoration:underline;
	font-weight:bold;
	margin:0 0 0 0;}	
		
#wrapper #contents #right dl.link dd{
	border-bottom:dotted 1px #999;
	width:620px;
	margin:0 0 15px 10px;}	

/*‰ΏŠiƒe[ƒuƒ‹*/
table.table-price{
    width:640px;
	font-size:14px;
    border: 1px #ccc solid;
    border-spacing: 0;
    background: #fff;
	margin:0 0 0 20px;
	text-align:center;
}


table.table-price th {
    padding:10px 10px;
	border-bottom:dotted 1px #999999;
	border-right:dotted 1px #999999;
	  background:url(../img/bg1.gif) repeat-x;
     border-color: #FFFFFF #ccc #999 #FFFFFF;
	 font-weight:100;
	 line-height: 120%;
    width:250px;
	text-align:left;
}



table.table-price td img.w160{
	float:left;
	width:160px;
	margin:5px 10px;
}
table.table-price td img.w160r{
	float:right;
	width:160px;
	margin:0;
}


table.table-price td {
background:url(bg1.gif) repeat-x;
    padding:10px 10px;
border-bottom:dotted 1px #999999;
line-height:20px;
    color: #000;
    text-align:left;
	vertical-align:middle;
}
table.table-price .btm {
border-bottom:none;
}

table.table-price .name{

text-align:left;
}



/*ƒtƒH[ƒ€ƒe[ƒuƒ‹*/


	
#wrapper #contents h3.form{
	text-align:left;
	font-size:1.2em;
	width:750px;
	height:30px;
	font-weight:100;
	border-bottom:solid #060 2px;
	padding:0 0 0 0;
	margin:10px 0 10px 100px;
	line-height:35px;}	
#wrapper #contents p.form-pry{
	margin:10px 0 10px 100px;
	font-size:0.8em;
	text-align:left;
	line-height:35px;}	
table.table-form{
    width:640px;
	font-size:14px;
    border: 1px #ccc solid;
    border-spacing: 0;
    background: #fff;
	margin:0 auto;
	text-align:center;
}


table.table-form th {
    padding:10px 10px;
	border-bottom:dotted 1px #999999;
	border-right:dotted 1px #999999;
	  background:url(../img/bg1.gif) repeat-x;
     border-color: #FFFFFF #ccc #999 #FFFFFF;
	 font-weight:100;
	 line-height: 120%;
    width:250px;
	text-align:left;
}

table.table-form td img.w160{
	float:left;
	width:160px;
	margin:5px 10px;
}
table.table-form td img.w160r{
	float:right;
	width:160px;
	margin:0;
}


table.table-form td {
background:url(bg1.gif) repeat-x;
    padding:10px 10px;
border-bottom:dotted 1px #999999;
line-height:20px;
    color: #000;
    text-align:left;
}
table.table-form .btm {
border-bottom:none;
}

table.table-form .name{

text-align:left;
}

			
	/*ƒtƒbƒ^[*/
#footer {
	width:100%;
	clear:both;
	margin:50px 0 0 0;
	background:url(../img/foot-bg.jpg) top repeat-x #018c30;
	padding:0 0 50px 0;}


#footer p.gotop{
	text-align:right;
width:950px;
margin:0 auto 0 auto;
padding:2px 0 0 0;	

}

#footer p.gotop a{
	color:#000;
}


#footer p.gotop img{

	vertical-align:bottom;
}	

#footer .copybox{
	clear:both;
	margin:50px auto 0 auto;
	width:950px;
	overflow:hidden;}

#footer p.link{
	width:550px;
	color:#FFF;
	margin:5px auto 0 auto;
	padding:2px 0 5px 0;
	float:left;	
}	
#footer p.copy{
	font-size:10px;
	text-align:right;
	color:#FFF;
	float:right;
	margin:5px 0 0 0;
	width:390px;
	
}	

#footer p.link a{
	color:#FFF;

}	


/*Œ©o‚΅*/


/*”Δ—p*/




strong.big {
	font-size:24px;
	font-weight:bold;
	border-bottom:solid 1px #FF0000;
}
strong.line {
	border-bottom:solid 1px #FF0000;
}
.red {
	color:#ff0000;
	font-weight:bold;
}
b {
	color:#0066ff;
	font-weight:bold;
}
b.font20 {
	font-size:20px;
	color:#0066ff;
	font-weight:bold;
}
.font20r {
	font-size:20px;
	color:#ff0000;
	font-weight:bold;
}
em {
	background-color:#FFFF33;
	font-style:normal;
	padding:2px 0;
	font-weight:bold;
}
em.red {
	color:#ff0000;
}
em.font20 {
	font-size:20px;
	color:#ff0033;
	font-style:normal;
	padding:2px 0;
	font-weight:bold;
	background:#FFC;
}
em.font24 {
	font-size:24px;
	color:#ff0033;
 background::#FFFF33;
	font-style:normal;
	padding:2px 0;
	font-weight:bold;
}
img.btmimg {
	margin:0 0 40px 0;
	padding:0;
	background:top;
	clear:both;
}
#wrapper div.text p.center24red {
	font-size:24px;
	margin:10px auto 20px auto;
	text-align:center;
	font-size:24px;
	color:#ff0033;
	font-weight:bold;
}





/*‚e‚`‚p*/

#wrapper #contents #right dl.faq{
	margin:10px 0;
	width:640px;
	text-align:left;}
	
#wrapper #contents #right dl.faq dt{
	border-bottom:dotted 1px #999;
	width:560px;
		font-size:1.2em;
	color:#018c31;
	font-weight:bold;
	padding:12px 0 15px 60px;
	margin:0 0 5px 0;
	background:url(../img/faq-q.gif) no-repeat left top;}	
		
#wrapper #contents #right dl.faq dd{
	width:520px;
	margin:10px 0 30px 20px;
	padding:10px 0 30px 60px;
	background:url(../img/faq-a.gif) no-repeat left top;}	


	

/*”Δ—p*/

#wrapper #contents #right .line0{
	border-bottom:none;}

div.text p.name {
	color:#72001a;
	font-weight:bold;
	margin:0px;
	padding:0;
	font-size:16px;
	text-align:right;
	float:right;
}
strong.red {
	color:#ff0000;
	font-weight:bold;
}
strong.red-line {
	text-decoration:underline;
	color:#ff0000;
	font-weight:bold;
}
b {
	color:#0066ff;
	font-weight:bold;
}
b.font20 {
	font-size:20px;
	color:#0066ff;
	font-weight:bold;
}
em {
	background-color:#ffff99;
	font-style:normal;
	padding:2px 0;
	font-weight:bold;
}
em.red {
	color:#ff0000;
}
em.font20 {
	font-size:20px;
	color:#ff0033;
	background:#ffff99;
	font-style:normal;
	padding:2px 0;
	font-weight:bold;
}

.btm20px{
	margin-bottom:20px;}

h4.fontgreem {
	font-size:20px;
	color:#390;
	border-bottom:dotted 2px #6C6;
	width:90%;
	padding:2px 0;
	font-weight:bold;
	margin:10px 0 20px 0;
}
p.right{
	text-align:right;}

/*‰ζ‘œŠg‘ε*/
.overlay {
position: absolute;
display: none;
top: 0;
width: 100%;
z-index: 1;
background-color: rgba(0,0,0,0.6);
}
.overlay img {
display: inline-block;
position: absolute;
border: 5px solid #fff;
}