@charset "utf-8";


/*
--------------------------------------------------------
Since: 2009-07-08
Modified: none
Guideline: Ver1.0
Editor: DW8
-------------------------------------------------------- */



body {
margin:0px;
padding:0px;
font-family: "ＭＳ Ｐゴシック", Osaka,  "ヒラギノ角ゴPro W3", sans-serif;
line-height: 1.6;
color:#333;
background:url(../img/body_bg.gif);
background-position:center top;
background-repeat: repeat-x;
text-align:center;
background-color: #FFF;
}

html {
font-size: 12px;
*font-size: 73%; /*for IE6,IE7*/
line-height: 1.6;
margin:0px;
padding:0px;
}

p,dl,dt,dd,div,ol,ul,li{ 
margin:0px;padding:0px;
}

ul,li {
list-style:none;
}

a img { border:0; }

img { vertical-align: bottom; behavior:url(iepngfix.htc)}
img ,div{behavior:url(iepngfix.htc)}
hr { display: none; }

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

html>/**/body .clearfix {  
   height /*\**/: 1px\9;  
   height: auto\9;  
   overflow: hidden\9;
}  

textarea { font-size: 100%; }


h1,h2,h3,h4,h5,h6 {
font-weight:normal;
}

a:link{
color: #336600;
text-decoration:underline;
}
a:hover{
color: #336600;
text-decoration:underline !important;
}
a:visited{
color: #336600;
text-decoration:underline;
}
a:active{
text-decoration:underline;
}

label:hover {
background-color:#F0FBED;
padding:5px 0 5px 0;
}

/*基本設定終了*/

.t_05{margin-top:5px;}
.t_15{margin-top:15px;}
.t_30{margin-top:30px;}
.r_10{margin-right:10px;}
.l_10{margin-left:10px;}



/*wrap*/
.wrap{
width:900px;
margin:0 auto;}


/*header*/
.head{
width:900px;
height:91px;
position:relative;
margin:0 auto;
padding:0;
*zoom:1;
}

.logo{
position:absolute;
left:0px;
bottom:20px;
}

h1{
font-size:80%;
position:absolute;
left:10px;
top:5px;
color:#006600;
}


/*main*/

.main_wrap{
width:900px;
margin:20px auto 0 auto;}

.main{
background:url(../img/main_bg.jpg) no-repeat;
width:660px;
height:445px;
position:relative;
float:left;
}
.main .main_01{
position:absolute;
top:59px;
left:70px;
font-weight:bold;
font-size:120%;
line-height:2.1;
text-align:left;
}
.main .main_02{
position:absolute;
top:340px;
left:210px;
text-align:left;}


.main_r{
float:right;
margin-left:20px;
display:inline;
}

.main_r .menu{
margin:20px auto 0 auto;
border:#68D54C solid 1px;
background-color:#F0FBED;
}
.main_r .menu ul{
text-align:left;
margin:5px 5px 5px 5px;
}

.main_r .menu li{
background:url(../img/menu_bg.gif);
margin-top:2px;
padding:10px 0 15px 30px;
text-align:left;
}



/*contents*/
.contents{
width:860px;
margin:40px auto 0 auto;
padding:0 0 0 0;
text-align:center;
}

.point_01{
margin:20px auto 0 auto;
background:url(../img/point_bg_01.gif) top center;
width:840px;
background-repeat:no-repeat;
position:relative;
height:120px;
}
.point_02{
margin:0px auto 0 auto;
background:url(../img/point_bg_02.gif) top center;
width:840px;
background-repeat:no-repeat;
position:relative;
height:120px;
}
.point_03{
margin:0px auto 0 auto;
background:url(../img/point_bg_03.gif) top center;
width:840px;
background-repeat:no-repeat;
position:relative;
height:160px;
}

.p_txt{
position:absolute;
top:50px;
left:190px;
text-align:left;
}

.pa{
right:10px;
bottom:0;
position:absolute;
color:#FF4444;
font-size:200%;
font-weight:bold;
}

.title{
margin:50px auto 0 auto;}


.flow{
width:820px;
margin:20px auto 0 auto;
border:#68D54C solid 1px;
background-color:#F0FBED;
padding:10px 10px 10px 20px;
}
.flow ul{
text-align:left;
}

.flow span{
	font:1.4em arial black, Times, serif;
color:#17732B;
padding-right:10px;
}

.flow .ar{
margin:5px auto 5px 20px;}




.sub_area{
width:840px;
margin:20px auto 0 auto;
text-align:left;
}

.pri_l{
float:left;
text-align:left;
margin:0 0 0 10px;
}

.sub_area .pri_l p{
margin-top:10px;
}

.sub_area .pri_r{
float:right;
}




.mem_01{
float:left;
text-align:left;
width:410px;
border:1px #CCC solid;
background-color:#F5FAFC;
display:inline;
}

.mem_02{
float:right;
text-align:left;
width:410px;
border:1px #CCC solid;
background-color:#F5FAFC;
*zoom:1;
}


.photo{
padding:10px 10px 5px 10px;
float:left;
}
.ttl{
color:#06C;
font-size:1.2em;
font-weight:bold;
border-bottom:1px dotted #06C;
width:260px;
text-align:left;
padding-bottom:5px;
margin-bottom:5px;
line-height:1.4em;
}

.mem_txt{
margin:10px 0 0 0px ;
width:225px;
float:left;}

.mem_com{
padding:0 10px 10px 10px;}

.mem_l{
float:left;
color:#FF0000;
font-weight:bold;
padding-left:40px;}
.mem_l span{
font-size:200%;
}

.mem_r{
float:right;
background:url(../img/hp.gif) left no-repeat;
padding:0 10px 0 25px;
margin-top:10px;
}





.case_bk{
margin:0;
background:url(../img/case_bg.gif) repeat-y;
}

.case_bk .txt_01{
background:url(../img/case_01-trans.png) no-repeat left top;
padding:0px 0 0 120px;
margin:0 0 0 60px;
text-align:left;
line-height:2.4;
}

.case_bk .txt_02{
background:url(../img/case_02-trans.png) no-repeat left top;
padding:0px 0 0 120px;
margin:28px 0 0 60px;
text-align:left;
line-height:2.4;
}
.case_bk .txt_03{
background:url(../img/case_03-trans.png) no-repeat left top;
padding:0px 0 0 120px;
margin:28px 0 0 60px;
text-align:left;
line-height:2.4;
}

.case_bk span{
font-weight:bold;
color:#0066CC;
font-size:120%;
}

.case_u{
background:url(../img/case_u.gif) top center no-repeat;
text-align:right;
}

.case_u img{
margin-right:20px;}



.com_area{
width:840px;
position:relative;
height:260px !important;
margin:20px auto 0 auto;
background-color:#F6F6F6;
padding:10px 0 0 10px;
}

.com_area .d{
float:left;
}

.com_area .c_txt{
float:left;
margin:0 15px;
text-align:left;
}

.com_area .map{
float:right;
}

.ko_area{
position:absolute;
bottom:0;
right:0;
height:232px;
width:340px;
background:url(../img/com_bg.gif);
}
.ko_txt{
text-align:left;
margin:75px 0 15px 30px;
}

#ko_bth{
text-align:left;
padding:0 20px 0 0;}



/*copyright*/
.copy_area{
width:100%;
margin:50px auto 0 auto;
height:30px;
background-color:#D7FADE;
}

.copy{
width:900px;
text-align:center;
margin:0 auto;
}

.copy p{
color:#006600;
text-align:right;
padding:8px 0 0 0;
}

/*req*/
.req_table{
width:840px;
margin:10px auto 0 auto;
border:#CCC 1px solid;
text-align:left;
}

.req_table th{
font-weight:normal;
background-color:#F0FBED;
border-bottom:#CCC 1px solid;
border-top:#FFF 1px solid;
border-left:#FFF 1px solid;
padding:10px;
width:150px;
}

.req_table td{
font-weight:normal;
background-color:#FFF;
border-bottom:#CCC 1px solid;
border-top:#FFF 1px solid;
border-right:#FFF 1px solid;
padding:10px;
}
.req_table span{
color:#FF0000;
font-size:10px;}

.req_btn{
margin:30px auto 0 auto;
text-align:center;}

/*pri*/
.pri{
width:840px;
border:1px solid #CCC;
margin:30px auto 0 auto;
text-align:center;}