@charset "Shift_JIS";

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

/*�‰Šú‰»—p*/
@import "common.css";

/* contents width */
div#container,
div#header{
	width: 900px;
	_width: 902px;	/* IE6—p+2px */
}

div#navi,
div#body-contents{
	width: 900px;
	_width: 902px;	/* IE6—p+2px */
}

/* side border left & right */
div#header,
div#navi,
div#body-contents{
	border-left: 0px solid #80B3CC;
	border-right: 0px solid #80B3CC;
}

/* body */
body{
	margin: 0px;
	padding: 0px;
	background: #FFFF99;
	text-align: center;
	color: #454545;
}

/* link */
a			{ text-decoration: none; }
a:link		{ color: #000000; }
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: 34px;
	height: 110px;
	_height: 112px;	/* IE6—p */
	background: url(../img/logo.gif) no-repeat;
}

/* navi */
div#navi{
	position: absolute;
	top: 0px;
}

div#navi p{
	margin: 5px 0px 0px 0px;
	font-size: 10pt;
	font-family: verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",Sans-Serif;
	line-height: 160%;
}

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

/* main-contents */
div#main-contents{
	width: 658px;
	_width: 660px;	/* IE6—p */
	display: inline;
	float: left;
	overflow: hidden;
	padding: 45px 0px 0px 10px;
	background: url(../img/main-contents-back.gif);
}
div#main-contents hr{
	clear: both;
	color: #CEBC99; /* �ü‚Ì�F(IE—p) */
	background-color: #CEBC99; /* �ü‚Ì�F(NN—p) */
	border-top: 1px dotted #000000;
}


div#footer{
	clear: both;
	width: 668px;
	_width: 670px;	/* IE6—p */
	background: url(../img/foot-back.gif) repeat-y center;
	text-align: center;
	border-top: 1px solid #80B3CC;
	padding-top:12px;
}

div#footer #copyright{
	clear: both;
	width: 648px;
	_width: 650px;	/* IE6—p */
	margin-top: 10px;
	padding: 10px;
	border-top: 1px solid #80B3CC;
	font-size: 10pt;
	font-family: verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",Sans-Serif;
	line-height: 140%;
}

h1{
	font-size: 10pt;
	color: #000000;
	font-family: verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",Sans-Serif;
	font-weight: bold;
	text-align: left;
	margin-top: 0px;
	margin-left: 0px;
	padding:10px 0px 8px 24px;
	height: 16px;
}

h2{
	clear: both;
	margin: 5px 40px 5px 25px;
	padding: 4px 0px 5px 50px;
	font-size: 10pt;
	font-weight: bold;
	font-family: verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",Sans-Serif;
	color: #000000;
	line-height: 160%;
	background: url(../img/h2.gif) no-repeat;
}


/* div.contents */
div.contents{
	clear: both;
	margin: 0px 20px 30px 20px;
	padding: 15px 25px 5px 14px;
	overflow: auto;
	font-size: 10pt;
	font-family: verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",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{
	z-index: 2;
	position: absolute;
	float: left;
	margin-top:50px;
	margin-left:640px;
	background-color: #ffffff;
}

/* side menu */
div#side .menu{
	width: 208px;
	_width: 210px;/* IE6—p */
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #80B3CC;
	border-bottom: 1px solid #80B3CC;
	border-right: 1px solid #80B3CC;

}

div#side .title{
	padding: 8px 8px 8px 8px;
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
	padding-left: 20px;
	background: url(../img/h2.gif) no-repeat;
	color: #000000;
}

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 8px 0px 8px ;
	font-size: 9pt;
	line-height: 110%;
}

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


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