@charset "UTF-8";
/* CSS Document */

/* ------------------------------
フォント指定
------------------------------ */

body {
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
input {
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}
textarea {
font-family:"メイリオ","Meiryo","Hiragino Kaku Gothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}

/* ------------------------------
Clearfix
------------------------------ */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ------------------------------
モーダル
------------------------------ */
.modal {
	position:fixed;
	display:none;
	z-index:9999;
	top:48%;
	left:50%;
	width:560px;
	height:310px;
	margin:-200px 0 0 -305px;
	padding:25px 20px;
	text-align:center;
    border-radius:20px; 
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	background:#fff url(../images/modal.png) repeat;
	border:4px solid #4e2023;
	box-shadow:rgb(78, 32, 35) 0px 7px 0px 7px;
	-webkit-box-shadow:rgb(78, 32, 35) 0px 7px 0px 7px;
	-moz-box-shadow:rgb(78, 32, 35) 0px 7px 0px 7px;
}

.modal_img{
	background:url(../images/notice.png) no-repeat;
	width:76px;
	height:83px;
	margin:0 auto 25px;
}

.modal p.notice{
	background:url(../images/notice_text.png) no-repeat;
	width:492px;
	height:95px;
	margin:0 auto 40px;
	position:relative;
	text-indent:-10000px;
	overflow:hidden;
}

.modal p { margin-bottom:20px; line-height:160%; color:#3a3a3a;}
.modal a { cursor:pointer; display:block; width:197px; height:53px; text-indent:-10000px;overflow:hidden; margin:0 5px}

div.modal_link{
	width:414px;
	margin:0 auto;	
}

.modal a.close_modal{
	background:url(../images/modal_enter.png) no-repeat;
	float:left;
}
.modal a.close_modal:hover{
	background-position:0 -53px;
}

.modal a.leave_bt{
	background:url(../images/modal_leave.png) no-repeat;
	float:right;
}

.modal a.leave_bt:hover{
	background-position:0 -53px;
}



/* ------------------------------
サイト共通
------------------------------ */

html{
}

body{
	background:#e7c8b6;
	color:#582b2d;
}

body.inside{
	background:url(../images/point_bg.png) repeat #f8ead8;
}

#wrapper2{
	margin:30px 0;
}

.contents{
	margin:0 auto;
	height:auto;
	position:relative;
	width:980px;
}

h1,h2,h3,h4{
text-indent:-10000px;
overflow:hidden;
}

a{
color:#004c77;
}

a:hover{
color:#e60012;
}

a:hover{
}

p{
line-height:150%;
color:#582b2d;
}

strong{
	font-weight:bold;
}

h3,h4{
}

div.contents_inside{
	width:980px;
	margin:0 auto;
	position:relative;
	background:url(../images/inside_bg.png) repeat-y;
	padding:30px 0;
}

div.inside_border{
	width:951px;
	height:5px;
	background:url(../images/inside_border.png) no-repeat;
	position:relative;
	margin:30px auto;
}

div.inside_footer{
	width:980px;
	height:50px;
	background:url(../images/inside_footer_bg.png) no-repeat;
	position:relative;
	margin:0 auto;
}

/* ------------------------------
menu
------------------------------ */
#menu{
	display:none;	
}

@media only screen and (min-width: 1290px) {

#menu{
	position:fixed;
	height:100%;
	background:url(../images/menu_bg.png) repeat-y;
	z-index:100;
	display:block;
	left:1%;
	padding-top:80px;
}

#menu ul#menu_inside{
	width:200px;
	height:599px;
	margin:0 auto;
	background:url(../images/menu.png) no-repeat;
	position:relative;
}

#menu ul#menu_inside li{
	background:url(../images/menu.png) no-repeat;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
	position:relative;
}

#menu ul#menu_inside li a{
	display:block;
}

#menu ul#menu_inside li#m01{
	width:93px;
	height:36px;
	background-position:-208px -50px;
	left: 8px;
    top: 50px;
}

#menu ul#menu_inside li#m01 a{
	width:93px;
	height:36px;
}

#menu ul#menu_inside li#m02{
	width:119px;
	height:36px;
	background-position:-208px -114px;
	left: 8px;
    top: 78px;
}

#menu ul#menu_inside li#m02 a{
	width:119px;
	height:36px;
}

#menu ul#menu_inside li#m03{
	width:126px;
	height:37px;
	background-position:-208px -178px;
	left: 8px;
    top: 106px;
}

#menu ul#menu_inside li#m03 a{
	width:126px;
	height:37px;
}

#menu ul#menu_inside li#m04{
	width:192px;
	height:35px;
	background-position:-208px -244px;
	left: 8px;
    top: 135px;
}

#menu ul#menu_inside li#m04 a{
	width:192px;
	height:35px;
}

#menu ul#menu_inside li#m05{
	width:152px;
	height:35px;
	background-position:-208px -308px;
	left: 8px;
    top: 164px;
}

#menu ul#menu_inside li#m05 a{
	width:152px;
	height:35px;
}

#menu ul#menu_inside li#m06{
	width:124px;
	height:35px;
	background-position:-208px -371px;
	left: 8px;
    top: 192px;
}

#menu ul#menu_inside li#m06 a{
	width:124px;
	height:35px;
}

#menu ul#menu_inside li#m07{
	width:119px;
	height:36px;
	background-position:-208px -435px;
	left: 8px;
    top: 221px;
}

#menu ul#menu_inside li#m07 a{
	width:119px;
	height:36px;
}

#menu ul#menu_inside li#m08{
	width:161px;
	height:36px;
	background-position:-208px -499px;
	left: 8px;
    top: 249px;
}

#menu ul#menu_inside li#m08 a{
	width:161px;
	height:36px;
}


#menu ul#menu_inside li#m09{
	width:150px;
	height:36px;
	background-position:-208px -563px;
	left: 8px;
    top: 277px;
}

#menu ul#menu_inside li#m09 a{
	width:150px;
	height:36px;
}


}

/* ------------------------------
top
------------------------------ */


#top{
	background:#feecfa url(../images/top_bg.png) repeat;
	padding-bottom:60px;
	position:relative;
}

#top h1{
	width:812px;
	height:285px;
	margin:0 auto -12px;
	background:url(../images/header_logo.png) no-repeat;
	position:relative;
}

#top h2{
	width:978px;
	height:150px;
	margin:0 auto 25px;
	background:url(../images/header_date.png) no-repeat;
	position:relative;
}

#top p#staff{
	width:975px;
	height:162px;
	margin:0 auto 30px;
	background:url(../images/header_staff.png) no-repeat;
	position:relative;
	text-indent:-10000px;
	overflow:hidden;
}

#top #social_bt{
    position:relative;
    width:308px;
    z-index: 10;
	margin:0 auto -25px;
	top:30px;
	left:294px;
}

#top #info{
	width:980px;
	height:auto;
	margin:0 auto 20px;
	position:relative;
}

#top #info div.banner_contents{
	width:482px;
	float:left;
	position:relative;
	margin:0 4px 6px;
}

#top #info div.banner_contents a{
	text-indent:-10000px;
	overflow:hidden;
	display:block;
	margin:0 0 10px;
}

#top #info div.banner_contents a.banner_s{
	width:482px;
	height:138px;
}

#top #info div.banner_contents a#banner1{
	background:url(../images/banner01.png) no-repeat;
}

#top #info div.banner_contents a#banner2{
	background:url(../images/banner02.png) no-repeat;
}

#top #info div.banner_contents a#banner3{
	background:url(../images/banner03.png) no-repeat;
}

#top #info div.banner_contents a#banner4{
	background:url(../images/banner04.png) no-repeat;
}

#top #info div.banner_contents a#banner5{
	background:url(../images/banner05.png) no-repeat;
}

#top #info div.banner_contents p{
	border-bottom:1px dotted #6e4447;
	padding:0px 12px 6px;
	font-size:90%;
}

#top #info div.banner_contents span.date{
	font-weight:bold;
	margin-right:10px;
	color:#e660b2;
}


#top #info div.banner_contents2{
	width:978px;
	float:left;
	position:relative;
	margin:0 4px 6px;
}

#top #info div.banner_contents2 a{
	text-indent:-10000px;
	overflow:hidden;
	display:block;
	margin:0 0 10px;
}

#top #info div.banner_contents2 a.banner_l{
	width:978px;
	height:138px;
}

#top #info div.banner_contents2 p{
	border-bottom:1px dotted #6e4447;
	padding:0px 12px 6px;
	font-size:90%;
}

#top #info div.banner_contents2 a#banner1l{
	background:url(../images/banner01l.png) no-repeat;
}

#top #info div.banner_contents2 span.date{
	font-weight:bold;
	margin-right:10px;
	color:#e660b2;
}



/* ------------------------------
header
------------------------------ */

#header{
	background:url(../images/header_bg.png) center top no-repeat;
	min-height:995px;
}

div#header_img{
	background:url(../images/header_img.png) center top no-repeat;
	min-height:946px;
	position:relative;
	margin: 0 0 -510px;
}

/* ------------------------------
point
------------------------------ */

#point{
	background:#fdf3e7 url(../images/point_bg.png) repeat;
	border-top:13px #4e2023 solid;
	padding-bottom:60px;
}

#point h3{
	width:220px;
	height:60px;
	background:url(../images/point_title.png) no-repeat;
	margin:-39px 0 50px;
}

#point h4.point_catch1{
	background:url(../images/point_topics1.png) no-repeat;
	width:809px;
	height:144px;
	margin-bottom:15px;
}

#point h4.point_catch2{
	background:url(../images/point_topics2.png) no-repeat;
	width:921px;
	height:157px;
	margin-bottom:15px;
}

#point p{
	text-indent:-10000px;
	overflow:hidden;
}

#point p.point_text1{
	background:url(../images/point_text1.png) no-repeat;
	width:527px;
	height:267px;
	float:left;
}

#point p.point_text2{
	background:url(../images/point_text2.png) no-repeat;
	width:611px;
	height:319px;
	float:left;
}

#point div.point_img1{
	background:url(../images/point_img1.png) no-repeat;
	width:340px;
	height:325px;
	float:right;
	margin-bottom:-28px;
	position:relative;
	top:-20px;
}

#point div.point_img2{
	background:url(../images/point_img2.png) no-repeat;
	width:325px;
	height:337px;
	float:right;
	position:relative;

}

/* ------------------------------
story
------------------------------ */

#story{
	background: url(../images/story_bg.jpg) center center / cover no-repeat fixed;
	border-top:13px #4e2023 solid;
	padding-bottom:80px;
}

#story h3{
	width:240px;
	height:60px;
	background:url(../images/story_title.png) no-repeat;
	margin:-39px 0 60px;
}

#story p.story_text{
	width:885px;
	height:737px;
	background:url(../images/story_text.png) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
}

/* ------------------------------
character
------------------------------ */

#character{
	background:#eaeff7 url(../images/ch_bg.png) repeat;
	border-top:13px #4e2023 solid;
}

#character h3{
	width:411px;
	height:61px;
	background:url(../images/chara_title.png) no-repeat;
	margin-top:-39px;
	position:relative;
	z-index:10;
}

#character div.character_inside{
	margin:0 auto;
	height:auto;
	position:relative;
	width:980px;
}

#character p{
	text-indent:-10000px;
	overflow:hidden;
}

#character div.ch_intro{
	width:596px;
	float:right;
	position:relative;
	padding:35px 0 85px;
}

/* ------------------------------
character_menu
------------------------------ */


#character div#ch_menu{
	width:100%;
	height:87px;
	margin-top: -22px;
    position: relative;
	background:url(../images/ch_menu_bg.png) repeat-x;
	padding:42px 0 0;
}

#character div#ch_menu ul#ch_list{
	width:901px;
	height:64px;
	margin:0 auto;
	position:relative;
}

#character div#ch_menu ul#ch_list li{
	position:relative;
	background:url(../images/chara_menu.png) no-repeat;
	display:block;
	width:65px;
	height:64px;
	margin-right:11px;
	float:left;
	text-indent:-10000px;
	overflow:hidden;
}

#character div#ch_menu ul#ch_list li a{
	display:block;
	width:65px;
	height:64px;
}
	
#character div#ch_menu ul#ch_list li.end{
	margin-right:0px;	
}

#character div#ch_menu ul#ch_list li#ch01{
	background-position:0 0;	
}

#character div#ch_menu ul#ch_list li#ch02{
	background-position:-76px 0;	
}
	
#character div#ch_menu ul#ch_list li#ch03{
	background-position:-151px 0;	
}
	
#character div#ch_menu ul#ch_list li#ch04{
	background-position:-227px 0;	
}
	
#character div#ch_menu ul#ch_list li#ch05{
	background-position:-303px 0;	
}
	
#character div#ch_menu ul#ch_list li#ch06{
	background-position:-379px 0;	
}
	
#character div#ch_menu ul#ch_list li#ch07{
	background-position:-455px 0;	
}
	
#character div#ch_menu ul#ch_list li#ch08{
	background-position:-531px 0;	
}
	
#character div#ch_menu ul#ch_list li#ch09{
	background-position:-607px 0;	
}

#character div#ch_menu ul#ch_list li#ch10{
	background-position:-683px 0;	
}

#character div#ch_menu ul#ch_list li#ch11{
	background-position:-759px 0;	
}
	
#character div#ch_menu ul#ch_list li#ch12{
	background-position:-835px 0;	
}

	
/* ------------------------------
character_inside
------------------------------ */

#character p.comment{
	margin:20px 0 5px;	
	position:relative;
	float:left;
}

#character h4{
	margin:0 0 15px;	
	position:relative;
	float:left;
}

#character p.cv{
	margin:0 0 15px;
	position:relative;
	float:left;
	width:206px;
	height:27px;
}

#character p.prof{
	margin:0 0 25px;	
	position:relative;
	float:left;
}

#character p.text{
	float:left;
	position:relative;
}

#character div.img{
	float:left;
	position:relative;
	margin-right:2px;
}

#character ul.sample_voice{
	width:320px;
	height:27px;
	background:url(../images/ch_voice.png) no-repeat;
	float:left;
}

#character ul.sample_voice2{
	width:218px;
	height:27px;
	background:url(../images/ch_voice2.png) no-repeat;
	float:left;
}

#character ul.sample_voice li{
	width:27px;
	height:27px;
	display:block;
	position:relative;
	float:left;
	text-indent:-10000px;
	overflow:hidden;
}

#character ul.sample_voice li.cv01{
	left: 145px;
}

#character ul.sample_voice li.cv02{
	left: 155px;
}

#character ul.sample_voice li.cv03{
	left: 165px;
}

#character ul.sample_voice li.cv04{
	left: 175px;
}

#character ul.sample_voice li.cv05{
	left: 185px;
}

#character ul.sample_voice li a{
	width:27px;
	height:27px;
	display:block;
	position:relative;
}


#character ul.sample_voice2 li{
	width:27px;
	height:27px;
	display:block;
	position:relative;
	float:left;
	text-indent:-10000px;
	overflow:hidden;
}

#character ul.sample_voice2 li.cv01{
	left: 145px;
}

#character ul.sample_voice2 li.cv02{
	left: 155px;
}

#character ul.sample_voice2 li a{
	width:27px;
	height:27px;
	display:block;
	position:relative;
}


#character #chara0{
	background:url(../images/ch0_img.png) no-repeat 38px center;
}

#character #chara0 h4{
	width:454px;
	height:62px;
	background:url(../images/ch0_name.png) no-repeat;
}

#character #chara0 div.img{
	width:245px;
	height:274px;
	background:url(../images/ch0_img.png) no-repeat;
	margin-top:200px;
}

#character #chara0 p.comment{
	width:328px;
	height:74px;
	background:url(../images/ch0_comment.png) no-repeat;
}

#character #chara0 p.prof{
	width:448px;
	height:206px;
	background:url(../images/ch0_prof.png) no-repeat;
}

#character #chara0 p.text{
	width:609px;
	height:317px;
	background:url(../images/ch0_text.png) no-repeat;
	right: 18px;
}



#character #chara1{
	background:url(../images/ch1_img.png) no-repeat 28px center;
}

#character #chara1 h4{
	width:503px;
	height:61px;
	background:url(../images/ch1_name.png) no-repeat;
}

#character #chara1 p.cv{
	background:url(../images/ch1_voice.png) no-repeat;
}

#character #chara1 p.comment{
	width:468px;
	height:74px;
	background:url(../images/ch1_comment.png) no-repeat;
}

#character #chara1 p.prof{
	width:448px;
	height:236px;
	background:url(../images/ch1_prof.png) no-repeat;
}

#character #chara1 p.text{
	width:609px;
	height:427px;
	background:url(../images/ch1_text.png) no-repeat;
	right: 18px;
}


#character #chara2{
	background:url(../images/ch2_img.png) no-repeat left center;
}

#character #chara2 h4{
	width:511px;
	height:61px;
	background:url(../images/ch2_name.png) no-repeat;
}

#character #chara2 p.cv{
	background:url(../images/ch2_voice.png) no-repeat;
}

#character #chara2 p.comment{
	width:468px;
	height:74px;
	background:url(../images/ch2_comment.png) no-repeat;
}

#character #chara2 p.prof{
	width:423px;
	height:236px;
	background:url(../images/ch2_prof.png) no-repeat;
}

#character #chara2 p.text{
	width:609px;
	height:405px;
	background:url(../images/ch2_text.png) no-repeat;
	right: 18px;
}


#character #chara3{
	background:url(../images/ch3_img.png) no-repeat left center;
}

#character #chara3 h4{
	width:511px;
	height:61px;
	background:url(../images/ch3_name.png) no-repeat;
}

#character #chara3 p.cv{
	background:url(../images/ch3_voice.png) no-repeat;
}

#character #chara3 p.comment{
	width:468px;
	height:74px;
	background:url(../images/ch3_comment.png) no-repeat;
}

#character #chara3 p.prof{
	width:532px;
	height:236px;
	background:url(../images/ch3_prof.png) no-repeat;
}

#character #chara3 p.text{
	width:609px;
	height:365px;
	background:url(../images/ch3_text.png) no-repeat;
	right: 18px;
}


#character #chara4{
	background:url(../images/ch4_img.png) no-repeat left center;
}

#character #chara4 h4{
	width:563px;
	height:61px;
	background:url(../images/ch4_name.png) no-repeat;
}

#character #chara4 p.cv{
	background:url(../images/ch4_voice.png) no-repeat;
}

#character #chara4 p.comment{
	width:530px;
	height:74px;
	background:url(../images/ch4_comment.png) no-repeat;
}

#character #chara4 p.prof{
	width:336px;
	height:235px;
	background:url(../images/ch4_prof.png) no-repeat;
}

#character #chara4 p.text{
	width:609px;
	height:467px;
	background:url(../images/ch4_text.png) no-repeat;
	right: 18px;
}


#character #chara5{
	background:url(../images/ch5_img.png) no-repeat left center;
}

#character #chara5 h4{
	width:562px;
	height:69px;
	background:url(../images/ch5_name.png) no-repeat;
}

#character #chara5 p.cv{
	background:url(../images/ch5_voice.png) no-repeat;
}

#character #chara5 p.comment{
	width:380px;
	height:74px;
	background:url(../images/ch5_comment.png) no-repeat;
}

#character #chara5 p.prof{
	width:521px;
	height:235px;
	background:url(../images/ch5_prof.png) no-repeat;
}

#character #chara5 p.text{
	width:609px;
	height:467px;
	background:url(../images/ch5_text.png) no-repeat;
	right: 18px;
}


#character #chara6{
	background:url(../images/ch6_img.png) no-repeat left center;
}

#character #chara6 h4{
	width:516px;
	height:61px;
	background:url(../images/ch6_name.png) no-repeat;
}

#character #chara6 p.cv{
	background:url(../images/ch6_voice.png) no-repeat;
}

#character #chara6 p.comment{
	width:401px;
	height:74px;
	background:url(../images/ch6_comment.png) no-repeat;
}

#character #chara6 p.prof{
	width:428px;
	height:236px;
	background:url(../images/ch6_prof.png) no-repeat;
}

#character #chara6 p.text{
	width:609px;
	height:347px;
	background:url(../images/ch6_text.png) no-repeat;
	right: 18px;
}


#character #chara7{
	background:url(../images/ch7_img.png) no-repeat left center;
}

#character #chara7 h4{
	width:559px;
	height:61px;
	background:url(../images/ch7_name.png) no-repeat;
}

#character #chara7 p.cv{
	background:url(../images/ch7_voice.png) no-repeat;
}

#character #chara7 p.comment{
	width:363px;
	height:74px;
	background:url(../images/ch7_comment.png) no-repeat;
}

#character #chara7 p.prof{
	width:484px;
	height:266px;
	background:url(../images/ch7_prof.png) no-repeat;
}

#character #chara7 p.text{
	width:609px;
	height:285px;
	background:url(../images/ch7_text.png) no-repeat;
	right: 18px;
}

#character #chara8{
	background:url(../images/ch8_img.png) no-repeat left center;
}

#character #chara8 h4{
	width:323px;
	height:62px;
	background:url(../images/ch8_name.png) no-repeat;
}

#character #chara8 p.cv{
	background:url(../images/ch8_voice.png) no-repeat;
}

#character #chara8 p.comment{
	width:300px;
	height:74px;
	background:url(../images/ch8_comment.png) no-repeat;
}

#character #chara8 p.prof{
	width:299px;
	height:236px;
	background:url(../images/ch8_prof.png) no-repeat;
}

#character #chara8 p.text{
	width:609px;
	height:149px;
	background:url(../images/ch8_text.png) no-repeat;
	right: 18px;
	min-height:405px;
}

#character #chara9{
	background:url(../images/ch9_img.png) no-repeat 46px center;
}

#character #chara9 h4{
	width:535px;
	height:61px;
	background:url(../images/ch9_name.png) no-repeat;
}

#character #chara9 p.cv{
	background:url(../images/ch9_voice.png) no-repeat;
}

#character #chara9 p.comment{
	width:330px;
	height:74px;
	background:url(../images/ch9_comment.png) no-repeat;
}

#character #chara9 p.prof{
	width:410px;
	height:236px;
	background:url(../images/ch9_prof.png) no-repeat;
}

#character #chara9 p.text{
	width:609px;
	height:199px;
	background:url(../images/ch9_text.png) no-repeat;
	right: 18px;
	min-height:405px;
}

#character #chara10{
	background:url(../images/ch10_img.png) no-repeat left 120px;
}

#character #chara10 h4{
	width:244px;
	height:61px;
	background:url(../images/ch10_name.png) no-repeat;
}

#character #chara10 p.cv{
	background:url(../images/ch10_voice.png) no-repeat;
}

#character #chara10 p.comment{
	width:360px;
	height:74px;
	background:url(../images/ch10_comment.png) no-repeat;
}

#character #chara10 p.prof{
	width:318px;
	height:115px;
	background:url(../images/ch10_prof.png) no-repeat;
}

#character #chara10 p.text{
	width:609px;
	height:149px;
	background:url(../images/ch10_text.png) no-repeat;
	right: 18px;
	min-height:405px;
}

#character #chara11{
	background:url(../images/ch11_img.png) no-repeat left center;
}

#character #chara11 h4{
	width:537px;
	height:61px;
	background:url(../images/ch11_name.png) no-repeat;
}

#character #chara11 p.cv{
	background:url(../images/ch11_voice.png) no-repeat;
}

#character #chara11 p.comment{
	width:296px;
	height:74px;
	background:url(../images/ch11_comment.png) no-repeat;
}

#character #chara11 p.prof{
	width:423px;
	height:206px;
	background:url(../images/ch11_prof.png) no-repeat;
}

#character #chara11 p.text{
	width:609px;
	height:369px;
	background:url(../images/ch11_text.png) no-repeat;
	right: 18px;
	min-height:405px;
}

/* ------------------------------
graphic
------------------------------ */

#graphic{
	background:#eee1dd url(../images/graphic_bg.png) repeat;
	border-top:13px #4e2023 solid;
	padding-bottom:65px;
}

#graphic h3{
	width:306px;
	height:61px;
	background:url(../images/graphic_title.png) no-repeat;
	margin:-39px 0 45px;
	position:relative;
}

#graphic ul#gp_list{
	width:966px;
	height:484px;
	background:url(../images/graphic_img.png) no-repeat;
	margin:0 auto;
}

#graphic ul#gp_list li{
	width:240px;
	height:144px;
	background:url(../images/graphic_img.png) no-repeat;
	float:left;
	text-indent:-10000px;
	overflow:hidden;
	margin-right:2px;
	margin-bottom:23px;
	display:block;
}


#graphic ul#gp_list li a{
	width:240px;
	height:144px;
	display:block;
}

#graphic ul#gp_list li.end{
	margin-right:0px;	
}

#graphic ul#gp_list li#gp01{
	background-position:0 -484px;	
}

#graphic ul#gp_list li#gp02{
	background-position:-242px -484px;	
}

#graphic ul#gp_list li#gp03{
	background-position:-484px -484px;	
}

#graphic ul#gp_list li#gp04{
	background-position:-726px -484px;	
}

#graphic ul#gp_list li#gp05{
	background-position:0 -651px;	
}

#graphic ul#gp_list li#gp06{
	background-position:-242px -651px;	
}

#graphic ul#gp_list li#gp07{
	background-position:-484px -651px;	
}

#graphic ul#gp_list li#gp08{
	background-position:-726px -651px;	
}

#graphic ul#gp_list li#gp09{
	background-position:0 -818px;	
}

#graphic ul#gp_list li#gp10{
	background-position:-242px -818px;	
}

#graphic ul#gp_list li#gp11{
	background-position:-484px -818px;	
}

#graphic ul#gp_list li#gp12{
	background-position:-726px -818px;	
}


/* ------------------------------
outline
------------------------------ */

#outline{
	background:#ebebeb url(../images/out_bg.png) repeat;
	border-top:13px #4e2023 solid;
	padding-bottom:60px;
}

#outline h3{
	width:299px;
	height:60px;
	background:url(../images/out_title.png) no-repeat;
	margin:-39px 0 45px;
	position:relative;
}

#outline table{
	width:100%;
}

#outline table td{
	padding:4px 6px;
	color:#2a2a2a;
	vertical-align:top;
	font-size:93%;
	line-height:180%;
	-webkit-text-size-adjust: 100%;
}

#outline div.border{
	background:url(../images/border.png) no-repeat;
	width:979px;
	margin:20px auto;
}

#outline table td.item{
	color:#ab5e4c;
	width:90px;
	font-weight:bold;
}

#outline table td.item2{
	color:#ab5e4c;
	width:190px;
	font-weight:bold;
}

#outline table td.item3{
	color:#ab5e4c;
	width:120px;
	font-weight:bold;
}


/* ------------------------------
footer
------------------------------ */

#footer{
	background:#e7c8b6 url(../images/footer_bg.png) repeat;
	border-top:3px #997269 solid;
	width:100%;
}

#footer_inside{
	border-top:2px #ead7cc solid;
}

#footer div.contents{
	padding:15px 0 25px;	
}

#footer a#footer_logo{
	width:111px;
	height:41px;
	background:url(../images/footer_logo.png) no-repeat;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
	float:left;
	margin-right:14px;
}

#footer p.copy{
	float:left;
	font-size:86%;
	position:relative;
	top:20px;
}

#footer ul#footer_link_list{
	float:right;
	display:block;	
}

#footer ul#footer_link_list li{
	display:block;
	float:left;
	margin-right:10px;
	font-size:86%;
	top:20px;
	position:relative;
	font-weight:bold;
}

#footer ul#footer_link_list li a{
	color:#582b2d;
}

#footer ul#footer_link_list li a:hover{
	color:#e660b2;	
}

#footer a#up_bt{
	position:relative;
	width:69px;
	height:69px;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
	background:url(../images/top_bt.png) no-repeat;
	float:right;
	top: -50px;
	z-index:20;
}

#footer a#up_bt:hover{
	background-position:0 -69px;	
}

/* ------------------------------
event
------------------------------ */

#event h2{
	width:980px;
	height:109px;
	margin:0 auto 0px;
	background:url(../images/event/event_title.png) no-repeat;
}

#event h3{
	width:798px;
	height:145px;
	margin:0 auto 40px;
	background:url(../images/event/event_text.png) no-repeat;
}

#event h4{
	width:880px;
	height:186px;
	margin:0 auto 60px;
	background:url(../images/event/event_sch.png) no-repeat;
}

#event p.notes{
	text-indent:-10000px;
	overflow:hidden;
	width:573px;
	height:36px;
	margin:0 auto;
	background:url(../images/event/event_text2.png) no-repeat;
}

/* ------------------------------
event2
------------------------------ */

#event2 h2{
	width:980px;
	height:109px;
	margin:0 auto 0px;
	background:url(../images/event2/event_title.png) no-repeat;
}

#event2 h3{
	width:618px;
	height:104px;
	margin:0 auto 30px;
	background:url(../images/event2/event_text.png) no-repeat;
}

#event2 p.item{
	text-indent:-10000px;
	overflow:hidden;
	width:921px;
	height:92px;
	margin:0 auto 30px;
	background:url(../images/event2/event_text2.png) no-repeat;
}

#event2 h4{
	width:876px;
	height:268px;
	margin:0 auto 40px;
	background:url(../images/event2/event_sch.png) no-repeat;
}

#event2 p.notes{
	text-indent:-10000px;
	overflow:hidden;
	width:686px;
	height:36px;
	margin:0 auto;
	background:url(../images/event2/event_text3.png) no-repeat;
}

/* ------------------------------
event3
------------------------------ */

#event3 h2{
	width:980px;
	height:109px;
	margin:0 auto 0px;
	background:url(../images/event3/event_title.png) no-repeat;
}

#event3 h3{
	width:846px;
	height:104px;
	margin:0 auto 30px;
	background:url(../images/event3/event_text.png) no-repeat;
}

#event3 p.item{
	text-indent:-10000px;
	overflow:hidden;
	width:922px;
	height:92px;
	margin:0 auto 30px;
	background:url(../images/event3/event_text2.png) no-repeat;
}

#event3 h4{
	width:877px;
	height:268px;
	margin:0 auto 40px;
	background:url(../images/event3/event_sch.png) no-repeat;
}

#event3 p.notes{
	text-indent:-10000px;
	overflow:hidden;
	width:686px;
	height:36px;
	margin:0 auto;
	background:url(../images/event3/event_text3.png) no-repeat;
}

/* ------------------------------
event4
------------------------------ */

#event4 h2{
	width:980px;
	height:109px;
	margin:0 auto 0px;
	background:url(../images/event4/event_title.png) no-repeat;
}

#event4 h3{
	width:914px;
	height:105px;
	margin:0 auto 30px;
	background:url(../images/event4/event_text.png) no-repeat;
}

#event4 p.item{
	text-indent:-10000px;
	overflow:hidden;
	width:922px;
	height:66px;
	margin:0 auto 30px;
	background:url(../images/event4/event_text2.png) no-repeat;
}

#event4 h4{
	width:878px;
	height:268px;
	margin:0 auto 40px;
	background:url(../images/event4/event_sch.png) no-repeat;
}

#event4 p.notes{
	text-indent:-10000px;
	overflow:hidden;
	width:686px;
	height:36px;
	margin:0 auto;
	background:url(../images/event4/event_text3.png) no-repeat;
}

/* ------------------------------
reserve
------------------------------ */

#reserve h2{
	width:980px;
	height:114px;
	margin:0 auto 0px;
	background:url(../images/reserve/reserve_title.png) no-repeat;
}

#reserve h3{
	width:788px;
	height:142px;
	margin:0 auto 40px;
	background:url(../images/reserve/reserve_text01.png) no-repeat;
}

#reserve p.info1{
	text-indent:-10000px;
	overflow:hidden;
	width:755px;
	height:199px;
	margin:0 auto 30px;
	background:url(../images/reserve/reserve_text02.png) no-repeat;
}

#reserve p.date{
	text-indent:-10000px;
	overflow:hidden;
	width:801px;
	height:193px;
	margin:0 auto 40px;
	background:url(../images/reserve/reserve_date.png) no-repeat;
}

#reserve h4{
	width:974px;
	height:105px;
	margin:0 auto 40px;
	background:url(../images/reserve/reserve_catch.png) no-repeat;
}

#reserve p.catch{
	text-indent:-10000px;
	overflow:hidden;
	width:666px;
	height:49px;
	margin:0 auto 40px;
	background:url(../images/reserve/reserve_text03.png) no-repeat;
}

#reserve div.chart{
	width:901px;
	height:768px;
	margin:0 auto 50px;
	background:url(../images/reserve/chart.png) no-repeat;
}

#reserve p.xgame{
	text-indent:-10000px;
	overflow:hidden;
	width:811px;
	height:290px;
	margin:20px auto 40px;
	background:url(../images/reserve/reserve_text04.png) no-repeat;
}

#reserve div.out{
	width:974px;
	height:498px;
	margin:-32px auto;
	padding:50px 0;
	background:url(../images/reserve/out_text.png) no-repeat #fff6ec center;
}

#reserve div.tweet{
	width:750px;
	height:auto;
	margin:0 auto;
	padding:20px 0 0 ;
}

#reserve a{
	color:#d14e98;
}

#reserve p.notes{
	font-size:96%;
	line-height:200%;
	float:left;
	width:520px;
	position:relative;
	top:15px;
}

#reserve a.twitter_link{
	float:right;
	background:url(../images/reserve/twitter_link.png) no-repeat;
	width:112px;
	height:95px;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
	position:relative;
}

/* ------------------------------
privilege
------------------------------ */

#privilege{
	background:#eee1dd url(../images/point_bg.png) repeat;
	border-top:13px #4e2023 solid;
	padding-bottom:65px;
	height:auto;
}

#privilege h3{
	width:329px;
	height:60px;
	background:url(../images/privilege_title.png) no-repeat;
	margin:-39px 0 45px;
	position:relative;
}

#privilege h4.topics1{
	width:479px;
	height:43px;
	background:url(../images/privilege_topics1.png) no-repeat;
	margin:0 0 20px;
	position:relative;
}

#privilege h4.topics2{
	width:479px;
	height:43px;
	background:url(../images/privilege_topics2.png) no-repeat;
	margin:0 0 20px;
	position:relative;
}

#privilege ul#pr_list{
	width:980px;
	margin:0 auto 30px;
}

#privilege ul#pr_list li{
	width:484px;
	height:345px;
	float:left;
	display:block;
	margin:0px 3px 12px;
}

#privilege ul#pr_list li h5{
	width:484px;
	height:308px;
	text-indent:-10000px;
	overflow:hidden;
	position:relative;
}

#privilege ul#pr_list li div.pr_link{
	width:484px;
	height:37px;
	position:relative;
	background:url(../images/privilege_contents_bottom.png) no-repeat;
}

#privilege ul#pr_list li div.pr_link p{
	color:#ffdb86;
	position:relative;
	float:left;
	margin-left: 14px;
	top: 8px;
}

#privilege ul#pr_list li div.pr_link a{
	width:198px;
	height:24px;
	position:relative;
	display:block;
	float:right;
	text-indent:-10000px;
	overflow:hidden;
	top: 7px;
	margin-right: 13px;
}

#privilege ul#pr_list li#pr_sofmap h5{
	background:url(../images/privilege/privilege_sofmap.png) no-repeat;
}

#privilege ul#pr_list li#pr_amazon h5{
	background:url(../images/privilege/privilege_amazon.png) no-repeat;
}

#privilege ul#pr_list li#pr_goodwill h5{
	background:url(../images/privilege/privilege_goodwill.png) no-repeat;
}

#privilege ul#pr_list li#pr_gamers h5{
	background:url(../images/privilege/privilege_gamers.png) no-repeat;
}

#privilege ul#pr_list li#pr_getchu h5{
	background:url(../images/privilege/privilege_getchu.png) no-repeat;
}

#privilege ul#pr_list li#pr_toranoana h5{
	background:url(../images/privilege/privilege_toranoana.png) no-repeat;
}

#privilege ul#pr_list li#pr_trader h5{
	background:url(../images/privilege/privilege_trader.png) no-repeat;
}

#privilege ul#pr_list li#pr_medio h5{
	background:url(../images/privilege/privilege_medio.png) no-repeat;
}

#privilege ul#pr_list li#pr_melon h5{
	background:url(../images/privilege/privilege_melon.png) no-repeat;
}

#privilege ul#pr_list li#pr_windmill h5{
	background:url(../images/privilege/privilege_windmill.png) no-repeat;
}

#privilege ul#pr_list2{
	width:980px;
	margin:0 auto 30px;
}

#privilege ul#pr_list2 li{
	width:484px;
	height:310px;
	float:left;
	display:block;
	margin:0px 3px 12px;
}

#privilege ul#pr_list2 li h5{
	width:484px;
	height:273px;
	text-indent:-10000px;
	overflow:hidden;
	position:relative;
}

#privilege ul#pr_list2 li div.pr_link2{
	width:484px;
	height:37px;
	position:relative;
	background:url(../images/privilege_contents_bottom.png) no-repeat;
}

#privilege ul#pr_list2 li div.pr_link2 p{
	color:#ffdb86;
	position:relative;
	float:left;
	margin-left: 14px;
	top: 8px;
}

#privilege ul#pr_list2 li div.pr_link2 a{
	width:198px;
	height:24px;
	position:relative;
	display:block;
	float:right;
	text-indent:-10000px;
	overflow:hidden;
	top: 7px;
	margin-right: 13px;
}


#privilege ul#pr_list3{
	width:980px;
	height:484px;
	margin:0 auto;
}

#privilege ul#pr_list3 li{
	width:484px;
	height:308px;
	float:left;
	display:block;
	margin:0px 3px 12px;
}

#privilege ul#pr_list3 li h5{
	width:484px;
	height:273px;
	text-indent:-10000px;
	overflow:hidden;
	position:relative;
}

#privilege ul#pr_list3 li div.pr_link2 p{
	color:#ffdb86;
	position:relative;
	float:left;
	margin-left: 14px;
	top: 8px;
}

#privilege ul#pr_list3 li div.pr_link2{
	width:484px;
	height:35px;
	position:relative;
	background:url(../images/privilege_contents_o_top.png) no-repeat;
}

#privilege ul#pr_list2 li#pr_amiami h5{
	background:url(../images/privilege_o/privilege_amiami.png) no-repeat;
}

#privilege ul#pr_list2 li#pr_otakara h5{
	background:url(../images/privilege_o/privilege_otakara.png) no-repeat;
}

#privilege ul#pr_list2 li#pr_comroad h5{
	background:url(../images/privilege_o/privilege_comroad.png) no-repeat;
}

#privilege ul#pr_list2 li#pr_seagull h5{
	background:url(../images/privilege_o/privilege_seagull.png) no-repeat;
}

#privilege ul#pr_list2 li#pr_surugaya h5{
	background:url(../images/privilege_o/privilege_surugaya.png) no-repeat;
}

#privilege ul#pr_list2 li#pr_takarajima h5{
	background:url(../images/privilege_o/privilege_takarajima.png) no-repeat;
}

#privilege ul#pr_list2 li#pr_chukyo h5{
	background:url(../images/privilege_o/privilege_chukyo.png) no-repeat;
}

#privilege ul#pr_list2 li#pr_alice h5{
	background:url(../images/privilege_o/privilege_alice.png) no-repeat;
}

#privilege ul#pr_list2 li#pr_mk h5{
	background:url(../images/privilege_o/privilege_mk.png) no-repeat;
}

#privilege ul#pr_list2 li#pr_visco h5{
	background:url(../images/privilege_o/privilege_visco.png) no-repeat;
}

#privilege ul#pr_list2 li#pr_fammys h5{
	background:url(../images/privilege_o/privilege_fammys.png) no-repeat;
}

#privilege ul#pr_list2 li#pr_bookmate h5{
	background:url(../images/privilege_o/privilege_bookmate.png) no-repeat;
}

#privilege ul#pr_list2 li#pr_furukawa h5{
	background:url(../images/privilege_o/privilege_furukawa.png) no-repeat;
}

#privilege ul#pr_list2 li#pr_lammtarra h5{
	background:url(../images/privilege_o/privilege_lammtarra.png) no-repeat;
}



/* ------------------------------
movie
------------------------------ */

#movie{
	background:#eee1dd url(../images/ch_bg.png) repeat;
	border-top:13px #4e2023 solid;
	padding-bottom:65px;
}

#movie h3{
	width:227px;
	height:60px;
	background:url(../images/movie_title.png) no-repeat;
	margin:-39px 0 45px;
	position:relative;
}

#movie div.op_movie_item{
	width:853px;
	height:480px;
	position:relative;
	margin:0 auto;
	border:2px #4e2023 solid;
}


/* ------------------------------
TRIAL
------------------------------ */

#trial{
	background:#eee1dd url(../images/top_bg.png) repeat;
	border-top:13px #4e2023 solid;
	padding-bottom:65px;
}

#trial h3{
	width:216px;
	height:60px;
	background:url(../images/trial_title.png) no-repeat;
	margin:-39px 0 45px;
	position:relative;
}

#trial table{
	width:960px;
	position:relative;
	margin:0 auto -1px;
	border:1px solid #ac8879;
	background:#fff;
}

#trial td{
	position:relative;
	padding:18px 15px 18px 24px;
	font-size:120%;
	vertical-align:top;
	line-height:180%;
	border:1px dotted #ac8879;
}

#trial td.topics{
	color:#f15e93;
	font-weight:bold;	
}


#trial div.trial_inside{
	margin: 0 auto 5px;
    position: relative;
}

#trial div.trial_inside a{
	color: #582b2d;
}

#trial div.trial_inside a:hover{
	color:#e660b2;	
}

#trial div.trial_inside p{
	margin:0 0 30px;	
}

#trial div.trial_inside ul{
	margin:0 0 30px;	
}

#trial div.trial_inside li{
	line-height:170%;
}

#trial div.trial_inside li strong{
	color:#e660b2;
	margin-right:5px;
}

#trial div.trial_inside h5{
	font-size:136%;
	color:#ab5e4c;
	margin:0 0 6px;
}

#trial div.trial_inside a.dl_bt{
	background:url(../images/dl_bt.png) no-repeat;
	width:148px;
	height:24px;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
}

#trial div.trial_inside div#trial_img{
	background:url(../images/trial_img.png) no-repeat;
	width:960px;
	height:540px;
	margin:0 auto 10px;
}

#trial div.trial2_inside div#trial_img{
	background:url(../images/contents/trial2_img.png) no-repeat;
	width:960px;
	height:540px;
	margin:0 auto 10px;
}

#trial div.trial_inside div#trial2_img{
	background:url(../images/contents/trial2_img.png) no-repeat;
	width:960px;
	height:540px;
	margin:0 auto 10px;
}

#trial div.trial_info{
	padding: 20px 20px 0;
    width: 918px;
	background:#fff;
	border:1px solid #ac8879;
	margin:0 auto;
}