@charset "Shift_JIS";

/* CSS Document-------------------------------------------  */

/*初期化用*/
@import "common.css";

/* contents width */
div#container,
div#header,
div#navi,
div#main{
	width: 898px;
	_width: 900px;	/* IE6用+2px */
}

/* side border left & right */
div#header,
div#navi,
div#main{
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}

/* body */
body{
	margin: 0px;
	padding: 0px;
	background: url(../img/back.jpg) #fff;
	text-align: center;
	color: #454545;
}

/* link */
a			{ text-decoration: none; }
a:link		{ color: #2D94C2; }
a:visited	{ color: #ababab; }
a:hover		{ color: #d3001d; text-decoration: underline; }

/* container */
div#container{
	margin: 0px auto;
	text-align: left;
}

/* header */
div#header{
	z-index: 1;
	position: absolute;
	top: 0px;
	height: 148px;
	_height: 150px;	/* IE6用 */
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background: url(../img/logo.jpg);
	text-align: left;
}

/* navi */
div#navi{
	position: absolute;
	top: 150px;
	height: 34px;
	background: #fff;
}

div#navi p{
	margin: 9px 0px 0px 16px;
	font-size: 10pt;
	font-family: Verdana, "MS P ゴシック", sans-serif;
	line-height: 160%;
}

/* main */
div#main{
	position: absolute;
	top: 184px;
	overflow: hidden;
	background: #fff;
	text-align: left;

}

/* main-contents */
div#main-contents{
	width: 640px;
	_width: 660px;	/* IE6用 */
	display: inline;
	float: left;
	overflow: hidden;
	padding: 0px 10px 0px 10px;
}
div#main-contents hr{
	clear: both;
	border-style: dotted;
	border-top-width: 1px;
	border-top-color: #999999;
	height: 2px;
}


/* side */
div#side{
	display: inline;
	float: right;
	overflow: hidden;
	width: 200px;
	_width: 220px;/* IE6用 */
}


div#footer{
	clear: both;
	width: 100%;
	background: #fff;
	text-align: center;
}

div#footer #copyright{
	clear: both;
	width: 100%;
	margin-top: 10px;
	padding: 10px;
	border-top: 1px solid #333333;
	font-size: 10pt;
	font-family: Verdana, "MS P ゴシック", sans-serif;
	line-height: 140%;
}

h1{
	font-size: 10pt;
	color: #000000;
	font-family: Verdana, "MS P ゴシック", sans-serif;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	margin-left: 16px;
}

h2{
	clear: both;
	margin: 5px 0px 5px 16px;
	padding: 5px 14px 5px 10px;
	border-bottom: 1px solid #2D94C2;
	border-left: 13px solid #2D94C2;
	background: url(../img/h2.jpg) left center repeat-x;
	font-size: 10pt;
	font-weight: bold;
	font-family: Verdana, "MS P ゴシック", sans-serif;
	color: #000000;
	line-height: 160%;
}

/* div.contents */
div.contents{
	clear: both;
	margin: 0px 0px 30px 16px;
	padding: 5px 14px 5px 14px;
	overflow: auto;
	font-size: 10pt;
	font-family: Verdana, "MS P ゴシック", sans-serif;
	line-height: 160%;
}

/* list ul li */
div#main-contents ul,
div#main-contents ol{
	list-style-position: outside;
	margin: 0 10px 10px 10px;
}
div#main-contents ul{ list-style-type: circle; }
div#main-contents li{ line-height: 150%; }
div#main-contents ul.list{
	list-style-type: circle;
	list-style-position: outside;
	padding: 15px;
}
div#main-contents ul.list li{
	padding-left: 5px;
}

/* side menu */
div#side .menu{
	width: 178px;
	_width: 200px;/* IE6用 */
	border: 1px solid #333333;
	margin: 0px 10px 0px 0px;
}

div#side .title{
	padding: 5px;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	background-color: #2D94C2;
	border-bottom: 1px solid #333333;
	color: #FFFFFF;
}

div#side ul,
div#side ol{
	list-style-position: outside;
	margin: 0 10px 10px 10px;
}
div#side ul{ list-style-type: circle; }
div#side li{ line-height: 150%; }
div#side ul.list{
	list-style-type: circle;
	list-style-position: outside;
	padding: 10px 6px 10px 15px;
}
div#side ul.list li{
	padding-left: 0px;
	font-size: 10pt;
}

/* footer menu */
div#footer .menu{ margin: 0px 0px 0px 0px; }

div#footer .menu li{
	display: inline;
	margin: 0px 16px 0px 0px ;
	font-size: 9pt;
	line-height: 110%;
}

/* img */
img{
	border: none;
}


/*------------------------------------------------------------
　　　Copyright (C) 2009 s-chc.com All Rights Reserved.
-------------------------------------------------------------*/