@charset "UTF-8";

/* -------------------------------
スタイルの初期化 */

body, div, pre, p, blockquote,
form, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
table, th, td, embed, object{
	margin:0;
	padding:0;
}
html{
	background:url(../img/common/gray.png) #eee;
}
body{
	color:#000;
	background:#eee;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-size:75%;
	line-height:1.5;
	text-align:center;
	background:url(../img/common/background.png) repeat-x;
}

a, object, embed, area{
	outline:0;
}
a{
	outline:none;
	cursor:pointer;
	text-decoration:none;
}
a img{
	border:0;
}
ul, ol{
	list-style-type:none;
}
sup{
	position:relative;
	vertical-align:baseline;
	top:-0.9em;
	font-size:0.7em;
}
hr{
	display:none;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
}
th, caption{
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}
em, address{
	font-style:normal;
}
img{
	vertical-align:top;
}

* html body{
	padding-left:1px;
}
*:first-child+html body{
	padding-left:1px;
}

/* -------------------------------
clearfix */

.clearfix{
	overflow:hidden;
}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}
/*\*/
* html .clearfix{
	height:1em;
	overflow:visible;
}
/**/

/* -------------------------------
switch_image */

.switch_image {
	background:none !important;
}

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

#header{
	width:100%;
	height:120px;
	background:url(../img/common/tombo.png) no-repeat center 10px;
}
#header dl{
	margin:0 auto;
	width:960px;
	position:relative;
}
#header #TOP{
	margin:0 auto;
	width:940px;
	text-align:left;
}
#header #TOP img{
	margin:50px 0 0;
}

/* -------------------------------
ヘッダーメニュー */

#header ul{
	position:absolute;
	top:64px;
	left:468px;
}
#header ul li{
	padding:0 0 0 16px;
	float:left;
}
#header ul li a{
	display:block;
}
#header ul li img{
	display:block;
}
/* -------------------------------
メイン */

#main{
	margin:0 auto;
	width:960px;
	text-align:left;
	clear:both;
}

/* -------------------------------
ページタイトル＆コンテンツ */

#main h1{
	width:75px;
	float:left;
}
#main h1 img{
	margin:0 0 0 4px;
}
#main #contents{
	padding:0 0 30px;
	width:885px;
	float:right;
}

/* -------------------------------
ページ見出し＆説明 */

#contents dt{
	width:885px;
	height:40px;
	background:url(../img/common/dot.png) no-repeat 319px 0px;
	position:relative;
	overflow:hidden;
}

/* -------------------------------
お問い合わせへ */

#contents .contact{
	position:relative;
}
#contents .contact a{
	position:absolute;
	top:-28px;
	left:764px;
}

/* -------------------------------
サイドメニュー */

#sidemenu{
	width:150px;
	margin:30px 0 0 0;
	float:left;
}
#sidemenu ul{
	margin:0 0 16px;
}
#sidemenu li{
	width:121px;
	margin:1px 0 0;
	font-size:0;
	line-height:0;
}
#sidemenu li a{
	vertical-align:top;
	display:block;
}

/* -------------------------------
業務案内メニュー */

#contents dd.fmenu{
	width:885px;
	clear:both;
	overflow:hidden;
	text-align:center;
}
#contents dd.fmenu ul{
	padding:50px 0 0;
	clear:both;
}
#contents dd.fmenu ul li{
	padding:0 10px;
	border-right:1px solid #000;
	display:inline;
}
#contents dd.fmenu ul li.last{
	border:none;
}
#contents dd.fmenu ul li a{
	color:#000;
	text-decoration:underline;
	display:inline-block;
}
#contents dd.fmenu ul li a:hover{
	text-decoration:none;
}


/* -------------------------------
ページのトップへ */

#contents dd.totop{
	width:885px;
	height:40px;
	background:url(../img/common/dot.png) no-repeat 319px 0px;
	clear:both;
	overflow:hidden;
	position:relative;
}
#contents dd.totop a{
	position:absolute;
	top:0;
	right:0;
}

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

#footer{
	margin:0 auto;
	width:960px;
	height:120px;
	background:url(../img/common/footer_shadow.png) no-repeat;
	clear:both;
	position:relative;
}
#footer ul#banners{
	position:absolute;
	top:17px;
	left:10px;
}
#footer ul#banners li{
	padding:0 9px 0 0;
	float:left;
}
#footer ul#banners li img{
	display:block;
}
#footer ul#links{
	position:absolute;
	top:20px;
	left:640px;
}
#footer ul#links li{
	padding-right:25px;
	background:url(../img/common/footer_dot.png) no-repeat right top;
	float:left;
}
#footer ul#links li.sitemap{
	padding:0;
	background:none;
}
#footer #copyright{
	position:absolute;
	top:62px;
	left:680px;
}