/* ▼画面一杯に描画する */

html,body {
	margin:0px;
	padding:0px;
	height:100%;
	background-image: url(../image/bg_01.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-color: #993333;

 }

/* ▼ボックスの高さを最低でも1画面分にする */

div.pagebox { min-height: 100%; padding-top: 80px; }

/* ▼リンクの色指定 */

a:link { color: #FFCC66; text-decoration: none; }
a:visited { color: #FFCCCC; text-decoration: none; }
a:hover { color: #FF9900; text-decoration: none; }

/* ▼選択範囲の色指定 */
::selection { background:#000000; /* Safari */ }
::-moz-selection { background:#000000; /* Firefox */ }

/* ▼キャラ紹介テキスト飛ばし設定 */
div#prof-text{
background:url(../image/spacer.png) no-repeat;
background-position: center;
padding-top: 10px;
text-indent:100%;
white-space:nowrap;
overflow:hidden; }


/* ▼あらすじのテキスト飛ばし設定 */
div#story-text{
background:url(../image/arasuzi.png) no-repeat;
background-position: center;
padding-top: 360px;
text-indent:100%;
white-space:nowrap;
overflow:hidden; }

p { font-size: 12px;
	line-height: 130%;
	font-weight: normal;
	color: #ffffff; }
	
img {
    max-width: 100%;
    height: auto;
}
	

/* ▼更新履歴の設定*/

dt {font-weight: bold;
	color: #FFFF99; 
	padding-top: 5px;
}

dd {/* font-weight: bold;*/
	color: #ffffff; 
/*	padding-top: 2px;*/
	padding-left:10px;
	padding-Right:3px;
	font-size:80%;
}
.news_t {
	height: 180px;
	width: 340px;
	overflow: auto;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

/* ▼ボーダー各種*/

.border01 { border: 1px solid #660000; }

.border02 {
	border-bottom: 1px dotted #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 150%;
}

.border03 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #FFFF99;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 150%;
}

.border04 { border: 3px solid #993333; }

.border05 {
	border-top: none;
	border-right: 3px double #cccc66;
	border-bottom: none;
	border-left: 3px double #cccc66;
}

/* ▼画像ホバー */
a:hover img{
    opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity = 50);
}

/* ▼フッダーの指定 */
#fooder {
	font-size: 10px;
	padding: 0;
	color: #FFFFFF;
	line-height: 120%; }

.font01 { font-size: 10px;
          font-weight: normal;
		  color: #ffffff; }
.font02 {
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 150%;


}

#banner_LL {padding: 10px 15px;  overflow: hidden; width: 584px;margin-top: 5px; margin-bottom: 15px;  margin:0 auto; font-size: 10px;}
#banner_LL img { padding: 0px;/*width:582px; height:120px;*/}
#banner_LL textarea {background:#e9837f; color:#55211f; border:solid 1px #ff2c7a; font-size: 90%; width: 580px; height: 30px; overflow: auto; font-weight: normal; overflow-y:scroll; display: block; }


/*
.order {
 width: 260px;
 position: relative;
 top: 100px;
 left: -195px;
margin: 1px;
border: 1px solid #cc6666;
box-shadow: 0px 0px 8px #cc6666;
}
*/

.goods {
 position: relative;
 margin-bottom: 10px;
 width: 702px;
 height: 652px;
}
.goods a { display: block; }
a.goods-menu {
 border: 1px solid #777;
 width: 700px;
 height: 650px;
}
iframe.order {
 position: absolute;
 top: 20px;
 left: -80px;
 width: 350px;
 height: 200px;
border: 1px solid #cc6666;
box-shadow: 0px 0px 8px #cc6666;
}


/* ▼追加の指定 */
.shopv {
/*	background-color: #E60012;*/
	border-left: 80px solid #6a4f5c;
	background-color: hsla(0,20%,20%,0.30);
	width: 700px;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #000;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 1px;
	text-indent: 15px;
	margin-left: 0px;
	margin-right: 0px;
}	

#sys_v {
    position: relative;
    margin: 0 auto;
	width: 600px;
	margin-bottom: 20px;

}


.viewer {
    margin: 0 auto;
    width: 520px;
    height: 300px;
    text-align: left;
    overflow: hidden;
}
 
.viewer ul {
    width: 520px;
    height: 300px;
    text-align: left;
    overflow: hidden;
    position: relative;
}
 
.viewer ul li {
    top: 0;
    left: 0;
    width: 520px;
    height: 300px;
    display: none;
    position: absolute;
}

span.siro {
color : #fff;
    text-shadow:0px 0px 3px #000;
	font-weight:bold;
} 


span.small  {font-size: 70%; }