/*基本*/

.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear {display: inline-block;}
* html .clear {height: 1%;}
.clear {display: block;}


html{
height: 100%;
}

body{
height: 100%;
margin:0;
padding:0;
color:#666666;
font-size: 12px;
background-color:#E9EDF2;
}

#pagetop{
height: 100%;
}

h1, h2, h3 ,h4 ,p ,dl, dt, dd, div, table, td{
margin: 0px;
padding: 0px;
font-weight:normal;
}



/*基本テキストパーツ*/

h1{
color:#cccccc;
text-align:right;
font-size:10px;
letter-spacing:0.1em;
padding:6px 10px 5px;
}

h2{
font-size:14px;
font-weight:bold;
color:#345998;
padding:1px 0px 5px 9px;
margin:5px 0px 20px 5px;
border-left:5px solid #cccccc;
}

h3{
font-size:12px;
color:#345998;
margin:0px 0px 15px 20px;
padding:0px 0px 0px 0px;
}

h4{
font-size:10px;
color:#345998;
letter-spacing:0.1em;
margin:0px 0px 10px 20px;
}

h5{
font-size:12px;
color:#333333;
text-decoration:underline;
}

.pankuzu{
font-size:10px;
margin:35px 20px 10px 0px;
text-align:right;
}

.list{
font-size:12px;
width:250px;
color:#345998;
margin:15px 0px 10px 20px;
padding:0px 0px 0px 0px;
border-bottom:1px dotted #345998;
}

.er{
margin:10px 0px 10px 20px;
border:1px dotted #345998;
}

.indent{
padding-left:1em;
text-indent: -1em;
}

.small {
font-size:10px;
letter-spacing:0.1em;
padding: 3px;
}



/*アンカー関係*/

a:link{
color:#345998;
padding:0px;
}

a:visited{
color:#345998;
padding:0px;
}

a:hover{
color:#ff9933;
text-decoration:none;
padding:0px;
}


#header{
width:100%;
background-color:#345998;
}


#banner{
height:290px;
margin:0px 0px 20px;
background: url(/images/cif/banner_bg.jpg) repeat-x;
}

#banner .catch{
width:900px;
height:290px;
background: url(/images/cif/banner_main_bg.jpg) no-repeat;
text-align:left;
}
#top{
width:900px;
background: url(/images/top/top_bg.jpg) repeat-y;
clear:both;
}

#top .left{
width:600px;
float:left;
text-align:left;
}

#top .left p{
margin:5px 0px 5px 20px;
line-height:140%;
}

#top .right{
width:250px;
float:right;
text-align:left;
}

#top .right p{
margin:5px 20px 10px 10px;
line-height:140%;
}
#footer{
color:#adbcd4;
font-size:10px;
margin:40px 0px 0px;
padding-top:7px;
clear:both;
background: url(/images/cif/hr.jpg) repeat-x;
}

#footer a{
color:#adbcd4;
text-decoration:none;
}
.fig_l{
float:left;
margin:1px 10px 5px 0px;
border:3px solid #cccccc;
}

.hr_line{
margin:15px 0px 10px 20px;
height:8px;
background: url(/images/cif/hr.jpg) repeat-x;
clear:both;
}
.extop .exmenu-table{
width:500px;
margin:30px 10px 10px 15px;
line-height:150%;
font-size:12px;
}

.extop .exmenu-table td{
padding-bottom:5px;
}

.extop .exmenu-table td br{
display:none;
}

.extop .exmenu-table tr.blue th{
width:10px;
background: url(/images/cif/exmenu_list.jpg) no-repeat top;
}

.extop .exmenu-table tr.red th{
width:10px;
background: url(/images/cif/exmenu_list_off.jpg) no-repeat top;
}

.extop .exmenu-table tr.blue td a{
/*
text-decoration:none;
*/
padding-right:10px;
}

.extop .exmenu-table tr.red td a{
color:#666666;
text-decoration:none;
}



.exel .exmenu-table{
width:160px;
margin:0px 10px 10px 0px;
border-right:1px dotted #c2c2c2;
line-height:150%;
font-size:10px;
float:left;
}

.exel .exmenu-table td{
padding-bottom:5px;
}

.exel .exmenu-table tr.blue th{
width:10px;
background: url(/images/cif/exmenu_list.jpg) no-repeat top;
}

.exel .exmenu-table tr.red th{
width:10px;
background: url(/images/cif/exmenu_list_off.jpg) no-repeat top;
}

.exel .exmenu-table tr.blue td a{
/*
text-decoration:none;
*/
}

.exel .exmenu-table tr.red td a{
color:#666666;
text-decoration:none;
}

.conf-table{
width:550px;
margin:5px 20px 20px;
border:1px solid #c2c2c2;
border-collapse:collapse;
color:#555555;
line-height:150%;
letter-spacing:0.1em;
}

.conf-table th{
width:180px;
vertical-align:top;
text-align:left;
border:1px solid #c2c2c2;
border-collapse:collapse;
padding:5px 10px;
font-weight:normal;
}

.conf-table td{
border:1px solid #c2c2c2;
border-collapse:collapse;
border-left:3px solid #c2c2c2;
padding:5px 10px;
}

.inq-table{
width:550px;
margin:5px 20px 20px;
}

.tel-table{
width:550px;
margin:5px 20px 20px;
}

.conditions-table{
width:550px;
margin:5px 20px 5px;
}

.conditions-table th{
width:90px;
color:#660000;
letter-spacing:0.1em;
font-weight:normal;
}
#elements{
width:900px;
background: url(/images/top/top_bg.jpg) repeat-y;
clear:both;
}

#elements .left{
width:600px;
float:left;
text-align:left;
}

#elements .left p{
margin:5px 0px 5px 20px;
line-height:140%;
}

#elements .left .excont{
width:430px;
float:right;
}

#elements .left .excont p{
margin:5px 10px 5px 5px;
line-height:140%;
}

#elements .left .excont ol{
font-weight:bold;
}

#elements .left .excont ol p{
margin:5px 10px 5px 0px;
line-height:140%;
}

#elements .left .excont h3{
margin:2px 10px 5px 5px;
line-height:140%;
font-weight:bold;
}

#elements .right{
width:250px;
float:right;
text-align:left;
}

#elements .right p{
margin:5px 20px 10px 10px;
line-height:140%;
}


.sitemap{
margin:15px 20px 10px 50px;
line-height:200%;
}

.sitemap ul{
line-height:150%;
font-size:10px;
padding:0px;
margin:3px 20px 10px 40px;
}