﻿@charset "utf-8";
/***********************************************/
/* HTML tag styles                             */
/***********************************************/

*{
color: #6E6E6E;
margin:0;
padding:0;
font-size: 10px; /* for Modern  Browser */
	 /*_letter-spacing: 0.1em;  for IE only */
    *font-size: small; /* for IE 7 */
    *font: x-small; /* under IE 6 */
	 _line-height: 1.2em; 
    line-height: 1.2em;
font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;

}

html,body{
height:100%;
width:100%;
}


table{
border-collapse:collapse;
border-spacing:0;
font-size:inherit;
font:100%;
}


textarea,input{
margin:0;
padding:0;
}

caption,th{
text-align:left;
}

td,th{
vertical-align:top;
}

fieldset,abbr{
border:none;
margin:0;
padding:0;
}

img{
margin:0;
padding:0;
border:0;
vertical-align:bottom;
}

ul,li,ol{
list-style:none;
}

hr{
display:none;
}

strong{
font-weight:bold;
}

/***********************************************/
/* Basic link styles                           */
/***********************************************/

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

a{
outline:0;
}


/***********************************************/
/* flame                           */
/***********************************************/

#wrapper{
min-height:100%;
height:auto !important;
height:100%;
width:100%;
}

#h1word{
text-align:center;
padding:5px 0px;
}

#h1word h1,
#h1word p{
display:inline;
font-size:10px;
font-weight:normal;
}

#h1word p{
margin-left:5px;
padding-left:5px;
border-left:1px solid #999;
}

#all{
background-color: #D4D5D8; 
background-image: url(../img/common/Bg.jpg); 
background-repeat: repeat-x; 
min-height:100%;
height:auto !important;
height:100%;
width:100%;
}


#wrapper > #container {
height: auto;
}

* html #container{
min-height: 100%;
text-align: left; 
}

#container{ 
width:900px;
margin:0px auto;
background:url(../img/common/background_cont.jpg) repeat-y 0 0;
position:relative;
min-height:100%;
height:auto !important;
height:100%;
}

#container01{
float:left;
width:180px;
display:inline-block;
}

#container02{
float:right;
width:720px;
display:inline-block;
}

#content{
width:720px;
min-height:340px;
background:url(../img/common/background_bg.jpg) no-repeat 0 0;
}




/***********************************************/
/* #container01                     */
/***********************************************/

#container01 ul{
margin-bottom:20px;
}

.gaiyou,
.apoint{
padding-right:20px;
}

.gaiyou p{
font-size:11px;
color:#000000;
}
.gaiyou .p01{
margin-top:2px;
}
.gaiyou .p02{
margin-top:10px;
}
.gaiyou .p03{
margin-top:10px;
}

.gaiyou span{
color:#000000;
font-weight:bold;
display:block;
}
.gaiyou .p01 span{
font-size:20px;
font-family:arial,helvetica,clean,sans-serif,Osaka;
}
.gaiyou .p02 span,
.gaiyou .p03 span{
font-size:11px;
}



.apoint .p01{
font-size:13px;
color:#000000;
text-align:justify;
text-justify:distribute;
}
.apoint .p01 span{
font-size:20px;
color:#000000;
font-weight:bold;
font-family:arial,helvetica,clean,sans-serif,Osaka;
}


.leftBtn9{
margin-bottom:100px;
}

.leftBtn9 li{
width:130px;
height:32px;
}

.leftBtn9 li a{
width:130px;
height:32px;
display:block;
}

.leftBtn9 li a p{
font-size:16px;
text-align:center;
color:#FFFFFF;
font-weight:bold;
padding-top:7px;
}
.leftBtn9 li a:hover{
text-decoration:none;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
}

.leftBtn9 .list02{
background:url(../img/common/leftBtn02.gif) no-repeat 0 0;
}
.leftBtn9 .list03{
background:url(../img/common/leftBtn03.gif) no-repeat 0 0;
}
.leftBtn9 .list04{
background:url(../img/common/leftBtn04.gif) no-repeat 0 0;
}
.leftBtn9 .list05{
background:url(../img/common/leftBtn05.gif) no-repeat 0 0;
}
.leftBtn9 .list06{
background:url(../img/common/leftBtn06.gif) no-repeat 0 0;
}
.leftBtn9 .list07{
background:url(../img/common/leftBtn07.gif) no-repeat 0 0;
}
.leftBtn9 .list08{
background:url(../img/common/leftBtn08.gif) no-repeat 0 0;
}
.leftBtn9 .list09{
background:url(../img/common/leftBtn09.gif) no-repeat 0 0;
}

.leftBtn9 .list02 a:hover{
background:url(../img/common/leftBtn_on02.gif) no-repeat 0 0;
}
.leftBtn9 .list03 a:hover{
background:url(../img/common/leftBtn_on03.gif) no-repeat 0 0;
}
.leftBtn9 .list04 a:hover{
background:url(../img/common/leftBtn_on04.gif) no-repeat 0 0;
}
.leftBtn9 .list05 a:hover{
background:url(../img/common/leftBtn_on05.gif) no-repeat 0 0;
}
.leftBtn9 .list06 a:hover{
background:url(../img/common/leftBtn_on06.gif) no-repeat 0 0;
}
.leftBtn9 .list07 a:hover{
background:url(../img/common/leftBtn_on07.gif) no-repeat 0 0;
}
.leftBtn9 .list08 a:hover{
background:url(../img/common/leftBtn_on08.gif) no-repeat 0 0;
}
.leftBtn9 .list09 a:hover{
background:url(../img/common/leftBtn_on09.gif) no-repeat 0 0;
}

.leftBtn9 .list01{
margin-bottom:10px;
background:url(../img/common/leftBtn01.gif) no-repeat 0 0;
width:130px;
height:65px;
}

.leftBtn9 .list01 a{
width:130px;
height:65px;
display:block;
}

.leftBtn9 .list01 a:hover{
background:url(../img/common/leftBtn_on01.gif) no-repeat 0 0;
width:130px;
height:65px;
}

.leftBtn9 li a .p01{
padding-top:23px;
}
.leftBtn9 li a .p02{
font-size:12px;
padding-top:3px;
}
.leftBtn9 li a .p03{
font-size:12px;
padding-top:3px;
}
.leftBtn9 li a .p06{
font-size:12px;
padding-top:3px;
}
.leftBtn9 li a .p09{
font-size:13px;
}

.com{
margin-bottom:5px;
}
.com a{
font-size:12px;
}


/***********************************************/
/* #container02                     */
/***********************************************/


/************************/
/* #glovalNavi          */
/************************/

#glovalNavi{
width:720px;
height:22px;
}

#glovalNavi li{
width:108px;
height:22px;
float:left;
}

#glovalNavi li a{
width:108px;
height:22px;
display:block;
}

#glovalNavi li a:hover{
text-decoration:none;
}


#glovalNavi .li07 a{
width:72px;
}

#glovalNavi li a p{
font-size:12px;
color:#055555;
text-align:center;
padding-top:4px;
}
#glovalNavi li a:hover p{
color:#FFFFFF;
}


#glovalNavi .li01{
background:url(../img/common/topBtn01.gif) no-repeat 0 0;
}
#glovalNavi .li02{
background:url(../img/common/topBtn02.gif) no-repeat 0 0;
}
#glovalNavi .li03{
background:url(../img/common/topBtn03.gif) no-repeat 0 0;
}
#glovalNavi .li04{
background:url(../img/common/topBtn04.gif) no-repeat 0 0;
}
#glovalNavi .li05{
background:url(../img/common/topBtn05.gif) no-repeat 0 0;
}
#glovalNavi .li06{
background:url(../img/common/topBtn06.gif) no-repeat 0 0;
}
#glovalNavi .li07{
width:72px;
background:url(../img/common/topBtn07.gif) no-repeat 0 0;
}

#glovalNavi .li01 a:hover{
background:url(../img/common/topBtn_on01.gif) no-repeat 0 0;
}
#glovalNavi .li02 a:hover{
background:url(../img/common/topBtn_on02.gif) no-repeat 0 0;
}
#glovalNavi .li03 a:hover{
background:url(../img/common/topBtn_on03.gif) no-repeat 0 0;
}
#glovalNavi .li04 a:hover{
background:url(../img/common/topBtn_on04.gif) no-repeat 0 0;
}
#glovalNavi .li05 a:hover{
background:url(../img/common/topBtn_on05.gif) no-repeat 0 0;
}
#glovalNavi .li06 a:hover{
background:url(../img/common/topBtn_on06.gif) no-repeat 0 0;
}
#glovalNavi .li07 a:hover{
background:url(../img/common/topBtn_on07.gif) no-repeat 0 0;
}


/***********************************************/
/* #mainPart                     */
/***********************************************/

/************************/
/* #mainPart .leftPart  */
/************************/

.leftPart{
width:570px;
min-height:700px;
height:auto !important;
height:700px;
padding-top:15px;
float:left;
}

.leftPart li{
padding:0 24px 0 25px;
}

.leftPart .last{
margin-bottom:0;
}

.guide{
margin:50px 0 35px 0;
}
.guide .p02{
text-align:center;
margin-top:35px;
}
.guide .p02 a:hover img{
Opacity:0.70;
filter:Alpha(opacity=70);
}

/**************/
/* .inqBtn  */
/**************/

.inqBtn{
margin-top:75px;
}

.inqBtn .div_inq{
background:url(../img/common/inqBack01.gif) no-repeat 0px 0;
position:relative;
height:253px;
}

.inqBtn ol{
padding:45px 10px 0px 10px;
}

.inqBtn dl{
margin:5px 0 0 10px;
}

.inqBtn li{
padding:0;
float:left;
width:166px;

}

.inqBtn .li_inq02{
margin-right:2px;
}

.inqBtn .dl01 label{
padding-left:2px;
}

.inqBtn dt{
font-size:15px;
margin-bottom:10px;
_margin-bottom:7px;
color:#454545;
}

.inqBtn dt .span_01{
font-size:11px;
color:#DD0000;
}
.inqBtn dt .span_02{
font-size:9px;
_font-size:60%;
}

.inqBtn dd{
margin-bottom:6px;
_margin-bottom:3px;
}
.inqBtn dd.last{
margin-bottom:0px;
}

.inqBtn label{
font-size:14px;
}

.inqBtn .p01{
position:absolute;
top:190px;
left:100px;
}



/************************/
/* #mainPart .rightPart  */
/************************/

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

.rBan{
margin-bottom:5px;
width:150px;
height:20px;
background:url(../img/common/rightBtn01.gif) no-repeat 0 0;
}

.rBan a{
width:150px;
height:20px;
display:block;
}

.rBan a:hover{
background:url(../img/common/rightBtn_on01.gif) no-repeat 0 0;
text-decoration:none;
}

.rBan a p{
padding:4px 0px 0px 5px;
font-size:11px;
}

.rBan a:hover p{
color:#FFFFFF;
}

.kiji{
margin-top:15px;
}

.kiji p{
text-align:justify;
text-justify:distribute;
font-size:11px;
margin-top:1px;
}

.map{
margin-top:15px;
}

.inq{
margin-top:15px;
}

.mob{
position:relative;
width:150px;
height:185px;
background:url(http://www.e-sougisha.jp/img/common/mobile.gif) no-repeat 0 0;
margin-top:15px;
}

.mob .p07{
position:absolute;
top:5px;
left:5px;
border-bottom:1px solid #666666;
padding-bottom:2px;
}

.mob .p08{
color:#000000;
font-size:13px;
position:absolute;
top:93px;
left:13px;
}

.mob .p09{
color:#333333;
font-size:11px;
position:absolute;
top:111px;
left:27px;
text-align:justify;
text-justify:distribute;
padding-right:10px;
}

.mob .p10{
position:absolute;
top:165px;
left:26px;
border-top:1px solid #666666;
padding-top:2px;
}

.promise{
width:150px;
height:395px;
background:url(http://www.e-sougisha.jp/img/index/proBack.gif) no-repeat 0 0;
}

.promise .pro01{
padding:0 5px;
}

.promise .title01{
font-size:14px;
text-align:justify;
text-justify:distribute;
padding-top:5px;
}
.promise .title02{
margin-bottom:6px;
_margin-bottom:9px;
font-size:12px;
}

.promise .last{
margin-bottom:0px;
}

.int,
.spo01,
.out{
margin-top:15px;
}

.int p,
.spo01 p{
text-align:justify;
text-justify:distribute;
font-size:11px;
margin-top:1px;
}

.out .p01 a{
font-size:14px;
color:#0000FF;
text-decoration:underline;
}
.out .p01 a:link,
.out .p01 a:active,
.out .p01 a:visited{
text-decoration:underline;
}
.out .p01 a:hover{
text-decoration:none;
color:#333333;
}
.out .p02{
font-size:11px;
_font-size:80%;
}
.out .p02 .span01{
color:#DD0000;
_font-size:100%;
}
.out p{
text-align:justify;
text-justify:distribute;
}

.rightPart li a:hover img{
Opacity:0.70;
filter:Alpha(opacity=70);
}


/***********************************************/
/* #PageBack                     */
/***********************************************/

#PageBack{
margin-top:80px;
}

#PageBack li{
padding-left:25px;
}

.topBack00 p{
background:url(../img/common/pageup.gif) no-repeat 0 0;
padding-left:20px;
}

.topBack00 a{
font-size:12px;
}

.topBack01{
margin-top:5px;
}

.topBack01 p{
background:url(../img/common/pageup.gif) no-repeat 0 0;
padding-left:20px;
}

.topBack01 a{
font-size:12px;
}




/***********************************************/
/* #footNavi                     */
/***********************************************/

#footNavi{
width:660px;
margin:20px auto 0px auto;
text-align:center;
}

#footNavi a,
#footNavi a:link,
#footNavi a:active,
#footNavi a:visited{

color:#6E6E6E;
text-decoration:none;

}

#footNavi a:hover{
color:#333333;
text-decoration:underline;
}

#footNavi .foot00{
text-align:left;
font-size:12px;
margin-bottom:5px;
}
#footNavi .foot00 a,
#footNavi .foot00 a:link,
#footNavi .foot00 a:visited,
#footNavi .foot00 a:active{
font-size:12px;
color:#999999;
text-decoration:underline;
}


#footNavi .foot00 a:hover{
color:#333333;
text-decoration:underline;
}


#footNavi .foot01{
border-top:1px solid #666666;
padding-top:5px;
margin-bottom:2px;
}



#footNavi .foot02{
border-bottom:1px solid #666666;
padding-bottom:5px;
font-size:12px;
}



#footNavi .foot03{
margin:10px 0;
font-size:12px;
}

#footNavi .foot03 a{
color:#6E6E6E;
text-decoration:none;
font-size:12px;
}

#footNavi .foot03 a:link,
#footNavi .foot03 a:visited,
#footNavi .foot03 a:hover,
#footNavi .foot03 a:active{
text-decoration:none;
}




/***********************************************/
/* #area                     */
/***********************************************/

#area{
width:660px;
margin:40px auto 0 auto;
}

#area li{
margin-bottom:5px;
display:inline-block;
float:left;
}

.area01{
width:80px;
}

.area02{
width:580px;
text-align:justify;
text-justify:distribute;
}


/***********************************************/
/* common                     */
/***********************************************/
.mb0{margin-bottom:0;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.mt00{margin-top:0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.fL{float:left;}
.fR{float:right;}
.fwb{font-weight:bold;}
.fs11{font-size:11px}
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs15{font-size:15px}
.fs16{font-size:16px}
.fs17{font-size:17px}
.fs18{font-size:18px}
.fs19{font-size:19px}
.fs20{font-size:20px}
.fs21{font-size:21px}
.fs22{font-size:22px}

/***********************************************/
/* clearfix                     */
/***********************************************/
.clearfix:after{
content:".";
clear:both;
display:block;
height:0;
line-height:0;
visibility:hidden;
font-size:0;
}

.clearfix{
display:inline-block;
height:1%;
}

/*\*/
*html .clearfix{
height:1%
}

.clearfix{
display:block
}
/* */



