@charset "UTF-8";

/* ==============================================
 * 初期化
 */
* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

html>/**/body {
	overflow:-moz-scrollbars-vertical;
}

div:after {
	content: "";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

body {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 82%;
	line-height: 1.2em;
	background:url(../images/body_bg.gif);
}

h1 {
	line-height: 1.2em;
	font-size:136%;
}

h2 {
	line-height: 1.2em;
	font-size:129%;
}

h3 {
	line-height: 1.2em;
	font-size:122%;
}

h4 {
	line-height: 1.2em;
	font-size:114%;
}

h5 {
	line-height: 1.2em;
	font-size:107%;
}

h6 {
	line-height: 1.2em;
	font-size:100%;
}


/* ==============================================
 * テーマ
 */
#container {
	width:888px;
	margin:0 auto 0 auto;
	background:url(../images/bg.jpg) repeat-y;
}

#header {
	width:100%;
	height:218px;
	background:url(../images/sub_header.jpg);
}

#space {
	width:858px;
	height:30px;
	margin:0 auto 0 auto;
	background:#d89500;
	border-top:solid 2px #c59402;
	border-bottom:solid 2px #c59402;
}

#navi {
	height:54px;
	margin-bottom:10px;
}

#navi_left {
	position:relative;
	float:left;
	left:25px;
	width:270px;
	height:54px;
}

#navi_right {
	position:relative;
	float:left;
	width:603px;
	height:55px;
	padding-top:6px;
}


#navi ul li {
	list-style:none;
	position:relative;
	float:left;
}

#navi a span {
	display:none;
}

#navi #link1 a {
	display:block;
	width:177px;
	height:55px;
	background:url(../image/link_1.jpg) no-repeat;
}

#navi #link1 a:hover {
	display:block;
	width:177px;
	height:55px;
	background:url(../image/link_1_.jpg) no-repeat;
}

#navi #link2 a {
	display:block;
	width:177px;
	height:55px;
	background:url(../image/link_2.jpg) no-repeat;
}

#navi #link2 a:hover {
	display:block;
	width:177px;
	height:55px;
	background:url(../image/link_2_.jpg) no-repeat;
}

#navi #link3 a {
	display:block;
	width:177px;
	height:55px;
	background:url(../image/link_3.jpg) no-repeat;
}

#navi #link3 a:hover {
	display:block;
	width:177px;
	height:55px;
	background:url(../image/link_3_.jpg) no-repeat;
}

#navi #link4 a {
	display:block;
	width:177px;
	height:55px;
	background:url(../image/link_4.jpg) no-repeat;
}

#navi #link4 a:hover {
	display:block;
	width:177px;
	height:55px;
	background:url(../image/link_4_.jpg) no-repeat;
}


#navi #link0 a {
	display:block;
	width:72px;
	height:55px;
	background:url(../image/link_0.jpg) no-repeat;
}

#navi #link0 a:hover {
	display:block;
	width:72px;
	height:55px;
	background:url(../image/link_0_.jpg) no-repeat;
}


#body {
	width:100%;
	min-height:500px;
	height: auto !important;
	height: 500px;
}

#footer {
	width:858px;
	height:30px;
	margin:0 auto 0 auto;
	background:#d89500;
	border-top:solid 2px #c59402;
	border-bottom:solid 2px #c59402;
}

#speacer {
	height:50px;
}

#contents {
	width:838px;
	min-height:500px;
	height: auto !important;
	height: 500px;
	margin: 0 auto 0 auto;
	padding:10px;
}

#contents h1 {
	border-bottom:solid 2px #DC7D0C;
}

#contents #image_left {
	position:relative;
	float:left;
	width:446px;
}

#contents #image_right {
	position:relative;
	float:left;
	width:392px;
}

#contents h2 {
	margin-top:20px;
}

#contents #message {
	width:592px;
	height:51px;
	background:url(../image/msg_bg.gif) no-repeat;
	margin:10px auto 0 auto;
	padding-top:40px;
	text-align:center;
	font-weight:bold;
	line-height:1.4em;
}

#contents #note {
	text-align:right;
}

#contents #access {
	margin-top:40px;
}

#contents #access_left {
	position:relative;
	float:left;
	width:600px;
	height:1.2em;
}

#contents #access_right {
	position:relative;
	float:left;
	width:238px;
	text-align:right;
}

#contents #access_right a {
	color:#0000ff;
}

#contents #access_box {
	padding-bottom:50px;
}

#contents #images1 {
	width:760px;
	margin:10px auto 0 auto;
}









#con_box {
	width:760px;
	margin:0 auto 0 auto;
}




#con_left {
	position:relative;
	float:left;
	width:380px;
}

#con_right {
	position:relative;
	float:left;
	width:380px;
}



#contents #con_head {
	border-bottom:solid 2px #DC7D0C;
	height:38px;
	margin-bottom:20px;
}


#contents #con_head_left {
	position:relative;
	float:left;
	width:139px;
	height:38px;
	line-height:38px;
}

#contents #con_head_right {
	position:relative;
	float:left;
	height:38px;
	line-height:38px;
	color:#a58b5a;
	font-size:1.2em;
	font-weight:bold;
}


#contents .tit {
	font-weight:bold;
	font-size:1.2em;
	color:#000080;
	margin-bottom:3px;
}

#contents .tit span {
	font-weight:normal;
	font-size:0.8em;
	color:#000000;
}

#contents .tit1 {
	font-weight:bold;
	font-size:1.2em;
	color:#ff00ff;
	margin-bottom:3px;
}


#contents #con1 td {
	font-size:1.2em;
}

#contents #con2 {
	margin-top:20px;
}

#contents #con3 {
	margin-top:20px;
}

#contents #con4 {
	margin-top:20px;
}

#contents #r_con1 {
	background:#ccccff;
	padding:10px;
}

#contents #r_con2 {
	margin-top:20px;
	background:#fff3de;
	padding:10px;
}

#contents #r_con3 {
	margin-top:20px;

}

#contents #con_table {
	width:760px;
	margin:0 auto 0 auto;
}


#yoyaku {
	width:760px;
	margin:20px auto 0 auto;
	font-weight:bold;
}

#yoyaku_left {
	position:relative;
	float:left;
	height:250px;
	color:#a01e00;
	width:380px;
}

#yoyaku_right {
	position:relative;
	float:left;ss
	width:380px;
	height:250px;
}

#yoyaku_right_box {
	margin-left:50px;
	background:#f0f0f0;
	padding:10px;
	text-align:center;
}


#f_con_box {
	width:790px;
	margin:20px auto 0 auto;
}


.item {
	margin-bottom:20px;
}

.item_left {
	position:relative;
	float:left;
	width:400px;
}

.item_right {
	position:relative;
	float:left;
	width:390px;
}

.sub_tit {
	border-bottom:solid 2px #ff0000;
	margin-bottom:10px;
}


#l_tit {
	border-bottom:solid 2px #DC7D0C;
	margin-bottom:10px;
}

#link {
	position:relative;
	float:left;
	left:50px;
}

#link ul li {
	list-style:none;
	line-height:50px;
	font-size:1.2em;
	font-weight:bold;
}

#link a {
	color:#0000ff;
}

#link a:hover {
	color:#ff0000;
}