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

body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
 margin:0px;
 padding:0px;
}

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

a:hover{
 opacity:0.6;
 filter: alpha(opacity=60);
}

a:link{
 text-decoration:none;
 color: #666666;}

a:visited{
 text-decoration: none;
 color: #666666;}

body{
 font-size:1.1em;
 font-family:"Lucida Sans Unicode",Helvetica-Light,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",メイリオ,Meiryo,Arial,"ＭＳ Ｐゴシック", sans-serif;
 line-height:1.4;
 letter-spacing:0.5px;
 color:#666666;
 -webkit-text-size-adjust: 100%;
}


/****** h *******/
h1{
margin:0px 0 10px 0px;
font-size:0.65em;
font-weight:normal;
}

h2{font-size:1.1em;}

h3{}

h4{}


/****** wrap *******/
#wrap {
 width:960px;
 margin:0 auto;
 padding:0;
 border-left: 1px solid #717171;
 border-right: 1px solid #717171;
}

#container {
 width:920px;
 margin:0 auto;
 padding:10px 0 20px 0;
}

/****** header *******/
#header {
 width:920px;
 height:50px;
 margin:0px 0 0 0;
 padding:0;
 background:url(../img/common/header.gif) no-repeat;
}

#header a:link{
 opacity:1;
 filter: alpha(opacity=100);
}

/****** submenu01 ******/
#submenu01 {
 padding:0 0 8px 0;
 float:right;
}

#submenu01 ul{list-style:none;}

#submenu01 li {float:left;}

/****** submenu02 ******/
#submenu02 {margin:4px 0;}

#submenu02 ul{list-style:none;}

#submenu02 li {float:left;}

/****** left-navi *******/
#left-navi{
 width:150px;
 margin:20px 0px 0 0;
 float:left;
 font-size:0.75em;
 color:#666666;
}

#left-navi ul{
margin:4px 0 20px 2px;
list-style:none;
}

li.left-navi-flow{
 padding:0 0 0 12px;
 background:url(../img/common/left-navi-flow.gif) no-repeat 2% 50% ;
}

#left-navi ul li ul{margin:0 0 4px 0px;}

p.left-navi-new{
margin:10px 6px;
line-height:1.3;
}

/****** navi *******/
#navi{
 margin:-6px 0 4px 0;
 font-size:0.7em;
}

/****** main *******/
#main{
 width:750px;
 margin:20px 0 0px 0;
 float:right;
}

#main-infos{
 width:750px;
 margin:10px 0 0px 0;
 text-align:left;
}

#main-img{
 width:750px;
 height:420px;
 margin:10px 0 0px 0;
 position:relative;
}

#main-menu{
 width:750px;
 height:60px;
 position:absolute;
 bottom:0;
}


#main-menu ul{list-style:none;}

#main-menu ul li {
 float:left;
 opacity:0.8;
 filter: alpha(opacity=80);
}

/****** footer *******/
#footer{
 margin:30px 0 0 0;
 height:540px;
 background:#e3e3e3;
 border-top: 8px solid #b5b5b5;
 clear:both; 
}

.footer-menu{
 width:200px;
 margin:0px;
 padding:4px 0 0 4px;
 float:left;
 font-size:0.7em;
 letter-spacing:-0.01em;
}

.footer-menu p{
 margin:8px 0 0px 0;
 font-weight:bold;
}

.footer-menu ul{
 width:100%;
 margin:0 0 6px 0;
 padding:0 0 0 0px;
 font-size:0.9em;
 list-style:none;
}

.footer-menu ul li ul{
 padding:0 0 0 8px;
 font-size:1em;
}

p.copyright{
 margin:0px 0 0 0;
 text-align:center;
 clear:both;
 font-size:0.75em;
}

/****** page-top *******/
#page-top {
 position: fixed;
 bottom:50px;
 right: 20px;
 font-size:0.75em;
}

#page-top a {
 background: #9e9e9e;
 text-decoration: none;
 color: #fff;
 width: 100px;
 padding:6px 0;
 text-align: center;
 display: block;
 border-radius: 5px;
}

#page-top a:hover {
 text-decoration: none;
 background: #999;
}

/****** contents-box *******/
.contents-box{
 padding:50px 0 0 0;
 clear:both;
}

.contents-box02{
 padding:20px 0 0 0;
 clear:both;
}

.contents-box a:link{
 text-decoration:none;
 color: #5875f3;}

.contents-box a:visited{
 text-decoration: none;
 color: #5875f3;}
 
.contents-box02 a:link{
 text-decoration:none;
 color: #5875f3;}

.contents-box02 a:visited{
 text-decoration: none;
 color: #5875f3;} 

.contents-box-in{
 width:700px;
 margin:0 auto;
 padding:20px 0 0 0px;
 clear:both;
}

/****** detail-box *******/
.detail-box{
 padding:30px 0 0px 0;
 clear:both;
}

/****** 横4列 *******/
.listbox-4{
 padding:30px 0px 0 0;
 clear:both;
 text-align:center;
}

.listbox-4 img{margin:0 0 4px 0;}

.listbox-4 div{
 width:180px;
 margin:0 10px 10px 0;
 float:left;
 font-size:0.9em;
}

.listbox-4 div.list-right{
 width:180px;
 margin:0 0px 10px 0;
 float:left;
 font-size:0.9em;
}

/****** 横2列 *******/
.column-2-left{
 width:240px;
 margin:0px 0px 0 0;
 float:left;
}

.column-2-right{
 width:490px;
 margin:0px 0px 0 0px;
 float:right;
}

/****** hr（タイトル部） *******/
hr.un-title01{margin:4px 0 0 0;}
hr.un-title02{margin:4px 0 10px 0;}

/****** bn-inquire *******/
#bn-inquire{
 padding:0 0 50px 0;
 position:relative;
 clear:both;
}

#bn-inquire img.botton{
 position:absolute;
 top:68px;
 right:60px;
}

/****** パーツ *******/
ul.disc{
 list-style:disc;
 margin:0 0 0 20px;
}

ul.disc li {
 margin:0px 0px 0px 0px;
}

ul.none{
 list-style:none;
 margin:0 0 0 0px;
}

ul.none li {
 margin:0px 0px 0px 0px;
}

table.a {
 width:100%;
}

table.a th {
 padding:6px 0px 2px 8px;
 font-weight:normal;
 vertical-align:top;
 text-align:left;
}

table.a td {
 padding:6px 0px 2px 4px;
 vertical-align:top;
}

.clear {clear: both;}
.red{color:#FF0000;}
.green{color:#2c893a;}
.green02{color:#66cc00;}
.orange{color:#ea7231;}
.brown{color:#6c4d4b;}

.f-l {float:left}
.f-r {float:right}

.talign_r{text-align:right;}
.talign_l{text-align:left;}
.talign_c{text-align:center;}

.m-auto{margin:0 auto;}
.m-0{margin:0;}
.mb-10{margin:0 0 10px 0;}
.mb-20{margin:0 0 20px 0;}
.mb-30{margin:0 0 30px 0;}
.mt-10{margin:10px 0 0 0;}
.mt-20{margin:20px 0 0 0;}
.mt-40{margin:40px 0 0 0;}
.mt-50{margin:50px 0 0 0;}
.mt-100{margin:100px 0 0 0;}
.ml-20{margin:0 0 0 20px;}
.mr-10{margin:0 10px 0 0px;}
.mr-20{margin:0 20px 0 0px;}

.pt-10{padding:10px 0 0px 0;}
.pt-20{padding:20px 0 0px 0;}
.pt-40{padding:40px 0 0px 0;}

.fs07{ font-size:0.7em;}
.fs075{ font-size:0.75em;}
.fs08{ font-size:0.8em;}
.fs09{ font-size:0.9em;}
.fs12{ font-size:1.2em;}
.fs14{ font-size:1.4em;}

.w750{width:750px}
.w700{width:700px}
.w650{width:650px}

hr{
 margin:0;
 padding:0;
 border: 0;
 border-bottom: 1px solid #666666;
}

.opacity:hover{
 filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity:0.6;
}

.position-re{position:relative}
.position-ab{position:absolute;}

.ti-01{text-indent:1em}
.ti-02{text-indent:2em}
.ti-03{text-indent:3em}


.link-black a:link{
 text-decoration:none;
 color: #666666;}

.link-black a:visited{
 text-decoration: none;
 color: #666666;}