@charset "UTF-8";

/* Common */
body,div,table,form,dl,h1,h2,h3,h4,h5,h6,pre,
p,li,th,td,span,html {margin:0;padding:0;}
ul,ol,blockquote {margin-top:0;margin-bottom:0;}
/*
* {margin:0;padding:0;}
html {background:#f5f5f5;}
*/
body {
	font-size:100%;
	line-height:1;
	color:#000;
	background:#f5f5f5 url(/image/bg_body.png) no-repeat top;
	text-align:center;
	font-style:normal;
	font-family:'Trebucet MS', sans-serif;/*'メイリオ',*/
}
/* goodbye GATES */
html>body {font-size:16px;}

a {color:#00c;}
a:hover {color:#c00;}
a:active {color:#f00;}
img {border:none;}
div {text-align:left;}


/*骨*/
#PAGE-TOP {margin:0 auto;width:780px;height:140px;background:#fff url(/image/bg_top.png) repeat-y top;}
#PAGE-BODY {margin:0 auto;padding:0 0 20px;width:780px;background:#fff url(/image/bg_page.png) repeat-y center;clear:both;}
#PAGE-BOTTOM {width:100%;background:#f5f5f5/* url(/image/bg_bottom.png) no-repeat top*/;clear:both;}
/*
#PAGE-BOTTOM {margin:0 auto 20px;width:100%;background:#c30 url(/image/bg_bottom.png) repeat-y bottom;clear:both;}
#PAGE-TOP,#PAGE-BODY {border-bottom:1px solid #c00;}
*/
body.home #PAGE-TOP {background-image:url(/image/bg_top_home.png);}
h1 a {width:780px;height:90px;display:block;}
h1 span {display:none;}

/*サイトナビゲーション*/
ul#site_navi {margin:0 0 0 340px;padding:0;width:430px;height:50px;background:url(/image/bg_navi.png) no-repeat -335px 0;overflow:hidden;}
#site_navi li {float:left;display:inline;height:50px;list-style-type:none;}
#site_navi li a {text-decoration:none;display:block;}
#site_navi li a:hover {background-color:transparent;}
#site_navi li a:hover img {visibility:hidden;}

body.hiroba #site_navi li#go_hiroba {width:128px;background:url(/image/bg_navi.png) no-repeat -393px -50px;}
body.blog #site_navi li#go_blog {width:148px;background:url(/image/bg_navi.png) no-repeat -521px -50px;}
body.series #site_navi li#go_series {width:88px;background:url(/image/bg_navi.png) no-repeat -669px -50px;}

body.hiroba #site_navi li#go_hiroba a,
body.blog #site_navi li#go_blog a,
body.series #site_navi li#go_series a {visibility:hidden;}

/*noscriptアナウンス*/
#PAGE-BODY .contents noscript#caution ul {margin:0 0 10px;padding:8px 20px;border:1px solid #c00;}
.caution {margin:0 0 10px;padding:8px 20px;border:1px solid #c00;}

/*パンくず*/
ul.breadcrumb {margin:0 10px 10px;padding:0;width:100%;height:20px;/*overflow:hidden;*/clear:both;}
.breadcrumb li {float:left;padding:4px 2px;list-style-type:none;font-size:12px;}
.breadcrumb li a {text-decoration:none;color:#4682b4;}
.breadcrumb li a:hover {color:#c00;}

/*ページスイッチ*/
.pageswitch {margin:5px 0;width:100%;height:20px;}
.pageswitch p {padding:4px;font-size:70%;color:#ccc;text-align:center;}
.pageswitch p strong {padding:2px 6px;color:#fff;background-color:#ccc;}
.pageswitch p a {padding:2px 6px;background-color:#f5f5f5;}

/*read more*/
.read_more {margin:4px;text-align:right;font-size:10px;}
.read_more a {text-decoration:none;}
.read_more a span {padding:0 2px;color:#fff;background-color:#d0c6ac;}
.read_more a:hover span {color:#c00;}

/*read this*/
a.read_this {margin:4px;font-size:10px;text-decoration:none;white-space:nowrap;}
a.read_this span {padding:0 2px;color:#fff;background-color:#d0c6ac;}
a.read_this:hover span {color:#c00;}

/*history back*/
.history_back {margin:4px;font-size:10px;}
.history_back a {text-decoration:none;}
.history_back a span {padding:0 2px;color:#fff;background-color:#d0c6ac;}
.history_back a:hover span {color:#c00;}

/*コーナーリード*/
/*.leader {margin:10px;padding:5px;font-size:90%;line-height:1.5;}*/
.leader {margin:8px;padding:12px;font-size:90%;line-height:1.5;border-left:4px dotted #ffdab9;}
/*.leader span {white-space:nowrap;}*/

/*プロフィール*/
.container_profile {padding:20px 25px;width:500px;}
.container_profile p {padding:0 0 1em;font-size:90%;line-height:1.5;}

/*フッタナビ*/
ul#info_navi {
	margin:0 auto 40px;padding:4px 10px 12px;width:760px;
	background:#d0c6ac url(/image/bg_footer.png) repeat-y bottom;clear:both;}
#info_navi li {display:inline;list-style-type:none;font-size:80%;color:#963;}
#info_navi li a {padding:2px 4px;text-decoration:none;color:#933;border-right:1px solid #993;}
#info_navi li a:hover {text-decoration:underline;}
#info_navi li#rights a {border:none;}

/*コンテンツ領域初期設定*/
.contents {padding:0 10px 10px;width:760px;clear:both;overflow:hidden;}
.article {padding:0 0 40px;width:550px;display:inline;}
.beside {padding:30px 0 40px;width:200px;display:inline;}

/*エラーページ用*/

#error404 h2 {padding:10px 10px 40px;}
#error404 h3 {padding:10px;}
#error404 p {padding:0 10px 1em;}
#error404 ul li strong {color:#c00;}
#error404 .code {padding:40px 0 0;text-align:right;}
#error404 code {font-size:9pt;color:#ccc;}

/*フォーム関連：language/japanese-utf8も参照*/
.formerror {color:#c00;}