﻿@charset "utf-8";
/* CSS Document */

#header{
background:url(img/header_bg.gif) left bottom repeat-x;
}
#top #header{
background:none;
}
.headerInfo{
width:900px;
margin:0 auto;
padding-bottom:15px;
background:url(img/headerInfo_bg01.gif) left bottom no-repeat;
}
#top .headerInfo{
background:none;
padding-bottom:0;
}
#contents{
border-bottom:solid 1px #dddcd6;
background:url(img/contents_bg.gif) left bottom repeat-x;
padding-bottom:1px;
clear:both;
}
#contents:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #contents{
	display:inline-block;
}
*:first-child+html #contents{
	display:inline-block;
}
.main{
width:900px;
margin:0 auto;
background:url(img/main_bg.gif) left bottom repeat-y;
}
.main:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	line-height:0;
	font-size:0;
}
* html .main{
	display:inline-block;
}
*:first-child+html .main{
	display:inline-block;
}

.position{
background:url(img/position_bg.gif) left top repeat;
margin-bottom:20px;
color:#6c787f;
}
.position a{
color:#179ffe;
font-weight:bold;
margin:0 10px;
}
.position p{
width:900px;
margin:0 auto;
padding:5px 0;
}
.position p span{
margin-left:10px;
}
h1{
line-height:0;
font-size:0;
float:left;
margin-top:20px;
}
.headerInfo:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .headerInfo{
	display:inline-block;
}
*:first-child+html .headerInfo{
	display:inline-block;
}
.headerNavi{
float:right;
position:relative;
}
.headerNavi ul{
position:absolute;
top:0;
right:0;
width:239px;
background:url(img/headLink_bg01.gif) left top no-repeat;
background-color:#172a35;
}
.headerNavi ul:after,
.headerNavi ol:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .headerNavi ul,
* html .headerNavi ol{
	display:inline-block;
}
*:first-child+html .headerNavi ul,
*:first-child+html .headerNavi ol{
	display:inline-block;
}
.headerNavi ul li{
float:left;
display:inline;
margin-left:20px;
padding:5px 0;
}
.headerNavi ul li a{
background:url(img/icon01.gif) left center no-repeat;
padding-left:10px;
color:#989898;
}
.headerNavi ul li a:hover{
color:#CCCCCC;
}
.headerNavi ol{
padding-top:40px;
}
.headerNavi ol li{
float:right;
display:inline;
padding:10px 20px;
background:url(img/hdr_navi_bg.gif) right center no-repeat;
line-height:0;
font-size:0;
}
.headerNavi ol li.sp{
background:none;
}
#footer{
width:900px;
margin:0 auto;
clear:both;
}
#footer dl{
padding:15px 0;
}
#footer dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #footer dl{
	display:inline-block;
}
*:first-child+html #footer dl{
	display:inline-block;
}
#footer dl dt{
line-height:0;
font-size:0;
float:left;
width:155px;
}
#footer dl dd{
float:right;
width:710px;
}
#footer li{
display:inline;
line-height:2;
}
#footer li a{
background:url(img/icon02.gif) left center no-repeat;
padding-left:12px;
padding-right:15px;
text-decoration:underline;
}
#footer li span{
color:#2f7bb2;
}
#footer li span a{
background:none;
padding-right:5px;
padding-left:0;
color:#2f7bb2;
}
.copyright{
clear:both;
padding:0 0 15px 0;
}
.copyright:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .copyright{
	display:inline-block;
}
*:first-child+html .copyright{
	display:inline-block;
}
.copyright p{
float:left;
margin-right:30px;
/*font-size:80%;*/
color:#888888;
}
.copyright p.office{
font-weight:bold;
margin-right:50px;
}
.pagetop{
clear:both;
text-align:right;
padding-top:30px;
padding-bottom:10px;
}
* html .pagetop{
margin-top:30px;
padding-top:0;
}
*:first-child+html .pagetop{
margin-top:30px;
padding-top:0;
}
/* side */
.sideArea{
padding:7px;
width:188px;
float:left;
}
.mainEdit{
float:right;
width:682px;
padding:7px 0 0;
}
.sideArea dl{
margin-bottom:20px;
}
.sideArea dl dt{
line-height:0;
font-size:0;
}
.sideArea dl dd{
line-height:0;
font-size:0;
}
.sideArea dl dd ul{
padding:12px;
background-color:#172a35;
}
.sideArea dl dd ul li{
padding:10px 0;
line-height:0;
font-size:0;
}
h2{
margin-bottom:25px;
}
h3{
background:url(img/cm_ttl_bg01.gif) left bottom no-repeat;
padding-bottom:2px;
margin-bottom:20px;
}
h3 em{
display:block;
background:url(img/cm_ttl_bg02.gif) left top no-repeat;
padding:5px 11px 3px 11px;
background-color:#78919e;
}
h3 strong{
background:url(img/cm_ttl_ico.gif) left center no-repeat;
padding-left:20px;
font-size:120%;
color:#FFF;
}
h3 span{
color:#FF0000;
font-weight:normal;
}
.box{
padding:0 18px;
}
.center{
text-align:center;
}