@charset "utf-8";

/*===================================================



	サイト全体の基本設定



====================================================*/



/*----------------------------------------------------

	ブラウザ初期設定のリセット

----------------------------------------------------*/

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {

	margin: 0;

	padding: 0;

}

body,td,th {

	font-size: 100%;

}

html,body {

	height: 100%;

}

html {

	overflow-y: scroll;

}

h1,h2,h3,h4,h5,h6 {

	font-size: 100%;

	font-weight: normal;

}

p {

	margin: 0 0 1em;

}

ol,ul {

	list-style: none;

}

fieldset,img {

	border: 0;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

caption,th {

	text-align: left;

}

address,caption,cite,code,dfn,em,th,var {

	font-style: normal;

}



/*----------------------------------------------------

	基礎、テキストリンクの設定

----------------------------------------------------*/

body {

	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	font-size: 12px;

	line-height: 1.5em;

	background: #B41914 url(../img/body_bg.gif) repeat-x;

}

a:link { /* 通常時 */

	color: #333;

	text-decoration: underline;

}

a:visited { /* 訪問済 */

	color: #333;

	text-decoration: underline;

}

a:hover { /* 選択時 */

	color: #F00;

	text-decoration: underline;

}

a:active { /* アクティブ */

	color: #F00;

	text-decoration: underline;

}



/*----------------------------------------------------

	汎用 id/class

----------------------------------------------------*/

.page_top {

	padding-top: 15px;

	text-align: right;

	width: 100%;

}

.page_top a {

	color: #666;

	font-size: 10px;

	line-height: 2.5em;

	margin-right: 10px;

}

.text {

	padding: 0 20px 20px;

}

table.data {

	margin: 0 20px;

}

table.data td {

	padding: 0 5px;

	vertical-align: top;

}



/*----------------------------------------------------

	全体

----------------------------------------------------*/

#page {

	background: url(../img/page_bg.gif) no-repeat;

	width: 960px;

	margin: auto;

	padding-left: 10px;

}



/*----------------------------------------------------

	#header		ヘッダー

----------------------------------------------------*/

#header {

	height: 135px;

}

#header #index_link {

	display: block;

	float: left;

	height: 125px;

	text-indent: -9999px;

	width: 68px;

}

#header #nav {

	float: right;

	background: url(../img/nav_main.gif) no-repeat;

	width: 892px;

	margin-top: 90px;

}

#header #nav li {

	float: left;

}

#header #nav li a {

	text-indent: -9999px;

	display: block;

	height: 30px;

	width: 99px;

}

#header #nav li#nav1 a:hover { background: url(../img/nav_main.gif) 0px 30px;}

#header #nav li#nav2 a:hover { background: url(../img/nav_main.gif) -99px 30px;}

#header #nav li#nav3 a:hover { background: url(../img/nav_main.gif) -198px 30px;}

#header #nav li#nav4 a:hover { background: url(../img/nav_main.gif) -297px 30px;}

#header #nav li#nav5 a:hover { background: url(../img/nav_main.gif) -396px 30px;}

#header #nav li#nav6 a:hover { background: url(../img/nav_main.gif) -495px 30px;}

#header #nav li#nav7 a:hover { background: url(../img/nav_main.gif) -594px 30px;}

#header #nav li#nav8 a:hover { background: url(../img/nav_main.gif) -693px 30px;}

#header #nav li#nav9 a:hover { background: url(../img/nav_main.gif) -792px 30px;}



/*----------------------------------------------------

	#contents	コンテンツ

----------------------------------------------------*/

#contents {

	background: url(../img/contents.gif) repeat-y;

	float: left;

	width: 960px;

}



/*----------------------------------------------------

	#main		メイン

----------------------------------------------------*/

#main {

	background: #FFF;

	float: right;

	width: 765px;

	padding-bottom: 10px;

}

#main #nav_info {

	height: 21px;

	border: 1px solid #B5B5B5;

	padding: 0 1em;

}

#main #nav_info li {

	float: left;

	line-height: 21px;

	padding-right: 1em;

	list-style-type: none;

}

h1 {

	background : url(../img/main_content_b_h1.jpg);

	color: #FFF;

	font-size :16px;

	line-height: 35px;

	margin-bottom: 8px;

	padding-left: 10px;

	border: 1px solid #FFF;

}

h2 {

	border-bottom: 1px solid #999;

	width: 765px;

	font-size: 14px;

	font-weight: bold;

	margin-bottom: 5px;

	text-indent: 10px;

}
h5 {

	width: 765px;

	font-size: 12px;

	font-weight: bold;

	margin-bottom: 5px;

	text-indent: 10px;

}



/*----------------------------------------------------

	#sub		サブ

----------------------------------------------------*/

#sub {

	float: left;

	width: 190px;

}

#sub #nav a {

	line-height: 30px;

	text-decoration: none;

	color: #FFF;

	background: url(../img/nav_sub.gif);

	height: 30px;

	width: 160px;

	padding-left: 30px;

	display: block;

}

#sub #nav a:hover {

	background: url(../img/nav_sub.gif) 0 -30px;

}

#sub #nav #index_link {

	padding-bottom: 5px;

}

#sub #nav #index_link a {

	line-height: 24px;

	background: url(../img/nav_sub.gif) 0 -60px;

	height: 24px;

}

#sub #nav #index_link a:hover {

	background: url(../img/nav_sub.gif) 0 -84px;

}

#sub #nav #sub1 { background: url(../img/nav_sub.gif) 0px -140px; text-indent: -9999px; display: block; height: 65px; width: 190px;}

#sub #nav #sub1_sub { background: url(../img/nav_sub.gif) 0px -110px; text-indent: -9999px; display: block; height: 30px; width: 190px;}

#sub #nav #sub2 { background: url(../img/nav_sub.gif) 0px -205px; text-indent: -9999px; display: block; height: 65px; width: 190px;}

#sub #nav #sub3 { background: url(../img/nav_sub.gif) 0px -270px; text-indent: -9999px; display: block; height: 65px; width: 190px;}

#sub #nav #sub3_sub { background: url(../img/nav_sub.gif) 0px -110px; text-indent: -9999px; display: block; height: 30px; width: 190px;}

#sub #nav #sub4 { background: url(../img/nav_sub.gif) 0px -335px; text-indent: -9999px; display: block; height: 65px; width: 190px;}

#sub #nav #sub5 { background: url(../img/nav_sub.gif) 0px -400px; text-indent: -9999px; display: block; height: 65px; width: 190px;}

#sub #nav #sub6 { background: url(../img/nav_sub.gif) 0px -465px; text-indent: -9999px; display: block; height: 65px; width: 190px;}

#sub #nav #sub7 { background: url(../img/nav_sub.gif) 0px -530px; text-indent: -9999px; display: block; height: 65px; width: 190px;}

#sub #nav #sub8 { background: url(../img/nav_sub.gif) 0px -595px; text-indent: -9999px; display: block; height: 65px; width: 190px;}

#sub #nav #sub9 { background: url(../img/nav_sub.gif) 0px -660px; text-indent: -9999px; display: block; height: 65px; width: 190px;}



/*----------------------------------------------------

	#footer		フッター

----------------------------------------------------*/

#footer {

	float: left;

	width: 960px;

	padding: 10px 0;

}

#footer #copy {

	color: #FFF;

	border-top: 1px solid #FFF;

	padding: 5px 0;

}