@charset "utf-8";
/* ------------------------------------------------------*/
/*
11月7日(土)
・.attention_emを追加

9月22日(火)
・文字コードをUTF-8に変更
・画像の参照先を絶対パスに変更
・注意事項エリアとして.attentionを追加
・注意事項エリアとして.attention2を追加
・#register h3を追加
・.img_articleを追加
・#page .blogs .block .originalにclear:both;を追加
*/
/* ------------------------------------------------------*/

.img_article {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #FFA7BE;
	display:block;
	padding:2px;
	vertical-align:bottom;
}

.attention_em {
	background:#F1F1F1;
	border:3px solid #849E33;
	font-size:16px;
	margin:auto;
	padding:10px;
	text-align:center;
	width:500px;
}

.attention {
	background:#F1F1F1;
	margin:auto;
	padding:10px;
	text-align:center;
	width:500px;
}

.attention2 {
	margin:auto;
	padding:15px;
	text-align:left;
	width:30%;
}

#register h3{
	margin:15px auto;
	text-align: center;
	color: #5b0d35;
	font-size: 200%;;
	font-weight: bold;
}

/* ---------------------------------------*/
/* Global */
/* ---------------------------------------*/

*{
	margin: 0px;
	padding: 0px;
}

html, body{
	height: 100%;
}

body{
	color: #666;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	line-height: 1.4;
	background: url(/top/img/common/bg_header.gif) repeat-x 50% 0;
	text-align: center;
}

* html body{ /* under IE6 */
	font-size: 75%;
}

*:first-child+html body{ /* IE7 */
	font-size: 75%;
}

h1,
h2,
h3,
h4,
h5,
h6{
	font-size: 100%;
}

strong,
strong a,
strong font,
strong span{
	font-weight: bold;
}

img{
	border: 0;
	vertical-align: bottom;
}

a:link{color: #849e33;text-decoration:underline;}
a:visited{color: #ac4b82;text-decoration:underline;}
a:hover{color: #b4c481;text-decoration:none;}
a:active{color: #b4c481;text-decoration:none;}

#wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -5em; /* sticky footer 使用のため"footer"定義パートと高さを揃える */
	text-align: left;
}

#footer, #push{
	text-align: left;
	height: 5em; /* sticky footer */
}

.error-message {
	font-weight:bold;
	color:#FF6699;
	margin-top: 4px;
	margin-bottom: 4px;
}

/* ---------------------------------------*/
/* Common */
/* ---------------------------------------*/


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

#header{
	position: relative;
	width: 900px;
	height: 99px;
	margin: 0 auto;
}

#header h1{
	position: absolute;
	top: 19px;
	left: 6px;
	width: 325px;
	height: 50px;
}

#header .copy{
	position: absolute;
	top: 30px;
	left: 333px;
	width: 316px;
	height: 32px;
}


/* global navigation
------------------------------ */

#gnav{
	height: 41px;
	margin: -6px 0 0;
	background: url(/top/img/common/bg_nav.gif) repeat-x 50% 6px;
}

#gnav ul{
	list-style: none;
	width: 900px;
	margin: 0 auto;
}

#gnav ul li{
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 15px;
	background: url(/top/img/common/nav_sep.gif) no-repeat 0 20px;
}

#gnav ul li.navbtn_register{
	margin-right: 0;
	padding-left: 110px;
}


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

#body{
	clear: both;
	width: 900px;
	margin: 0 auto;
	padding: 20px 0 0;
	zoom: 1; /* for IE 5.5-7 */
}

#body:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #body{height: 1%;}
#body{display: block;}
/* End hide from IE-mac */


/* content
------------------------------ */

#content{
	float: left;
	width: 650px;
}


/* sidenav
------------------------------ */

#sidenav{
	float: right;
	width: 230px;
}

#sidenav .block{
	width: 230px;
	margin: 0 0 20px;
	padding: 0 0 8px;
}

#sidenav .block  h2{
	margin: 0 0 5px;
}

#sidenav #block_editors .image{
	float: left;
}

#sidenav #block_editors .image a{
	display: block;
	padding: 2px;
	border: 1px solid #ccc;
}

#sidenav #block_editors ul.news{
	list-style: none;
	margin: 0 0 0 55px;
}

#sidenav #block_editors ul.news li{
	padding: 3px 5px;
	font-size: 92%;
}

#sidenav .block .blogparts{
	text-align: center;
}

#sidenav .banner{
	margin: 0 0 30px;
}

#sidenav .banner .image{
	margin: 0 0 10px;
}


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

#footer{
	clear: both;
	color: #fff;
	background: url(/top/img/common/bg_footer.gif) repeat-x 50% 0;
}

#footer a{
	color: #fff;
}

#footer .link{
	width: 900px;
	margin: 0 auto 5px;
	padding: 10px 0 0;
}

#footer .manage{
	width: 900px;
	margin: 0 auto;
	font-size: 84%;
}


/* Pager
------------------------------ */

#pager{
	color: #999;
	clear: both;
	text-align: center;
}

#pager p{
	margin: 20px 0;
}

#pager p .current,
#pager p a{
	margin: 0 2px;
	padding: 0.3em 0.5em;
}

#pager p .current{
	color: #666;
	font-weight: bold;
	border: 1px solid #ccc;
}

#pager p a{
	color: #666;
	text-decoration: none;
	border: 1px solid #ccc;
}
#pager p a:link,
#pager p a:visited{
	background: #ccc;
}
#pager p a:hover,
#pager p a:active{
	color: #fff;
	background: #849e33;
}


/* morelink
------------------------------ */

.morelink{
	text-align: right;
	line-height: 2;
}

.morelink a{
	color: #fff;
	padding: 0.2em 0.4em;
	text-decoration: none;
	background: #849e33 url(/top/img/arrow.gif) no-repeat 8px 50%;
	border: 1px solid #ccc;
}
.morelink a:hover,
.morelink a:active{background: #b4c481; border: 1px solid #ccc;}



/* ---------------------------------------*/
/* Top */
/* ---------------------------------------*/

#promoarea{
	margin: 0 0 20px;
}

#categories{
}

#categories .box{
	float: left;
	width: 315px;
	margin: 0 0 20px;
}

#categories .box h2{
	margin: 0 0 5px;
}

#categories .box .block{
	clear: both;
	margin: 0 0 5px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #ccc;
	zoom: 1; /* for IE 5.5-7 */
}

#categories .box .block:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #categories .box .block{height: 1%;}
#categories .box .block{display: block;}
/* End hide from IE-mac */

#categories .box .block .image{
	float: left;
}

#categories .box .block .image a{
	display: block;
	padding: 2px;
	border: 1px solid #ccc;
}

#categories .box .block .atitle,
#categories .box .block .btitle,
#categories .box .block .author{
	margin: 0 0 3px 82px;
}

#categories .box .block .atitle{
	font-weight: bold;
}

#categories #box_news{
	margin: 0 20px 0 0;
}



/* ---------------------------------------*/
/* Second */
/* ---------------------------------------*/

#page{
}

#page h2{
	margin: 0 0 10px;
}

#page .entry{
	margin: 0 0 20px;
	zoom: 1; /* for IE 5.5-7 */
}

#page .entry:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #page .entry{height: 1%;}
#page .entry{display: block;}
/* End hide from IE-mac */

#page .entry .block{
	margin: 0 0 10px;
	padding: 0 14px 10px;
	border-bottom: 1px dotted #ccc;
	zoom: 1; /* for IE 5.5-7 */
}

#page .entry .block:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #page .entry .block{height: 1%;}
#page .entry .block{display: block;}
/* End hide from IE-mac */

#page .entry .block h3{
	margin: 0 0 5px;
	font-size: 117%;
}

#page .entry .block .image{
	float: left;
}

#page .entry .block .image a{
	display: block;
	padding: 2px;
	border: 1px solid #ccc;
}

#page .entry .block .bq{
	margin: 0 0 0 82px;
	line-height: 1.8;
}

#page .entry .block .bq .continue{
	font-weight: bold;
}

#page .entry .block .author{
	margin: 0 0 0 82px;
	font-weight: bold;
	line-height: 1.8;
}


/* rank
------------------------------ */

#page .entry_rank .block{
	padding-left: 55px;
}

#page .entry_rank .rank01{ background: url(/top/img/ranking/ico_01.gif) no-repeat 14px 3px;}
#page .entry_rank .rank02{ background: url(/top/img/ranking/ico_02.gif) no-repeat 14px 3px;}
#page .entry_rank .rank03{ background: url(/top/img/ranking/ico_03.gif) no-repeat 14px 3px;}
#page .entry_rank .rank04{ background: url(/top/img/ranking/ico_04.gif) no-repeat 14px 3px;}
#page .entry_rank .rank05{ background: url(/top/img/ranking/ico_05.gif) no-repeat 14px 3px;}
#page .entry_rank .rank06{ background: url(/top/img/ranking/ico_06.gif) no-repeat 14px 3px;}
#page .entry_rank .rank07{ background: url(/top/img/ranking/ico_07.gif) no-repeat 14px 3px;}
#page .entry_rank .rank08{ background: url(/top/img/ranking/ico_08.gif) no-repeat 14px 3px;}
#page .entry_rank .rank09{ background: url(/top/img/ranking/ico_09.gif) no-repeat 14px 3px;}
#page .entry_rank .rank10{ background: url(/top/img/ranking/ico_10.gif) no-repeat 14px 3px;}


/* bloger
------------------------------ */

#page .bloger{
	margin: 0 0 20px;
	zoom: 1; /* for IE 5.5-7 */
}

#page .bloger:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #page .bloger{height: 1%;}
#page .bloger{display: block;}
/* End hide from IE-mac */

#page .bloger .block{
	float: left;
	width: 206px;
	height: 90px;
	overflow: hidden;
	margin: 0 10px 10px 0;
	padding: 0 0 5px;
	border-bottom: 1px dotted #ccc;
	zoom: 1; /* for IE 5.5-7 */
}

#page .bloger .block:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #page .bloger .block{height: 1%;}
#page .bloger .block{display: block;}
/* End hide from IE-mac */

#page .bloger .block .image{
	float: left;
	width: 70px;
	text-align: center;
	font-size: 84%;
	line-height: 2;
	background: #fff;
}

#page .bloger .block .image a{
	display: block;
	overflow: hidden;
	padding: 2px;
	color: #666;
	text-decoration: none;
	border: 1px solid #ccc;
}
#page .bloger .block .image a:hover,
#page .bloger .block .image a:active{
	color: #aaa;
}

#page .bloger .block .author{
	margin: 0 0 3px 78px;
	font-weight: bold;
}

#page .bloger .block .date,
#page .bloger .block .atitle{
	margin: 0 0 0 78px;
}

#page .bloger .block .date{
	font-size: 84%;
}

#page .bloger .block .atitle{
}


/* kamashi
------------------------------ */

#page .blogs .block h3{
	margin-top: 20px;
	margin-left: 20px;
}

#page .blogs .block .btitle{
	margin-left: 20px;
	margin-bottom: 0px;
}

#page .blogs .block .author{
	margin-left: 20px;
	margin-bottom: 20px;
	font-weight: normal;
	line-height: 1.4;
}

#page .blogs .block .bq{
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	line-height: 1.8;
}

#page .blogs .block .original{
	padding: 15px;
	text-align: center;
	background: #f1f1f1;
	clear:both;
}

#page .blogs .block .original p{
	margin: 0 0 5px;
}

#page .blogs .block .original p.note{
	margin-bottom: 0;
	color: #999;
	font-size: 84%;
}


/* register
------------------------------ */

#register{
	clear: both;
	width:100%;
	margin: -20px auto 0;
	padding: 40px 0;
	background: url(/top/img/authors/body_bg.gif) no-repeat center 0;
	zoom: 1; /* for IE 5.5-7 */
}

* html #register{
	margin-top: 0px;
}
*:first-child+html #register{
	margin-top: 0px;
}

#register:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html #register{height: 1%;}
#register{display: block;}
/* End hide from IE-mac */

#register h2{
	margin: 0 auto 15px;
	text-align: center;
	color: #5b0d35;
	font-size: 300%;;
	font-weight: bold;
}

#register .description{
	margin: -10px 0 20px;
	line-height: 1.8;
	text-align: center;
}

#register form table{
	width: 520px;
	margin: 0 auto;
	border: 0;
	border-collapse: collapse;
	background: #fff;
}

#register form table th,
#register form table td{
	border: 1px solid #fff;
}

#register form table th{
	width: 150px;
	padding: 5px;
	font-weight: normal;
	text-align: left;
	background: #ffebbf;
	white-space: nowrap;
}

#register form table th .inquiry{
	padding: 2px;
	color: #fff;
	font-size: 84%;
	background: #f00;
}

#register form table th .notes{
	font-size: 84%;
}

#register form table td.input,
#register form table td.input2,
#register form table td.submit{
	padding: 3px;
}

#register form table td.submit{
	padding-top: 10px;
}

#register form table td.input input,
#register form table td.input textarea{
	width: 98%;
	padding: 2px;
	font-size: 117%;
	border: 2px solid #ffbc2b;
}

* html #register form table td.input2 input{
	width: 100%;
	padding: 2px;
	border: 2px solid #ffbc2b;
}

*:first-child+html #register form table td.input2 input{
	width: 100%;
	padding: 2px;
	border: 2px solid #ffbc2b;
}

#register form table td.input2 .notes{
	color: #999;
	font-size: 84%;
}

#register .link{
	padding: 30px 0 0;
	text-align: center;
}

#register .complete{
	margin: 0 0 40px;
	padding: 10px 0 0;
	color: #eb392b;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}