html {min-height: 100%;}







* {



	margin: 0;



	padding: 0;



}







a {color: #963;}



a:hover {color: #C60;}







body {



	background: #CCD8E0;



	color: #444;



	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 {



	font: bold 1.6em Tahoma,sans-serif;



	margin-bottom: 8px;



	border-bottom: 1px #333 solid;



}







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: 10px 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 0 0 0;



}







.header .left a{



	width: 780px;



	height: 150px;



	display: block;



}







/* navigation */



.navigation {	



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



	border: 1px solid #DFEEF7;



	border-color: #DFEEF7 #CFDEE7;



	height: 41px;



}



.navigation a {

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

	border-right: 1px solid #AFBEC7;

	color: #456;

	display: block;

	float: left;

	font-weight:bold;

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

	line-height: 41px;

	padding: 0 40px;

	text-decoration: none;



}



.navigation a:hover {background-position: left bottom; color: #234;}







/* main */



.main {



	border-top: 4px solid #FFF;



	background: url(img/bgmain.gif) repeat-y;



}







/* sub navigation */



.sidenav {



	float: left;



	width: 180px;



}



.sidenav h2 {



	color: #5A5A43;



	font-size: 1em;



	line-height: 30px;



	margin: 0;



	padding-left: 12px;



}



.sidenav ul {



	margin: 0px 0px 10px 0px;



	padding: 0;



	border-top: 1px solid #EAEADA;



}



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



.sidenav li a {



	font-size: 1.1em;



	color: #554;



	display: block;



	padding: 4px 0 4px 5%;



	text-decoration: none;



	width: 95%;



}



.sidenav li a:hover {



	background: #F0F0EB;



	color: #654;	



}







/* content */



.content {



	float: right;



	width: 560px;



	margin-top: 0px;



	margin-right: 0;



	margin-bottom: 10px;



	margin-left: 0;



	padding-top: 0;



	padding-right: 16px;



	padding-bottom: 0;



	padding-left: 16px;



}



.content .descr {



	color: #664;



	font-size: 1.1em;



	margin-bottom: 6px;



}







.content ul {



	margin-top: 5px;



}







.content li {



	list-style: url(img/li.gif);



	margin-left: 18px;



	margin-top: 2px;



	line-height: 1.7em;



}



.content ul 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 {



	background: #E6EFF9;



	color: #000;



	font: nomal 1.1em sans-serif;



	line-height: 1.7em;



	padding: 10px 0px 0px 0px;



	text-align: center;



}



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







.pan {



	margin: 10px 0px 20px 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%;

}