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

/*---------- ページ全体の指定 ----------*/

body {
  font-family: 'Helvetica','Arial','Osaka','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 150%;
  color: #222;
  background-color: #fdd245;
}

a:link {  color: #222;  font-size: 12px;  text-decoration: none; }
a:hover {  color: #f64256;  font-size: 12px;}
a:visited {  color: #f64256;  font-size: 12px;}
h1 {
  font-size: 12px;
  margin: 0;
  padding: 2px 3px 0px 3px;
  color: #333;
}
img{border:0;}
ul, ol, li { text-align: left;	margin:0px;}
/*---------- メイン ----------*/
#main {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 850px;
  background-color: #ffffff;
	text-align:center;
}
.lowmv{ text-align: center; margin: 0px auto 0px auto; width:850px; height:200px;}
/*---------- ヘッダー ----------*/

#header {
  margin: 0;
  width: 850px;
  height: 120px;
  background-color: #35b9c2;
  text-align: left; position:relative;
}
#header .tel { position:absolute; top:0; left:615px; width:215px; height:60px;}
#header #logo {position:absolute; top:2px; left:15px; width:225px; height:65px;}
/*---------- コンテンツ ----------*/

#container {
  margin: 0px;
  padding:15px 5px;
  background-color: #ffffff;
}
#contents {
  float: right;
  margin: 0;
  padding: 5px 10px 0 0;
  line-height: 150%;
  letter-spacing: 1px;
  width: 625px;
	text-align:left;
}
#contents h2 {
	margin: 0 0 7px 0;
	padding: 11px 0 10px 0px;
	line-height: 110%;
	font-size: 16px;
	color: #333333;
}
#contents h3 {
	margin: 0 0 7px 0;
	padding: 0px 0 10px 0px;
	line-height: 110%;
	font-size: 16px;
	color: #ee263c;
}
#contents h4 {
	margin: 0 0 7px 0;
	padding: 20px 0 10px 0px;
	line-height: 110%;
	font-size: 18px;
	color: #35b9c2;
}

/*---------- sideメニュー ----------*/

#menu {
  float: left;
  margin: 0 0 15px 5px;
  padding: 0;
  width: 180px;
  bottom: 0;
  text-align: left;
}
#menu a img{ margin-bottom:10px;}
.office {
  margin: 0 0 10px 0;
  width: 174px;
  text-align: left;
  border:#35b9c2 3px solid;
}
.office dl{ padding:0px; margin:0;}
.office dl dt{ background: url(images/base/icon01.png) no-repeat 9px 11px #e8fbfc; padding:3px 0 5px 20px;  list-style:none; color:#35b9c2; font-weight:bold; letter-spacing:0.1em;font-size:12px; text-align:left; }
.office dl dd{  padding:2px 0 5px 10px; list-style:none; color:#333; letter-spacing:0.1em; font-size:11px;text-align:left; margin:0;}

/*---------- フッター ----------*/

#footer {
  clear: both;
  margin: 0;
  padding: 8px 12px 20px 0;
  text-align: center;
  font-size: 10px; letter-spacing:0.1em;
  color: #666666;
  background: url(images/base/footer.jpg) repeat;
  
}
#totop{ float:right; padding:10px 20px 0 0; font-size:10px;background: url(images/base/icon02.gif) no-repeat right 11px ; }
#totop a{font-size:10px;}
/*-----------------------------------------
　navi
-----------------------------------------*/
#navigation {	position: absolute; top: 70px; left: 0px; width: 850px;	height: 50px;}
#nav {
	width: 850px;
	height: 50px;
	background-image: url(images/base/navi.jpg);
	background-repeat: no-repeat;
}
#nav li {
	position: absolute;
	left: 0px;
	height: 50px;
	list-style: none;
	text-indent: -9999em;
}
#nav #head_home { width: 134px; left: 0px;}
#nav #head_service { width: 143px; left: 134px;}
#nav #head_join { width: 143px; left: 277px;}
#nav #head_fqa { width: 143px; left: 420px;}
#nav #head_price { width: 143px; left: 563px;}
#nav #head_contact { width: 143px; left: 706px;}
#nav li a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 50px; text-indent: -9999em; border:none;}
/*-----------------------------------------
　top
-----------------------------------------*/
.mvisual{ text-align: center; margin: 0px auto 0px auto; width:850px;}
.mvisual ul{ padding:0; margin:0;}

.info{ width:625px; padding:0px; ; margin:0px; }
	.info ul {padding:10px 15px; }
.info ul li{ padding:10px 0; border-bottom:#21dae6 1px dotted; list-style:none; color:#222; letter-spacing:0.1em;line-height:1.3em; font-size:13px;}
.info ul li div{ float:left;}
.info ul li a{ color: #300; text-decoration:underline;}
.info ul li span{ font-size:10px; color:#35b9c2; margin-right:10px; letter-spacing:0.2px;display:block; padding-bottom:5px; }
/*-----------------------------------------
　service
-----------------------------------------*/
.service { padding:20px;}
#servicetable table {width:600px;}
#servicetable table th{ font-weight:bold; text-align:left; font-size:18px; width:200px; text-align:left; padding:5px; border-bottom:#21dae6 3px dotted; vertical-align:inherit;}
#servicetable table td{ font-weight:bold; text-align:left; font-size:12px;vertical-align:top; padding:5px; border-bottom:#21dae6 1px dotted;vertical-align:inherit;}
#servicetable table td span{font-weight:normal;}
/*-----------------------------------------
　price
-----------------------------------------*/
.price { padding:20px;}
table{ width:510px;}
.price table th{ font-weight:bold; text-align:left; font-size:12px; width:122px; text-align:right; padding:5px; color:#35b9c2;border-bottom:#21dae6 1px dotted; vertical-align:inherit;}
.price table td{ font-weight:bold; text-align:left; font-size:12px;vertical-align:top; padding:5px; border-bottom:#21dae6 1px dotted;vertical-align:inherit;}
.price table td span{ font-weight:normal;}
.price table td .cmp{ font-weight:bold; color:#ec6d7b; font-size:16px;}
.price #gonyukai{ margin-top:30px; border-top:#21dae6 1px dotted; }
/*-----------------------------------------
　join
-----------------------------------------*/
.join { padding:20px;}
.step1{ background: url(images/join/step1.gif)  no-repeat; padding:0; margin:0 0 20px 10px; position:relative; width:615px; height:176px;}
.step1 div{ top:55px; left:55px; width:550px; height:40px; position:relative; } 
.step1 span{ top:80px; left:140px; width:460px; height:40px; position:relative; color:#1a7c10; display:block; } 
.step2{ background: url(images/join/step2.gif)  no-repeat; padding:0; margin:0 0 20px 10px; position:relative; width:615px; height:190px;}
.step2 div{ top:55px; left:55px; width:550px; height:70px; position:relative; } 
.step2 span{ top:75px; left:140px; width:460px; height:40px; position:relative; color:#1a7c10; display:block; }
.step3{ background: url(images/join/step3.gif)  no-repeat; padding:0; margin:0 0 20px 10px; position:relative; width:615px; height:390px;}
.step3 div{ top:55px; left:55px; width:550px; height:65px; position:relative; } 
.step3 span{ top:78px; left:140px; width:460px; height:90px; position:relative; color:#1a7c10; display:block; }
.step3 p{ top:150px; left:75px; width:530px; height:70px; position:relative; display:block;} 
.step4{ background: url(images/join/step4.gif)  no-repeat; padding:0; margin:0 0 20px 10px; position:relative; width:615px; height:220px;}
.step4 div{ top:55px; left:55px; width:550px; height:85px; position:relative; } 
.step4 span{ top:75px; left:140px; width:460px; height:40px; position:relative; color:#1a7c10; display:block; }
.step5{ background: url(images/join/step5.gif)  no-repeat; padding:0; margin:0 0 20px 10px; position:relative; width:615px; height:210px;}
.step5 div{ top:55px; left:55px; width:550px; height:40px; position:relative; } 
.step5 span{ top:85px; left:140px; width:460px; height:90px; position:relative; color:#1a7c10; display:block; }
/*-----------------------------------------
　faq
-----------------------------------------*/
.faq { padding:20px;}

.faq .box{  margin:20px 0 0; position:relative;}
.faq .box div{ margin:10px 0 35px ;}
.faq p{background-image: url(images/base/icon01.png);
	background-repeat: no-repeat; background-position:5px 4px; padding:0 0 0px 20px; font-weight:bold; list-style:none; color:#35b9c2; letter-spacing:0.1em; margin:20px 0 5px;}
.faq .box ul{ padding:0 0 20px 40px; }
.faq .box ul li{ list-style:none; line-height:1.7em;}
.faq .box ul li span{color:#35b9c2; font-weight:bold; }
.faq .box ul a{ text-decoration:underline; font-size:12px;}
.qaq{padding:10px 0 5px; list-style:none;  letter-spacing:0.1em;border-bottom:#21dae6 1px dotted; margin:10px 25px 5px;}
.qaq span{color:#35b9c2; font-weight:bold; }
.qaa{ background-color:#fdf9cc;
	padding:15px 20px 20px; margin:0 20px 30px;}
.qaa span{color:#ee263c; font-weight:bold; }
	.qaa a{color:#00B1E0;}
/* ------------ others ------------ */
a img.alpha60{
background:none!important;
}
 
a:hover img.alpha60{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}
.fcrgr{color:#35b9c2;}
.fcrpk{color:#ee263c;}
.clrb   {clear: both;}