@charset "UTF-8";

/*
name: Dr.Blog Style Library
designer: Dr.Blog
designer_url: http://drblog.jp/
developer: Dr.Blog
developer_url: http://drblog.jp/
*/

#navi {

	text-align: center;
 width: 340px;
margin: 0;
 padding: 50px 0 0 0;
float: left;}

#top {
 width:100%;
}

h1 {
 text-align: right;
}

#x {

 width: 280px;
 display: block;
 float: left;
}

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

*        { margin:0;padding:0; }
img      { border:none;vertical-align:top; }
p        { margin:0;padding:0; }
b,strong { font-weight:bold; }
ul       { margin:0;padding:0; }
li       { margin:0;padding:0;list-style:none; }
dl       { margin:0;padding:0; }
dt       { margin:0;padding:0; }
dd       { margin:0;padding:0; }
.clear   { clear:both;}
h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:normal;
	}
/* 2: Huck
----------------------------------------------------------------------------------------------*/

/* ボックスの最後にclearをセット
==========================================================*/
.clearfix:after,
dl.list-keyword:after,
dl.list-qa:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix,
dl.list-keyword,
dl.list-qa { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix,
* html dl.list-keyword ,
* html dl.list-qa { height: 1% }
.clearfix,
dl.list-keyword,
dl.list-qa {display:block;}
/* end MacIE5 */
/* ==========================================================*/
/* Safariのフォントサイズを変更
==========================================================*/
html:\66irst-child body,
html:\66irst-child table{
	font-size:11px;
}


/* CSSロールオーバー(アルファ使用)
==========================================================*/
/*
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

body#topPage a:hover img{
	opacity:1.0;
	filter: alpha(opacity=100);
}
*/
/* ---------- reset_end ---------- */

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

/* Base Setting
==========================================================*/
blockquote {
	padding:10px;
	border:1px solid #ccc;
	margin-bottom:10px;
	font-size:80%;
}
*blockquote {
	padding:10px;
	border:1px solid #ccc;
	margin-bottom:10px;
	font-size:100%;
}
a {color:#329b67;}
a:visited {color:#8fbe9a;}

table { font-size:12px; }
	
body {
	margin:0 auto;
	padding:0;
	text-align:center;
	font:100%  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:#fff url(img/head_bg_3.gif) repeat-x left 49px;
	line-height:140%;
	letter-spacing:50%;
	color:#595858;
	}


/* Font Setting
==========================================================*/
.font-color-gray   {color:#888;}
.font-color-orange {color:#f93;}
.font-color-red    {color:#c00;}
.font-color-red2   {color:#600;}
.font-color-white  {color:#fff;}
.font-color-blue   {color:#000066;}
.font-color-green  {color:#006600}
.font-color-pink   {color:#e93069;}
.font-color-purple {color:#a644ff;}
.font-color-cyan   {color:#3aa;}

.font-size-large   {font-size:16px;font-weight:normal;}
.font-size-nomal   {font-size:12px;font-weight:normal;}
.font-size-small   {font-size:10px;font-weight:normal;}


/* Finding Setting
==========================================================*/
div#container {
	width:950px;
	margin: 0 auto;


	}

div#wrapper{
	width:800px;
	padding:0 37px;
	text-align:justify;
	text-justify:inter-ideograph;
	margin:0 auto;
	}

.layout-two-column-right #main-container,
.layout-two-column-left #main-container,
.layout-one-column #main-container
{
	width:800px;
	padding:10px 0 0 0;
	margin:0 auto;
	text-align:left;
	background-color:#ffffff;
	background-image:url(main_container3_bg.gif);
	background-repeat:repeat-y;
	background-position:0 0;
	color:inherit;
}

.layout-three-column #main-container
{
	width:800px;
	padding:0;
	margin:0 auto;
	text-align:left;
	background-color:#ffffff;
	background-image:url(main_container3_bg.gif);
	background-repeat:repeat-y;
	background-position:0 0;
	color:inherit;
}
*.layout-three-column #main-container
{
	width:800px;
	padding:0;
	margin:0 auto;
	text-align:left;
	background-color:#ffffff;
	background-image:url(main_container3_bg.gif);
	background-repeat:repeat-y;
	background-position:0 0;
	color:inherit;
}
/* ---------- body_end ---------- */

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

.layout-two-column-right #banner,
.layout-two-column-left #banner,
.layout-one-column #banner
{
	width:100%;
	position:relative;
	text-align:left;
	background:url(img/head_bg_3.jpg) repeat-y;
	clear: both;
	height: 150px;
	margin-top: 5px;
}

.layout-three-column #banner
{
	width:100%;
	position:relative;
	text-align:left;
	background:url(img/head_bg_3.jpg) repeat-y;
	clear: both;
	height: 150px;
	margin-top: 5px;


}	
#banner h1,

{
	text-align:right;
	font-size:80%;
	font-weight:normal;
                right:40px;
	position:absolute;
}
#banner h3
{
	position:absolute;
	top:25px;
	right:40px;
	text-align:right;
}

#banner h2
{
	color:#ffffff;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	position:relative;
	top:40px;
	left:15px;
	background-color:transparent;
}

div#ico-menu {
 padding: 5px 0 5px 0;
 margin: 0;
 float: right;
 width:280px;
 display: block;
	}
.layout-three-column #banner ul#gloval-menu {
	padding-left: -200px;
	padding-top: 58px;
	}
*.layout-three-column #banner ul#gloval-menu {
	padding-left: 230px;
	padding-top: 58px;
	}
.layout-two-column-right #banner ul#gloval-menu {
	padding-left: -200px;
	padding-top: 58px;
	}
*.layout-two-column-right #banner ul#gloval-menu {
	padding-left: 230px;
	padding-top: 58px;
	}
	
#navi li {
 display: block;
 float: left;
	width:110px;
	height:30px;
	line-height:40px;
 margin: 5px 0 5px 0;}


	
#navi a {
	display:block;
	background:url(img/top-menu.jpg) no-repeat;
	background-position: -115px 0px;
	color:#555555;
	text-decoration:none;
        clear: both;
	}

#navi a:hover { background-position: 0px 0px; }


body#menuPage ul#gloval-menu li#menu-menu a,
body#staffPage ul#gloval-menu li#menu-staff a,
body#accessPage ul#gloval-menu li#menu-access a{ background-position: 0px 0px; }
/* ---------- main ---------- */

.layout-one-column #main
{
	width:700px;
	float:left;
}

.layout-two-column-right #main
{
	width:500px;
	float:left;
}

.layout-two-column-left #main
{
	width:500px;
	float:right;
}

.layout-three-column #main
{
	width:400px;
	float:left;
}

.content
{
	padding:0 15px 15px 15px;
}

.entry{
	margin-bottom:20px;
}

p.date-header
{
	width:100%;
	border-top:1px solid #999999;
	color:#000000;
	font-size:80%;
	font-weight:bold;
	padding:5px 0 5px 0;
	background-color:inherit;
	clear:both;
}
*p.date-header
{
	width:100%;
	border-top:1px solid #999999;
	color:#000000;
	font-size:80%;
	font-weight:bold;
	padding:5px 0 5px 0;
	background-color:inherit;
	clear:both;
}

h3.entry-header
{
	font-size:80%;
	font-weight:bold;
	margin-bottom:10px;
}
*h3.entry-header
{
	font-size:100%;
	font-weight:bold;
	margin-bottom:10px;
}
h3.entry-header a
{
	color:#ffffff;
	background-color:#9ccb3b;
	padding:3px;
}

h3.entry-header a:hover
{
	color:#ffffff;
	background-color:#acd753;
	padding:3px;
}

.entry-content
{
	padding:10px;
	background-color:#f9f9f9;
	background-image:url(entry_content_bg.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	color:inherit;
}

blockquote
{
	color:#669966;
	font-size:80%;
	padding:10px;
	border:1px dashed #999999;
	background-color:#ffffff;
}
*blockquote
{
	color:#669966;
	font-size:100%;
	padding:10px;
	border:1px dashed #999999;
	background-color:#ffffff;
}

.entry-body p
{
	color:#333333;
	font-size:80%;
	line-height:150%;
	margin-bottom:15px;
	background-color:inherit;
}
*.entry-body p
{
	color:#333333;
	font-size:80%;
	line-height:150%;
	margin-bottom:15px;
	background-color:inherit;
}
.entry-body img
{
	border:0;
	margin-bottom:20px;
}

.entry-body ul
{
	list-style-position:inside;
	margin-bottom:15px;
}

.entry-body li
{
	color:#666666;
	font-size:80%;
	margin-bottom: 5px;
	list-style-type: square;
	background-color:inherit;
}
*.entry-body li
{
	color:#666666;
	font-size:100%;
	margin-bottom: 5px;
	list-style-type: square;
	background-color:inherit;
}
.entry-more
{
	color:#333333;
	font-size:80%;
	margin:5px 0 15px 0;
	background-color:inherit;
}
*.entry-more
{
	color:#333333;
	font-size:100%;
	margin:5px 0 15px 0;
	background-color:inherit;
}
div.entry-tags ul.entry-tags-list
{
	list-style:none;
	border-bottom:1px dotted #999999;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}

div.entry-tags ul.entry-tags-list li
{
	display:inline;
	margin:0 10px 0 0;
	font-size:80%;
}
*div.entry-tags ul.entry-tags-list li
{
	display:inline;
	margin:0 10px 0 0;
	font-size:100%;
}
.entry-info
{
	padding-bottom:10px;
}

.entry-info ul
{
	list-style-type: none;
}

.entry-info li
{
	color:#666666;
	font-size:60%;
	display:inline;
	margin-right: 5px;
	background-color:inherit;
}
*.entry-info li
{
	color:#666666;
	font-size:80%;
	display:inline;
	margin-right: 5px;
	background-color:inherit;
}
.content h4
{
	background-color:#ffffff;
	color:#333333;
	font-weight:normal;
	font-size:60%;
	padding:2px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
	margin-bottom:10px;
}
*.content h4
{
	background-color:#ffffff;
	color:#333333;
	font-weight:normal;
	font-size:80%;
	padding:2px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
	margin-bottom:10px;
}
.content p.navi-link
{
	color:#666666;
	font-size:60%;
	margin-bottom:15px;
	background-color:inherit;
}
*.content p.navi-link
{
	color:#666666;
	font-size:80%;
	margin-bottom:15px;
	background-color:inherit;
}
/* ---------- main_end ---------- */

/* ---------- menu ---------- */

.layout-one-column #left-menu,
.layout-one-column #right-menu
{
	display:none;
}

.layout-two-column-right #left-menu,
.layout-two-column-right #right-menu
{
	width:200px;
	float:right;
}

.layout-two-column-left #left-menu,
.layout-two-column-left #right-menu
{
	width:200px;
	float:left;
}

.layout-three-column #left-menu,
.layout-three-column #right-menu
{
	width:200px;
	float:left;
}

.layout-two-column-right .left-content,
.layout-two-column-right .right-content
{
	padding:0 15px 0 0;
}

.layout-two-column-left .left-content,
.layout-two-column-left .right-content
{
	padding:0 0 0 15px;
}

.layout-three-column .right-content
{
	padding:0 15px 0 0;
}

.layout-three-column .left-content
{
	padding:0 0 0 15px;
}

.left-content h3,
.right-content h3
{
	background-color:#ffffff;
	color:#333333;
	font-weight:normal;
	font-size:60%;
	padding:2px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
}
*.left-content h3,
.right-content h3
{
	background-color:#ffffff;
	color:#333333;
	font-weight:normal;
	font-size:80%;
	padding:2px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #ababab;
	border-bottom: 1px solid #ababab;
}
#left-menu li ,
#right-menu li
{
	list-style-type: none;
	color:#333333;
	background-color:inherit;
	font-size:60%;
}
*#left-menu li ,
#right-menu li
{
	list-style-type: none;
	color:#333333;
	background-color:inherit;
	font-size:80%;
}
.search-form,
.category-archives,
.monthly-archives,
.recent-entry,
.site-link,
.cclicense,
.powered
{

	background-color:transparent;
	background-image:url(menu_bg.gif);
	background-repeat:repeat;
	background-position:0 0;
	color:inherit;
	margin-bottom: 10px;
	padding:5px;
}

.search-form label,
.cclicense
{
	background-color:inherit;
	color:#333333;
	font-size:60%;
}
*.search-form label,
.cclicense
{
	background-color:inherit;
	color:#333333;
	font-size:80%;
}
.search-form #search
{
	width:80%;
	color:#999999;
	font-size:60%;
	border: 1px solid #999999;
	padding:2px;
	background-color:#eeeeee;
}
*.search-form #search
{
	width:80%;
	color:#999999;
	font-size:80%;
	border: 1px solid #999999;
	padding:2px;
	background-color:#eeeeee;
}
.search-form .searchsubmit
{
	color:#999999;
	font-size:60%;
	border: 1px solid #999999;
	background-color:#ffffff;
	margin-top:5px;
}
*.search-form .searchsubmit
{
	color:#999999;
	font-size:80%;
	border: 1px solid #999999;
	background-color:#ffffff;
	margin-top:5px;
}

/* ---------- menu_end ---------- */

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

.layout-two-column-left #footer,
.layout-two-column-right #footer,
.layout-one-column #footer
{
	background-color:transparent;
	background-image:url(footer3_bg.gif);
	background-repeat:no-repeat;
	background-position:0 100%;
	clear:both;
}

.layout-three-column #footer
{
	background-color:transparent;
	background-image:url(footer3_bg.gif);
	background-repeat:no-repeat;
	background-position:0 100%;
	clear:both;
}

#footer
{
	text-align:center;
	padding:0 0 30px 0;
}

#footer ul
{
	list-style:none;
}

#footer ul li
{
	display:inline;
	font-size:60%;
	color:#999999;
	margin:0 15px 0 0;
	background-color:inherit;
}
*#footer ul li
{
	display:inline;
	font-size:80%;
	color:#999999;
	margin:0 15px 0 0;
	background-color:inherit;
}
/* ---------- footer_end ---------- */

/* ---------- trackback ---------- */

.trackbacks p,
.trackbacks dt
{
	color:#333333;
	font-size:60%;
	background-color:inherit;
}
*.trackbacks p,
.trackbacks dt
{
	color:#333333;
	font-size:80%;
	background-color:inherit;
}
.trackbacks p
{
	margin:5px 0 10px 0;
}

.trackbacks input
{
	color:#999999;
	border: 1px solid #999999;
	padding:2px;
	background-color:#eeeeee;
}

.trackback-info
{
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px dashed #999999;
}

.trackback-info ul
{
	padding:2px;
	display:inline;
}

.trackback-info li
{
	color:#666666;
	font-size:60%;
	display:inline;
	margin:0 5px 0 0;
	list-style-type:none;
	background-color:inherit;
}
*.trackback-info li
{
	color:#666666;
	font-size:80%;
	display:inline;
	margin:0 5px 0 0;
	list-style-type:none;
	background-color:inherit;
}
/* ---------- trackback_end ---------- */

/* ---------- comment ---------- */

.comments,
#comments-open-data label
{
	background-image:url(menu_bg.gif);
	margin:0 0 10px 0;
	padding:5px;
}

.comments-body
{
	background-color:#ffffff;
	color:inherit;
	padding:5px;
}

.comments-body p,
.comments-info li,
#comments-open-data legend,
#comments-open-data label
{
	color:#333333;
	background-color:inherit;
	font-size:60%;
}
*.comments-body p,
.comments-info li,
#comments-open-data legend,
#comments-open-data label
{
	color:#333333;
	background-color:inherit;
	font-size:80%;
}

p.comments-open-moderated
{
	color:#666666;
	background-color:inherit;
	font-size:60%;
}
*p.comments-open-moderated
{
	color:#666666;
	background-color:inherit;
	font-size:80%;
}
.comments-body p,.comments-post-content p
{
	margin:5px 0 10px 0;
}

.comments-info
{
	border-top: 1px dashed #999999;
	padding:5px 0 0 0;
}

.comments-info li
{
	display:inline;
	margin-right:5px;
	list-style-type:none
	padding:0 0 0 5px;
}

#comments-open-data legend
{
	color:#ffffff;
	background-color:#9ccb3b;
	padding:3px;
	margin:0 0 10px 0;
}

#comments-open-data input#comment-author,
#comments-open-data input#comment-email,
#comments-open-data input#comment-url
{
	width:40%;
	color:#666666;
	font-size:60%;
	border:1px solid #999999;
	padding:2px;
	background-color:#eeeeee;
	margin:5px 0 10px 0;
}
*#comments-open-data input#comment-author,
#comments-open-data input#comment-email,
#comments-open-data input#comment-url
{
	width:40%;
	color:#666666;
	font-size:80%;
	border:1px solid #999999;
	padding:2px;
	background-color:#eeeeee;
	margin:5px 0 10px 0;
}
#comments-open-data textarea
{
	width:60%;
	color:#666666;
	font-size:60%;
	border:1px solid #999999;
	padding:2px;
	background-color:#eeeeee;
	margin:5px 0 10px 0;
}
*#comments-open-data textarea
{
	width:60%;
	color:#666666;
	font-size:80%;
	border:1px solid #999999;
	padding:2px;
	background-color:#eeeeee;
	margin:5px 0 10px 0;
}
.comments-open-footer input
{
	color:#999999;
	font-size:60%;
	border:1px solid #999999;
	background-color:#ffffff;
	margin:5px 0 0 0;
}
*.comments-open-footer input
{
	color:#999999;
	font-size:80%;
	border:1px solid #999999;
	background-color:#ffffff;
	margin:5px 0 0 0;
}
.comments-open-footer li
{
	display:inline;
	margin-right:15px;
	list-style-type:none;
}

.cookie li
{
	display:inline;
	list-style-type:none;
}

/* ---------- comment_end ---------- */

/* ---------- search ----------*/

div.content h3.search-results-header
{
	margin:0 0 10px 0;
}

div.search-feed h3
{
	margin:0 0 5px 0;
}

div.search-feed p
{
	color:#666666;
	font-size:70%;
	line-height:140%;
}
*div.search-feed p
{
	color:#666666;
	font-size:90%;
	line-height:140%;
}
div.search-feed-content
{
	border: 1px solid #cccccc;
	padding:10px;
	margin:0 0 10px 0;
}

p.feed-link
{
	margin:5px 0 0 0;
}

form#search-form label
{
	background-color:inherit;
	color:#666666;
	font-size:80%;
	margin:0 0 5px 0;
}
*form#search-form label
{
	background-color:inherit;
	color:#666666;
	font-size:100%;
	margin:0 0 5px 0;
}
dd#search-box ul,dd#search-options ul
{
	list-style:none;
	padding:0 0 10px 0;
}

dd#search-box ul li,dd#search-options ul li
{
	display:inline;
	margin:0 15px 0 0;
}

dd#search-box input#search
{
	width:70%;
	color:#666666;
	font-size:80%;
	border: 1px solid #666666;
	padding:2px;
	background-color:#eeeeee;
}
*dd#search-box input#search
{
	width:90%;
	color:#666666;
	font-size:80%;
	border: 1px solid #666666;
	padding:2px;
	background-color:#eeeeee;
}
dd#search-box input.searchsubmit {
	color:#666666;
	font-size:80%;
	border: 1px solid #666666;
	background-color:#ffffff;
	margin-top:5px;
}
*dd#search-box input.searchsubmit {
	color:#666666;
	font-size:100%;
	border: 1px solid #666666;
	background-color:#ffffff;
	margin-top:5px;
}
h5.search-results-tit
{
	color:#666666;
	font-weight:bold;
	font-size:70%;
	border-bottom:1px dotted #cccccc;
	padding:2px;
	margin-bottom:10px;
}
*h5.search-results-tit
{
	color:#666666;
	font-weight:bold;
	font-size:90%;
	border-bottom:1px dotted #cccccc;
	padding:2px;
	margin-bottom:10px;
}
p.search-results-content
{
	color:#666666;
	font-size:80%;
	line-height:140%;
	margin:0 0 10px 0;
	background-color:inherit;
}
*p.search-results-content
{
	color:#666666;
	font-size:100%;
	line-height:140%;
	margin:0 0 10px 0;
	background-color:inherit;
}
div.tags-list dl dt
{
	color:#666666;
	font-size:80%;
	line-height:140%;
	margin:0 0 5px 0;
	background-color:inherit;
}
*div.tags-list dl dt
{
	color:#666666;
	font-size:100%;
	line-height:140%;
	margin:0 0 5px 0;
	background-color:inherit;
}
div.tags-list
{
	margin:0 0 10px 0;
}

/* ---------- search_end ----------*/

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

div.archive-body ul.archive-list li
{
	list-style-position:inside;
	color:#666666;
	font-size:80%;
	background-color:inherit;
}
*div.archive-body ul.archive-list li
{
	list-style-position:inside;
	color:#666666;
	font-size:100%;
	background-color:inherit;
}
/* ---------- archives_end ----------*/