/* CSS Document */



/* 全体構造
---------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-size: 10px;
	_font-size: 62.5%;
	*font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	text-align: center;
	line-height: 1.4;
}

#wrapper {
	width: 750px;
	font-size: 120%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

p,ul,ol,dl {
	margin-top: 0;
	margin-bottom: 0;
}

img { border: none;}

hr { clear: both;}

a{
	color: #990000;
	text-decoration: none;
}
a:hover{
	color: #003399;
	text-decoration: none;
}
a:visited{
	color: #555555;
	text-decoration: none;
}




.img_l {
	float: left;
	margin: 0 1.25em 1.25em 0;
}

.img_r {
	float: right;
	margin: 0 0 1.25em 1.25em;
}
.img_r2 {
	float: right;
	margin: 0 0 1.25em 0;
}


.to_top {
	clear: both;
	font-size: 0.9em;
	text-align: right;
	margin: 0;
	padding: 2em 1em 3em;
}


.font_red { color: #FF0000;}
.font_blue { color: #003399;}
.font_enji { color: #990000;}

.font_10 { font-size: 10px;}





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

#header {
	margin: 0;
	padding: 0;
	width: 750px;
	height: 100px;
	background-image: url(img/header.png);
	background-repeat: no-repeat;
}


h1{
	float: left;
	margin: 0;
	padding-left: 20px;
	font-size: 100%;
}
h1 a{
	display: block;
	width: 235px;
	height: 90px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(img/logo.png);
}
h1 a:hover{
	background: transparent url(img/logo.png);
}





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


#footer {
	clear: both;
	width: 750px;
	height: 45px;
	background-image: url(img/footer.png);
	background-repeat: no-repeat;
}

#footer p{
	font-size: 1em;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0 0;
}







/* テキストナビゲーション
---------------------------------------------------- */

.txt_navi {
	float: right;
	height: 20px;
	font-size: 0.88em;
	margin: 5px 0 0;
	padding: 0 20px 0 0;
}

.txt_navi li{
	display: inline;
	margin: 0;
	padding: 0 0.6em;
	border-left: 1px solid #888888;
	list-style-type: none;
}

.txt_navi li.fin{
	border-right: 1px solid #888888;
}

.txt_navi a{ color: #999999;}
.txt_navi a:hover{ color: #990000;}







/* タブビゲーション
---------------------------------------------------- */

.tab {
	float: right;
	width: 380px;
	height: 35px;
	margin: 30px 0 0;
	padding: 0 12px 0 0;
}
	

.tab ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.tab li{
	float: left;
	display: inline;
	width: 95px;
	height: 25px;
	font-size: 0.88em;
	margin: 0;
	padding: 0;
}

.tab li a{
	display: block;
	width: 95px;
	height: 20px;
	text-align: center;
	text-decoration: none;
	color: #003399;
	margin: 0;
	padding: 15px 0 0;
	background: url(img/tab.png) no-repeat;
}
.tab li a:hover{
	color: #666666;
	background: transparent url(img/tab.png) 0 -35px no-repeat;
}
.tab li a#koko{
	color: #990000;
	background: transparent url(img/tab.png) 0 -35px no-repeat;
}







/* インデックスナビ
---------------------------------------------------- */

.index_navi {
	text-align: center;
	vertical-align: middle;
	margin: 0;
	padding: 3px 15px 3px 0;
}

.index_navi ul{
	margin: 0 auto 0.25em;
	padding: 0;
}

.index_navi li{
	display: inline;
	margin: 0;
	padding: 0 1em;
	border-left: 1px solid #999999;
	list-style-type: none;
}

.index_navi li.fin{
	border-right: 1px solid #999999;
}







/* インデックスページ
---------------------------------------------------- */

.index {
	clear: both;
	margin: 25px 0;
	padding: 0;
}

.right_area {
	float: right;
	width: 500px;
	margin: 0 0 15px;
	padding: 0;
}

.index h2{
	width: 300px;
	height: 40px;
	font-size: 1em;
	text-indent: -9999px;
	background-image: url(img/index_h2.gif);
	background-repeat: no-repeat;
	margin: 10px auto 20px;
	padding: 0;
}

.index h3{
	width: 450px;
	height: 50px;
	font-size: 1em;
	text-indent: -9999px;
	background-image: url(img/index_h3.gif);
	background-repeat: no-repeat;
	margin: 0 auto 30px;
	padding: 0;
}

.information {
	width: 460px;
	height: 25px;
	margin: 0 auto;
	padding: 0 0 0.5em;
	text-indent: -9999px;
	background: url(img/information.png);
	background-repeat: no-repeat;
}

.post_all {
	width: 430px;
	font-size: 0.85em;
	color: #444444;
	margin: 0.35em auto 3px;
	padding: 0 0 2px 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #990000;
	background-image: url(img/sp_topi.gif);
	background-repeat: no-repeat;
}
.post_all span{
	font-weight: bold;
	margin: 0;
	padding: 0 1em 0 0;
}





#button {
	float: left;
	width: 250px;
	margin: 0 0 20px;
	padding: 0;
	background: url(img/top_button2.png) no-repeat;
	list-style-type: none;
}
#button ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#button li {
	margin: 0;
	padding: 0;
	width: 250px;
	height: 100px;
	text-indent: -9999px;
	list-style-type: none;
}
#button li a {
	text-decoration: none;
	display: block;
	width: 250px;
	height: 100px;
	overflow: hidden;
	list-style-type: none;
}


#button li#button11 {	background: url(img/top_button2.png) no-repeat 0 0;}
#button li#button12 {	background: url(img/top_button2.png) no-repeat 0 -100px;}
#button li#button13 {	background: url(img/top_button2.png) no-repeat 0 -200px;}
#button li#button14 {	background: url(img/top_button2.png) no-repeat 0 -300px;}



#button li#button11 a:hover{	background: url(img/top_button2.png) no-repeat -250px 0;}
#button li#button12 a:hover{	background: url(img/top_button2.png) no-repeat -250px -100px;}
#button li#button13 a:hover{	background: url(img/top_button2.png) no-repeat -250px -200px;}
#button li#button14 a:hover{	background: url(img/top_button2.png) no-repeat -250px -300px;}







/* コンテンツ選択ボタン2
---------------------------------------------------- */

#button2 {
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
	background: url(img/top_button2.png) no-repeat;
	list-style-type: none;
}
#button2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#button2 li {
	margin: 0;
	padding: 0;
	width: 250px;
	height: 100px;
	text-indent: -9999px;
	list-style-type: none;
}
#button2 li a {
	text-decoration: none;
	display: block;
	width: 250px;
	height: 100px;
	list-style-type: none;
}
#button2 li#button11 {	background: url(img/top_button2.png) no-repeat 0 0;}
#button2 li#button12 {	background: url(img/top_button2.png) no-repeat 0 -100px;}
#button2 li#button13 {	background: url(img/top_button2.png) no-repeat 0 -200px;}
#button2 li#button14 {	background: url(img/top_button2.png) no-repeat 0 -300px;}


#button2 li#button11 a:hover{	background: url(img/top_button2.png) no-repeat -250px 0;}
#button2 li#button12 a:hover{	background: url(img/top_button2.png) no-repeat -250px -100px;}
#button2 li#button13 a:hover{	background: url(img/top_button2.png) no-repeat -250px -200px;}
#button2 li#button14 a:hover{	background: url(img/top_button2.png) no-repeat -250px -300px;}








/* コンテンツ部分・
---------------------------------------------------- */


.cont {
	clear: both;
	width: 720px;
	background: url(img/body_bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	margin: 0;
	padding: 0 15px 5px;
}

.top {
	clear: both;
	width: 750px;
	height: 15px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(img/top.png);
	background-repeat: no-repeat;
}

.end {
	clear: both;
	width: 750px;
	height: 25px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(img/end.png);
	background-repeat: no-repeat;
}







/* 会社概要
---------------------------------------------------- */

.pre {
	clear: both;
	width: 620px;
	margin: 25px auto;
	padding: 0;
}

.pre h3{
	clear: both;
	font-size: 1.3em;
	color: #444444;
	margin: 1em 0 0.75em 0;
	padding: 3px 2px 2px 8px;
	border-bottom-color: #990000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #990000;
	border-left-style: solid;
	border-left-width: 8px;
}
.pre p{
	font-size: 1em;
	color: #444444;
	line-height: 1.5;
	margin: 0 auto 0.75em;
	padding: 0 0.5em 0 2em;
}

.company {
	clear: both;
	width: 620px;
	margin: 25px auto;
	padding: 0;
}

.company h3{
	clear: both;
	font-size: 1.3em;
	color: #444444;
	margin: 1em 0 0.75em 0;
	padding: 3px 2px 2px 8px;
	border-bottom-color: #990000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #990000;
	border-left-style: solid;
	border-left-width: 8px;
}

.company h4{
	clear: both;
	font-size: 1.2em;
	text-align: center;
	color: #444444;
	margin: 2em 2em 1em;
	padding-bottom: 1px;
	border-bottom-color: #990000;
	border-bottom-style: dashed;
	border-bottom-width: 1px;

}

.company p{
	font-size: 1em;
	color: #444444;
	margin: 0 auto 0.35em;
	padding: 0 0.5em 0 2em;
}

.company dl{
	float: left;
	width: 310px;
	color: #444444;
	margin: 0 auto;
	padding-bottom: 2.5em;
}

.company dt{
	font-size: 1.2em;
	font-weight: bold;
	color: #990000;
	margin: 0 0 0.35em 60px;
	padding: 0;
}

.company dd{
	font-size: 1em;
	margin: 0 0 0.15em 75px;
	padding: 0;
}







/* 個人情報保護方針
---------------------------------------------------- */

.privacy {
	clear: both;
	width: 600px;
	margin: 25px auto;
	padding: 0;
}

.privacy h3{
	clear: both;
	font-size: 1.3em;
	color: #444444;
	margin: 1em 0 0.75em 0;
	padding: 3px 2px 2px 8px;
	border-bottom-color: #990000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #990000;
	border-left-style: solid;
	border-left-width: 8px;
}

.privacy h4{
	clear: both;
	font-size: 1.2em;
	text-align: center;
	color: #444444;
	margin: 2em 2em 1em;
	padding-bottom: 1px;
	border-bottom-color: #990000;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

.privacy p{
	font-size: 1em;
	color: #444444;
	line-height: 1.5;
	text-indent: 0.5em;
	margin: 0 auto 0.75em;
	padding: 0 3em 0;
}

.privacy dl{
	color: #444444;
	margin: 0 5em 2em 4em;
	padding: 0;
}

.privacy dt{
	font-size: 1.2em;
	font-weight: bold;
	color: #990000;
	margin: 0 0 0.35em 0;
	padding: 0;
}

.privacy dd{
	font-size: 1em;
	margin: 0 0 0.25em 30px;
	padding: 0;
}







/* お問い合せフォーム
---------------------------------------------------- */

.mail {
	clear: both;
	width: 600px;
	margin: 25px auto;
	padding: 0;
}

.mail h3{
	clear: both;
	font-size: 1.3em;
	color: #444444;
	margin: 1em 0 2.5em 0;
	padding: 3px 2px 2px 8px;
	border-bottom-color: #990000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #990000;
	border-left-style: solid;
	border-left-width: 8px;
}

.mail_t{
	font-size: 1em;
	color: #444444;
	line-height: 1.5;
	margin: 0 auto 0.75em;
	padding: 0 0.5em 0 2em;
}
.mail_t span{
	font-weight: bold;
	color: #990000;
	margin: 0;
	padding: 0 0.15em;
}



.mail_b {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
}
.mail_b h4{
	font-size: 1.05em;
	color: #990000;
	margin: 0 1.25em 1em 10px;
	padding: 3px 0 2px 8px;
	border-bottom-color: #AAAAAA;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #AAAAAA;
	border-left-style: solid;
	border-left-width: 8px;
}

.mail_b01 {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.mail_b01 li{
	display: inline;
	margin: 0;
	padding: 0;
}
.mail_b01 a{
	display: block;
	width: 172px;
	height: 33px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0 auto 5px;
	padding: 11px 8px 0 0;
	background: url(img/mail_b01.png) no-repeat;
}
.mail_b01 a:hover{
	color: #990000;
	background: url(img/mail_b01.png) 0 -44px no-repeat;
}

.mail_b02 {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.mail_b02 li{
	display: inline;
	margin: 0;
	padding: 0;
}
.mail_b02 a{
	display: block;
	width: 172px;
	height: 33px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0 auto 5px;
	padding: 11px 8px 0 0;
	background: url(img/mail_b02.png) no-repeat;
}
.mail_b02 a:hover{
	color: #990000;
	background: url(img/mail_b02.png) 0 -44px no-repeat;
}

.mail_b03 {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.mail_b03 li{
	display: inline;
	margin: 0;
	padding: 0;
}
.mail_b03 a{
	display: block;
	width: 172px;
	height: 33px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0 auto 5px;
	padding: 11px 8px 0 0;
	background: url(img/mail_b03.png) no-repeat;
}
.mail_b03 a:hover{
	color: #990000;
	background: url(img/mail_b03.png) 0 -44px no-repeat;
}

.mail_b04 {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.mail_b04 li{
	display: inline;
	margin: 0;
	padding: 0;
}
.mail_b04 a{
	display: block;
	width: 172px;
	height: 33px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0 auto 5px;
	padding: 11px 8px 0 0;
	background: url(img/mail_b04.png) no-repeat;
}
.mail_b04 a:hover{
	color: #990000;
	background: url(img/mail_b04.png) 0 -44px no-repeat;
}













/* サイトマップ
---------------------------------------------------- */

.sitemap {
	clear: both;
	width: 450px;
	margin: 25px auto;
	padding: 0;
}

.sitemap h3{
	clear: both;
	font-size: 1.3em;
	color: #444444;
	margin: 1em auto 2em;
	padding: 3px 2px 2px 8px;
	border-bottom-color: #990000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #990000;
	border-left-style: solid;
	border-left-width: 8px;
}

.sitemap h4{
	clear: both;
	font-size: 1.16em;
	text-align: center;
	color: #444444;
	margin: 2em 2em 1em;
	padding-bottom: 1px;
	border-bottom-color: #990000;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

.sitemap p{
	font-size: 1em;
	color: #444444;
	line-height: 1.5;
	text-indent: 0.5em;
	margin: 0 auto 0.75em;
	padding: 0 3em 0;
}

.sitemap dl{
	color: #444444;
	margin: 0 5em 3.5em 4em;
	padding: 0;
}

.sitemap dt{
	font-size: 1.16em;
	font-weight: bold;
	color: #990000;
	margin: 0 0 0.5em 0;
	padding: 0;
}

.sitemap dd{
	font-size: 1em;
	margin: 0 0 0.35em 20px;
	padding: 0;
}