﻿/* CSS レイアウト */
body {
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url('../images/bg.gif');
}
a {
	color: #AA0037;
	text-decoration: none;
}
a:hover {
	color: #FF0066;
	text-decoration: underline;
}
#masthead {
	background-position: top;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	color: #c0c0c0;
	background-image: url('../images/bg_header.gif');
	background-repeat: repeat-x;
	font-size: 10pt;
}
#header ul {
	margin: 0px 0px 0px 500px;
	padding: 0px;
	list-style-type: none;
}
#header li {
	float: left;
	margin-left: 25px;
}
#header a {
	color: #000080;
}
#header a:hover {
	color: #FF0066;
}
#header {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
	font-size: 10pt;
	color: #333333;
}
#top_nav {
	background-position: bottom;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	background-image: url('../images/bg_top_nav.gif');
	background-repeat: no-repeat;
	height: 40px;
	padding-right: 10px;
}
#top_nav ul { 
	padding: 0; 
	margin: 0; 
	list-style-type: none; 
} 
#top_nav li {
	float: left;
}
#container {
	position: relative;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px 10px 0px 30px;
	line-height: 1.4em;
	background-image: url('../images/bg_contents.gif');
}
.pankudu {
	font-size: small;
	margin-bottom: 0px;
	margin-top: 0px;
}
#menu_col {
	border: 0px none #CCCCCC;
	width: 210px;
	left: 0px;
	top: 0px;
	font-size: small;
	color: #333333;
	line-height: 1.2em;
	height: auto;
	float: left;
}
.menu_top {
	background-image: url('../images/top_menu_top.jpg');
	width: 210px;
	height: 10px;
	background-repeat: no-repeat;
}
.menu {
	width: 210px;
	left: 0px;
	top: 0px;
	background-image: url('../images/top_menu_bg.jpg');
	list-style-image: url('../img_nav/ico_bk.gif');
}
.menu_foot {
	background-image: url('../images/top_menu_foot.jpg');
	width: 210px;
	height: 18px;
	background-repeat: no-repeat;
}
#menu_col ul {
	padding: 0px;
	margin: 0px 0px 0px 10px;
	list-style-position: inside;
	font-size: 11pt;
}
#menu_col li {
	margin-bottom: 10px;
	margin-top: 10px;
}
#main_col {
	padding: 0 0 20px 10px;
	width: 680px;
	left: 0px;
	top: 0px;
	font-size: 11pt;
	color: #333333;
	line-height: 1.4em;
	height: auto;
}
#bottom_nav {
	width: 950px;
	font-size: 10pt;
	padding-top: 5px;
	padding-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
}
#bottom_nav ul {
	padding: 0px;
	list-style-type: none;
	margin-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#bottom_nav li {
	float: left;
	margin-right: 25px;
	margin-left: 5px;
}
#footer {
	font-size: 10pt;
	background-color: #0A1D3E;
	color: #C0C0C0;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 20px;
	background-image: url('../images/bg_footer.gif');
	background-repeat: repeat-x;
}
#bottom_nav_bottom {
	width: 950px;
	background-image: url('../images/bg_bottom_navi.gif');
	margin-right: auto;
	margin-left: auto;
	height: 20px;
}
.contents-img {
	margin: 2px;
	border: 1px solid #cccccc;
	padding: 2px;
}
.link_img {
	border-width: 0px;
}
.margin0 {
	padding: 0px;
	margin: 0px;
}
.contents-img-4-10 {
	margin: 10px;
	border: 1px solid #cccccc;
	padding: 4px;
	background-color: #FFFFFF;
}
.contents-img-4-5 {
	margin: 5px;
	border: 1px solid #cccccc;
	padding: 4px;
	background-color: #FFFFFF;
}
.right {
	text-align: right;
}
.margin0-top10 {
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
.margin0-top20 {
	padding: 0px;
	margin: 20px 0px 0px 0px;
}
.menu-img {
	border-width: 0px;
}
.center {
	text-align: center;
}
.hr {
	color: #CCCCCC;
	width: 90%;
	text-align: right;
}
.right-10 {
	text-align: right;
	font-size: 10pt;
	margin-right: 15px;
	margin-top: 5px;
}
.hr-bottomnavi {
	padding: 0px;
	margin: 0px;
	color: #CCCCCC;
}
.margin0-bottom10 {
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
.link_img_10 {
	margin: 10px;
}
.div-680-top {
	background-image: url('../images/bg_680_top.gif');
	background-repeat: no-repeat;
	width: 680px;
	height: 20px;
	font-size: 10pt;
}
.div-680-bottom {
	background-image: url('../images/bg_680_bottom.gif');
	background-repeat: no-repeat;
	width: 680px;
	height: 20px;
}
.div-680 {
	background-image: url('../images/bg_680.gif');
	width: 680px;
}
.right-margin0 {
	margin: 0px;
	padding: 0px;
	text-align: right;
}
.table-center {
	margin-right: auto;
	margin-left: auto;
	border-collapse: collapse;
}
.font01 {
	color: #FF0066;
}
.list-ha {
	padding: 3px;
	margin: 0px 0px 5px 0px;
	border: 1px solid #cccccc;
	font-size: 9pt;
	width: 194px;
	background-color: #EEEEEE;
}
.header_img {
	vertical-align: text-bottom;
	border-width: 0px;
}
.font02 {
	color: #0066FF;
}
.topi_r {
	margin: 3px 30px 0px 20px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #999999;
	list-style-position: inside;
	list-style-image: url('../img_nav/ico_light.gif');
}
.table_collapse {
	border-collapse: collapse;
}
.icon_red {
	list-style-image: url('img_nav/ico_red.gif');
}
.font03 {
	color: #000099;
}
.font04 {
	color: #666699;
}
.p_menu {
	margin-right: 2px;
	margin-bottom: 5px;
	color: #666666;
}
.font05 {
	color: #009900;
}
.font06 {
	color: #FF6600;
}
.font07 {
	color: #006600;
}
.list-pageout {
	list-style-image: url('../img_nav/ico_pageout.gif');
}
.list-pageoutCopy {
	list-style-image: url('../img_nav/ico_pageout.gif');
}
.font08 {
	color: #FF3300;
}
.left {
	text-align: left;
}
.font09 {
	color: #FF0000;
}

