@charset "utf-8";

/* ---------------------------------------------------------
CascadingStyleSheet Settingfile
Common
2010
--------------------------------------------------------- */

/*////////////////////////////////////////////////
フォントサイズ統一化設定
////////////////////////////////////////////////*/
body {
font-size: 75%; /* IE */
line-height:1.8;
}

html>/**/body {
font-size: 14px; /* Except IE */
text-align: left;
color: #111111;
}

html[xmlns*=""] body:last-child body { font-size:80%; }

/*////////////////////////////////////////////////
=clear設定
////////////////////////////////////////////////*/
.clear {
clear:both;
margin:0;
}

/*////////////////////////////////////////////////
=タグデフォルト設定
////////////////////////////////////////////////*/
form,
p {
margin:0;
padding:0;
clear: both;
font-size:10px;
}

.caution_left {
margin:0;
padding:0;
clear: both;
font-size: 10px;
text-align: left;
line-height: 15px;
}

.txt_10_l {
margin:0;
padding:0;
clear: both;
font-size: 10px;
text-align: left;
line-height: 15px;
}

.txt_14 {
margin:0;
padding:0;
clear: both;
font-size: 14px;
text-align: center;
line-height: 25px;
}

ol,
ul,
li,
dl,
dt,
dd {
margin:0;
padding:0;
list-style:none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-size:100%;
font-weight:normal;
margin:0;
}

img { border:0; }

/*////////////////////////////////////////////////
=body設定
（タグリセット設定）
////////////////////////////////////////////////*/
body {
margin:0px;
border:none;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:normal;
text-decoration:none;
list-style-type:none;
text-indent:0px;
letter-spacing:0.9px;
background-color:#222222;
background-image:url(../images/common/bg.jpg);
background-repeat:repeat-x;
background-position:left top;
color:#111111;
}

/*////////////////////////////////////////////////
=リンク設定
////////////////////////////////////////////////*/
a {
color:#CCCCCC;
text-decoration:underline;
}

a:hover {
color:#C8C8C8;
text-decoration:none;
}

.m5 { margin-top:5px; }
.m10 { margin-top:10px; }
.m15 { margin-top:15px; }
.m20 { margin-top:20px; }
.m_b10 { margin-bottom:10px; }
.m_b20 { margin-bottom:20px; }

.float_l { float:left; }
.float_r { float:right; }

.txt85 {
font-size:85%;
line-height:130%;
}

.read {
font-size:12px;
line-height:180%;
}

/*////////////////////////////////////////////////
=header設定
////////////////////////////////////////////////*/
#headerArea #header {
position:relative;
margin:0px auto;
width:950px;
min-height:75px;  
height:auto !important;  
height:75px;
}

#headerArea #header h1 {
font-weight:normal;
font-size:0.8em;
text-align:left;
margin:0px;
position:absolute;
top:15px;
left:315px;
line-height:1.4;
letter-spacing:0px;
width:400px;
color:#FFFFFF;
}

#headerArea #header h2 {
position:absolute;
top:23px;
left:0px;
margin:0px;
}

#headerArea #header h2 a {
width:315px;
height:25px;
text-indent:-9999px;
display:block;
overflow:hidden;
background-image: url(../images/common/logo.gif);
background-repeat: no-repeat;
}

#headerArea #header #h_navi {
position:absolute;
display:block;
top:0px;
right:0px;
}

#headerArea #header #h_navi img { margin-left:1px; }

#headerArea #header #like {
position:absolute;
display:block;
top:45px;
right:0px;
width:350px;
height:20px;
text-align:right;
overflow:hidden;
}



/*////////////////////////////////////////////////
=globalnavi設定
////////////////////////////////////////////////*/
#headerArea ul#gnavi {
width:950px;
height:46px;
clear:both;
margin:0 auto;
padding:0;
}

#headerArea ul#gnavi li {
list-style:none;
float:left;
height:46px;
padding:0;
margin:0;
}

#headerArea ul#gnavi li a {
height:46px;
text-indent:-9999px;
display:block;
overflow:hidden;
}

/*mn01*/
#headerArea ul#gnavi li#gnavi01 {
width:134px;
background-image:url(../images/common/gnavi01_off.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi01 a {
width:134px;
background-image:url(../images/common/gnavi01_off.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi01 a:hover {
background-image: url(../images/common/gnavi01_on.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi01_on a {
width:134px;
background-image: url(../images/common/gnavi01_on.jpg);
background-repeat: no-repeat;
}

/*menu02*/
#headerArea ul#gnavi li#gnavi02 {
width:136px;
background-image:url(../images/common/gnavi02_off.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi02 a {
width:136px;
background-image:url(../images/common/gnavi02_off.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi02 a:hover {
background-image:url(../images/common/gnavi02_on.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi02_on a {
width:136px;
background-image:url(../images/common/gnavi02_on.jpg);
background-repeat: no-repeat;
}

/*menu03*/
#headerArea ul#gnavi li#gnavi03 {
width:136px;
background-image:url(../images/common/gnavi03_off.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi03 a {
width:136px;
background-image:url(../images/common/gnavi03_off.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi03 a:hover {
background-image:url(../images/common/gnavi03_on.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi03_on a {
width:136px;
background-image:url(../images/common/gnavi03_on.jpg);
background-repeat: no-repeat;
}

/*menu04*/
#headerArea ul#gnavi li#gnavi04 {
width:136px;
background-image:url(../images/common/gnavi04_off.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi04 a {
width:136px;
background-image:url(../images/common/gnavi04_off.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi04 a:hover {
background-image:url(../images/common/gnavi04_on.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi04_on a {
width:136px;
background-image:url(../images/common/gnavi04_on.jpg);
background-repeat: no-repeat;
}

/*menu05*/
#headerArea ul#gnavi li#gnavi05 {
width:136px;
background-image:url(../images/common/gnavi05_off.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi05 a {
width:136px;
background-image:url(../images/common/gnavi05_off.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi05 a:hover {
background-image:url(../images/common/gnavi05_on.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi05_on a {
width:136px;
background-image:url(../images/common/gnavi05_on.jpg);
background-repeat: no-repeat;
}

/*menu06*/
#headerArea ul#gnavi li#gnavi06 {
width:136px;
background-image:url(../images/common/gnavi06_off.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi06 a {
width:136px;
background-image:url(../images/common/gnavi06_off.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi06 a:hover {
background-image:url(../images/common/gnavi06_on.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi06_on a {
width:136px;
background-image:url(../images/common/gnavi06_on.jpg);
background-repeat: no-repeat;
}

/*menu07*/
#headerArea ul#gnavi li#gnavi07 {
width:136px;
background-image:url(../images/common/gnavi07_off.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi07 a {
width:136px;
background-image:url(../images/common/gnavi07_off.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi07 a:hover {
background-image:url(../images/common/gnavi07_on.jpg);
background-repeat: no-repeat;
}

#headerArea ul#gnavi li#gnavi07_on a {
width:136px;
background-image:url(../images/common/gnavi07_on.jpg);
background-repeat: no-repeat;
}

/*////////////////////////////////////////////////
パンくず設定
////////////////////////////////////////////////*/
#pan {
width:950px;
margin:5px auto;
text-align:left;
color:#999999;
}

#pan a {
color:#999999;
text-decoration:underline;
}

#pan a hover {
color:#999999;
text-decoration:none;
}

/*////////////////////////////////////////////////
=コンテンツ設定
////////////////////////////////////////////////*/
#main {
position:relative;
width:950px;
margin:10px auto auto auto;
}

#contents_top {
width:950px;
margin:0 auto;
}

#information {
width:620px;
float:left;
margin-top:20px;
background:url(../images/top/info.jpg) no-repeat;
padding-top:25px;
height: 140px;
color:#FFFFFF;
}

#info_out { padding:20px 10px; }

#info_in {
font-size: 14px;
}

#btn_area {
width:310px;
float:right;
margin-top:10px;
}

/*////////////////////////////////////////////////
=共通コンテンツ設定
////////////////////////////////////////////////*/
h3.title {
width:950px;
margin:15px auto 0px auto;
}

#contents {
margin:0 auto;
padding:25px;
width:900px;
background-color:#FFFFFF;
}

#contents_outline {
width:950px;
margin:0 auto;
background-color:#FFFFFF;
}

h3.plantitle {
width:700px;
margin:15px auto 0px auto;
}

#contentsplan {
width:700px;
margin:0 auto;
background-color:#FFF;
}

#contentmap {
width:950px;
margin:0 auto;
background-color:#FFF;
}

#contents_contact {
width:910px;
margin:0 auto;
padding:20px;
background-color:#FFF;
}

h3.title_contact {
width:700px;
margin:15px auto 0px auto;
}

#contents_contact {
width:660px;
margin:0 auto;
padding:20px;
background-color:#FFF;
}

.request th {
background-color:#333;
color:#FFF;
text-align:left;
width:25%;
}

.attention {
font-weight:nomal;
color:#930;
}

.request td { background-color:#F4F4F4; }

.request td.btn_area {
text-align:center;
background-color:#E0DFD3;
}

.btn_space {
text-align:center;
margin-top:20px;
}

.outline {
background-color:#CCCCCC;
margin:auto;
font-size:12px;
}

.outline th {
background-color:#EEEEEE;
text-align:left;
font-weight:normal;
white-space:nowrap;
}

.outline td {
background-color:#fff;
text-align:left;
}

.boderline { border:1px solid #CCC; }

strong.subttl { color:#293261; }

strong.subttl02 {
color:#293261;
letter-spacing:0px;
}

.equipment {
margin-top:5px;
margin-left:0px;
text-align:left;
padding-bottom: 15px;
}

/*////////////////////////////////////////////////
=ページトップ
////////////////////////////////////////////////*/
.pagetop {
clear:both;
margin:30px auto;
width:950px;
text-align:right;
}

/*////////////////////////////////////////////////
=フッター設定
////////////////////////////////////////////////*/
#footerArea {
width:950px;
margin:20px auto auto auto;
padding:0;
position:relative;
border-top:1px solid #4e4e4e;
border-bottom:1px solid #4e4e4e;
height:90px;
}

#footerArea a {
color:#C6C6C6;
text-decoration:none;
}

#footerArea a:hover {
color:#FFF;
text-decoration:underline;
}

#footerArea #logo {
position:absolute;
top:10px;
left:0px;
}

#footerArea #company {
position:absolute;
right:1px;
color:#666;
text-align:left;
line-height:140%;
width: 345px;
}

#footerArea #tel {
position:absolute;
top:10px;
right:0px;
}

#footerArea #mail {
position:absolute;
top:10px;
right:0px;
}

#copy {
margin:auto;
padding:20px 0;
width:950px;
font-size:73%;
color:#FFFFFF;
text-align:center;
letter-spacing:1.5px;
}

#copy_contact {
width:700px;
margin:auto;
padding:20px 0;
text-align:center;
}