* {
	line-height: 1;
	font-size: 12px;
	font-style: normal;
	border: 0 none #FFFFFF;
	padding: 0;
	margin: 0;
}

html { height: 100%; padding: 0; margin: 0; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, table, th, td {
	background: transparent none;
	border: 0 none #FFFFFF;
	padding: 0;
	margin: 0;
}

body {
	text-align: center;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", "Osaka", "Helvetica", "Verdana", "Arial", sans-serif;
	font-size: 12px;
	color: #666666;
	background: #D9ECFF;
}

* html body { overflow: auto; }
*+html body { overflow: auto; }
body { overflow: scroll; }

strong { font-weight: normal; font-style: normal; }
em { font-weight: normal; font-style: normal; }


/* リンク */

a:link { text-decoration: none; color: #666666; }
a:visited { text-decoration: none; color: #666666; }
a:hover { text-decoration: none; #666666; }
a:active { text-decoration: none; #666666; }
a img { border: none; }

/* サイト枠 */

#base {
	overflow: hidden;
	text-align: left;
	background: #FFFFFF url(../img/base.gif) repeat-y;
	width: 780px;
	padding: 0;
	margin: 0 auto 0 auto;
}
#base:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html #base {
	height: 0;
	overflow: visible;
}
#base { display: block; }
/**/

#header {
	background: url(../img/banner.jpg) no-repeat left top;
	width: 780px;
	height: 120px;
}
#header h1 {
	font-size: 18px;
	color: #000000;
	margin: 0;
	padding: 20px 0 0 20px;
}
#header p {
	line-height: 130%;
	color: #000000;
	padding: 27px 20px 0 20px;
}

#main {
	overflow: hidden;
	text-align: left;
	float: right;
	width: 540px;
	margin: 0 15px 0 0;
	padding: 10px 0;
}
#main:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html #main {
	height: 0;
	overflow: visible;
}
#main { display: block; }
/**/
#main h2 {
	font-size: 12px;
	color: #008000;
	border-bottom: 1px dotted #008000;
	padding: 3px 0;
	margin: 0 0 10px 0;
}
#main ul {
	list-style-type: disc;
	margin: 0 10px 10px 30px;
}
#main ul li {
	margin: 0 0 15px 0;
}
#main p {
	line-height: 150%;
	padding: 0 0 10px 0;
}
#main .itembox {
	overflow: hidden;
	float: left;
	border: 1px solid #CCCCCC;
	width: 175px;
	height: 520px;
	margin: 0 5px 15px 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 173px;
	height: 518px;
}
#main .itembox:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html #main .itembox {
	height: 0;
	overflow: visible;
}
#main .itembox { display: block; }
/**/
#main .itembox .itemimage {
	text-align: center;
	height: 143px;
	padding: 5px 0 10px 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 128px;
}
#main .itembox .itemtitle {
	oveflow: hidden;
	line-height: 150%;
	text-align: left;
	border-bottom: 1px dotted #CCCCCC;
	height: 150px;
	padding: 5px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 140px;
}
#main .itembox .itemdes {
	line-height: 150%;
	text-align: left;
	height: 178px;
	padding: 5px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 168px;
}
#main .itembox .itemlink {
	overflow: hidden;
	padding: 5px 10px 5px 0;
}
#main .itembox .itemlink:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}
/*\*/
* html #main .itembox .itemlink {
	height: 0;
	overflow: visible;
}
#main .itembox .itemlink { display: block; }
/**/
#main .itembox .itemlink a {
	display: block;
	float: right;
	text-indent: -10000px;
	text-decoration: none;
	background: url(../img/button.png) no-repeat left top;
	width: 100px;
	height: 29px;
}
#main .itembox .itemlink a:hover { background-position: left bottom; }
#main .itembox .itemlink a:focus { outline: none; }

#side {
	float: left;
	width: 205px;
}
.inside {
	padding: 10px 1px 0 0;
}
#side .inside h3 {
	font-size: 12px;
	color: #008000;
	border-bottom: 1px dotted #CCCCCC;
	padding: 3px 10px 5px 10px;
	margin: 0;
}
#side .inside ul {
	list-style-type: none;
	margin: 0 0 15px 0;
	padding: 0;
}
#side .inside ul li {
	border-bottom: 1px dotted #CCCCCC;
}
#side .inside ul li a {
	display: block;
	line-height: 150%;
	border-left: 4px solid #32cd32;
	padding: 10px 8px;
}
#side .inside ul li a:hover {
	text-decoration: none;
	border-left: 4px solid #008000;
	background: #FFFFFF;
}

#footer {
	clear: both;
	line-height: 150%;
	text-align: center;
	border-top: 7px solid #008000;
	background: #FFFFFF;
	padding: 10px 0 10px 0;
}