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


/*
    リセットのcss    
===========================================*/
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,table,th,td,
form,select,option,a,address,pre,
strong,em,caption,cite,code,dfn,var {
	margin: 0;
	padding: 0;
	
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #333333;
}



img {
	border: 0;
	
	background-color: transparent;
	vertical-align: bottom;
}



table {
	border-collapse: collapse;
	cell-spacing: 0;
}



caption,th {
	text-align: left;
}



fieldset {
	border: 0;
}



ol,ul {
	list-style: none;
}



ul ul,ol ul,ul ol,ol ol,
dl ul,dl ol,dl dl,td td {
	font-size: 100%;
}



q:before,q:after {
	content:'';
}



abbr,acronym {
	border: 0;
}





/*
    全ページ共通のcss    
===========================================*/

/* ページ上の緑グラデーション背景 */
body {
	background: #FEFFF7 url(../img/common/bg_head.gif) repeat-x;

	font: normal normal 100%/1.8 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" Arial, Helvetica, sans-serif;
}





/* リンクテキストの色 */
a.link {
	color: #008A55;
	text-decoration: underline;
}




/* 小さいフォント */
span.small_font {
	padding-left: 1.2em;
	
	font-size: 80%;
	color: #666666;
}




	

/* ヘッダー */
div#header {
	width: 810px;
	
	margin: 0 auto;
}



div#header h1 {
	float: left;
}



/* グローバルナビゲーション */
div#header ul#navi {
	position: relative;

	margin-top: 15px;
	
	behavior: url("../js/csshover.htc");
}


div#header ul#navi li {
	float: left;
}





/* プルダウンメニュー（サービス案内） */
div#header ul#navi li ul#subnavi1 {
	display: none;
	
	position: absolute;
	top: 38px;
	left: 75px;
}


div#header ul#navi li:hover ul#subnavi1 {
	display: block;
}


* html div#header ul#navi li ul#subnavi1 {
	top: 40px;/*IE6以下に適用*/
}



html>/**/body div#header ul#navi li ul#subnavi1 {
	top: 36px; /*IE7を除くモダンブラウザに適用*/ 
}




/* プルダウンメニュー（会社案内） */
div#header ul#navi li ul#subnavi2 {
	display: none;
	
	position: absolute;
	top: 38px;
	left: 450px;
}


div#header ul#navi li:hover ul#subnavi2 {
	display: block;
}


* html div#header ul#navi li ul#subnavi2 {
	top: 40px;/*IE6以下に適用*/
	
	width: 214px;
}




html>/**/body div#header ul#navi li ul#subnavi2 {
	top: 36px; /*IE7を除くモダンブラウザに適用*/
	
	width: auto;
}















/* コンテンツ */
div#contents {
	width: 810px;
	
	margin: 0 auto;
}



h2 {
	clear: both;
}





/* フッター */
div#footer {
	clear: both;
	
	height: 105px;
	
	background: url(../img/common/bg_bottom1.gif) bottom repeat-x;
	
	font-size: 80%;
}


div#footer div#footer_contents {
	position: relative;
	
	width: 810px;
	height: 105px;
	
	margin: 0 auto;
}





/* コピーライト */
div#footer div#footer_contents address {
	position: absolute;
	right: 0;
	bottom: 0;
	
	width: 318px;
	height: 31px;
	
	background: url(../img/common/copy.gif) no-repeat;
}

div#footer div#footer_contents address span {
	text-indent: -9999px;
	display: none;
}







/* 個人情報の取り扱いについて */
div#footer p.privacy {
	position: absolute;
	top: 20px;
	left: 25px;
}


div#footer p.privacy a {
	padding-right: 1em;

	background: url(../img/common/button_icon.jpg) right no-repeat;
}