@charset "Shift_JIS";

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

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

/* contents width */
div#container,
div#header,
div#navi,
div#body-contents{
	width: 940px;
	_width: 942px;	/* IE6用+2px */
}

/* side border left & right */
div#header{
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
}

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

/* link */
a			{ text-decoration: none; }
a:link		{ color: #1666BE; }
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: 202px;
	_height: 204px;	/* IE6用 */
	background: url(../img/logo.gif) no-repeat;
	text-align: left;
}

/* navi */
div#navi{
	position: absolute;
	top: 201px;
	background: #999999;
	border-top: 1px solid #CEBC99;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	width: 738px;
	_width: 740px;	/* IE6用 */
}

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

/* body-contents */
div#body-contents{
	position: absolute;
	top: 220px;
	overflow: hidden;
	text-align: left;
	padding-top: 20px;
}

/* main-contents */
div#main-contents{
	width: 718px;
	_width: 720px;	/* IE6用 */
	display: inline;
	float: left;
	overflow: hidden;
	padding: 20px 10px 0px 10px;
	background: #fff;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}
div#main-contents hr{
	clear: both;
	color: #CEBC99; /* 線の色(IE用) */
	background-color: #CEBC99; /* 線の色(NN用) */
	border-top: 1px dotted #1666BE;
}


div#footer{
	clear: both;
	width: 100%;
	background: #fff;
	text-align: center;
	border-top: 1px dotted #999999;
	padding-top:12px;
	width: 738px;
	_width: 740px;	/* IE6用 */
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}

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

h1{
	font-size: 10pt;
	color: #1666BE;
	font-family: Verdana, "MS P ゴシック", sans-serif;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	padding:12px 8px 8px 16px;
	border-top: 1px dotted #CEBC99;
	border-bottom: 1px dotted #999999;
	background: #fff;
	height: 16px;
}

h2{
	clear: both;
	margin: 0px 20px 5px 16px;
	padding: 0px 14px 5px 10px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 13px solid #666666;
	font-size: 10pt;
	font-weight: bold;
	font-family: Verdana, "MS P ゴシック", sans-serif;
	color: #1666BE;
	line-height: 160%;
}


/* div.contents */
div.contents{
	clear: both;
	margin: 0px 10px 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 */
div#side{
	float: right;
	width: 191px;
	_width: 193px;/* IE6用 */
	background: #fff;
}

/* side menu */
div#side .menu{
	width: 189px;
	_width: 191px;/* 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: #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	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;
	width: 740px;
	_width: 742px;	/* IE6用 */
}

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

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


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