@charset "utf-8";
/* そして僕らはCSS*/

/********************BODY********************/
*{
	margin:0;
	padding:0;
	}
img{
	margin:0;
	padding:0;
	}
body {
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #8C6F1E;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
background-image: url(image/bg1.gif);
	background-color: #FFF;
}

/********************SUBCLASS********************/
a	{	color: #8C6F1E;
	 text-decoration: none}
a:hover	{
	color: #8C6F1E;
	font-weight:normal;
	text-decoration: underline;
}
.yellow{color:#FFC;}
.green{color:#A8EAA8;}
.red {color: #F00}
.blue{color: #007EBB;;}
.ibo {color: #F5F1E8}
.gray{ color:#666}

.sstxt{
	font-size:12px;
color:; 	color: #521B1A;
}
.sm_txt{font-size:11px;}
.notxt{ display:none; font-size:1px; text-decoration:none; text-indent:-9999px;}
.hm_14{font-size:14px;}
.hm_16{font-size:16px;}

.b_blue{ border:#60d3e2 solid 1px;}
.w_b{ border:#FFF solid 1px;}
.c_b{
	border:#5D2F2A solid 1px;
}

/*POSITION*/
.left{ float:left; }
.right{ float:right;}
.clear{ clear:both;}
.center{
	display:block;
	margin-right: auto;
	margin-left: auto;
}
.t_ccenter{text-align:center;}
.t_left{text-align: left;}
.mr2 {margin-right: 2px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr20 {margin-right: 20px;}
.ml2 {margin-left: 2px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml40 {margin-left: 40px;}
.mt2 {margin-top: 2px;}
.mt5 {margin-top: 5px;}
.mt10{margin-top: 10px;}
.p10{ padding:10px;}


/********************CONTENTS********************/
#container {
	width: 800px;
	margin: 0 auto;
	text-align: center;
}
#header h1 {
	font-size: 1px;
	display: none;
	margin: 0; 
}
#header {
	padding: 0;
	background-image: url(image/header_pn.jpg);
	height: 423px;
	width: 800px;
	position: relative;
}
#mainContent {
	height: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #8C6F1E;
	border-left-color: #8C6F1E;
	background-image: url(image/main_bg.gif);
	position: relative;
}


#character{
	width:751px;
	margin-right: auto;
	margin-left: auto;
}
#character a img {	border:none;}



#footer {
	padding: 0;
	text-align: center;
	color:#FFF;
	background-color: #5D2F2A;
}
#footer p {
	margin: 0; 
	padding: 10px 0;
}
#shop {
	height: 480px;
	width: 711px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
}

#dl {
	height: 480px;
	width: 711px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
}
#menu{
	left: 540px;
	top: 200px;
	position: absolute;
	height: 213px;
	width: 222px;
	float:left; 
	}
#menu ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
	text-indent:0px;
	list-style-position:outside;
}
#menu li {
	

}
#menu li a img {list-style-position:outside;		text-indent:0px;
margin:0;
	padding:0;
	border:none;}

#akai { 
	text-align: left;
	height: 476px;
	width: 751px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-image: url(image/chara_akai.jpg);
	}

#aoyama {
	background-image: url(image/chara_aoyama.jpg);
	text-align: left;
	height: 476px;
	width: 751px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#morimoto {
	background-image: url(image/chara_morimoto.jpg);
	text-align: left;
	height: 476px;
	width: 751px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#todo{
	background-image: url(image/chara_todo.jpg);
	text-align: left;
	height: 476px;
	width: 751px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#kurisu{
	background-image: url(image/chara_kurisu.jpg);
	text-align: left;
	height: 476px;
	width: 751px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#sakura{
	background-image: url(image/chara_sakura.jpg);
	text-align: left;
	height: 476px;
	width: 751px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#black{
	background-image: url(image/chara_black.jpg);
	text-align: left;
	height: 476px;
	width: 751px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#gray{
	background-image: url(image/chara_gray.jpg);
	text-align: left;
	height: 476px;
	width: 751px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.ex_box {
	position: absolute;
	left: 382px;
	top: 119px;
	width: 348px;
	height: 102px;
	color:#5D544F;
}
.inlineflame {
	position: absolute;
	left: 395px;
	top: 249px;
	width: 348px;
	height: 194px;
	color:#5D544F;
	overflow:hidden;
}
#newsystem{
	background-image: url(image/newsystem.jpg);
	text-align: left;
	height: 409px;
	width: 750px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

#SS {
	position: absolute;
	left: 321px;
	top: 167px;
}