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

* {margin:0; padding:0;
line-height:150%;}

body{
	margin:0px;
	padding:0px;
	line-height:150%;
	font-size:80%;
	color:#333;
	font-family:"メイリオ", "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	background:url(../img/bg_body.jpg) repeat top;

}

a:link { color: #006699;text-decoration:underline;}
a:visited { color: #006699;text-decoration:underline;}
a:hover {color: #006699;text-decoration:none;}
a:active {color: #006699;text-decoration:none;}

/* page */


img{border:0px;}


.tec,.tecb10,.tecb20,.tecb30{ text-align:center;}
.tecb10{margin:0px 0px 10px;}
.tecb20{margin:0px 0px 20px;}
.tecb30{margin:0px 0px 30px;}

.ter,.terb10,.terb30{ text-align:right;}

.terb10{margin-bottom:10px;}
.terb30{margin-bottom:30px;}

.clear{
clear:both;
font-size:1px;
line-height:1px;
}

/* margin */


.mrb10{margin:0px 0px 10px;}
.mrb20{margin:0px 0px 20px;}
.mrb30{margin:0px 0px 30px;}
.mrb50{margin:0px 0px 50px;}

.mrt20b10{margin:20px 0px 10px;}

.img-float1{
margin:0px 0px 10px 10px;
float:right;
}


/* color */

.color1{color:#ff0000;}
.color2{color:#2659a4;}
.color3{color:#587f1f;}

/* head */

#over{
width:100%;
background:url(../img/bg_head.gif) repeat-x top;
}

#header{
margin:0px auto;
width:960px;
height:127px;
padding:0px;
}

h1{
margin:0px;
padding:0px;
}

#header-left{
width:405px;
padding:19px 0px 0px;
float:left;
}


#header-right2{
width:165px;
padding:33px 0px 0px 90px;
float:left;
}

#header-right3{
width:289px;
padding:19px 0px 0px;
float:right;
}

/* menu */

#menu{
margin:0px auto 10px;
width:960px;
height:62px;
padding:0px;
overflow:hidden;
background:url(../img/bg_menu.jpg) repeat-x;
}

#menu ul{
margin:0px;
padding:0px;
}

#menu li{
padding:0px;
margin:0px;
list-style-type:none;
float:left;
}

/* layout */
#mainimg{
margin:0px auto 20px;
width:500px;
height:80px;
padding:420px 0px 0px 468px;
background:url(../img/main.png) no-repeat;
}
/*
#mainimg{
margin:0px auto 20px;
width:500px;
height:80px;
padding:420px 0px 0px 468px;
background:url(../img/main.jpg) no-repeat;
}
*/

#contents{
margin:0px auto;
padding-bottom:20px;
width:960px;
clear:both;
}

#area{
width:690px;
float:left;
}

#side{
width:260px;
float:right;
azimuth:#fff;
}

.close{
width:591px;
height:61px;
padding:200px 0px 0px 29px;
background:url(../img/bg_end.gif) no-repeat;
}

.close2{
width:591px;
height:61px;
padding:158px 0px 0px 29px;
background:url(../img/bg_end2.jpg) no-repeat;
}


/* side */

#side-bloxk1{
margin:0px 0px 20px;
width:230px;
padding:10px;
background:#fff;
border:5px #ccc solid;
}

#side-bloxk1 table{
margin:0px 0px 10px;
width:230px;
}

#side-bloxk1 th{
width:70px;
background:#a7c850;
vertical-align:top;
color:#fff;
padding:5px;
border-bottom:2px #fff solid;
}

#side-bloxk1 td{
background:#fff;
padding:5px;
border-bottom:2px #fff solid;
}

.side1{
padding:3px 20px 0px 0px;
text-align:right;
background:url(../img/icon1.gif) no-repeat right 5px;
}

.side-guide{
width:232px;
padding:10px 12px 0px;
border-left:2px #ccc solid;
border-right:2px #ccc solid;
border-bottom:2px #ccc solid;
background:#fff;
}

.side-guide dl{
margin:0px 0px 10px;
}

.side-guide dt{
margin:0px 0px 8px;
}

.side-guide dd{
padding:0px 0px 5px 20px;
background:url(../img/icon1.gif) no-repeat left 3px;
}

/* footer */

#footer{
width:100%;
height:86px;
background:url(../img/bg_foot.gif) repeat-x;
}

#footer-innar{
margin:0px auto;
width:960px;
padding:30px 0px 0px;
}

#foot-menu{
width:700px;
float:left;
}

#pagetop{
padding:10px 0px 0px;
width:111px;
float:right;
}


#pan{
margin:0px 0px 10px;
width:680px;
background:url(../img/line1.gif)  repeat-x bottom;
}

#pan p{
margin:0px 0px 0px;
padding:0px 0px 5px 20px;
background:url(../img/icon2.gif) no-repeat left 5px;
}

#end{
width:662px;
height:73px;
padding:140px 0px 0px 18px;
background:url(../img/bg_end1.png) no-repeat top;
}
/*
#end{
width:662px;
height:73px;
padding:140px 0px 0px 18px;
background:url(../img/bg_end1.jpg) no-repeat top;
}
*/
/* top ============================================================================================================================= */

.top1{
margin:0px 0px 20px;
width:280px;
padding:10px 410px 10px 0px;
background:url(../img/top2.jpg) no-repeat right top;
}

.topblock1{
width:309px;
float:left;
}

.topblock2{
width:309px;
float:right;
}

.top-box1{
margin:0px 0px 20px;
width:638px;
padding:10px 20px;
background:#fff;
border-left:1px #ddcfaa solid;
border-right:1px #ddcfaa solid;
border-bottom:1px #ddcfaa solid;
}

.top-box2{
margin:0px 0px 20px;
width:648px;
padding:0px 15px 10px;
background:#fff;
border-left:1px #ddcfaa solid;
border-right:1px #ddcfaa solid;
border-bottom:1px #ddcfaa solid;
}


/* contact */

#contact{
width:638px;
padding:20px;
border:1px #ddcfaa dotted;
}


.contact-form{
margin:0px 0px 10px;
width:638px;
}

.contact-form th{
width:160px;
vertical-align:top;
padding:8px 10px;
text-align:left;
font-weight:normal;
}

.contact-form td{
padding:8px 10px;
}

.contact-form th span{color:#ff0000;}

.bg1{background:#efefef;}
.bg2{background:#fff;}


/* pv ============================================================================================================================= */

.pv-intro{
margin:0px 0px 10px;
width:680px;
padding:0px 0px 18px;
background:url(../img/line1.gif) repeat-x left bottom;
}

.pv{
padding:0px 0px 30px;}

.pv dt{
color:#77aa1e;
font-weight:bold;
}

.pv dd{
margin:0px 0px 15px;
}

.pv dd ul{
margin:8px 0px 0px 40px;
}

/* guide ============================================================================================================================= */

.basicbox1{
margin:0px 0px 20px;
width:680px;
background:url(../img/bg_basicbox1.gif) no-repeat top #fff;
padding:33px 0px 0px;
}


.basicbox1-innar{
width:638px;
background:#fff;
border-left:1px #ddcfaa solid;
border-right:1px #ddcfaa solid;
border-bottom:1px #ddcfaa solid;
background:#fff;
padding:0px 20px 20px;
}


.ba1{
width:309px;
float:left;
}


.ba2{
width:309px;
float:right;
}


.ti-guide1,.ti-guide2,.ti-guide3,.ti-guide4,.ti-guide7,.ti-guide8,.ti-guide9,.ti-guide10,.ti-guide12,.ti-guide13,.ti-guide14{
width:209px;
min-height:54px;
padding:40px 0px 0px 100px;
}

.ti-guide1{background:url(../img/bg_guide1.jpg) no-repeat left top;}
.ti-guide2{background:url(../img/bg_guide2.jpg) no-repeat left top;}
.ti-guide3{background:url(../img/bg_guide3.jpg) no-repeat left top;}
.ti-guide4{background:url(../img/bg_guide4.jpg) no-repeat left top;}
.ti-guide7{background:url(../img/bg_guide7.jpg) no-repeat left top;}
.ti-guide8{background:url(../img/bg_guide8.jpg) no-repeat left top;}
.ti-guide9{background:url(../img/bg_guide9.jpg) no-repeat left top;}
.ti-guide10{background:url(../img/bg_guide10.jpg) no-repeat left top;}
.ti-guide12{background:url(../img/bg_guide12.jpg) no-repeat left top;}
.ti-guide13{background:url(../img/bg_guide13.jpg) no-repeat left top;}
.ti-guide14{background:url(../img/bg_guide14.jpg) no-repeat left top;}


.ic3{
padding:10px 0px 0px 0px;
background:url(../img/icon3.gif) no-repeat right;
}


.base{width:680px;}

.g1{
width:370px;
float:left;
}

.g2{
width:285px;
float:right;
}

.g3{
width:177px;
float:left;
}

.g4{
width:435px;
float:right;
}


.basicbox2{
margin:0px 0px 20px;
width:640px;
background:#fff;
border:1px #ddcfaa solid;
background:#fff;
padding:19px;
}

.guidebox1{
width:490px;
padding:0px 190px 0px 0px;
min-height:198px;
background:url(../img/bg_guide5.gif) no-repeat right top;
}

.guidebox2{
width:530px;
padding:0px 0px 0px 150px;
min-height:245px;
background:url(../img/bg_guide6.gif) no-repeat left top;
}

.guidebox3{
width:490px;
min-height:101px;
padding:20px 190px 0px 0px;
background:url(../img/bg_guide11.gif) no-repeat right top;
}

.decimal{
margin:0px 0px 10px 30px;
}

.decimal li{
margin:0px 0px 10px;
list-style-type:decimal;
}

.decimal li ul{
margin:5px 0px 01px;}

.decimal li ul li{
list-style-type:none;
}

.merit,.demerit{
padding:10px 0px 5px 96px;
}

.merit{background:url(../img/icon_merit.gif) no-repeat left 5px;}
.demerit{background:url(../img/icon_demerit.gif) no-repeat left 5px;}


.evaluation1{
width:198px;
padding:0px 21px 0px 0px;
float:left;
}

.evaluation2{
width:198px;
float:right;
}

.text1{
color:#669326;
font-size:140%;
line-height:150%;
}

.kabu{
margin:0px 0px 20px;
width:680px;
background:#ddcfaa;
}

.kabu th{
background:#f0f0f0;
text-align:left;
padding:8px 10px;
}

.kabu td{
padding:8px 10px;
background:#fff;
}

/* charge ============================================================================================================================= */

.charge{
margin:0px 0px 30px;
width:630px;
padding:20px;
border:5px #ddcfaa solid;
background:#fff;
}

.charge table{
width:630px;
background:#ccc;
font-size:140%;
/*text-align:center;*/
font-weight:bold;
line-height:150%;
}


.charge th{
width:180px;
padding:10px;
color:#fff;
background:#ff9900;
}

.charge td{
color:#666;
padding:10px;
background:#fff;
}

/* faq ============================================================================================================================= */

.faqbox{
margin:0px 0px 20px;
width:630px;
padding:20px 20px 0px;
border:5px #ddcfaa solid;
background:#fff;
}

.question{
margin:0px 0px 15px;
width:630px;
padding:0px 0px 8px;
background:url(../img/line1.gif) repeat-x left bottom;
}

.question p{
padding:5px 0px 5px 40px;
font-size:140%;
line-height:150%;
font-weight:bold;
color:#66450c;
background:url(../img/icon_q.jpg) no-repeat left 2px;
}

.answer{
margin:0px 0px 20px;
padding:5px 0px 5px 40px;
background:url(../img/icon_a.jpg) no-repeat left 2px;
}

.faqbox2{
margin:0px 0px 20px;
width:630px;
padding:24px 24px 4px;
border:1px #ddcfaa solid;
background:#fff;
}

/* office ============================================================================================================================= */

.office1{
width:418px;
float:left;
}

.office2{
width:200px;
float:right;
}

/* words ============================================================================================================================= */

.words1{
width:150px;
float:left;
}

.words2{
width:510px;
float:right;
}

.caegory{
margin:0px 0px 20px;
width:148px;
border-left:1px #ddcfaa solid;
border-right:1px #ddcfaa solid;
background:#fff;
}

.caegory li{
padding:5px 5px 5px 20px;
list-style-type:none;
background:url(../img/icon_category.gif) no-repeat 5px 7px;
border-bottom:1px #ddcfaa solid;
}


.word{
margin:0px 0px 30px;
width:468px;
padding:20px 20px 5px;
border:1px #ddcfaa solid;
background:#fff;
}

.word dt{
color:#669326;
font-size:120%;
line-height:150%;
font-weight:bold;
}

.word dd{
margin:0px 0px 15px;
padding:0px 0px 10px;
background:url(../img/line1.gif) repeat-x left bottom;
}

/* ex ============================================================================================================================= */

.ex{
margin:0px 0px 20px;
width:638px;
padding:15px 20px;
border:1px #ccc solid;
background:#fff;
}


.yu{
margin:0px 0px 20px;
width:638px;
padding:0px 0px 10px;
border-bottom:4px #eaddc7 solid;
}

.exbox1,.exbox2,.exbox3,.exbox4,.exbox5,.exbox6,.exbox7,.exbox8{
margin:0px 0px 10px;
cursor:pointer;
}

.ex1,.ex2,.ex3,.ex4,.ex5,.ex6,.ex7,.ex8{	display: none;}



.ERR{
color:#ff0000;
}

.comp{
width:680px;
height:87px;
padding:250px 0px 0px;
text-align:center;
background:url(../img/bg_comp.gif) no-repeat;
}