@charset "utf-8";

/* default
----------------------------------------------- */

*{	margin:0;	padding:0;}
img{	border:none;}
hr{	display:none;}

/* base
----------------------------------------------- */

body{
	margin:0 auto;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:75%;
	color:#663300;
	line-height:140%;
	background:#DBCCAC;
	background-image:url(../images/bg_body.jpg);
	background-position:center top;
	background-repeat:repeat-x;
}

a{
	color:#003399;
	text-decoration:underline;
}
a:visited{
	color:#336699;
	text-decoration:underline;
}
a:hover{
	color:#FF6600;
	text-decoration:none;
}


/* column_style
----------------------------------------------- */
div#wrapper{
	margin:0 auto;
	width:100%;
	background-image:url(../images/img_wrap.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	overflow:hidden;
}

div#wrapper2{
	margin:0 auto;
	width:900px;
	overflow:hidden;
}

div#headerArea{
	margin-top:6px;
	width:100%;
	overflow:hidden;
}

div#footerArea{
	border-top:1px solid #E9DCC2;
	padding:10px 20px;
	clear:both;
	width:100%;
	background-color:#FAF7F0;
	overflow:hidden;
}

div#navigationArea{
	margin-top:20px;
	width:100%;
	clear:both;
	overflow:hidden;
}
div#contentsArea{
	padding:10px;
	width:100%;
	clear:both;
	overflow:hidden;
	background-color:#FAF7F0;
}
div#left{
	margin-right:10px;
	width:200px;
	float:left;
	overflow:hidden;
}
div#center{
	width:460px;
	float:left;
	overflow:hidden;
}
div#right{
	margin-left:10px;
	width:200px;
	float:left;
	overflow:hidden;
}
div#thirdContent{
	padding:0px 20px 10px 20px;
	width:100%;
	clear:both;
	overflow:hidden;
	background-color:#FAF7F0;
}

div.contents200px{width:200px;margin:0 0 15px 0;padding:0;}
div.contents460px{width:460px;margin:0 0 15px 0;padding:0;}
div.contents250px{width:250px;float:left;margin:0 0 15px 0;padding:0;}
div#center div.contents200px{float:left;}

div.clear{
	clear:both;
	overflow:hidden;
}

/*■□　全ページ共通で表示される素材を指定します　□■*/

/* headerArea_style
----------------------------------------------- */
div#headerArea h1 a{
	position:relative;
	top:14px;
	left:40px;
	display:block;
	width:236px;
	height:86px;
	text-indent:-9999px;
	float:left;
}

div#headerArea ul#naviTop{
	float:right;
}
div#headerArea ul#naviTop li{
	list-style:none;
	text-indent:-9999px;
	float:left;
}
div#headerArea ul#naviTop li a{
	display:block;
	background-image:url(/common/images/navi_top.gif);
	background-repeat:no-repeat;
}
div#headerArea ul#naviTop li.navi01 a{
	width:114px;
	height:30px;
	background-position:0px 0px;
}
div#headerArea ul#naviTop li.navi02 a{
	width:52px;
	height:30px;
	background-position:-114px 0px;
}
div#headerArea ul#naviTop li.navi03 a{
	width:83px;
	height:30px;
	background-position:-166px 0px;
}
div#headerArea ul#naviTop li.navi04 a{
	width:95px;
	height:30px;
	background-position:-249px 0px;
}
div#headerArea ul#naviTop li.navi01 a:hover{
	background-position:0px -30px;
}
div#headerArea ul#naviTop li.navi02 a:hover{
	background-position:-114px -30px;
}
div#headerArea ul#naviTop li.navi03 a:hover{
	background-position:-166px -30px;
}
div#headerArea ul#naviTop li.navi04 a:hover{
	background-position:-249px -30px;
}

/* navigationArea_style
----------------------------------------------- */
div#navigationArea ul#globalNavi{
	margin:0 auto;
	margin-top:20px;
	width:900px;
	clear:both;
}
div#navigationArea ul#globalNavi li{
	list-style:none;
	text-indent:-9999px;
	float:left;
}
div#navigationArea ul#globalNavi li a{
	display:block;
	width:100px;
	height:40px;
	background-image:url(/rekishi/common/images/navi_global.jpg);
	background-repeat:no-repeat;
}
div#navigationArea ul#globalNavi li.navi01 a{
	background-position:0px 0px;
}
div#navigationArea ul#globalNavi li.navi02 a{
	background-position:-100px 0px;
}
div#navigationArea ul#globalNavi li.navi03 a{
	background-position:-200px 0px;
}
div#navigationArea ul#globalNavi li.navi04 a{
	background-position:-300px 0px;
}
div#navigationArea ul#globalNavi li.navi05 a{
	background-position:-400px 0px;
}
div#navigationArea ul#globalNavi li.navi06 a{
	background-position:-500px 0px;
}
div#navigationArea ul#globalNavi li.navi07 a{
	background-position:-600px 0px;
}
div#navigationArea ul#globalNavi li.navi08 a{
	background-position:-700px 0px;
}
div#navigationArea ul#globalNavi li.navi09 a{
	background-position:-800px 0px;
}

/* subContent_style
----------------------------------------------- */
div#search{
	margin-bottom:10px;
	padding:5px;
	width:100%;
	text-align:center;
	background-color:#361212;
}
div#search form input{
	font-size:12px;
	line-height:normal;
}

div#banner{
	margin-bottom:10px;
}
div#banner p.banner{
	margin-bottom:5px;
	text-align:center;
}

div#word{
	margin-bottom:10px;
	border:1px solid #E9DCC2;
	padding:10px;
	background-color:#FFFFFF;
}
div#word p.word{
	margin-bottom:5px;
	background-image:url(../images/subtitle_word.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:200px;
	height:24px;
	text-indent:-9999px;
}
div#word p span.best5{
	font-size:large;
	font-weight:bold;
	line-height:normal;
}
div#word p a{
	color:#663300;
	text-decoration:none;
}
div#word p a:hover{
	color:#FF6600;
	text-decoration:underline;
}


/* thirdContent_style
----------------------------------------------- */
div#thirdContent p.footerNavi{
	text-align:center;
}

/* footerArea_style
----------------------------------------------- */
div#footerArea div.logo{
	margin-right:20px;
	background-image:url(../images/img_logo.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:101px;
	height:49px;
	text-indent:-9999px;
	float:left;
}
div#footerArea div.note{
	margin:10px 93px 0px 0px;
	float:left;
}
div#footerArea address{
	margin-top:30px;
	font-style:normal;
	line-height:normal;
	float:left;
}


/*	■□　ここからページの中身　□■*/

/* h2
----------------------------------------------- */
h2#calendar{
	margin-bottom:10px;
	width:200px;
	height:34px;
	background-image:url(../images/h2_calendar.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
h2#ask{
	margin-bottom:10px;
	width:200px;
	height:34px;
	background-image:url(../images/h2_ask.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
h2#study{
	margin-bottom:10px;
	width:200px;
	height:34px;
	background-image:url(../images/h2_study.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
h2#pilgrimage{
	margin-bottom:10px;
	width:460px;
	height:34px;
	background-image:url(../images/h2_pilgrimage.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
h2#sns{
	margin-bottom:10px;
	width:460px;
	height:34px;
	background-image:url(../images/h2_sns.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
h2#string{
	margin-bottom:10px;
	width:250px;
	height:34px;
	background-image:url(../images/h2_string.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
h2#cosplay{
	margin-bottom:10px;
	width:200px;
	height:34px;
	background-image:url(../images/h2_cosplay.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
h2#market{
	margin-bottom:10px;
	width:200px;
	height:34px;
	background-image:url(../images/h2_market.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
h2#news{
	margin-bottom:10px;
	width:460px;
	height:34px;
	background-image:url(../images/h2_news.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

/* h3
----------------------------------------------- */
h3#today, h3#event, h3#word{
	background-image:url(../images/h3bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:200px;
	height:auto;
	font-weight:bold;
	font-size:120%;
	color:#663300;
	margin:0;
	padding:8px 0 4px 20px;
}
h3#serial{
	background-image:url(../images/icon_allow.gif);
	background-position:0 6px;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:150%;
	color:#663300;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
}

/* h4
----------------------------------------------- */
h4.arrow{
	background-image:url(../images/icon_allow.gif);
	background-position:0 6px;
	background-repeat:no-repeat;
	width:200px;
	height:auto;
	font-weight:bold;
	font-size:110%;
	color:#663300;
	margin:3px 0 1px 0;
	padding:0 0 0 10px;
}

/*　■□　imgタグのfloat　□■　*/
img.floatL{	float:left;	margin:0 3px 0 0;}
img.floatR{	float:right;	margin:0 0 0 3px;}


/*　■□　左カラムの中身　□■　*/
div#left ul{
	margin:0 0 2px 5px;
}
div#left dl dt{
	float:left;
	margin:0 3px 0 5px;
}

/*　■□　中カラムの中身　□■　*/
div.box{
	width: 410px;
	margin:10px;
	padding:10px;
	border:5px double #663300;
	background-color:#ffffff;
}
div.serials{
	width:405px;
	margin:10px 0;
	border-left:2px solid #663300;
	padding:0 0 5px 3px;
}
div.serials h4{
	background-image:url(../images/icon_allow.gif);
	background-position:0 6px;
	background-repeat:no-repeat;
	height:auto;
	font-weight:bold;
	font-size:110%;
	color:#663300;
	margin:0;
	padding:0 0 0 10px;
}