@charset "utf-8";

/* ---------- reset ---------- */

*
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

/* ---------- reset_end ---------- */

/* ---------- body ---------- */

body
{
 	text-align:center;
	color:inherit;
	background:#ffffff url(img/bg.jpg) repeat-x left top;
	margin:0 auto;
}

a
{
	text-decoration:none;
	color:#2E1401;
	background-color:transparent;
}

a:hover
{
	text-decoration:underline;
	background-color:transparent;
}

div.separate
{
	clear:both;
}

hr.clear
{
	display:none;
}

/* ---------- body_end ---------- */
/* ---------- wrapper ---------- */


div#wrapper_middle
{
	width:840px;
	margin:0 auto;
	background: url(img/middle.png) repeat-y left top;
}
* html #wrapper_middle{ behavior: expression(IEPNGFIX.fix(this)); } 
div#wrapper_bottom
{
	width:840px;
	height:19px;
	margin:0 auto;
	background: url(img/footer.png) no-repeat left top;
}
* html #wrapper_bottom{ behavior: expression(IEPNGFIX.fix(this)); } 

/* ---------- wrapper_end ---------- */
/* ---------- container ---------- */

div#container
{
	width:800px;
	margin:0 auto;
	background: url(img/category.jpg) repeat-y left top;
}

/* ---------- container_end ---------- */

/* ---------- header ---------- */
div#contents
{
	width:800px;
	height:211px;
	color:inherit;
        clear:both:
        margin:0 auto;
}
div#header
{
	width:800px;
	height:327px;
	color:inherit;
	background-color:#transparent;
        clear:both:
        margin:0 auto;
}

div#header img
{
	float:left;
	margin:22px 0 0 0;
}

div#header p
{
	text-align:right;
	font-size:70%;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	position:relative;
	top:45px;
	left:0;
}

/* ---------- header_end ---------- */

/* ---------- banner ---------- */

div#banner
{
	width:800px;
	margin:0 auto;
	text-align:left;
}

div#banner-inner
{
       padding:3px 0;
}
div#banner-inner h1
{
	position:relative;
	left:0;
	font-size:70%;
	font-weight:bold;
	font-family:sans-serif,"ＭＳ ゴシック", Verdana, osaka;
	letter-spacing:0.1em;
	width:800px;
        margin:0 auto;
}

div#banner-inner h1 a
{
	color:#fff;
	background-color:transparent;
	text-decoration:none;
}

div#banner-inner h1 a:hover
{
	text-decoration:underline;
}

div#banner-inner h2
{
	position:relative;
	left:0;
	font-size:50%;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	width:95%;
	color:#245324;
	background-color:transparent;
}

/* ---------- banner_end ---------- */

/* ---------- wrapper ---------- */

div#wrapper
{
	text-align:left;
	color:inherit;
        margin:0 auto;
        width:800px;
}

/* ---------- wrapper_end ---------- */

/* ---------- main ---------- */

div.main-contents
{
	padding:28px 0 15px 0px;
	background-image:url(img/main_bg.gif);
	background-position:100% 0;
	background-repeat:no-repeat;
}


div#main
{
	float:right;
	width:579px;
	background-image:url(img/main_bg.gif);
	background-position:100% 0;
	background-repeat:no-repeat;

}

div.main-contents p
{
	font-size:80%;
	color:#666666;
	background-color:inherit;
	line-height:150%;
	margin-bottom:10px;
}

div#info-box
{
	paddingm:10px邵ｲﾂ€0;
}

div#info-box h3
{
	font-size:2px;
	text-indent:-9999px;
	background:transparent url(img/information.jpg) no-repeat left top;
	width:520px;
	height:31px;
        margin-top:5px 0;
}

div#info-box img
{
	float: left;
	margin-right:0 5px 5px 0;
	vertical-align:middle;
}

div#info-box p
{
	font-size:80%;
	color:#666666;
	background-color:transparent;
	line-height:150%;
	margin:0 10px 10px 0;
}

div.news-box
{
	margin-bottom:10px;
}

div.news-box h3
{
	font-size:2px;
	text-indent:-9999px;
	background: url(img/topics.jpg) no-repeat left top;
	color:inherit;
	width:579px;
	height:33px;
}

div.news-box-inner ul
{
	list-style-type:none;
	width579px;
	background: url(img/new.jpg) repeat-y left top;
}

div.news-box-inner li
{
	font-size:80%;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#666666;
	line-height:150%;
	list-style-position:outside;
	display:block;
	background:transparent;
	color:inherit;
	border-bottom:1px solid #dddcdc;
	padding-bottom:1px;
       margin-left:3px;
 margin-right:10px;
	width100%;
}

span.list-border
{
	display:block;
	padding: 6px 10px 6px 20px;
	background:transparent url(img/link-h6.gif) no-repeat 7px 12px;
}

/* ---------- main_end ---------- */



/* ---------- category-archives ---------- */

div#sidebar
{
	float:left;
	width:212px;
	text-align:left;
	background: url(img/category.jpg) repeat-y left top;
}
div#sidebar-inner
{
	width:212px;
	background-color:transparent;
}

div#category-archives h4
{
	font-size:2px;
	text-indent:-9999px;
	background: url(img/contents_h4.jpg) no-repeat left bottom;
	color:inherit;
	width:212px;
	height:52px;
}

div.category-archives
{
}

div#sidebar ul
{
	list-style-type:none;
	margin:0 10px 0 0;
	background-color:transparent;
}

div#sidebar ul.sub-category
{
	list-style-type:none;
	margin:0;
}

div.category-archives ul li
{
	font-size:80%;
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	margin-bottom:0;
	display:inline;
	background-color:transparent;
	border-bottom:1px solid #2E1401;
}

div.category-archives ul li a
{
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	text-decoration:none;
	color:#2E1401;
	display:block;
	padding:15px 5px 15px 20px;
        margin:0 10px;
	line-height:100%;
	background:transparent url(img/h5.jpg) no-repeat 0 8px;
	border-bottom:1px solid #2E1401;
}

div.category-archives ul li a:hover
{
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	text-decoration:underline;
	color:#2E1401;
	display:block;
	padding:15px 5px 15px 20px;
        margin:0 10px;
	line-height:100%;
	background:transparent url(img/h5.jpg) no-repeat 0 8px;
	border-bottom:1px solid #2E1401;
}

div.category-archives ul.sub-category
{
	padding:5px 0;
	margin:0;
	list-style-type:none;
}

div.category-archives ul li ul.sub-category li
{
	font-size:100%;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	margin:0;
	padding:0;
}

div.category-archives ul.sub-category li a
{
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#666666;
	display:block;
	padding:3px 5px 3px 33px;
	line-height:100%;
	border:0;
	background: url(img/h6.jpg) no-repeat 15px 5px;
}

div.category-archives ul.sub-category li a:hover
{
	color:#7FCECF;
	background: url(img/h6.jpg) no-repeat 15px 5px;
	text-decoration:none;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	display:block;
	padding:3px 5px 3px 33px;
	line-height:100%;
	border:0;
}

div.contents-search h4
{
	font-size:2px;
	text-indent:-9999px;
	background: url(img/search.gif) no-repeat left top;
	color:inherit;
	width:188px;
	height:20px;
}

div.search-form form input#search
{
	color:#333333;
	font-size:80%;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	padding:2px;
	border:1px solid #b4b4b4;
	width:130px;
}

div.search-form form input.searchsubmit
{
	color:#ffffff;
	background-color:#7da578;
	font-size:60%;
	padding:4px 7px 3px 7px;
	position:relative;
	top:0;
	left:-1px;
}


div.contents-search
{
	margin-bottom:30px;
	width:100%px;
}
.rss
{

	display:block;
	width: 180px;
	height: 39px;
	margin-bottom:20px 0 10px 10px;
}
div.rss a
{
	font-size:2px;
	text-indent:-9999em;
	background: transparent url(img/rss.gif) no-repeat left top;
	display:block;
	width: 180px;
	height: 39px;
	text-decoration:none;
	margin-bottom:20px 0 10px 3px;
}

div.rss a:hover
{
	background: transparent url(img/rss_hover.gif) no-repeat left top;
}

div.powered
{
	font-size:70%;
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	color:#666666;
	background-color:transparent;
	margin-bottom: 20px;
}

/* ---------- category-archives_end ---------- */

/* ---------- footer ---------- */

div#footer
{
	color:inherit;
	padding:0 0 40px 0;
	color:#999999;
	font-size:80%;
	background:#fff;
}

div#footer-inner
{
}

/* ---------- footer_end ---------- */

/* ---------- archives ---------- */

div#main p.navi
{
	font-size:60%;
	font-weight:normal;
	padding:0 10px 5px 0;
	margin-bottom:15px;
}

div#main p.navi a
{
	text-decoration:none;
}

div#main p.navi a:hover
{
	text-decoration:underline;
}

div.entry
{
	margin:0 10px 20px 0;
	border-bottom:1px solid #999999;
        clear:both;
}
*html div.entry
{
	margin:0 0 20px 0;
	border-bottom:1px solid #999999;
        clear:both;
}
div.entry img
{
	margin:0 0 5px 5px;
}

h3.entry-header
{
	font-size:130%;
	font-weight:bold;
	color:#2E1401;
	background:transparent url(img/h3.jpg) no-repeat left 0;
	border:none;
	padding:5px 10px 5px 35px;
	line-height:150%;
        width:579px;
        height:43px;
	margin-bottom:20px;
}

h3.entry-header a
{
	color:#3CACAE;
	background-color:transparent;
	text-decoration:none;
}

h3.entry-header a:hover
{
	background-color:transparent;
	text-decoration:underline;
}

div.entry p,
div.comments-body p,
p.comments-open-moderated
{
	font-size:80%;
	color:#666666;
	background-color:inherit;
	line-height:150%;
	margin-bottom:10px;
}

div.entry blockquote,
div.entry-body blockquote
{
	font-size:80%;
	line-height:150%;
	color:#555555;
	background:#eeeeee;
	padding:15px;
	margin-bottom:20px;
}

div.entry h1,
div.entry-body h1
{
	font-size:100%;
	font-weight:bold;
	color:#3b7232;
	background:transparent url(img/h1.gif) no-repeat left top;
	border:1px solid #adce81;
	padding:10px 0 10px 10px;
	line-height:150%;
	margin-bottom:3px;
}

div.entry h2,
div.entry-body h2
{
	font-size:130%;
	font-weight:bold;
	color:#2E1401;
	background:transparent url(img/h2.jpg) no-repeat left top;
	border:none;
	padding:0 10px 5px 25px;
	line-height:150%;
	margin-bottom:20px;
}

div.trackbacks h4,
div.comments h4
{
	font-size:80%;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#5b5b5b;
	background:transparent url(img/h4.gif) repeat-x left bottom;
	padding:0 20px 5px 5px;
	borde:none;
	line-height:150%;
	margin:0 10px 20px 0;
}

div.entry h3,
div.entry-body h3
{
	font-size:130%;
	font-weight:bold;
	color:#2E1401;
	background:transparent url(img/h3.jpg) no-repeat left 0;
	border:none;
	padding:5px 10px 5px 35px;
	line-height:150%;
        width:579px;
        height:43px;
	margin-bottom:20px;
}

div.entry h4,
div.entry-body h4
{
	font-size:80%;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#2E1401;
	padding: 0 20px 0 10px;
	borde:none;
	line-height:180%;
	margin-bottom:10px;
	background: url(img/h4.jpg) no-repeat left bottom;
邵ｲﾂ€邵ｲﾂ€邵ｲﾂ€邵ｲﾂ€width:241px;
}

div.entry h5,
div.entry-body h5
{
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	text-decoration:none;
	color:#2E1401;
	display:block;
	padding:8px 5px 8px 70px;
        margin:5px 0;
	line-height:100%;
	background: url(img/h5_1.jpg) no-repeat left top;
	font-size:80%;
}

div.entry h6,
div.entry-body h6
{
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	text-decoration:none;
	color:#666666;
	display:block;
	padding:8px 5px 8px 70px;
        margin:5px 0;
	line-height:100%;
	background: url(img/h6.jpg) no-repeat left top;
	font-size:80%;
}

div.entry-tags h4
{
	font-size:80%;
	font-weight:bold;	font-family:Verdana,"ＭＳ ゴシック";
	color:#333333;
	background:transparent url(img/h6_bg.gif) no-repeat 2px 2px;
	padding: 0 10px 0 25px;
	line-height:150%;
	margin-bottom:5px;
	border:0;
}
div.entry-tags-inner
{
	color:inherit;
	background-color:#e4f1f1;
	padding:15px 15px 10px 15px;
}
div.entry-tags ul
{
	list-style-type:none;
	margin-bottom:20px;
}
div.entry-tags ul li
{
	color:#339999;
	background-color:transparent;
	font-size:80%;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	float:left;
	margin-right:10px;
}

div.entry-info
{
	margin-bottom:20px;
}

div.entry-info ul
{
	list-style-type:none;
	text-align:right;
	border-top:2px solid #d8d8d8;
	padding:5px 0 10px 0;
	width:100%;
}

div.entry-info ul li
{
	font-size:60%;
	color:#666666;
	background-color:inherit;
	display:inline;
}

div.entry-content
{
	padding-bottom:5px;
	width:100%;
}

div.entry-content p.posted
{
	margin-bottom:40px;
}


div.entry-content h3 a
{
	color:#333333;
	background-color:transparent;
	text-decoration:none;
}
div.entry-content h3 a:hover
{
	color:#333333;
	background-color:transparent;
	text-decoration:underline;
}

div.trackbacks,
div#comments
{
	margin:0 0 15px 0;
}

div.trackbacks p
{
	font-size:80%;
	color:#666666;
	background-color:inherit;
}

div.trackbacks p input
{
	border:1px solid #cccccc;
}

div.trackbacks dl
{
	padding:10px 0 0 0;
}

div.trackbacks dt
{
	font-size:80%;
}

div.trackbacks dd p
{
	padding:0 0 5px 0;
}

div.trackbacks ul.trackback-info,
div#comments ul.comments-info
{
	border-top:1px solid #efefef;
	list-style:none;
	padding:5px 0;
	text-align:right;
	margin-bottom:10px;
}

div.trackbacks ul.trackback-info li,
div#comments ul.comments-info li
{
	color:#666666;
	background-color:inherit;
	font-size:60%;
	display:inline;
}

div.comments-post h5
{
	color:#333333;
	background-color:inherit;
	font-size:80%;
	font-weight:normal;
	margin:0 0 5px 0;
}

div#comments-open-data legend
{
	font-size:80%;
	margin: 0 0 5px 0;
	padding:0;
}

div#comments-open-data label
{
	font-size:80%;
	color:#333333;
	background-color:inherit;
}

dl#name-email input,
dl#comments-open-text textarea
{
	color:#333333;
	background-color:inherit;
	font-size:80%;
	border:1px solid #cccccc;
}

ul.cookie,
div#comments-open-data ul.inline
{
	list-style:none;
	padding:3px 0;
}

div#comments-open-data ul.comments-open-footer
{
	list-style:none;
	padding:10px 0 20px 0;
}

div#comments-open-data ul.comments-open-footer li
{
	display:inline;
	margin:0 10px 0 0;
	color:#ffffff;
}

div#comments-open-data ul.comments-open-footer li input
{
	color:#ffffff;
	background-color:#7da578;
	font-size:60%;
	padding:4px 7px 3px 7px;
}

input#comment-preview,
input#comment-post,
input#comment-cancel
{
	font-size:80%;
	color:#ffffff;
	width:80px;
	height:20px;
	cursor: pointer;	
}


input#comment-preview,
input#comment-post,
input#comment-cancel
{
	margin-top:5px;
}

div.comment p
{
	font-size:80%;
	color:#333333;
	background-color:inherit;
}

input.search-input
{
	color:#333333;
	background-color:#ffffff;
	border:1px solid #b4b4b4;
	width:300px;
	padding:2px;
}

input.searchsubmit
{
	color:#ffffff;
	background-color:#7da578;
	font-size:70%;
	padding:4px 7px 3px 7px;
	position:relative;
	top:0;
	left:-1px;
}

h2.module-header
{
	color:#000000;
	background:transparent url(img/entry_title.gif) no-repeat left top;
	font-size:80%;
	font-weight:normal;
	padding:11px;
	margin-bottom:10px;
}

div.module-content
{
	color:#333333;
	background-color:#ffffff;
	padding:15px;
	margin-bottom:20px;
}

div.module-content ul
{
	list-style-type:disc;
	line-height:150%;
	padding:0 15px;
}

div.module-content ul li
{
	font-size:80%;
	font-weight:normal;
}

/* ---------- archives_end ---------- */

.floatL{
	float:left;
}
.floatR{
	float:right;
}


/* ---------- banner_img ---------- */

p#banner02 a{
	background:url(img/banner02.jpg) no-repeat;
	width:557px;
	height:103px;
	text-indent:-9999px;
	display:block;
	margin:15px 0 40px 0;
}
p#banner02 a:hover{
	background-position:left -103px ;
}

p#banner03 a{
	background:url(img/banner03.jpg) no-repeat;
	width:268px;
	height:93px;
	text-indent:-9999px;
	display:block;
	margin:15px 0 10px 0;
}
p#banner03 a:hover{
	background-position:left -93px ;
}

p#banner04 a{
	background:url(img/banner04.jpg) no-repeat;
	width:268px;
	height:93px;
	text-indent:-9999px;
	display:block;
	margin:15px 0 10px 0;
}
p#banner04 a:hover{
	background-position:left -93px ;
}


p#banner05 a{
	background:url(img/banner05.jpg) no-repeat;
	width:557px;
	height:102px;
	text-indent:-9999px;
	display:block;
	margin:15px 0 40px 0;
}
p#banner05 a:hover{
	background-position:left -102px ;
}
















/*--- sitemap ---*/
#sitemap h3{
	font-size:130%;
	font-weight:bold;
	color:#2E1401;
	background:transparent url(img/h3.jpg) no-repeat left 0;
	border:none;
	padding:5px 10px 5px 35px;
	line-height:150%;
        width:579px;
        height:43px;
	margin-bottom:20px;
}
#sitemap {
	font-size:80%;
	color:#666666;
	background-color:inherit;
	line-height:150%;
	margin-bottom:10px;
}
#sitemap ul {
                margin-left:20px;
}
#info
{
	width:180px;
	text-align:left;     
                margin:10px 0 0 10px;
}
#info img
{
                margin:0 auto;
}
#info p
{
	font-size:80%;
	color:#2E1401;
	background-color:inherit;
	line-height:150%;
	margin-bottom:10px;
}


/* lesson */

div#lesson_sec01{
	_margin-right:10px;
	margin-bottom:20px;
	font-size:14px;
	zoom:100%;
}
div#lesson_sec01:after{
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
div#lesson_sec01 p{
	font-size:14px;
	color:#990000;
}
div#lesson_sec01 img{
	float:left;
	margin-right:10px;
	_margin-right:20px;
}
div#lesson_sec01 ul{
}
div#lesson_sec01 ul li{
	list-style-position:outside;
	list-style:circle;
	margin:0 0 5px 20px;
}

div#lesson_sec02{
	border:1px solid #CCCCCC;
	_margin-right:10px;
	margin-bottom:20px;
	padding:5px 15px;
}
div#lesson_sec02 p{
	font-size:14px;
	font-weight:bold;
	color:#80614D;
}
div#lesson_sec02 table{
	border-right:1px solid #DDD0C8;
	border-top:1px solid #DDD0C8;
	font-size:14px;
	margin:10px;
}
div#lesson_sec02 table th{
	border-left:1px solid #DDD0C8;
	border-bottom:1px solid #DDD0C8;
	background:#F2EDEA;
	text-align:left;
	padding:5px;
}
div#lesson_sec02 table td{
	border-left:1px solid #DDD0C8;
	border-bottom:1px solid #DDD0C8;
	padding:5px;
}


dl.data {
	font-size:12px;
	padding: 0;
	border: 1px solid #DDD0C8;
	border-top: none;
	background-color: #F2EDEA;
	margin:20px 10px;
	_margin-right:10px;
}

dl.data dt {
	font-weight:bold;
	margin: 0;
	padding: 0.3em 0 0.1em 1em;
	border-top: 1px solid #DDD0C8;
	width: 8em;
	float: left;
	color: #80614D;
}
	
dl.data dd {
	margin: 0 0 0 8em;
	padding: 0.3em 1em;
	border-left: 1px solid #DDD0C8;
	border-top: 1px solid #DDD0C8;
	background-color: #fff;
	color: #744E32;
	line-height:130%;
}



/* voice */
div#voice dl{
	font-size:12px;
	padding:10px;
	margin-bottom:20px;
}
div#voice dl dt{
	color:#990000;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:2px;
}
div#voice dl dd{
	color:#333333;
	line-height:120%;
	margin:0 10px 5px 5px;
}

dl#vDL01{
	background:url(img/voice_DLback01.jpg) repeat-y;
}
dl#vDL02{
	background:url(img/voice_DLback02.jpg) repeat-y;
	width:250px;
	_width:260px;
}
dl#vDL03{
	background:url(img/voice_DLback03.jpg) repeat-y;
	width:250px;
	_width:260px;
}
dl#vDL04{
	background:url(img/voice_DLback04.jpg) repeat-y;
}


/* live */
dl#live{
	background:#FDF9F7;
	border:1px solid #996600;
	font-family:Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:77%;
	height:300px;
	padding:20px;
	letter-spacing:1px;
	line-height:1.3;
	overflow-y: scroll;	
}
dl#live dt{
	color:#990000;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:5px;
}

dl#live dd{
	border-left:4px solid #BC9A7E;
	margin-bottom:25px;
	padding-left:5px;
	list-style:circle;
}


/* sitemap */
dl#sitemap{
	margin:0 0 0 15px;
	font-size:100%;
}
dl#sitemap dt{
	
}
dl#sitemap dd{
margin:0 0 20px 0;
}