@charset "utf-8";

/*
--------------------------------------------------------
Since: 2009-09-18
Modified: none
Guideline: Ver1.0
Editor: DW8
-------------------------------------------------------- */

body{
margin:0px auto;
padding:0px;
font-family: "MS PGothic", Osaka, "MS Gothic", Gothic, sans-serif;
line-height: 1.5;
font-size: 12px;
color:#333;
text-align:center;
*font-size: 73%; /*for IE6,IE7*/
}

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; }

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;
  /**/
}

textarea { font-size: 100%; }


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


a:link{
color:#0066CC;
text-decoration:underline !important;
}

a:hover{
color:#996633 !important;
text-decoration:none !important;
}

a:visited{
color:#0066CC;
text-decoration:underline;
}

a:active{
color:#0066CC;
text-decoration:underline;
}

/*基本設定終了*/




/*header*/

.head{
width:780px;
height:85px;
position:relative;
margin:0 auto 10px auto;
}

.head .logo{
position:absolute;
top:30px;
left:0px;
}

.head .tel{
position:absolute;
top:10px;
right:10px;
}

.head .line{
position:absolute;
bottom:0px;
left:0px;
}

.head h1{
position:absolute;
top:3px;
left:5px;
font-size:80%;
font-weight:normal;
padding:0px;
margin:0px;
color:#CCC;
}
.head .hmail{
position:absolute;
top:75px;
right:10px;
}

.main_img{
margin-bottom:13px;
}


.wrap{
width:795px;
height:auto;
margin:auto;
background:url(../img/contents_bk.gif) repeat-y;
}

.con_box{
width:795px;
height:auto;
margin:auto;
}


.right_wrap{
float:right;
width:600px;
min-height:450px;
height:auto !important;
height:450px;
}

.left_wrap{
float:left;
width:185px;
}

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

.sub_title{
margin:30px 0 5px 0 ;
}

.sub_title02{
margin:15px 0 5px 0 ;
}

.co_area{
margin-top:30px;
width:585px;
height:160px;
position:relative;
border:1px #CCCCCC solid;
zoom:1;
}

.co_title{
margin:1px 0 0 0;
}

.co_logo{
top:40px;
left:175px;
position:absolute;
}

.co_text{
width:auto;
height:auto;
position:absolute;
top:70px;
left:175px;
font-size:10px;
text-align:left;
line-height:1.3em;
}

.co_photo{
position:absolute;
top:36px;
left:10px;
}

.menu{
margin:0px;
padding:0xp;
background:url(../img/menu_c.gif) repeat-y;

}

.menu01{
margin:0px;
padding:0xp;
text-align:left;
color:#FEF8ED;
text-indent:25px;

}

.menu01 li{
margin:0px;
padding:0xp;
background:url(../img/menu_bk.gif) no-repeat;
height:34px;
margin:0 0 0 7px;
line-height:3em;
}

.menu img{
margin-bottom:1px;
}

.menu_bottom{
background:url(../img/menu_bottom.gif) no-repeat;
margin:0;
padding:0;
position: relative;
top:73px;
left:0px;
}

/*footer*/

.footer{
width:780px;
position: relative;
margin:0;
padding:0;
*zoom:1;
}

.foot{
width:540px;
font-size:10px;
text-align:left;
position:relative;
bottom:0px;
left:200px;
/left:60px;/*IE6,7*/
margin:20px 0;
}

.copylight{
color:#FFFFFF;
background-color:#F89834;
background-position:top;
background-repeat:repeat-x;
margin:0 auto;
padding:1px 0;
width:780px;
}


/*下層共通*/
.right_wrap h2{
display:inline !important;
font-size:12px;
font-weight:normal;
}


#pan{
text-align:right;

}

.lower_title30{
margin-bottom:30px;
}

.lower_title20{
margin-bottom:20px;
}

.lower_title15{
margin-bottom:15px;
}

.lower_title20t{
margin-top:10px;
margin-bottom:20px;
}

.lower_con_wrap{
width:582px;
margin:auto;
}

.t_15{
margin-top:15px;}
.t_30{
margin-top:30px;}

/*個人情報*/
.ko_sub_title10{
margin:10px 0;
}

.ko_text{
width:auto;
height:auto;
text-align:left;
margin-top:0px;
line-height:1.8em;
}
.ko_text li{
list-style-position:outside!important; 
list-style-type:decimal!important;
margin-left:20px;
}

.ko_title{
background:#EFEFEF;
text-indent:5px;
border-left:#FF9900 solid 5px;
font-weight:bold;
margin:20px 0 0 0;
}



/*
.k_li01{
list-style:decimal !important;
margin:0 0 15px 25px;
}

.k_li02{
list-style:decimal !important;
margin:0 0 5px 25px;
}

.k_li03{
list-style:decimal !important;
margin:0 0 0 55px;
}

.k_li04{
list-style:decimal !important;
margin:0 0 0 20px;
}

.k_li05{
margin:15px 0 0 0px;
color:#CC0000;
}*/

.k_text_area{
width:490px;
height:auto;
margin:20px auto 20px auto;
border:double #2894E7;
padding:10px;
}

.k_inq{
font-size:14px;
margin:5px 0 0 25px;
}



/*会社概要*/






.comhp{
margin-top:15px;
text-align:left;
}




#contents{
width:570px;
text-align:center;
}

#contents_txt{
width:570px;
margin:20px auto 0px auto;
text-align:left;
}
#contents_txt span{
color:#FF0000;
font-size:1.5em;
font-weight:bold;
}


.btn{
margin:0 auto 0 auto;}

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

input:focus{
background-color: #FEF8ED;
}

input:hover{
background-color: #FEF8ED;
}

textarea:focus{
background-color: #FEF8ED;
}

textarea:hover{
background-color: #FEF8ED;
}


input#btn3 {
border-top: 3px double #cccccc;
border-right: 3px double #333333;
border-bottom: 3px double #333333;
border-left: 3px double #cccccc;
color:#666666;
background-color:#fff;
font-size: 14px;
font-weight:bold;
width:150px;
height:30px;
}

input#btn3:hover{
border-top: 3px double #cccccc;
border-right: 3px double #333333;
border-bottom: 3px double #333333;
border-left: 3px double #cccccc;
color:#666;
background-color:#FEF8ED;
font-size: 14px;
font-weight:bold;
width:150px;
height:30px;
}

/*当社の特徴*/

.about_li{
margin:15px 0 0 0;
}

.about_li li{
margin:0 0 30px 0;

}




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*
リンク集
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.link_01{
text-align:left;
}

.link_01 li{
float:left;
background:url(../img/arrow_01.gif) no-repeat left center;
padding:0 0 0 15px;
margin:5px 20px 0 0;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*
オーナー様へ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.ko_area{
width:580px;
margin:10px auto 0 auto;
}
.com_photo{
float:left;
margin-right:10px;}

.com_txt{
float:right;
text-align:left;
width:350px;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*
会社概要
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.companydata{
width:570px;
height:auto;
margin:0 auto 10px auto;
text-align:left;
font-size:12px;
}

.companydata dl.dataList {
display:block;
float:left;
padding:0;
width:570px;
}
.companydata dl.dataList dt {
background:url(../img/databgimg.gif) top repeat;
height:100%;
background-color:#F3E2CF;
clear:left;
float:left;
margin:0 0 1px 0;
padding:5px 0 5px 8px;
width:100px;
text-align:left;
}

.companydata dl.dataList dd {
display:block;
float:right;
margin:0 0 1px 0;
padding:5px 0 5px 8px;
width:450px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*
リクエスト登録
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.contact_area{
width:570px;
margin:15px auto 30px auto;
background-color:#E8D5BE;
text-align:left;
}

.contact_area th{
font-weight:normal;
background-color:#FEF8ED;
border:#FFF 1px solid;
padding:5px;
width:110px;
}

.contact_area td{
font-weight:normal;
background-color:#FFF;
padding:5px;
}

.contact_area span{
font-size:x-small;
color:#FF0000;
margin-left:5px;
}