@charset "shift-jis";
/* CSS Document */

* { padding: 0; margin: 0; }

body#top {
font: 13px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
background:#ffffff;
background:url(images/bg.png) repeat-x;
}

body#subpage {
font: 13px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
background:#ffffff;
background:url(images/bg2.png) repeat-x;
}

* html body {	/* for IF6 */
font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/* clearfix */
.clearfix:after {
content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear{clear:both;}

.clear2{
clear:both;
padding-top:30px;
}

#main p{
margin:0 0 15px;
padding:0 10px;
line-height:1.8em;
}

#main_box1 p{
margin:0 0 15px;
!padding:0 10px;
line-height:1.5em;
}

#sidebar p{
margin:0 0 25px;
!padding:0 10px;
line-height:1.8em;
}

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

.t_center {text-align:center}

.txt-red { color:#FF3333;}

/*******************************
/* テキスト・画像配置
*******************************/

.center{text-align:center;}

.right{text-align:right;}

.imgR {
float: right;
margin: 0 10px 10px 15px;
clear: both;
}

.imgC {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.imgL {
float: left;
margin: 0 10px 10px 0;
clear: both;
}

.img_mb {
margin-bottom:10px
}

.img_middle {
margin-left: 5px;
vertical-align:middle;
}


/*******************************
/* リンクカラー
*******************************/

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

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

a:hover {
color:#42a0e2;
text-decoration: underline;
}

a:active {
color:#42a0e2;
text-decoration: none;
}

/************************************
/* コンテンツ位置
************************************/

#wrapper{
margin: 0 auto;
width: 960px;
overflow: hidden;
position: relative;
}

#container{
position:relative;
margin: 40px auto;
width: 940px;
}

#main {
float: left;
width: 700px;
!padding-bottom:40px;
!margin-bottom:20px;
}

#main_box1 {
float: left;
width: 460px;
padding:0 20px 10px 0;
}

#main_box2 {
float:right;
width: 460px;
!padding-bottom:30px;
}

#main_box3 {
float: left;
width: 460px;
!padding:0 20px 40px 0;

}

#sidebar {
float: right;
width: 220px;
!padding:0 0 20px;
}

#box_waku {
float: left;
width: 460px;
position: relative;
clear:both;
!padding-bottom:30px;
}

#waku {
margin: 0 auto 30px;
position: relative;
}



/*******************************
/* ヘッダー
*******************************/

#header {
width: 960px;
height: 115px;
margin: 0 auto;
}

#header h1 {
width: 960px;
height: 25px;
margin: 0 auto;
font-size:12px;
font-weight:normal;
padding-top:3px;
color:#FFFFFF;
text-align:center;
}

/* ロゴの位置 */
#header h2{
margin-top:15px;
margin-left:5px;
width: 400px;
float:left;
}


/************************************
/* メインナビゲーション
************************************/

#navi {
width: 960px;
margin: 0 auto;
height: 30px;
}

ul#mainnav{
margin: 0 auto;
width: 960px;
height: 30px;
background:url(images/mainnavi.png) no-repeat 0 0;
}

ul#mainnav li.menu{float:left;list-style:none;width:137px;}

ul#mainnav li.menu a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 137px;
height: 30px;
background:url(images/mainnavi.png) no-repeat 0 0;
}

ul#mainnav a#menu1{background-position:0 0;}
ul#mainnav a#menu2{background-position:-137px 0;}
ul#mainnav a#menu3{background-position:-274px 0;}
ul#mainnav a#menu4{background-position:-411px 0;}
ul#mainnav a#menu5{background-position:-548px 0;}
ul#mainnav a#menu6{background-position:-685px 0;}
ul#mainnav a#menu7{background-position:-822px 0;}


ul#mainnav a#menu1:hover, ul#mainnav li.active a#menu1{background-position:0 -30px;}
ul#mainnav a#menu2:hover, ul#mainnav li.active a#menu2{background-position:-137px -30px;}
ul#mainnav a#menu3:hover, ul#mainnav li.active a#menu3{background-position:-274px -30px;}
ul#mainnav a#menu4:hover, ul#mainnav li.active a#menu4{background-position:-411px -30px;}
ul#mainnav a#menu5:hover, ul#mainnav li.active a#menu5{background-position:-548px -30px;}
ul#mainnav a#menu6:hover, ul#mainnav li.active a#menu6{background-position:-685px -30px;}
ul#mainnav a#menu7:hover, ul#mainnav li.active a#menu7{background-position:-822px -30px;}

/*******************************
メイン画像
*******************************/

#mainImage{
width:960px;
height:380px;
margin:0 auto;
padding-top:1px;
}

/*******************************
Works
*******************************/

.work_image1{
float:left;
width:215px;
height:140px;
padding:20px 20px 20px 10px;
}

.work_image2{
float:left;
width:215px;
height:140px;
padding:20px 0 20px 0;
}

.w_text {
width:215px;
font-size:12px;
text-align:center;
padding: 5px 0 5px;
}

/*******************************
コンテンツバナー
*******************************/

#title_waku{
width:960px;
height:80px;
margin:0 auto 20px;
!padding-top:1px;
}

/*************************
/* 見出し
*************************/

#main h2{
padding: 4px 0 0 20px;
height:60px;
margin-bottom:20px;
line-height:40px;
font-size: 20px;
font-weight: normal;
letter-spacing:0.1em;
color:#333333;
background:url(images/ban.png) no-repeat;
clear:both;
}

#main h3 { 
font-size: 20px;
height:45px;
line-height:35px;
font-weight: normal; 
padding:5px 5px 5px 25px;
background:url(images/h3_ban.png) no-repeat;
margin-top:10px;
color:#006699;
clear:both;
}

#main h4 {
font-size: 14px;
font-weight: bold;
padding: 9px 0 3px 10px;
color:#3666666;
margin:15px 0 0px;
clear:both;
}

#main h5 {
font-size: 14px;
font-weight: bold;
padding: 9px 0 10px 25px;
color: #003366;
background:url(images/icon2.png) no-repeat 15px 15px;
clear:both;
}

/*******************************
/* コンテンツメニュー
*******************************/

#submenu {
width: 220px;
padding-bottom:20px;
padding-top:0px;
}

#submenu h3 {
height:45px;
margin:0;
padding:10px 0 0 25px;
line-height: 25px;
font-size: 15px;
font-weight: normal;
text-align:left;
background: url(images/sidemenu.png) no-repeat;
border:none;
}

#submenu .sub_m li{
font-size:13px;
list-style: none;
background: url(images/list_icon.png) no-repeat;
background-position:4px 10px;
border-bottom: 1px dashed #cdcdcd;
padding: 5px 0 5px 18px;
margin: 5px 0 5px;
}

#submenu .sectionBorder{
margin-top: -11px;
border: solid #ccc 1px;
min-height:1px;
padding: 10px 10px 20px 10px;
}

/*******************************
/* お問い合わせページ内
*******************************/

#com_box{
width:680px;
height:240px;
margin:0 auto;
position:relative;
}

#com_box .com_image{
width: 250px;
height:180px;
margin:0 20px 20px 0;
float:left;
}

#com_box .com_name{
float:left;
width:300px;
margin:25px 20px 0 30px;
font-size:20px;
font-weight:bold;
padding: 0 0 0 10px;
border-bottom:#CCCCCC dashed 1px;
}

#com_box .com_txt{
float:left;
width:300px;
margin:10px 20px 10px 40px;
}

/*******************************
/* フッター
*******************************/

#footer_wrap {
width:100%;
bottom:0px;
height:200px;
background:url(images/footer_bg.png) repeat-x 0 0;
margin-bottom:0px;
position:relative;
margin:20px auto 0;
}

#footer {
width:960px;
bottom:0px;
height:200px;
background:url(images/footer_bg.png) repeat-x 0 0;
position:relative;
margin:0 auto;
}

.fmenu_space {
	width:960px;
	height:30px;
	margin:0 auto;
	position:relative;
}

.fmenu{
width:960px;
height:30px;
float:left;
margin-top:45px;
padding-bottom:15px;
}

.pagetop {
width:56px;
height: 36px;
float: right;
!clear:both;
}

/* フッター会社情報 */


#f_logo{
height:50px;
width:800px;
margin:30px auto 24px;
}


#f_logo h2{
width:800px;
font-size:14px;
padding-top:10px;
font-weight:normal;
line-height:1.8em;
text-align:center;
!clear:both;
}


#footer .add {
height:15px;
padding:7px 5px 5px 0;
text-align:right;
font-style: normal;
font-size: 11px;
display:block;
clear:both;
color:#FFFFFF;
text-align: center;
}

/*************************
/* リスト
*************************/

.list1 ul {
margin:10px 30px 30px 30px;
}

.list1 li {
list-style-type: none;
padding-left:30px;
padding-right:10px;
margin-top:0.5em;
margin-bottom:0.5em;
background:url(images/list_arrow.png) no-repeat 18px 6px;
}

.list2 ul {
margin:10px 30px 30px 30px;
}

.list2 li {
list-style-type: none;
padding-left:25px;
padding-right:10px;
margin-top:0.5em;
margin-bottom:0.5em;
}

/*******************************
/* 表組み
*******************************/

#main .table1 {
border-collapse: collapse;
width:680px;
margin-bottom:20px;
margin-left:10px;
margin:0 auto;
border: #CCCCCC 1px solid;
}

#main .table1 th {
border-bottom: #CCCCCC 1px dotted;
border-right: #CCCCCC 1px solid;
text-align: left;
width:120px;
padding: 10px 10px 10px 25px;
font-weight: normal;
color:#006699;
vertical-align: top;
background:url(images/icon.png) no-repeat 10px 16px;
}

#main .table1 td {
border-bottom: #CCCCCC 1px dotted;
text-align: left;
padding: 10px;
}


#main .table2 {
border-collapse: collapse;
width:680px;
!margin-bottom:20px;
!margin-left:10px;
margin:0 auto 10px;
border: #CCCCCC 1px solid;
}

#main .table2 th {
border-bottom: #CCCCCC 1px dotted;
border-right: #CCCCCC 1px solid;
text-align: center;
!width:150px;
padding: 10px;
font-weight: normal;
color:#006699;
vertical-align: top;
background-color:#E6F2FF;
}

#main .table2 td {
border-bottom: #CCCCCC 1px dotted;
border-right: #CCCCCC 1px solid;
text-align: center;
padding: 10px;
}

#main .table2 .td_2 {
border-bottom: #CCCCCC 2px solid;
text-align: center;
font-weight:bold;
padding: 10px;
}

/*******************************
/* リスト表組み
*******************************/

/* 沿革 */

dl.enkaku dt {
    float:left;
    clear: left;
    width:100px;
    font-weight:normal;
    padding:4px 15px 4px 40px;
	background:url(images/icon.png) no-repeat 15% 50%;
}

dl.enkaku dd {
    margin-left:110px; 
    padding:4px 15px 4px 40px;
}