@charset "utf-8";

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

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

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

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

body
{
	text-align:center;
	color:inherit;
	background:#fff;
}

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

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

div.separate
{
	clear:both;
}

hr.clear
{
	display:none;
}

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

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

div#container
{
	width:800px;
	margin:0 auto;
	background-color:#fff;
}

div#container2 {
	background:url(img/container_bottombg.jpg) repeat-x bottom;
	}

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

/* ---------- header ---------- */

div#header
{
	width:100%;
	height:295px;
	color:inherit;
	background-color:#ffffff;
        background-image:url(img/header_bg.jpg);
        background-repeat:repeat-x;
        background-position:center top;
}

div#header-inner
{
        width:800px;
        height:295px;
        background-position:center top;
        margin:0 auto;
}

div#header img
{
	float:left;
}

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

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

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

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

div#banner-inner
{
	background:transparent url(img/banner_bg.gif) no-repeat center top;
	color:#374d67;
}

div#banner-inner h1
{
	position:relative;
	left:0;
	font-size:80%;
	font-weight:100;
	font-family:sans-serif, "ＭＳ ゴシック", Verdana, osaka;
	letter-spacing:0.1em;
	width:95%;
}

div#banner-inner h1 a
{
	color:#ee2546;
	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:80%;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	width:95%;
	color:#ee2546;
	background-color:transparent;
}

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

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

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

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

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

div.main-contents
{
	padding:0 5px 10px 5px;
	_padding:0 0 10px 0;

}


div#main
{
	float:right;
	width:557px;
	background:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
        clear:right;
}

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

div.info-box
{
	padding-bottom:30px;
}

div.info-box h3
{
        width:547px;
        height:40px;
	font-size:100%;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#fff;
	background:transparent url(img/h3.jpg) no-repeat 0 0;
	border:none;
	line-height:220%;
        text-indent:30px;
        margin-bottom:5px;
}
/*div.info-box img
{
	float:left;
	margin-right:20px;
	vertical-align:middle;
}
*/
div.info-box p
{
	font-size:12px;
	color:#666666;
	background-color:transparent;
	line-height:150%;
	margin:0 10px 10px 0;
}

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

div.news-box h3
{
        width:547px;
        height:40px;
	font-size:100%;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#fff;
	background:transparent url(img/h3.jpg) no-repeat 0 0;
	border:none;
	line-height:220%;
        text-indent:30px;
        margin-bottom:5px;
}

div.news-box-inner ul
{
	list-style-type:none;
	width:290px;
}

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;
	width:280px;
	margin:0 5px;
}

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

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



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

div#sidebar
{
	float:left;
	width:227px;
	text-align:left;
        clear:left;
}

div#sidebar-inner
{
}
div#category-archives h5
{
	font-size:2px;
	text-indent:-9999px;
	background:#ffffff url(img/other.jpg) no-repeat left top;
	color:inherit;
	width:227px;
	height:24px;
　　  margin:10px 0;
}
div#category-archives h4
{
	font-size:2px;
	text-indent:-9999px;
	background:#ffffff url(img/contentsmenu.jpg) no-repeat left top;
	color:inherit;
	width:227px;
	height:39px;
　　  margin:10px 0 0 0;
}
div.category-archives
{
        background:#fff;
}

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

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:0;
}

div.category-archives ul li a
{
        width:227px;
        height:39px;
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	text-decoration:none;
	color:#000;
	background:transparent url(img/category.jpg) no-repeat;
	display:block;
        text-indent:30px;
         line-height:45px;
         margin:0 0 -6px 0;
         padding:0;
}

div.category-archives ul li a:hover
{
	font-weight:normal;	font-family:Verdana,"ＭＳ ゴシック";
	text-decoration:none;
	color:#F70800;
	display:block;
         margin:0 0 -6px 0;
         padding:0;
}

div.category-archives ul.sub-category
{
	padding: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;
	background:#eeeeee url(img/icon_subcategory.gif) no-repeat 19px 5px;
	display:block;
	border:0;
}

div.category-archives ul.sub-category li a:hover
{
	color:#666666;
	background:#ffffff url(img/icon_subcategory_hover.gif) no-repeat 19px 5px;
	text-decoration:none;
}
div.sidebar_bottom
{
	background:#ffffff url(img/category_bottom.jpg) no-repeat 0 0;
	font-size:2px;
	text-indent:-9999px;
	width:227px;
	height:20px;
	margin-bottom:20px;
}
div.contents-search h4
{
	font-size:2px;
	text-indent:-9999px;
	background:#ffffff url(img/search.gif) no-repeat left top;
	color:inherit;
	width:188px;
	height:20px;
}

div.search-form form input#search
{
	color:#333333;
	background-color:#ffffff;
	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:#bd606c;
	font-size:60%;
	padding:4px 7px 3px 7px;
	position:relative;
	top:0;
	left:-1px;
}


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

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

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_top
{
	background:#fff;
        width:800px;
        height:27px;
        margin:0 auto;
        padding:5px 0;
}
div#footer
{
	background:#fff;
	color:#fff;
	background:transparent url(img/footer.jpg) repeat-x center bottom;
        width:100%;
        height:112px;
}

div#footer-inner
{
        width:800px;
        margin:0 auto;
}
div#footer-inner a
{
        color:#6F6F6F;
}
div#footer p
{
	background-color:transparent;
	color:#6F6F6F;
	font-size:70%;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	top:30px;
	left:0;
        text-align:left;
}
.font_w
{
	color:#fff;
        margin-top:45px;
        text-align:left;
	font-size:70%;
}
/* ---------- footer_end ---------- */

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

div#main p.navi
{
	font-size:60%;
	font-weight:normal;
	padding:0 10px 5px 0;
	margin-top:15px;
	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;
}
h3.entry-header
{
        width:547px;
        height:40px;
	font-size:100%;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#fff;
	background:transparent url(img/h3.jpg) no-repeat 0 0;
	border:none;
	line-height:220%;
        text-indent:30px;
        margin-bottom:5px;
}

h3.entry-header a
{
	color:#ffffff;
        line-height:270%;
	background-color:transparent;
	text-decoration:none;
}

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

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

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:#ee2546;
	background:transparent url(img/h1.gif) no-repeat left top;
	border:1px solid #fd96a6;
	padding:10px 10px 10px 10px;
	line-height:150%;
	margin-bottom:20px;
}

div.entry h2,
div.entry-body h2
{
        width:547px;
        height:40px;
	font-size:100%;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#fff;
	background:transparent url(img/h2.jpg) no-repeat 0 0;
	border:none;
	line-height:230%;
        text-indent:30px;
        margin-bottom:5px;
}

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

div.entry h3,
div.entry-body h3,
div#main h3
{
        width:547px;
        height:40px;
	font-size:100%;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#fff;
	background:transparent url(img/h3.jpg) no-repeat 0 0;
	border:none;
	line-height:220%;
        text-indent:30px;
        margin-bottom:20px;
}

div.entry h4,
div.entry-body h4
{
	font-size:90%;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#000;
	background:transparent url(img/h5.jpg) no-repeat 0 3px;
	padding: 0 0 5px 25px;
	line-height:150%;
	margin:0 20px 20px 0;
	border-bottom:1px dotted #666;
}

div.entry h5,
div.entry-body h5
{
	font-size:80%;
	font-weight:bold;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#000;
	background:transparent url(img/h5.jpg) no-repeat 0 3px;
	padding: 0 10px 0 25px;
	line-height:150%;
	margin-bottom:5px;
}

div.entry h6,
div.entry-body h6
{
	font-size:80%;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
	color:#000;
	background:transparent url(img/h6.jpg) no-repeat 0 6px;
	padding: 0 10px 0 20px;
	line-height:150%;
	margin-bottom:5px;
}

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:570px;
}

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


div.entry-content h3 a
{
	color:#ee2546;
	background-color:transparent;
	text-decoration:none;
}
div.entry-content h3 a:hover
{
	color:#ee2546;
	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:#bd606c;
	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:#bd606c;
	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 ---------- */

/* ---------- library ---------------- */
div#lib
{
       width:227px;
       background-color:transparent;
}
div#lib ul
{
	list-style-type:none;
        margin:0 0 5px 0;
}
div#lib ul li
{
	font-size:70%;
	font-weight:normal;
	font-family:Verdana,"ＭＳ ゴシック";
}
div#lib ul li a
{
	display: block;
	text-indent:-9999px;
        height:63px;
}

div#lib #banner_1 a
{
        width:227px;
        height:63px;
	color:inherit;
	background:transparent url(img/banner_1.jpg) no-repeat;
        margin:5px 0;
}
div#lib #banner_1 a:hover
{
        width:227px;
        height:63px;
	color:inherit;
	background:transparent url(img/banner_1_hover.jpg) no-repeat;
        margin:5px 0;
}
div#lib #banner_2 a
{
        width:227px;
        height:63px;
	color:inherit;
	background:transparent url(img/banner_2.jpg) no-repeat;
        margin:5px 0;
}
div#lib #banner_2 a:hover
{
        width:227px;
        height:63px;
	color:inherit;
	background:transparent url(img/banner_2_hover.jpg) no-repeat;
        margin:5px 0;
}
div#lib #banner_3 a
{
        width:227px;
        height:63px;
	color:inherit;
	background:transparent url(img/banner_3.jpg) no-repeat;
        margin:5px 0;
}
div#lib #banner_3 a:hover
{
        width:227px;
        height:63px;
	color:inherit;
	background:transparent url(img/banner_3_hover.jpg) no-repeat;
        margin:5px 0;
}
div#lib #banner_4 a
{
        width:227px;
        height:63px;
	color:inherit;
	background:transparent url(img/banner_4.jpg) no-repeat;
        margin:5px 0;
}
div#lib #banner_4 a:hover
{
        width:227px;
        height:63px;
	color:inherit;
	background:transparent url(img/banner_4_hover.jpg) no-repeat;
        margin:5px 0;
}

div#qr
{
       width:190px;
       text-align:center;
       margin:10px 0 0 5px;
}
div#qr img
{
        border:#FAA7D2 1px solid;
}
div#qr p
{
       line-height:150%;
       font-size:75%;
       color:#666;
       padding:3px 15px;
       text-alidn:left;
}
/* ---------- category ---------- */


a:hover .rollover{
 color: #D1A3F5;
 opacity: 0.6;
 filter: alpha(opacity=60);
 }
/* ---------- index ---------- */
div#index
{
}
div#index h3
{
	font-size:2px;
	text-indent:-9999px;
	background:#ffffff url(img/pickup.jpg) no-repeat left bottom;
	color:inherit;
	width:547px;
	height:40px;
	margin-bottom:5px;
}
div#index .middle
{
	background:#ffffff url(img/entry_middle.jpg) repeat-y left top;
	color:inherit;
	width:547px;
       overflow:hidden;
}
div#index .inner
{
       line-height:150%;
       font-size:80%;
       color:#666;
       padding:15px;
}
div#index .inner img
{
       margin:0 10px 10px 0;
       float:left;
}
div#index .bottom
{
	background:#ffffff url(img/entry_bottome.jpg) no-repeat left top;
	color:inherit;
	width:547px;
        height:19px;
}
img
{
       	border:1px solid #F70800; 
}

/* option
==========================================================*/
.img-left{
	float:left;
	margin:0 10px 10px 0;
	}
	
.img-right {
	float:right;
	margin:0 0 10px 10px;
	}
	
.img-border {
	padding:2px;
	border:1px solid #ccc;
	}

.margin-b10 {
	margin-bottom:10px;
	}

.n-border {
	border:none;
	}
	
/* table
==========================================================*/
table.tbl-normal {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	font-size:12px;
	}
	
table.tbl-normal th{
	padding:5px;
	text-align:center;
	line-height:120%;
	border-left:1px solid #ccc;
	border-bottom:2px solid #bbb;
	font-weight:bold;
	background:#f4f4f4;
	letter-spacing:1px;
	}
	
	
table.tbl-normal td{
	padding:5px;
	text-align:center;
	line-height:120%;
	letter-spacing:1px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	}

.border-r {
	border-right:2px solid #bbb;
	}
	
/* form
==========================================================*/
input.input-txt {
	border:1px solid #ccc;
	margin-right:10px;
	width:90%;
	}
	
textarea.input-txtarea {
	border:1px solid #ccc;
	padding:5px;
	width:98%;
	}

table.tbl-form th{
	padding:5px;
	text-align:left;
	}

table.tbl-form {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	color:#666;
	font-size:12px;
	margin-bottom:10px;
	}

#btn {
	width:100px;
	}
	
table.tbl-form td{
	padding:5px;
	text-align:left;
	}

div.form-box {
	border:1px solid #ccc;
	padding:5px;
	width:520px;
	margin-top:10px;
	}

input.btn {
	width:70px;
	}

/* 4: Contents
----------------------------------------------------------------------------------------------*/
/* top
==========================================================*/
dl.item {
	width:177px;
	float:left;
	}

dl.item dt {
	width:150px;
	}
	
dl.item dd {
	width:150px;
	padding-top:5px;
	}

div.box {
	padding:0 10px;
	margin-bottom:20px;
	}

/* category
==========================================================*/
ul.list {
	list-style:none;
	font-size:80%;
	margin-bottom:10px;
	}
	
ul.list li {
	padding-left:10px;
	margin-bottom:5px;
	}
	
div.text-box {
	background:#eee;
	padding:10px;
	margin:10px;
	font-size:80%;
	}
	
dl.qa {
	margin:20px 20px 20px 10px;
	font-size:80%;
	}
	
dl.qa dt {
	border-bottom:1px dotted #FF0000;
	margin-bottom:5px;
	padding-bottom:5px;
	text-indent:10px;
	}
	
dl.qa dd {
	line-height:150%;
	padding:10px;
	}
	
dl.material {
	margin:20px;
	font-size:80%;
	}
	
dl.material dt {
	border-bottom:1px solid #FF0000;
	padding-bottom:5px;
	margin-bottom:10px;
	text-indent:10px;
	font-weight:bold;
	}
	
dl.material dd {
	line-height:150%;
	padding:10px;
	}
	
dl.item2 {
	width:190px;
	float:left;
	font-size:80%;
	}

dl.item2 dt {
	width:150px;
	}
	
dl.item2 dd {
	width:150px;
	padding-top:5px;
	margin-bottom:20px;
	}