@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3,  
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,  
address, big, cite, code, del, dfn, em, font, img, ins,  
kbd, q, s, samp, small, strike, strong, sub, sup, tt,  
var, dl, dt, dd, ol, ul, li, fieldset, label, legend,  
table, caption, tbody, tfoot, thead, tr, th, td  {
	margin:0;padding:0;border:0;outline: 0;font-style:normal;font-weight:normal;text-decoration:none;list-style: outside;}
body {
	font-family: Arial,Helvetica,sans-serif,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo;
	height: 100%;
	margin: 0px 0px 5px 0px;
	font-size:13px;	
	color : #555;
	line-height: 1.8;
	background : #eee url(images/bodywall.gif) repeat-y 50%;}
a {
	color: #555;
	text-decoration: underline;}
input,textarea,select {
	font-size: 100%;}
.layout {
	position: relative;
	width: 860px;
	border: #999 solid 0px;
	margin: 10px auto 5px auto;
	background: url(images/none.gif) repeat-x 0px 288px;}
#layout-top {
	position: absolute;
	top: 0px;
	width: 100%;
	background: url(images/none.gif) repeat-x 0px 288px;}
#layout-header {
	position: relative;
	height: 120px;
	overflow: hidden;
	width: 860px;
	margin: 10px auto 0 auto;
	background: #fff url(images/top-pic002.jpg) right top no-repeat;}
.change-font {
	float: right;
	color: #491;
	font-size: 14px;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;}
.change-font span {
	padding: 1px 3px;
	color: #491;
	border: #491 solid 0px;
	background: #fff;}
.change-font span a {
	color: #491;
	border: #491 solid 0px;
	background: #fff;}
.change-font a {
	padding: 1px 3px;
	color: #491;
	text-decoration: none;
	border: #491 solid 1px;
	background: #dfa;}
.change-font a:hover {
	color: #dfa;
	border: #dfa solid 1px;
	background: #491;}	
.navi-bar {
	clear: both;
	position: relative;
	width: 860px;
	height: 20px;
	margin: 0 auto 0 auto;
	background: url(images/top-wall001.jpg) 0px 0px no-repeat;}
#layout-contents {
	position: relative;
	width: 860px;
	margin: 150px auto 0 auto;
	background: #fff;}
#layout-left {
	position: relative;
	float: left;
	height: 100%;
	overflow: hidden;
	width: 220px;
	margin: 0px 0 0 0;
	background: #fff url(images/none.gif);}
#layout-right {
	position: relative;
	float: right;
	height: 100%;
	overflow: hidden;
	width: 620px;
	margin: 0px 0 0 0;	
	background: #fff url(images/none.gif);}
.inbox-layout-left {
	margin: 20px 0 20px 20px;
	background: #fff url(images/none.gif);}
.inbox-layout-right {
	margin: 20px 20px 20px 0;
	background: #fff url(images/none.gif);}
.inbox20 {
	margin: 0 20px 0 20px;
	padding: 20px 0 20px 0;}
.inbox10 {
	margin: 0 10px 0 10px;
	padding: 10px 0 10px 0;}
.inbox3 {
	margin: 0 3px 0 3px;
	padding: 3px 0 3px 0;}	
.footer-bar {
	position: relative;
	width: 100%;
	height: 10px;
	background: url(images/top-wall001.jpg);}
#copy {
	position: relative;
	width: 860px;
	margin: 0px auto 5px auto;
	background: url(images/none.gif) repeat-x 0px 288px;}
object, embed {
	margin: 0 auto 0 auto;}
.center {
	display: block;
	margin-left: auto;
	margin-right: auto;}
.left {
	position: relative;
	float: left;}
.right {
	position: relative;
	float: right;}	
.left-img {
	position: relative;
	float: left;
	margin: 5px 10px 5px 0;}
.right-img {
	position: relative;
	float: right;
	margin: 5px 0 5px 10px;}
.text-center {
	text-align: center;}
.clear {
	clear: both;}
.block {
	display: block;}
.relative {
	position: relative;}
.accordion {
	margin: 0;
	padding: 0;}
.border1 {
	border: #999 solid 1px;}
.border2 {
	border: #999 dotted 1px;}
.border3 {
	border: #eee solid 10px;}
.border4 {
	border: #000 solid;
	border-width: 8px 0px}
.padding1 {
	padding: 1px 3px 1px 3px;}
.padding10 {
	padding: 10px;}
.font80 {
	font-size: 80%;}
.font100 {
	font-size: 100%;}
.font120 {
	font-size: 120%;}
.font140 {
	font-size: 140%;}
.font160 {
	font-size: 160%;}
.font180 {
	font-size: 180%;}
.bold {
	font-weight: bold;}
.color888 {
	color:#888;}
.color2 {
	color:#f55;}
.bgcolor2 {
	background: #dfa;}
.bgcolor3 {
	background: #f3ffd3;}
.width194 {
	width: 194px;}
.width162 {
	width: 162px;}
.underline0 {
	text-decoration: none;}	
.underline1 {
	border: #aaa solid;
	border-width: 0 0 2px 0;}
.underline2 {
	border: #aaa dotted;
	border-width: 0 0 1px 0;}
.underline3 {
	border: #ddd solid;
	border-width: 0 0 2px 0;}	
.margin-bottom10 {
	margin-bottom: 10px;}
#logo-margin {
	margin: 8px 0 0 15px;}
.kado1,.kado2,.kado3,.kado4 {
	position: absolute;
	overflow: hidden;
	width: 4px;
	height: 4px;
	z-index:100;
	background: url(images/kado8x8.gif);}
.kado1 {
	top: 0%;
	left: 0%;
	background-position: 0px 0px;}
.kado2 {
	top: 0%;
	right: 0%;
	background-position: -4px 0px;}
.kado3 {
	bottom: 0%;
	right: 0%;
	background-position: -4px -4px;}
.kado4 {
	bottom: 0%;
	left: 0%;
	background-position: 0px -4px;}
.kado5,.kado6,.kado7,.kado8 {
	position: absolute;
	overflow: hidden;
	width: 4px;
	height: 4px;
	z-index:100;
	background: url(images/kado8x8-2.gif);}
.kado5 {
	top: 0%;
	left: 0%;
	background-position: 0px 0px;}
.kado6 {
	top: 0%;
	right: 0%;
	background-position: -4px 0px;}
.kado7 {
	bottom: 0%;
	right: 0%;
	background-position: -4px -4px;}
.kado8 {
	bottom: 0%;
	left: 0%;
	background-position: 0px -4px;}
.course-box a {
	display: block;
	position: relative;
	float: left;
	color: #777;
	text-decoration: none;
	width: 283px;
	height: 4.6em;
	padding: 4px;
	margin: 3px;
	border: #999 solid 1px;
	background: #fafafa;}
.course-box a:hover {
	color: #150;
	border-color: #6a3;
	background: #dfa;}
.course-box a img {
	position: absolute;
	top: 4px;
	left: 4px;}
.course-box a span {
	display: block;
	margin: 0 0 0 72px;}
.course-box2 a {
	display: block;
	position: relative;
	float: left;
	color: #555;
	text-decoration: none;
	width: 100%;
	height: 11.5em;
	margin: 3px;
	border: #999 solid 0px;
	background: #f3f7f0;}
.course-box2 a:hover {
	color: #230;
	border-color: #6a3;
	background: #dfa;}
.moushikomi a {
	display: block;
	width: 200px;
	height: 46px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 10px 0 0 0;
	font-size: 120%;
	font-weight: bold;
	margin: 10px 0 0 0;
	background: url(images/menu-contact.gif) no-repeat 0em 0.0em;}
.photo-box {
	position: relative;
	float: left;
	text-align: center;
	margin: 0 10px 10px 0;
	width: 288px;
	border: #ddd solid 1px;}
.photo-box a {
	position: relative;
	display: block;
	text-decoration: none;
	margin: 5px auto 5px auto;}
.photo-box a:hover {
	color: #333;
	background: #f3f3f3;}
.link-box a {
	display: block;
	padding: 10px;
	border: #999 dotted;
	border-width: 0 0 1px 0;
	background: #fff;
	text-decoration: none;}
.link-box a:hover{
	background: #f3f3f3;}	
.link-box a img {
	position: relative;
	margin: 0 0 5px 10px;
	float: right;}
.header {
	text-decoration: underline;
	color: #160;}
.koutei span {
	font-size: 60%;
	color: #f10;}
#mousikomi table {
	border: #6a3 solid;
	border-width: 1px 1px 0 0;}	
#mousikomi td {
	border: #6a3 solid;
	border-width: 0 0 1px 1px;
	padding: 5px 0px 5px 10px;}
.sitemap {
	font-size: 120%;
	padding: 20px 20px 20px 50px;}
.sitemap a {
	text-decoration: none;}
.sitemap a:hover {
	text-decoration: underline;}	
.sitemap ul ul {
	margin: 0 0 0 50px;}
.koushin-box {
	height: 7em;
	overflow: auto;}
	
/* サイドメニュー */	
.main-menu a {
	display: block;
	color: #160;
	text-decoration: none;	
	border: #6a3 solid 1px;
	padding: 2px 2px 2px 10px;
	margin: 0 0 5px 0;
	width: 186px;/* for ie6 */
	background: #fff;}
.main-menu a:hover {
	color: #150;
	border-color: #491;
	background: #dfa;}
.eco-menu2 {
	height: 0;
	overflow: hidden;}
.eco-menu2 a {
	display: block;
	color: #160;
	border: #999 solid 0px;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	width: 186px;/* for ie6 */
	background: #fff url(images/none.gif);}
.eco-menu3 {
	height: 15em;
	overflow: hidden;}
.eco-menu3 a {
	display: block;
	color: #160;
	border: #999 solid 0px;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	width: 186px;/* for ie6 */
	background: #fff url(images/none.gif);}
.main-menu .menu-on {
	background: #dfa url(images/none.gif);}
.side-link {
	margin: 20px 0 0 0;
	padding: 10px 0 10px 10px;
	border: #999 solid;
	border-width: 1px 0 1px 0;}
.side-link a {
	color: #555;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;}
.side-link a :hover{
	color: #333;}


/* MT サイドバー*/
.widget {
	border: #6a3 solid;
	border-width: 1px;
	color: #160;
	padding: 0;
	margin: 0 0 10px 0;
	width: 198px;/* for ie6 */}
.widget-content {
	position: relative;
	border: #dfa solid;
	border-width: 0;
	padding: 0;
	margin: 0;
	width: 198px;/* for ie6 */}
.widget-content li {
	position: relative;
	margin: 0;
	padding: 0;
	width: 198px;/* for ie6 */
	overflow: hidden;}
.widget-content li a {
	display: block;
	position: relative;
	color: #160;
	padding: 2px 2px 2px 10px;
	width: 188px;/* for ie6 */
	text-decoration: none;}
.widget-content li a:hover {
	color: #160;
	text-decoration: underline;
	background: #f2ffaa;}
.widget-header {
	font-size: 100%;
	text-align: left;
	padding: 2px 2px 2px 5px;
	background: #dfa;}
.widget-calendar .widget-content {
	border: #6a3 solid 0px;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	width: 186px;/* for ie6 */}	
.widget-calendar .widget-header {
	background: #fff;}
.widget-calendar table {
	width: 200px;
	border: #6a3 solid;
	border-width: 1px 0 0 1px;}
.widget-calendar td, .widget-calendar th {
	text-align: center;
	border: #6a3 solid;
	border-width: 0 1px 1px 0;}
.widget-calendar th {
	background: #dfa;}
	
/* MT */
.entry-categories h4, .entry-categories ul, .entry-categories li, .entry-tags h4, .entry-tags ul, .entry-tags li {
	display: inline;
	position: relative;
	color: #160;
	padding: 0;
	margin: 0;}	
.entry-categories li a, .entry-tags li a  {
	display: inline;
	position: relative;
	color: #160;
	padding: 0;
	text-decoration: underline;}	
.comments h2 {
	display: block;
	position: relative;
	border: #777 dotted;
	margin: 20px 0 10px 0;
	border-width: 0 0 1px 0;
	font-size: 120%;}
.comment-content {
	padding: 10px;}
#comments-open-text label {
	display: block;}
#blog .accordion {
	text-decoration: underline;
	padding: 2px 0 2px 0;
	margin: 0 0 0 0;
	text-align: center;
	background: #dfa;}
.archive-content li {
	margin: 5px 0 5px 20px;}
.content-nav {
	text-align: center;}
.hidden {
	display:none;}
li {
	overflow: hidden;}

	
.box-ie6 {
	width: 100%;
	padding: 0;
	margin: 0;}
	
/* for Google analytics Bug on Win/FF3 */
#ga_shade, x:-moz-broken{display:none !important;}	
*/