/* ALL Setings */
/*-------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin									:	0;
	padding									:	0;
	border									:	0;
	font-size								:	100%;
	vertical-align					:	baseline;
	font-family							: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* clearfix */
/*-------------------------------------------------*/
.clearfix:after{
	visibility							:	hidden;
	display									:	block;
	font-size								:	0;
	content									:	" ";
	clear										:	both;
	height									:	0;
}

/* IE6 */
* html .clearfix{
	zoom										:	1;
}
/* IE7 */
*:first-child +html .clearfix{
	zoom										:	1;
}

/* a */
/*-------------------------------------------------*/
a{
	text-decoration					:	none;
	color										:	#000;
}

/* ul */
/*-------------------------------------------------*/
ul{
	list-style-position			:	inside;
	list-style-type					:	none;
}

/* フォント設定 */
/*-------------------------------------------------*/
.font_small{
	font-size								:	0.8em;
}
.font_bold{
	font-weight							:	bold;
}
.font_big{
	font-size								:	1.2em;
}
/* body */
/*-------------------------------------------------*/
body{
	width										:	100%;
	height									:	100%;
	line-height							:	160%;
	font-size: 86%;
}
body #page_top{
	width										:	45px;
	height									:	45px;
	background-color				:	#8A8475;
	position								:	fixed;
	bottom									:	30px;
	right										:	30px;
	z-index									:	100;
	cursor									:	pointer;
}
body #page_top a{
	width										:	45px;
	height									:	25px;
	display									:	block;
	text-align							:	center;
	padding									:	10px 0px;
}

body #page_top:hover{
	background-color				:	#aa8e57;
}

/* header */
/*-------------------------------------------------*/
#header_back{
	width										:	100%;
	height									:	auto;
	background-color				:	#e3bd8a;
	float										:	left;
}
#header{
	width										:	960px;
	height									:	300px;
	margin									:	0px auto;
}
#title{
	width										:	195px;
	height									:	300px;
	padding-left						:	30px;
	float										:	left;
}
#title a{
	display									:	block;
}
#landscape{
	width										:	100%;
	height									:	300px;
	background-image				:	url("../images/top2.png");
	background-repeat				:	no-repeat;
	background-position			:	0px 0px;
}
#character{
	width										:	100%;
	height									:	300px;
	background-image				:	url("../images/top1_1.png");
	background-repeat				:	no-repeat;
	background-position			:	60px 0px;
}
/* lang */
/*-------------------------------------------------*/
#lang{
	width										:	735px;
	height									:	30px;
	float										:	left;
	text-align							:	right;
}
#langSelect{
	background-color				:	#402312;
	border-right						:	1px solid #F2CFA2;
	border-bottom						:	1px solid #F2CFA2;
	border-top							:	1px solid #D1A770;
	border-left							:	1px solid #D1A770;
	color										:	#fff;
	padding									:	5px;
}
#langSelect option{
	background-color				:	#402312;
	border-bottom						:	1px dashed #564A43;
	color										:	#fff;
}

/* navi */
/*-------------------------------------------------*/
#navi_back{
	width										:	100%;
	height									:	100px;
	background-color				:	#f8e8c5;
	float										:	left;
}
.navi{
	width										:	960px;
	margin									:	0px auto;
	padding									:	25px 0px 25px 0px;
	z-index									:	10;
	background-image				:	url("../images/top1_2.png");
	background-repeat				:	no-repeat;
	background-position			:	60px -1px;
}
.navi ul{
	width										:	100%;
	height									:	50px;
	margin									:	0px auto;
	background-image				:	url("../images/naviback.png");
	background-position			:	left center;
	background-repeat				:	repeat-x;
	z-index									:	5;
}
.navi ul li{
	height									:	40px;
	line-height							:	15px;
	padding									:	10px 23px 0px 23px;
	text-align							:	center;
	float										:	left;
}
/* 縦中央揃え */
.navi ul li a{
	display									:	table-cell;
	vertical-align					:	middle;
}
/* IE6 */
* html div.wrap div{
	display									:	inline;
	zoom										:	1;
}
/* IE7 */
*:first-child +html div.wrap div{
	display									:	inline;
	zoom										:	1;
}

/* main */
/*-------------------------------------------------*/
#main_back{
	width										:	100%;
	height									:	auto;
	background-color				:	#f8e8c5;
	float										:	left;
}
#main{
	width										:	960px;
	height									:	auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* contents */
/*--------------------------------------------------*/
#contents{
	width											:	740px;
	float											:	left;
}



/* side */
/*--------------------------------------------------*/
#side{
	width											:	190px;
	float											:	right;
	margin										:	0px;
}
.bnr li{
	margin-top: 15px;
	float: left;
}

/* footer */
/*-------------------------------------------------*/
#footer_back{
	width										:	100%;
	height									:	auto;
	background-color				:	#f8e8c5;
	float										:	left;
}
.hyouki{
	width										:	960px;
	margin									:	20px auto 0px auto;
	border-top							:	1px dashed #000;
	padding									:	15px 0px 0px 0px;
	font-size: 95%;
}
#footer{
	width										:	960px;
	height									:	115px;
	border-top							:	1px dashed #000;
	font-size: 13px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#infomation{
	width : 375px;
	float										:	left;
	background-image				: url("../images/oga.png");
	background-repeat				: no-repeat;
	background-position			: -20px center;
	padding-left						: 80px;
	padding-top							: 20px;
	padding-bottom					: 20px;
	line-height: 125%;
}
#infomation h2{
	margin-bottom: 7px;
	color: #2F1A13;
}
#infomation span{
	float										:	left;
	line-height: 125%;
	font-size: 10px;
	color: #FFF;
	background-color: #2F1A13;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#footer_navi{
	float										: right;
	width : 480px;
	padding-top							: 20px;
}
#footer_navi ul{
	float										: right;
	width										: 530px;
}
#footer_navi ul li{
	float										: left;
}
#footer_navi ul li a:link{
	float										: right;
	text-align: right;
}
#footer_navi p{
	float										: left;
	width : 477px;
	text-align							: right;
	margin-top							: 5px;
}
#footer_navi p a:hover{
	color										:	#f60;
}
/* bunkatyo */
/*-------------------------------------------------*/
#bunkatyo_back{
	width										:	100%;
	background-color				:	#000;
	float										:	left;
}
#bunkatyo{
	width										:	960px;
	margin									:	0px auto;
	padding									:	20px 0px;
}
#bunkatyo p{
	width										:	890px;
	padding									:	0px 0px 0px 50px;
	color										:	#fff;
	margin									:	0px auto;
	background-image				:	url("../images/bunkatyo.png");
	background-repeat				:	no-repeat;
	background-position			:	10px center;
	display									:	block;
}
p.title{
	color: #FFF;
	background-color: #402312;
	text-align: center;
	float: left;
	width: 190px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 10px;
}
.dl{
	background-image: url(../images/dlarrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	width: 70px;
	padding-left: 20px;
}