/* =============================================================================
   clearfix
   ========================================================================== */
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE/Mac */
.clearfix{
	display: inline-table;
	zoom: 1;
}
/* Hide from IE/Mac, apply to IE/Win \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.clear {
	clear: both;
	display: block;
}

img {
   vertical-align:bottom
}



/* =============================================================================
   全体制御
   ========================================================================== */


html,
body {
  	height: 100%;             /* #containerのmin-heightに対して必要 */
  	margin: 0;
  	padding: 0;
}



body{
	font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	background-image:url(../images/bg_01.jpg);
}


ul, ol, dl {
	list-style-type: none;
}

h1,h2,h3,h4,h5,p,ol,ul,li,dl,dt,dd{
	margin:0;
	padding:0;
}

p{
	padding-top:7px;
}



/* ---------------------------------------------------------------------------
   フォント色
   ---------------------------------------------------------------------------*/

.txt_red1{
	color:#C6002F;
}

.txt_red2{
	color:#CC5F7D;
}

.txt_pink1{
	color:#F30;
}

.txt_pink2{
	color:#E50065;
}

.txt_blue1{
	color:#03F;
}

.txt_blue2{
	color:#09F;
}

.txt_green1{
	color:#396;
}

.txt_green2{
	color:#00A6A3;
}

.txt_green3{
	color:#7FBF39;
}

.txt_gray1{
	color:#999;
}

.txt_Purple1{
	color:#90C;
}

.txt_orange1{
	color:#F60;
}

.txt_yellow1{
	color:#FFF500;
}


/* ---------------------------------------------------------------------------
   フォントサイズ
   ---------------------------------------------------------------------------*/

.txt_10{
	font-size:10px;
}

.txt_11{
	font-size:11px;
}

.txt_12{
	font-size:12px;
}

.txt_12_lh{
	font-size:12px;
	line-height:14px;
}


.txt_13{
	font-size:13px;
}

.txt_13_lh{
	font-size:13px;
	line-height:15px;
}

.text_14{
	font-size:14px;
}

.txt_16{
	font-size:16px;
}

.txt_18{
	font-size:18px;
}

.txt_20{
	font-size:20px;
}



/* ---------------------------------------------------------------------------
   区切り罫
   ---------------------------------------------------------------------------*/

.kei_pink{
	width:100%;
	border-bottom:#EB6DA5 dotted 1px;
	margin-top:10px;
	margin-bottom:10px;
}

.kei_gray{
	width:100%;
	border-bottom:#999 dotted 1px;
	margin-top:10px;
	margin-bottom:10px;
}


/* ---------------------------------------------------------------------------
   段落制御
   ---------------------------------------------------------------------------*/

.sage{
    padding-left: 1em; 
    text-indent: -1em; 
}

/* =============================================================================
   切り替えボタン
   ========================================================================== */

#options {
}

#options ul {
  margin: 0;
  list-style: none;
}

#options ul ul {
  margin-left: 1.5em;
}

#options li {
	font-size: 13px;
	float: left;
	margin-bottom: 0.2em;
	width:75px;
	text-align:center;
}

#options li a {
  display: block;
  padding: 0.4em 0.5em;
  background-color: #FFDFEB;
  color: #222;
  font-weight: bold;
  text-shadow: 0 1px hsla( 0, 0%, 100%, 0.5 );
  background-image: -webkit-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:    -moz-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:     -ms-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:      -o-linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
  background-image:         linear-gradient( top, hsla( 0, 0%, 100%, 0.5 ), hsla( 0, 0%, 100%, 0.0 ) );
}

#options li a:hover {
  background-color: #FBBDD3;
}

#options li a:active {
  background-color: #39D;
  -webkit-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
     -moz-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
       -o-box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
          box-shadow: inset 0 2px 8px hsla( 0, 0%, 0%, 0.6 );
}

#options li a {
  border-left:  1px solid hsla( 0, 0%, 100%, 0.3 );
  border-right: 1px solid hsla( 0, 0%,   0%, 0.2 );
}

#options li:first-child a {
  border-radius: 7px 0 0 7px;
  border-left: none;
}

#options li:last-child a {
  border-radius: 0 7px 7px 0;
}

#options li a.selected {
	background-color: #EE5489;
	text-shadow: none;
	color: white;
}


/* =============================================================================
   画像エフェクト
   ========================================================================== */

.img_shadow { /* シャドウ */
	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	margin:10px;
}


#news .img_shadow{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}


#content_01 .img_shadow{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.news_inner .img_left{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}


.img_left{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}


/* =============================================================================
   SNS領域
   ========================================================================== */
#sns{
	position: absolute;
	clear: both;
	text-align: left;
	top: 972px;
	width: 500px;
	margin: auto;
	left: 36px;
}

#sns ul {
	float: left;
	overflow: hidden;
	}
#sns ul li {
	float: left;
	margin-right: 4px;
	font-size:5px;
	}

iframe.twitter-share-button {width: 130px!important;} 


/* =============================================================================
   テーブル
   ========================================================================== */

table.s01{
    border:1px solid #EE5489;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	margin-left:2px;
}


.s01 th{
    border-right:1px dotted #FFFFFF;
    border-bottom:1px dotted #EE5489;
    padding:0.3em 1em;
	background-color:#EE5489;
	color:#FFF;
}

.s01 td{
    border-right:1px dotted  #EE5489;
    border-bottom:1px dotted #EE5489;
    padding:0.3em 1em;
}




table.s02{
    border:1px solid #C5BDB9;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	margin-left:2px;
}


.s02 th{
    padding:0.3em 1em;
	background-color:#A69491;
	color:#FFF;
	text-align:left;
}

.s02 td{
    border-right:1px dotted  #C5BDB9;
    border-bottom:1px dotted #C5BDB9;
    padding:0.3em 1em;
}



table.s03{
    border-collapse:collapse !important;
    border-spacing:0 !important;
    empty-cells:show !important;
	margin-left:2px !important;
}


.s03 th{
    padding:0.3em 1em !important;
	color:#FFF;
}

.s03 td{
    border-right:none !important;
    border-bottom:none !important;
    padding:0.3em 1em !important;
}


table.s04{
    border:1px solid #C5BDB9;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	margin-left:2px;
}


.s04 th{
    padding:0.3em 1em;
	background-color:#A69491;
	color:#FFF;
	text-align:left;
}

.s04 td{
    border-right:1px dotted  #C5BDB9;
    border-bottom:1px dotted #C5BDB9;
    padding:0.3em 1em;
	background-color:#dededc;
}







/* =============================================================================
   =============================================================================
   コンテンツ部分
   ========================================================================== */

#wrapper{
	margin: 0 auto;
  	position: relative;       /* フッターの為の位置決め用 */
  	width: 100%;
  	height: auto !important;  /* IE6対策：この2行で */
  	height: 100%;             /* IE6対策：擬似的にmin-heightと同じことをさせてる */
  	min-height: 100%;         /* 中身が少なくても高さ100%にする */
  	min-width:1100px;
}

#bg_color{
	width:909px;
	margin:auto;
	overflow:hidden;
	background-image:url(../images/bg_002.png);
	background-position:top center;
	background-repeat:no-repeat;
}

#bg_content{
	position:relative;
	width:825px;
	margin:auto;
	background-color:#f6f3eb;
}

#bg_content_top{
	width:825px;
	background-image:url(../images/bg_c_top.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#bg_content_bottom{
	width:825px;
	background-image:url(../images/bg_c_bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

#content_inner{
	position: relative;
	width: 825px;
	margin: auto;
}



#title{
	width:825px;
	height:72px;
	padding-top:170px;
	
}

#logo{
	position:absolute;
	width:251px;
	height:134px;
	top:20px;
	left:10px;
}


#menu{
	position: absolute;
	width: 510px;
	height: 255px;
	top: 0px;
	right: 0px;
}

#copy{
	width:825px;
	height:150px;
	margin:auto;
}



/* =============================================================================
   ニュース部分
   ========================================================================== */
.news{
	width:750px;
	margin:auto;
	padding-top:40px;
	padding-bottom:40px;

}

	.news .day{
		color:#725656;
		font-size:13px;
		font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
	}
	
	.news .title{
		margin-top:6px;
		color:#725656;
		font-size:18px;
		font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
		font-weight:bold;
		}
	
	.news .kiji{
		position:relative;
		width:700px;
		margin:auto;
		margin-top:16px;
		overflow:hidden;
		color:#725656;
		font-size:15px;
		line-height:24px;
		font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
	}
	
	.news .kiji a{
		color:#F73B8C;
		text-decoration:none;
	}

	.news .kiji a:hover{
		color:#F73B8C;
		text-decoration:underline;
	}


.shadow {
	-moz-box-shadow: 0 0 10px #333;
	-webkit-box-shadow: 0 0 10px #333;
	box-shadow: 0 0 10px #333;
}

/* =============================================================================
   コミックス部分
   ========================================================================== */

#book_waku_inner{
	position:relative;
	width:790px;
	margin:auto;
	overflow:hidden;
}

   
#book_waku_01{
	width:790px;
	height:468px;
	margin:auto;
	margin-top:30px;
	background-image:url(../images/books/w_01.png);
}

#book_text_01{
	width:650px;
	height:387px;
	margin:auto;
	padding-top:55px;
}


#book_text_01 .link{
	position: absolute;
	width: 105px;
	height: 19px;
	left: 581px;
	top: 439px;
}

#book_waku_02{
	width:790px;
	height:468px;
	margin:auto;
	margin-top:30px;
	background-image:url(../images/books/w_01.png);
}



#book_text_02{
	width:650px;
	height:387px;
	margin:auto;
	padding-top:55px;
}

#book_text_02 .link{
	position: absolute;
	width: 105px;
	height: 19px;
	left: 577px;
	top: 871px;
}



#book_waku_03_head{
	width: 790px;
	margin: auto;
	margin-top:30px;
}

#book_waku_03_in{
	width: 790px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}

#book_waku_03_foot{
	margin-top:30px;
	width: 790px;
	margin: auto;
}


.book_text_03{
	width: 650px;
	margin: auto;
}

.book_text_04{
	width: 680px;
	margin-left:85px;
}

.book_text_05{
	width: 680px;
	margin-left:75px;
}


#book_text_06{
	width:650px;
	margin:auto;
	margin-top:10px;
}

#book_text_06 .link{
	position: absolute;
	width: 105px;
	height: 19px;
	left: 577px;
	top: 871px;
}



table.b01{
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}



.b01 td{
    padding:0.3em 0.2em;
}


#book_inner{
	position: relative;
	width: 825px;
	margin: auto;
}


#book_waku_inner a:hover img
{
	opacity:0.7;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}



/* =============================================================================
   イントロ部分
   ========================================================================== */

#intro_inner{
	position: relative;
	width: 825px;
	margin: auto;
}

#intro_waku_head{
	width: 790px;
	margin: auto;
	margin-top:30px;
}

#intro_waku_in{
	width: 790px;
	height:540px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}

#intro_waku_foot{
	margin-top:30px;
	width: 790px;
	margin: auto;
}



/* =============================================================================
   スタッフ部分
   ========================================================================== */

#staff_inner{
	position: relative;
	width: 825px;
	margin: auto;
}

#staff_waku{
	width: 790px;
	height:658px;
	margin: auto;
	margin-top:30px;
	background-image:url(../images/staff/waku.png);
}


/* =============================================================================
   キャラ部分
   ========================================================================== */

#chara_inner{
	position: relative;
	width: 825px;
	margin: auto;
}

#chara_waku_head{
	width: 790px;
	margin: auto;
	margin-top:30px;
}

#chara_waku_in2{
	width: 790px;
	height:1670px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}




#chara_waku_in{
	width: 790px;
	height:3380px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}

#chara_waku_foot{
	margin-top:30px;
	width: 790px;
	margin: auto;
}

#chara_yuzu_pic{
	float:left;
	width:240px;
	height:531px;
}

#chara_yuzu_text{
	float:left;
	width:550px;
	height:531px;
}

.chara_ch{
	width:791px;
	height:543px;
}




/* =============================================================================
   ビデオ部分
   ========================================================================== */

#video_inner{
	position: relative;
	width: 825px;
	margin: auto;
}

#video_waku_head{
	width: 790px;
	margin: auto;
	margin-top:30px;
}

#video_waku_in{
	width: 790px;
	height:3000px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}


#video_waku_in_book{
	width: 790px;
	height:790px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}


#video_waku_in_no{
	width: 790px;
	height:1770px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}


#video_waku_in2{
	width: 790px;
	height:1230px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}

#video_waku_in_in3{
	width: 790px;
	height:3100px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}

#video_waku_in4{
	width: 790px;
	height:1080px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}


#video_waku_in5{
	width: 790px;
	height:3100px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}

#video_waku_in6{
	width: 790px;
	height:3100px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}

#video_waku_in7{
	width: 790px;
	height:1720px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}



#video_waku_in_tokuten{
	width: 790px;
	height:1080px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}

#video_waku_in_yoyaku{
	width: 790px;
	height:790px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}


#video_waku_foot{
	margin-top:30px;
	width: 790px;
	margin: auto;
}

.video_inner{
	width:650px;
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;
	font-size:15px;
	line-height:24px;
	color:#4D3C3C;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}


.video_inner2{
	width:670px;
	margin:auto;
	padding-top:10px;
	padding-bottom:20px;
	font-size:15px;
	line-height:24px;
	color:#4D3C3C;
	text-align:center;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}

.video_inner3{
	width:650px;
	margin:auto;
	padding-top:10px;
	padding-bottom:20px;
	font-size:15px;
	line-height:24px;
	color:#4D3C3C;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}

.video_inner4{
	width:670px;
	margin:auto;
	font-size:15px;
	line-height:12px;
	color:#4D3C3C;
	text-align:center;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}


#video_menu{
	width:750px;
	margin:auto;
	margin-top:20px;
	font-size:15px;
	line-height:24px;
	color:#4D3C3C;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;

}

#video_menu a{
	color:#4D3C3C;
	text-decoration:none;	
}

#video_menu a:hover{
	color:#FF6699;
	text-decoration:underline;
}

.link_red{
	color:rgba(147,77,139,1.00) !important;
}


/* =============================================================================
   イベント部分
   ========================================================================== */

#event_inner{
	position: relative;
	width: 825px;
	margin: auto;
}

#event_waku_head{
	width: 790px;
	margin: auto;
	margin-top:30px;
}

#event_waku_in{
	width: 790px;
	min-height:1920px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}


#event_waku_in0{
	width: 790px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}

#event_waku_in2{
	width: 790px;
	min-height:2350px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}

#event_waku_in3{
	width: 790px;
	min-height:1520px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}

#event_waku_in4{
	width: 790px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}



#event_waku_foot{
	margin-top:30px;
	width: 790px;
	margin: auto;
}


.event_inner{
	width:650px;
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;
	font-size:15px;
	line-height:24px;
	color:#4D3C3C;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}

.event_inner2{
	width:650px;
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;
	font-size:15px;
	line-height:24px;
	color:#4D3C3C;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}


/* =============================================================================
   音楽部分
   ========================================================================== */

.music_inner{
	width:630px;
	margin:auto;
	padding-bottom:20px;
	font-size:15px;
	line-height:24px;
	color:#4D3C3C;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}

#music_waku_head{
	width: 790px;
	margin: auto;
	margin-top:30px;
}

#music_waku_in{
	width: 790px;
	height:340px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}

#music_waku_in2{
	width: 790px;
	height:400px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}


#music_waku_in3{
	width: 790px;
	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}

#music_waku_foot{
	margin-top:30px;
	width: 790px;
	margin: auto;
}


/* =============================================================================
   ムービー部分
   ========================================================================== */

.movie_inner{
	width:650px;
	margin:auto;
	padding-bottom:20px;
	font-size:15px;
	line-height:24px;
	color:#4D3C3C;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
}

#movie_waku_head{
	width: 790px;
	margin: auto;
	margin-top:30px;
}

#movie_waku_in{
	width: 790px;

	margin: auto;
	overflow:hidden;
	background-image:url(../images/books/waku/w02-02.png)
}

#movie_waku_foot{
	margin-top:30px;
	width: 790px;
	margin: auto;
}

#movie_waku_in a:hover img
{
	opacity:0.7;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}



/* =============================================================================
   コメント部分
   ========================================================================== */

#comm_wrap{
	width:909px;
	margin:auto;
}

#com_copy{
	width:600px;
	margin:auto;
	font-size:12px;
	text-align:center;
}