html {min-height: 100%;}







* {



	margin: 0;



	padding: 0;



}







a {



	color: #C00;



}



a:hover {color: #888;}







body {



	background: #FFE6F0;



	color: #333;



	font: normal 62.5% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;



}







p,code,ul {padding-bottom: 1.2em;}







li {list-style: none;}







h1 {



	margin-bottom: 8px;



	padding-bottom:8px;



	background:url(img/h1.gif) no-repeat left 7px;



	padding-left:27px;



	color:#C00;



	border-bottom-width: 2px;



	border-bottom-style: solid;



	border-bottom-color: #F36;



	font-family: Tahoma, sans-serif;



	font-size: 1.6em;



	font-weight: bold;



}







h3 {



		border-bottom: 1px #333 solid;



		margin: 15px 0px 0px 0px;



}







code {



	background: #FFF;



	border: 1px solid #EEE;



	border-left: 6px solid #C1CAD3;



	color: #666;



	display: block;



	font: normal 1em Tahoma,sans-serif;



	line-height: 1.6em;



	margin-bottom: 12px;



	padding: 8px 10px;



	white-space: pre;



}







blockquote {



	background: url(img/quote.gif) no-repeat;



	display: block;



	font-weight: bold;



	padding-left: 28px;



}







h1,h2,h3 {padding-top: 6px;}







/* misc */



.clearer {clear: both;}







.left {float: left;}







.right {float: right;}







/* structure */



.container {



	background: #fff;



	font-size: 1.2em;



	margin: 0 auto;



	padding: 0 10px 10px;



	width: 780px;



}







/* header */



.top {



	padding: 0;



}







/* title */



.header {



	background: #fff;



	font-size: 1.5em;



	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";



	height: 150px;



	margin: 0 auto;



	padding: 0 10px 5px;



	width: 780px;



}







.header .left, .header .right {



	background: #A4A4A0;



	color: #FFF;



	height: 150px;	



}



.header .left {



	background: #B3C2C7 url(img/header.jpg) no-repeat;



	height: 150px;



	width: 780px;



	display: block;



	padding: 0;



}







.header .left a{



	width: 780px;



	height: 150px;



	display: block;



}







/* navigation */



.navigation {	



	background: #D9E1E5 url(img/nav.gif);



	border: 1px solid #ddd;



	border-bottom:0;



	height: 40px;



	margin-bottom:5px;



}



.navigation a {

	background: #D9E1E5 url(img/nav.gif);

	border-right: 1px solid #d3ccae;

	display: block;

	float: left;

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-weight:bold;

	line-height: 40px;

	padding: 0 40px;

	text-decoration: none;

	color: #fff;



}



.navigation a:hover {background-position: left bottom;



	color: #fff;}







/* main */



.main {



	background: #fff;



}







/* sub navigation */



.sidenav {



	float: left;



	width: 190px;



	border-right:8px #fff solid;



}



.sidenav h2 {



	color: #fff;



	font-size: 1em;



	line-height: 30px;



	margin: 0;



	padding:3px 0 0 12px;



	background-color: #F36;



}



.sidenav ul {



	margin: 0px 0px 10px 0px;



	padding: 0;



	border-top: 1px solid #EAEADA;



}



.sidenav li {border-bottom: 1px solid #e7e3d7;}



.sidenav li a {



	font-size: 1.1em;



	color: #444;



	display: block;



	padding: 4px 0 4px 5px;



	text-decoration: none;



	width: 95%;



	border-left:6px #fff solid;



}



.sidenav li a:hover {



	color: #C00;



	font-weight: bold;



	border-left-width: 6px;



	border-left-style: solid;



	border-left-color: #C00;



}







/* content */



.content {



	float: right;



	margin: 10px 0;



	padding: 0 16px;



	width: 548px;



}



.content .descr {



	color: #664;



	font-size: 1.1em;



	margin-bottom: 6px;



}







.content ul {



	margin-top: 5px;



}







.content li {



	list-style-type:circle;

	margin-left:2em;

	padding: 2px 0px;



}



.content p {



	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;



	line-height: 1.7em;



	}



.content h2 {

	font-size: 120%;

}





/* footer */



.footer {



	color: #000;



	font: nomal 1.1em sans-serif;



	line-height: 1.7em;



	padding: 10px 0px 0px 0px;



	text-align: center;



	background-color: #FFE6F0;



}



.footer a, .footer a:hover,.footer .right a:hover {color: #333;}



.footer a, .footer a:hover,.footer .right a:hover {color: #333;}



.footer a:hover {color: #F00;}



.pan {



	margin: 10px 0px 25px 0px;



	padding: 0px 0px 2px 0px;



	font-size: 85%;



	border-bottom: 1px dotted #dadada;



}







.pan a {



	color: #333;



	text-decoration: none;



}







.pan a:hover {



	color: #000;



}



.cm {

	border-top: 1px solid #ccc;

	margin: 20px 0px 0px 0px;

	padding: 3px 0px 0px 0px ;

	font-size: 85%;

}



.cm a{

	font-size: 100%;

}