/*　基本　*/

body {
	background-color: #fffffe;
	color: #3D3832;
	margin-top: 0em;
	margin-left: 0em;
	margin-right: 0em;
}
.sub{
	background-image: url("img/title_logo.jpg");
	background-repeat:no-repeat;
	background-position:50% 0%; 
}
A{
	text-decoration: none;
	border-bottom: 1px dotted; 
}
A:link { color: olive; } 
A:visited { color: darkkhaki; } 
A:hover { color: navy; } 
A:active { color: sandybrown; } 

ul A{
	border: none; 
}

img{
	border: none; 
}

/*　線　*/

hr{
	clear:both;
}

hr.dashb{
	border:thin #291a10 dashed;
}
hr.dash{
	border:thin #cccccc dashed;

}

/*　見出し　*/

h1 {
	background-image:url('img/h1.gif');
	background-repeat:no-repeat;
	background-position:0 3px;
	color: #000000;
	font-weight: bold;
	font-size: 120%;
	padding: 0.5em 32px;
	border-bottom:1.5px dashed #291a10;
	margin-right:20px;
}

h2 {
	border-left:5px solid #666666;
	border-bottom:1px dashed #666666;
	padding: 2px 5px;
	margin-right:320px;
	font-size: 100%;
}

h2.noborder {
	border:none;
	margin:auto;
}

h2.clear {
	clear:both;
}

h3{
}

h3.cation {
	background-image:url('img/ex.gif');
	background-repeat:no-repeat;
	background-position:0 3px;
	font-size: 100%;
	padding: 0 24px;
}

dt{
	font-weight: bold;
	border-left:5px solid #cccccc;
	padding: 0 5px;
	margin-left:10px;
	margin-top:10px;
}

/*　リスト　*/

ul{
	list-style:square outside;
} 

/*　配置　*/

div.list {
	margin-left:10px;
	width:500px;
	line-height:1.2em;
}

div.right{
	padding: 0 10 0 0; /* top right bottom left */;
	text-align: right;
}
div.center{
	padding: 10 0 0 0; /* top right bottom left */;
	text-align: center;
}
div.bottom{
	position: absolute; 
	top: 480px; 
	text-align: center;
}

div.txt{
	padding: 140px 50px 15px 50px; /* top right bottom left */
	line-height:1.5em;
}

div.left_txt{
	padding: 5px 20px 5px 30px; /* top right bottom left */
}

div.cation {
	border: double #FF9999;
	background-color: #FFcccc;
	padding:10px;
	text-align: left;
	width: 450px;
	font-size: 12px;
	margin:20px auto;
}
div.cation2 {
	border: double #4A708B;
	background-color: #B4CDCD;
	padding:10px;
	text-align: left;
	width: 60%;
	font-size: 12px;
	margin:20px auto;
	clear:both;
}

.image2{
	width:33%;
	padding:10px;
	float:right;
	text-align: center;

}

.image_link a{
	text-decoration: none;
	border: none; 
}


.gamen{
	width:400px;
	padding:10px;
	float:right;
}
.clear{
	clear:both;
}

strong.title{
	font-size: 105%;
}
.red {
	color: red;
}

body.index{
	background-image: url("img/top.jpg"); 
	background-repeat: no-repeat; 
	background-position: center 5px;
}

p.cent{
	text-align: center;
}

span.big {
	font-size: 200%;
}

*html span.sm{
	font-size: 80%
}

*html .panlist{
	font-size: 80%
}

span.sm{
	font-size: small
}

.panlist{
	font-size: small
}

  /*ここ以降メニュー用*/

div.menu2 {
	padding: 15px 0 0 50px; /* top right bottom left */
	float:left;
}
div.menu3 {
	padding: 15px 0 0 60%; /* top right bottom left */
}


#menu{
	margin-top:10px;
}

#menu ul{
	list-style:none;
	display: marker;marker-offset: 0em;
	padding : 0;
	margin : 0;
  }
#menu li{
	list-style:none;
	float:left;
	padding : 0;
	margin : 0;
}
#menu a{
	display:block;
	height:16px;
	text-indent:-100px;
	background-image:url('img/button.gif');
	overflow:hidden;
	padding : 0;
	margin : 0;
}
a.m1{
	background-position:0px 0px;
	width:30px;
}
a:hover.m1{
	background-position:0px -16px;
	width:30px;
}
a.m2{
	background-position:-30px 0px;
	width:60px;
}
a:hover.m2{
	background-position:-30px -16px;
	width:60px;
}
a.m3{
	background-position:-90px 0px;
	width:80px;
}
a:hover.m3{
	background-position:-90px -16px;
	width:80px;
}
a.m4{
	background-position:-170px 0px;
	width:80px;
}
a:hover.m4{
	background-position:-170px -16px;
	width:80px;
}
a.m5{
	background-position:-250px 0px;
	width:55px;
}
a:hover.m5{
	background-position:-250px -16px;
	width:55px;
}
a.m6{
	background-position:-460px 0px;
	width:85px;
}
a:hover.m6{
	background-position:-460px -16px;
	width:85px;
}
a.m7{
	background-position:-545px 0px;
	width:75px;
}
a:hover.m7{
	background-position:-545px -16px;
	width:75px;
}
a.m8{
	background-position:-620px 0px;
	width:95px;
}
a:hover.m8{
	background-position:-620px -16px;
	width:95px;
}
a.m9{
	background-position:-715px 0px;
	width:55px;
}
a:hover.m9{
	background-position:-715px -16px;
	width:55px;
}
a.m0{
	background-position:-305px 0px;
	width:225px;
}
a:hover.m0{
	background-position:-305px -16px;
	width:225px;
}

/*　インデックス　*/

.news {
	position: absolute;
	top: 515px;
	left: 30%;
	z-index: 3; 
	width: 40%;
	font-size: 10pt;
	background-color: #FFFFF0;
	filter:Alpha(opacity=70); -moz-opacity:0.7; opacity:0.70;
}

.mail {
	position: absolute;
	top: 650px;
	padding:10px;
	font-size: 10pt;
	filter:Alpha(opacity=70); -moz-opacity:0.7; opacity:0.70;
}


  /*キャラ紹介用*/
table#chara{
	border:0;
	padding:0;
	border-collapse:collapse;
}

#chara td.pic{
	width:200px;
	padding: 5px 0 0 0; 
	border-bottom:1px dashed #291a10;
}
#chara td.l{
	text-align: left;
	vertical-align:top;
	padding: 5px 0 0 0; 
}
#chara td.l2{
	text-align: left;
	line-height:1.5em;
	vertical-align:top;
	padding: 5px 10px;
}
#chara td.r{
	text-align: right;
	vertical-align: bottom;
	padding: 0 0 0 0; 
	border-bottom:1px dashed #291a10;
}
#chara td.r2{
	line-height:1.5em;
	vertical-align: bottom;
	padding: 5px 10px;
	border-top:1px dashed #999999;
}

/*　ダウンロード　*/
#download{
	text-align: center;
	margin:auto;
	width:600px;
}

#download h2.bar1{
	padding:0;
	margin:0;
	background-image: url('img/d_bar1.gif');
	background-potision: top center;
	background-repeat:no-repeat;
	height:30px;
	width:600px;
	border:none;
    text-indent:-9999px;
	clear:both;
}

#download div.date{
	margin-top:-20px;
	padding:0 0 10px 10px;
	text-align: right;
	font-weight:bold;
	font-size:small;
	color:#ffffff;
}

#download h2.bar2{
	background-image: url('img/d_bar2.gif');
	background-potision: top center;
	background-repeat:no-repeat;
	height:30px;
	width:600px;
	margin:0;
	padding:0;
	border:none;
	clear:both;
    text-indent:-9999px;
}

#download h2.bar3{
	background-image: url('img/d_bar3.gif');
	background-potision: top center;
	background-repeat:no-repeat;
	height:30px;
	width:600px;
	margin:0;
	padding:0;
	border:none;
	clear:both;
    text-indent:-9999px;
}

#download div.site{
	text-align:left;
	padding:5px 20px;
	padding-bottom:20px;
	clear:both;
}

#download p.txt{
	margin:0;
	padding-bottom:20px;
	float:right;
	width:330px;
	font-size:small;
	line-height:1.2em;
}

#download div.img a{
	border:none;
}

#download div.img{
	margin:0;
	padding:0;
	float:left;
	height:50px;
	width:200px;
	text-align: right;
}

/*　履歴　*/
#history{
	text-align: center;
	margin:auto;
	padding-top:20px;
	clear:both;
	
}

#history table{
	border:1px solid #666666;
	border-collapse:collapse;
	margin:auto;
	text-align: center;
	width:60%;
}

#history td{
	border:1px solid #666666;
	text-align: left;
	padding:5px;
}

#history caption{
	text-align: left;
}

/*　履歴　*/

#history2 table{
	border:1px solid #666666;
	border-collapse:collapse;
	margin:20px;
	width:700px;
}

#history2 th{
	border:1px solid #666666;
	background-color: #dddddd;
	text-align:center;
	font-weight:normal;
}

#history2 td{
	border:1px solid #666666;
	text-align:center;
	padding:5px;
	white-space: nowrap;
}

#history2 td.text{
	text-align: left;
	white-space: normal;
}

/*　おまけ　*/

.fleft{
	float:left;
}

/*　質問用　*/

p.date{
	text-align: right;
	font-size:small;
	margin-bottom:20px;
}

p.date2{
	text-align: right;
	font-size:small;
	margin-top:-10px;
	margin-right:320px;
}

div.q {
	border: 1px dotted #291a10;
	background-image: url('img/q.gif');
	background-potision: top center;
	background-repeat:no-repeat;
	text-align: left;
	width: 600px;
	margin:15px auto;
	padding-top:80px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:10px;
}

div.a {
	border: 1px dotted #291a10;
	background-image: url('img/a.gif');
	background-potision: top center;
	background-repeat:no-repeat;
	text-align: left;
	width: 600px;
	margin:15px auto;
	padding-top:80px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:10px;
}

div.tana {
	background-image: url('img/tana.gif');
	background-potision: middle left;
	background-repeat:no-repeat;
	text-align: left;
	width: 500px;
	min-height:85px;
	margin:0;
	padding-top:0px;
	padding-left:85px;
	padding-right:0px;
	padding-bottom:0px;
}

div.yuri {
	background-image: url('img/yuri.gif');
	background-potision: middle left;
	background-repeat:no-repeat;
	text-align: left;
	width: 500px;
	min-height:85px;
	margin:0;
	padding-top:0px;
	padding-left:85px;
	padding-right:0px;
	padding-bottom:0px;
}

ul.qa{
	margin-right:100px;
}

/*　購入用　*/

table.shop{
	border:1px solid #666666;
	border-collapse:collapse;
	width:70%;
}

table.shop td{
	border:1px solid #666666;
	padding:5px;
	text-align: center;
}

table.shop th{
	border:1px solid #666666;
	padding:5px;
	text-align: center;
	background-color:#EEEEE0;
}