/* ------------------------------------------------------------------------------------ */
/* 全体HTML基本----------------------------------------------*/


body{
	color:#333333;
	margin:0px;
	padding:0px;
	background:#FEF0EF;
	font-size:small;
	line-height:1.4em;
	font-family:MS UIGothic,Verdana,sans-serif;
	/* Mac IE対応-------------------- \*//*/
	font-family:inherit;
	/* Mac IE対応ここまで--------------- */
}

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
}

p{
	margin:0px;
}
img{
	vertical-align:top;
	border:0;
}

a{
	color:#1F4C79;
}

a:hover{
	color:#4076AA;
}




/*基本レイアウト
------------------------------------------------------*/

#base{
	margin:0;
	padding:0;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	width:980px;
/*
	*>position:absolute;
	*>left:50%;
	*>margin-left: -490px;
	*>margin-right: auto;
*/
}

#base_story{
	margin:0;
	padding:0;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	width:800px;
}

#flash{
	float:left;
	width:980px;
	height:390px;
	clear:both;
}

#main{
	float:left;
	width:960px;
	padding:10px 10px 20px 10px;
}

#main_s{
	float:left;
	width:820px;
	padding:10px 10px 20px 10px;
}

#base:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


#info{
	float:left;
	width:895px;
	height:32px;
	margin:0 0 10px 0;
	padding:10px 5px 9px 80px;
	background:url(../img/wall_info.gif) repeat-y;
}


/* ヘッダー
---------------------------------------------------- */




/* ナビゲーション
---------------------------------------------------- */

.navi{
  margin:0;
  padding:0; 
  width:980px;
  list-style:none;
}

.navi li{
  float:left;
  height:72px;
  margin:0;
  padding:0;
  display:block; 
  background: url(../img/navi.gif);
  text-indent:-5000px;
}

.navi li a{
  height:72px;
  margin:0;
  padding:0;
  display:block;
  text-decoration:none;
}

.navi li#a{
  width:160px;
  background-position:0 0;
}
.navi li#aon{
  width:160px;
  background-position:0 -72px;
}
.navi li#b{
  width:150px;
  background-position:-160px 0;
}
.navi li#bon{
  width:150px;
  background-position:-160px -72px;
}
.navi li#c{
  width:140px;
  background-position:-310px 0;
}
.navi li#con{
  width:140px;
  background-position:-310px -72px;
}
.navi li#d{
  width:140px;
  background-position:-450px 0;
}
.navi li#don{
  width:140px;
  background-position:-450px -72px;
}
.navi li#e{
  width:150px;
  background-position:-590px 0;
}
.navi li#eon{
  width:150px;
  background-position:-590px -72px;
}
.navi li#f{
  width:240px;
  background-position:-740px 0;
}
.navi li#fon{
  width:240px;
  background-position:-740px -72px;
}


/* マウスオーバー時の指定
---------------------------------------------------- */

.navi li#a a:hover{
  background:url(../img/navi.gif) 0px -75px;
}
.navi li#b a:hover{
  background:url(../img/navi.gif) -160px -75px;
}
.navi li#c a:hover{
  background:url(../img/navi.gif) -310px -75px;
}
.navi li#d a:hover{
  background:url(../img/navi.gif) -450px -75px;
}
.navi li#e a:hover{
  background:url(../img/navi.gif) -590px -75px;
}
.navi li#f a:hover{
  background:url(../img/navi.gif) -740px -75px;
}


/* トップページ
---------------------------------------------------- */

.top{
	float:left;
	margin:0;
	padding:0;
	display:block;
	text-indent:-5000px;
}

.top a{
	width:980px;
	height:120px;
	display:block;
}

.info_message{
	display:inline;
	color:#FF3366;
}


/* 中ページ共通
---------------------------------------------------- */

#head_img{
	float:left;
	width:980px;
	height:120px;
	background:url(../img/head_img.jpg);
	display:block;
	text-indent:-5000px;
}

#main h1,#main_s h1{
	float:left;
	width:960px;
	height:50px;
	margin:20px 0 0px 0;
	padding:0;
	display:block;
	text-indent:-5000px;
}

#main h1.intro{
	background:url(../img/hw_intro.gif) no-repeat;
	background-position:50px 0;
}

#main h1.story{
	background:url(../img/hw_story.gif) no-repeat;
}

#main h1.story_more{
	background:url(../img/hw_story.gif) no-repeat;
	background-position:50px 0;
}

#main_s h1.cast{
	background:url(../img/hw_cast.gif) no-repeat;
}

#main h1.bbs{
	background:url(../img/hw_bbs.gif) no-repeat;
}

a.totop_s{
	float:right;
	width:124px;
	height:30px;
	padding:0;
	margin:5px 50px 0 0;
	*>margin:5px 25px 0 0;
	background:url(../img/btn_totop.gif) no-repeat;
	display:block;
	text-indent:-5000px;
	clear:both;
}

a:hover.totop_s{
	background:url(../img/btn_totop.gif) no-repeat;
	background-position:0 -30px;
}

a.totop_l{
	float:right;
	width:124px;
	height:30px;
	padding:0;
	margin:5px 0 0 0;
	*>margin:5px 0 0 0;
	background:url(../img/btn_totop.gif) no-repeat;
	display:block;
	text-indent:-5000px;
	clear:both;
}

a:hover.totop_l{
	background:url(../img/btn_totop.gif) no-repeat;
	background-position:0 -30px;
}

.img_left{
	float:left;
	padding:0 20px 10px 10px;
}

.img_right{
	float:right;
	padding:0 10px 10px 20px;
}

/*あらすじページ
---------------------------------------------------- */

.intro{
	float:left;
	width:600px;
	margin-bottom:20px;
	margin-left:50px;
	padding-top:20px;
	background:url(../img/box_top_l.gif) no-repeat;
	background-color:#FBDFB7;
	clear:both;
}

* html .intro{
	margin-left:5px;
}

.box_bottom_l{
	width:600px;
	height:10px;
	background:url(../img/box_bottom_l.gif) no-repeat;
	background-position:bottom;
	clear:both;
}

.intro p{
	padding:0 10px 10px 10px;
}


/*キャストページ
---------------------------------------------------- */

.cast{
	float:left;
	width:400px;
	margin:5px;
	padding-top:20px;
	background:url(../img/box_top_s.gif) no-repeat;
	background-color:#FBDFB7;
}

.box_bottom_s{
	width:400px;
	height:10px;
	background:url(../img/box_bottom_s.gif) no-repeat;
	background-position:bottom;
	clear:both;
}

.cast p{
	padding:10px;
}

.name01{
	width:100px;
	height:10px;
	margin-left:10px;
	padding:10px;
	background:url(../img/cast_name01.gif) no-repeat;
	text-indent:-5000px;
}

.name02{
	width:100px;
	height:10px;
	margin-left:10px;
	padding:10px;
	background:url(../img/cast_name02.gif) no-repeat;
	text-indent:-5000px;
}

.name03{
	width:100px;
	height:10px;
	margin-left:10px;
	padding:10px;
	background:url(../img/cast_name03.gif) no-repeat;
	text-indent:-5000px;
}

.name04{
	width:100px;
	height:10px;
	margin-left:10px;
	padding:10px;
	background:url(../img/cast_name04.gif) no-repeat;
	text-indent:-5000px;
}


/* ストーリー一覧ページ
---------------------------------------------------- */

.story{
	float:left;
	width:470px;
	margin:5px;
	padding-top:20px;
	background:url(../img/box_top_m.gif) no-repeat;
	background-color:#FBDFB7;
}

.box_bottom_m{
	width:470px;
	height:10px;
	background:url(../img/box_bottom_m.gif) no-repeat;
	background-position:bottom;
	clear:both;
}

.story ul{
	margin:0;
	padding:0;
	list-style:none;
	*>margin-left:180px;
}

.story ul li{
	padding-left:4em;
	text-indent:-4em;

}

.story ul li.oa_date{
	padding-left:4.5em;
	width:200px;
	background-color:#6ab329;
	color:#FFFFFF;
}

.img_thumbnail{
	float:left;
	width:150px;
	height:105px;
	padding:0 10px 10px 20px;
}

a.tolist{
	float:right;
	width:124px;
	height:30px;
	padding:0 10px 0 0;
	margin:9px 0 0 0;
	background:url(../img/btn_tolist.gif) no-repeat;
	display:block;
	text-indent:-5000px;
}

a:hover.tolist{
	background:url(../img/btn_tolist.gif) no-repeat;
	background-position:0 -30px;
}

a.next{
	float:right;
	width:107px;
	height:34px;
	padding:0 10px 0 0;
	margin:5px 0 0 0;
	background:url(../img/next_btn1.gif) no-repeat;
	display:block;
	text-indent:-5000px;
}

a:hover.next{
	background:url(../img/next_btn2.gif) no-repeat;
}

a.back{
	float:right;
	width:107px;
	height:34px;
	padding:0 10px 0 0;
	margin:5px 0 0 0;
	background:url(../img/back_btn1.gif) no-repeat;
	display:block;
	text-indent:-5000px;
}

a:hover.back{
	background:url(../img/back_btn2.gif) no-repeat;
}

/* ストーリー個別ページ
---------------------------------------------------- */

h2{
	margin:0 0px 15px 0px;
	padding:0 0 5px 23px;
	background:url(../img/icon.gif) no-repeat;
	border-bottom:2px dotted #FFFFFF;
	font-size:1.2em;
	color:#339900;
}

.story_ph{
	float:right;
	width:200px;
	height:138px;
	margin-right:10px;
	padding:25px;
	background:url(../img/wall_ph.gif);
}


/* フッター
---------------------------------------------------- */

#container      {
	margin: 0px auto;
	text-align:center;
	width: 940px;
}
#contents_box_bbs {
	width : 740px;
	text-align: left;
	padding : 0px;
	margin : auto;
	border-bottom: 2px solid #FFBBBB;
}

#contents_box_story {
	width : 740px;
	text-align: left;
	padding : 10px;
	margin : auto;
	border-bottom: 2px solid #FFBB
}

.ttl {
	width : 575px;
	height : 64px;
	margin-top : 5px;
}

#container iframe { 
background-color: #FFE6E6;
border: 1px #E9518E solid; 
margin-bottom:35px;
padding:20px;
} 


iframe #example1  { 
background-color: #FFE6E6;
border: 1px #E9518E solid; 
margin-bottom:35px;
padding:0px;
border: none; 
} 

.bbs_lead { width: 775px; margin: 0px; padding: 0px; text-align:left;}


/**/
/**/

.clear {
	clear:both;
	float:none;
	}
	
/******************************
追加　　　アイフレーム用
******************************/

#base_storys{
	margin:0;
	padding:0;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	width:860px;
}

#main_s{
	width:860px;
}

.intro_s{
	float:left;
	width:600px;
	margin-bottom:20px;
	padding-top:10px;
	background:url(../img/box_top_l.gif) no-repeat;
	background-color:#FBDFB7;
	clear:both;
}

.story_phs{
	float:right;
	width:200px;
	height:138px;
	margin-right:0px;
	margin-top:0px;
	padding:25px;
	background:url(../img/wall_ph.gif);
}

.intro_s p{
	padding:0 10px 10px 10px;
}

.bnr{
	margin:10px;
	text-align:right;
	
}