@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:32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32x;
	background:#fff url(../images/common/bg.png) repeat;
	border:6px solid #4fc6ff;
	box-shadow:rgba(56, 56, 56, 0.2) 0px 0px 10px 4px;
	-webkit-box-shadow:rgba(56, 56, 56, 0.2) 0px 0px 10px 4px;
	-moz-box-shadow:rgba(56, 56, 56, 0.2) 0px 0px 10px 4px;
}

.modal p.notice{
	background:url(../images/top/modal_item.png) no-repeat;
	width:552px;
	height:214px;
	margin:0 auto 30px;
	position:relative;
	text-indent:-10000px;
	overflow:hidden;
}

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

div.modal_link{
	width:224px;
	height:49px;
	margin:0 auto;
}

.modal a.close_modal{
	background:url(../images/top/modal_link.png) no-repeat;
	float:left;
	width:101px;
	height:49px;
}
.modal a.close_modal:hover{
	background-position:0 -49px;
}

.modal a.leave_bt{
	background:url(../images/top/modal_link.png) no-repeat;
	float:right;
	width:69px;
	height:49px;
	background-position:-155px 0px;
}

.modal a.leave_bt:hover{
	background-position:-155px -49px;
}




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

html{
	overflow-y:scroll;
	overflow-x:hidden;
}

body{
background:#ffffff url(../images/common/bg.png) repeat;
color:#3a3a3a;
}

body#top{
}

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

a{
color:#744844;
}

a:hover{
color:#ec6d7b;
}

p{
	color:#b4827b;
	line-height:160%;
	margin:0 0 15px;
}

strong{
	font-weight:bold;
	color:#e8437e;
}


.inside{
	width:980px;
	margin:0 auto;
	padding:40px 0;
}

/* ------------------------------
コンテンツ
------------------------------ */

#wrapper{
    height: 100%;
    position: relative;
	width:100%;
}

#sub_wrapper{
    height: 100%;
    position: relative;
	width:100%;
}

#contents{
	margin: 0 auto;
	padding:15px 0 10px;
}

div.inside{
	width:960px;
	margin:0 auto;
	padding:0px 10px;
}

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

#footer{
    position: relative;
	width:100%;
}

#footer_inside{
	width:980px;
	position:relative;
	margin:0 auto;
	padding:20px 0 30px;
	text-align:center;
	height: auto;
	overflow: hidden;

}


#footer a#up_bt{
    background: url(../images/common/top_bt1.png) no-repeat;
    display: block;
    float: right;
    height: 317px;
    overflow: hidden;
    position:absolute;
    text-indent: -10000px;
    width: 212px;
    z-index: 20;
	right:0;
	bottom:0;
}

#footer a#up_bt:hover{
    background: url(../images/common/top_bt1.png) no-repeat -212px 0px;
}


#footer a#up_bt2{
    background: url(../images/common/top_bt2.png) no-repeat;
    display: block;
    float: right;
    height: 317px;
    overflow: hidden;
    position:absolute;
    text-indent: -10000px;
    width: 212px;
    z-index: 20;
	right:0;
	bottom:0;
}

#footer a#up_bt2:hover{
    background: url(../images/common/top_bt2.png) no-repeat -212px 0px;
}


#footer_inside p.copy{
	color:#603733;
	font-size:83%;
	text-align:center;
	float:left;
	position:relative;
	top:20px;
}

#footer p.footer_logo{
	text-indent:-10000px;
	overflow:hidden;
	width:138px;
	height:50px;
	margin:0 18px 0 0;
	background:url(../images/common/footer_wind.png) no-repeat;
	float:left;
}

#footer p.footer_logo a{
	width:138x;
	height:50px;
	display:block;
}

div#footer div#social_bt{
	float: left;
    margin-left: 20px;
    position: relative;
    top: 18px;
}


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

#header{
	position:relative;
	margin:0 auto;
	height:74px;
	width:100%;
    background: url(../images/common/menu_bg.png) repeat-x;
	overflow:hidden;
}

#header h1.header_title{
	position:absolute;
    background: url(../images/common/menu_logo.png) no-repeat;
	width:168px;
	height:65px;
    z-index:20;
}

#header h1.header_title:hover{
    background: url(../images/common/menu_logo.png) no-repeat 0 -65px;
}

#header h1.header_title a{
	width:168px;
	height:65px;
	display:block;
}

#menu{
    position:relative;
	width:980px;
	height:74px;
	margin:0 auto;
}

div#menu ul#navigation{
	width:841px;
	height:55px;
	margin:0 auto;
	position:relative;
	left: 84px;
	overflow:hidden;
}

div#menu ul#navigation li{
	position:relative;
	float:left;
	display:block;
	height:55px;
	text-indent:-10000px;
	overflow:hidden;
	background:url(../images/common/menu.png) no-repeat;
}

div#menu ul#navigation li a{
	display:block;
	height:55px;
	text-indent:-10000px;
	overflow:hidden;
}

div#menu ul#navigation li#m_story{
	width:107px;
	background-position:0 0;
}

div#menu ul#navigation li#m_story:hover{
	background-position:0 -55px;
}

div#menu ul#navigation li#m_story a{
	width:107px;
}

div#menu ul#navigation li#m_character{
	width:163px;
	background-position:-107px 0;
}

div#menu ul#navigation li#m_character:hover{
	background-position:-107px -55px;
}

div#menu ul#navigation li#m_character a{
	width:163px;
}

div#menu ul#navigation li#m_gallery{
	width:130px;
	background-position:-270px 0;
}

div#menu ul#navigation li#m_gallery:hover{
	background-position:-270px -55px;
}

div#menu ul#navigation li#m_gallery a{
	width:130px;
}

div#menu ul#navigation li#m_download{
	width:156px;
	background-position:-400px 0;
}

div#menu ul#navigation li#m_download:hover{
	background-position:-400px -55px;
}

div#menu ul#navigation li#m_download a{
	width:156px;
}

div#menu ul#navigation li#m_special{
	width:124px;
	background-position:-556px 0;
}

div#menu ul#navigation li#m_special:hover{
	background-position:-556px -55px;
}

div#menu ul#navigation li#m_special a{
	width:124px;
}

div#menu ul#navigation li#m_product{
	width:161px;
	background-position:-680px 0;
}

div#menu ul#navigation li#m_product:hover{
	background-position:-680px -55px;
}

div#menu ul#navigation li#m_product a{
	width:161px;
}


/* ------------------------------
トップ（ヘッダー箇所）
------------------------------ */
#top #header{
	position:absolute;
	z-index:10;
}

#top div#top_header{
    position: relative;
	width:100%;
	height:1117px;
	background:url(../images/top/top_bg.png) repeat-x;
	border-bottom:8px #19b2fa solid;
}

#top div#top_header_inside{
	background:url(../images/top/top_inside_bg.png) no-repeat top center;
	width:100%;
	height:1117px;
	position:absolute;
}

#top div#character1{
	height:1117px;
	position:absolute;
	width:1289px;
	left: 0;
	right: 0;
	margin:auto;
}

#top div#character1 img{
	width:100%;
}

#top div#character2{
	width:1051px;
	height:611px;
	position:absolute;
	top:430px;
	left: 0;
	right: 0;
	margin:auto;
}

#top div#character2 img{
	width:100%;
}

#top div#top_info{
	width:980px;
	margin:0 auto;
	position:relative;
	top:570px;
}

#top div#top_info h2.top_logo{
	background:url(../images/top/top_logo.png) no-repeat;
	width:745px;
	height:305px;
	position:relative;
	margin:0 auto 0px;
}

#top div#top_info h3.top_date{
	background:url(../images/top/top_info.png) no-repeat;
	width:980px;
	height:125px;
	position:relative;
	margin:0 auto 15px;
}

#top div#top_info h3.top_staff{
	background:url(../images/top/top_staff.png) no-repeat;
	width:973px;
	height:60px;
	position:relative;
	margin:0 auto 10px;
}


/* ------------------------------
トップ（残り）
------------------------------ */

#top div.information{
	background:url(../images/top/info_bg.png) no-repeat;
	width:980px;
	height:143px;
	position:relative;
	margin:0 auto 10px;
}

#top div.information ul{
	height: 111px;
    left: 200px;
    overflow-y: scroll;
    padding: 8px 0;
    position: relative;
    top: 6px;
    width: 772px;
}

#top div.information ul li{
	border-bottom:1px solid #d6e7ee;
	padding:5px 25px;
}

#top div.information ul li p.date{
	font-size:86%;
	color:#f99511;
	margin:0 0 2px;
	font-weight:bold;
}

#top div.information ul li p.info_text{
	color:#856a69;
	font-size:106%;
	margin:0 0 2px;
}

#top div.banner{
	width:980px;
	position:relative;
	margin:0 auto 10px;
}

#top div.banner ul{
	margin:0 auto 30px;
}

#top div.banner ul li.big{
	width:980px;
	height:130px;
	position:relative;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
}

#top div.banner ul li.big a{
	width:980px;
	height:130px;
	position:relative;
	display:block;
}

#top div.banner ul li#b1{
	background:url(../images/top/banner_l01.png) no-repeat;
}

#top div.banner ul li#b2{
	background:url(../images/top/banner_l02.png) no-repeat;
}

#top div.banner ul li#b3{
	background:url(../images/top/banner_l03.png) no-repeat;
}

#top div.banner ul li#b4{
	background:url(../images/top/banner_l04.png) no-repeat;
}

/* 151209 update */
#top div.banner ul li#b5{
	background:url(../images/top/banner_l05.png) no-repeat;
}

/* 151209 update */
#top div.banner ul li#b6{
	background:url(../images/top/banner_l06.png) no-repeat;
}

#top div.banner ul li#b7{
	background:url(../images/top/banner_l07.png) no-repeat;
}

#top div.banner ul li#b8{
	background:url(../images/top/banner_l08.png) no-repeat;
}

#top div.banner ul li#b9{
	background:url(../images/top/banner_l09.png) no-repeat;
}


#top div.info_sorry{
	width:980px;
	position:relative;
	margin:0 auto 10px;
}

#top div.info_sorry ul{
	margin:0 auto 30px;
}

#top div.info_sorry ul li.big{
	width:980px;
	height:500px;
	position:relative;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
}

#top div.info_sorry ul li.big a{
	width:980px;
	height:690px;
	position:relative;
	display:block;
}

#top div.info_sorry ul li#b1{
	background:url(../images/top/info_sorry.png) no-repeat;
}


#top div.info_mup{
	width:980px;
	position:relative;
	margin:0 auto 10px;
}

#top div.info_mup ul{
	margin:0 auto 30px;
}

#top div.info_mup ul li.big{
	width:980px;
	height:690px;
	position:relative;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
}

#top div.info_mup ul li.big a{
	width:980px;
	height:690px;
	position:relative;
	display:block;
}

#top div.info_mup ul li#b1{
	background:url(../images/top/info_mup.png) no-repeat;
}


/* 151209 update */
#top div.live_banner{
	position:relative;
	width:980px;
	height:350px;
	margin: 20px auto 20px;
}
#top div.live_banner a{
	position: absolute;
	display:block;
	width:1060px;
	height:350px;
	top: 0;
	left: -40px;
	background:url(../images/top/banner_live.png) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
	-moz-transition: ease 0.3s opacity;
	-o-transition: ease 0.3s opacity;
	-webkit-transition: ease 0.3s opacity;
	transition: ease 0.3s opacity;
}
#top div.live_banner a:hover{
	opacity: 0.6;
}

#top div.live{
	background:url(../images/top/live_bg.png) repeat-x;
	width:100%;
	height:611px;
}

#top div.live_item{
	width:244px;
	height:106px;
	position:relative;
	background:url(../images/top/live_item.png) no-repeat;
	margin:0 auto 55px;
	top:25px;
}

#top div.live h3.live_text{
	width:784px;
	height:269px;
	position:relative;
	margin:0 auto;
	background:url(../images/top/live_text.png) no-repeat;
}


/* ------------------------------
ストーリー
------------------------------ */

body#story{
background:url(../images/story/story_bg.png) repeat-x;
}

#story #header{
	position:absolute;
	z-index:10;
}

#story #contents{
	padding:120px 0 10px;
}

#story #sub_wrapper{
background:url(../images/story/story_bg2.png) no-repeat center top;
}

#story h2.story_title{
	width:960px;
	height:89px;
	margin:0 auto 80px;
	position:relative;
	background:url(../images/story/story_title.png) no-repeat;
}

#story p.story_text{
	text-indent:-10000px;
	overflow:hidden;
	width:971px;
	height:1298px;
	position:relative;
	margin:0 auto;
	background:url(../images/story/story_img.png) no-repeat;
}

/* ------------------------------
キャラクター（メイン）
------------------------------ */

#character{

}

#character h3.character_topics{
	width:210px;
	height:26px;
	margin:0 auto 20px;
	position:relative;
	background:url(../images/character/character_select_topics.png) no-repeat;
}

#character ul.ch_page_menu{
	width:872px;
	height:22px;
	margin:0 auto 20px;
	position:relative;
}

#character ul.ch_page_menu li{
	position:relative;
	float:left;
	display:block;
	height:22px;
	text-indent:-10000px;
	overflow:hidden;
	background:url(../images/character/chara_page_menu.png) no-repeat;
}

#character ul.ch_page_menu li a{
	display:block;
	height:22px;
	text-indent:-10000px;
	overflow:hidden;
}

#character ul.ch_page_menu li#ch_p1{
	width:206px;
	background-position:0 0;
}

#character ul.ch_page_menu li#ch_p1:hover{
	background-position:0 -22px;
}

#character ul.ch_page_menu li#ch_p1 a{
	width:206px;
}

#character ul.ch_page_menu li#ch_p2{
	width:210px;
	left:121px;
	background-position:-327px 0;
}

#character ul.ch_page_menu li#ch_p2:hover{
	background-position:-327px -22px;
}


#character ul.ch_page_menu li#ch_p2 a{
	width:210px;
}

#character ul.ch_page_menu li#ch_p3{
	width:214px;
	left:241px;
	background-position:-657px 0;
}

#character ul.ch_page_menu li#ch_p3:hover{
	background-position:-657px -22px;
}

#character ul.ch_page_menu li#ch_p3 a{
	width:214px;
}

#character div.ch_cursor1{
	width:16px;
	height:7px;
	margin:0 auto 20px;
	position:relative;
	background:url(../images/character/cursor.png) no-repeat;
	left:-329px;
}

#character ul.chara_menu1{
	width:908px;
	height:20px;
	margin:0 auto 30px;
	position:relative;
	background:url(../images/character/character_menu_line1.png) no-repeat;
}

#character ul.chara_menu1 li{
	position:relative;
	float:left;
	display:block;
	height:20px;
	text-indent:-10000px;
	overflow:hidden;
	background:url(../images/character/character_menu1.png) no-repeat;
}

#character ul.chara_menu1 li a{
	display:block;
	height:20px;
	text-indent:-10000px;
	overflow:hidden;
}

#character ul.chara_menu1 li#ch1{
	width:113px;
	background-position:0 0;
}

#character ul.chara_menu1 li#ch1:hover{
	background-position:0 -20px;
}

#character ul.chara_menu1 li#ch1 a{
	width:113px;
}

#character ul.chara_menu1 li#ch2{
	width:254px;
	left:63px;
	background-position:-176px 0;
}

#character ul.chara_menu1 li#ch2:hover{
	background-position:-176px -20px;
}

#character ul.chara_menu1 li#ch2 a{
	width:254px;
}

#character ul.chara_menu1 li#ch3{
	width:119px;
	left:126px;
	background-position:-493px 0;
}

#character ul.chara_menu1 li#ch3:hover{
	background-position:-493px -20px;
}

#character ul.chara_menu1 li#ch3 a{
	width:119px;
}

#character ul.chara_menu1 li#ch4{
	width:97px;
	left:189px;
	background-position:-675px 0;
}

#character ul.chara_menu1 li#ch4:hover{
	background-position:-675px -20px;
}

#character ul.chara_menu1 li#ch4 a{
	width:97px;
}

#character ul.chara_menu1 li#ch5{
	width:75px;
	left:250px;
	background-position:-833px 0;
}

#character ul.chara_menu1 li#ch5:hover{
	background-position:-833px -20px;
}

#character ul.chara_menu1 li#ch5 a{
	width:75px;
}


#character div.character_contents{
	position:relative;
	width:100%;
	margin:0 auto 0px;
	overflow: hidden;
}

#character div.character_contents_inside{
	width:980px;
	margin:0 auto;
	padding:10px 0;
}

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

#character div.character_contents_inside div.ch_line{
	width:980px;
	height:5px;
	background:#fff;
	position:relative;
	margin:15px 0;
}

#character #chara0 div.character_contents{
	background:url(../images/character/ch_bg01.png) repeat;
}

#character #chara1 div.character_contents{
	background:url(../images/character/ch_bg02.png) repeat;
}

#character #chara2 div.character_contents{
	background:url(../images/character/ch_bg03.png) repeat;
}

#character #chara3 div.character_contents{
	background:url(../images/character/ch_bg04.png) repeat;
}

#character #chara4 div.character_contents{
	background:url(../images/character/ch_bg05.png) repeat;
}

#character p.ch01_name{
	background:url(../images/character/ch01_name.png) no-repeat;
	position:relative;
	width:487px;
	height:311px;
	margin:40px 0 20px;
}

#character p.ch01_cv{
	background:url(../images/character/ch01_cv.png?update=151209) no-repeat; /* 151209 update */
	position:relative;
	width:250px;
	height:27px;
	margin:0 0 25px;
}

#character p.ch01_prof{
	background:url(../images/character/ch01_prof.png) no-repeat;
	position:relative;
	width:388px;
	height:231px;
	margin:0 0 10px;
	z-index: 100;
}

#character p.ch01_text{
	background:url(../images/character/ch01_text.png) no-repeat;
	position:relative;
	width:505px;
	height:522px;
	margin:0 0 10px;
	z-index: 100;
}

#character p.ch01_catch{
	background:url(../images/character/ch01_catch.png) no-repeat;
	position:absolute;
	width:50px;
	height:850px;
	margin-left: 900px;
	z-index:20;
}

#character div.change1{
	width:971px;
	height:1315px;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	z-index:10;
	margin-left: 190px;
	top:0;
	overflow: hidden;
}

#character div.change1 img {
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
}

#character p.ch02_name{
	background:url(../images/character/ch02_name.png) no-repeat;
	position:relative;
	width:511px;
	height:309px;
	margin:40px 0 20px;
}

#character p.ch02_cv{
	background:url(../images/character/ch02_cv.png?update=151209) no-repeat; /* 151209 update */
	position:relative;
	width:250px;
	height:27px;
	margin:0 0 25px;
}

#character p.ch02_prof{
	background:url(../images/character/ch02_prof.png) no-repeat;
	position:relative;
	width:409px;
	height:232px;
	margin:0 0 5px;
	z-index: 100;
}

#character p.ch02_text{
	background:url(../images/character/ch02_text.png) no-repeat;
	position:relative;
	width:505px;
	height:542px;
	margin:0px 0 -4px;
	z-index: 100;
}

#character p.ch02_catch{
	background:url(../images/character/ch02_catch.png) no-repeat;
	position:absolute;
	width:110px;
	height:954px;
	margin-left: 844px;
	z-index:15;
}

#character div.change2{
	width:917px;
	height:1307px;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	z-index:10;
	margin-left:320px;
	top:0;
}

#character div.change2 img {
	top: 0;
	left: 0;
	position: absolute;
}


#character p.ch03_name{
	background:url(../images/character/ch03_name.png) no-repeat;
	position:relative;
	width:491px;
	height:308px;
	margin:40px 0 20px;
}

#character p.ch03_cv{
	background:url(../images/character/ch03_cv.png?update=151209) no-repeat; /* 151209 update */
	position:relative;
	width:219px;
	height:27px;
	margin:0 0 25px;
}

#character p.ch03_prof{
	background:url(../images/character/ch03_prof.png) no-repeat;
	position:relative;
	width:407px;
	height:232px;
	margin:0 0 10px;
	z-index: 100;
}

#character p.ch03_text{
	background:url(../images/character/ch03_text.png) no-repeat;
	position:relative;
	width:505px;
	height:522px;
	margin:0px 0 5px;
	z-index: 100;
}

#character p.ch03_catch{
	background:url(../images/character/ch03_catch.png) no-repeat;
	position:absolute;
	width:50px;
	height:1086px;
	margin-left: 900px;
	z-index:15;
}

#character div.change3{
	width:940px;
	height:1302px;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	z-index:10;
	margin-left:322px;
	top:0;
}

#character div.change3 img {
	top: 0;
	left: 0;
	position: absolute;
}

#character p.ch04_name{
	background:url(../images/character/ch04_name.png) no-repeat;
	position:relative;
	width:513px;
	height:309px;
	margin:40px 0 20px;
}

#character p.ch04_cv{
	background:url(../images/character/ch04_cv.png?update=151209) no-repeat; /* 151209 update */
	position:relative;
	width:218px;
	height:27px;
	margin:0 0 25px;
}

#character p.ch04_prof{
	background:url(../images/character/ch04_prof.png) no-repeat;
	position:relative;
	width:407px;
	height:232px;
	margin:0 0 3px;
	z-index:100;
}

#character p.ch04_text{
	background:url(../images/character/ch04_text.png) no-repeat;
	position:relative;
	width:505px;
	height:542px;
	margin:0 0 5px;
	z-index:100;
}

#character p.ch04_catch{
	background:url(../images/character/ch04_catch.png) no-repeat;
	position:absolute;
	width:110px;
	height:1106px;
	margin-left: 844px;
	z-index:15;
}

#character div.change4{
	width:580px;
	height:1315px;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	z-index:10;
	margin-left:402px;
	top:0;
}

#character div.change4 img {
	top: 0;
	left: 0;
	position: absolute;
}


#character p.ch05_name{
	background:url(../images/character/ch05_name.png) no-repeat;
	position:relative;
	width:569px;
	height:311px;
	margin:40px 0 20px;
}

#character p.ch05_prof{
	background:url(../images/character/ch05_prof.png) no-repeat;
	position:relative;
	width:407px;
	height:206px;
	margin:0 0 10px;
	z-index:100;
}

#character p.ch05_text{
	background:url(../images/character/ch05_text.png) no-repeat;
	position:relative;
	width:805px;
	height:532px;
	margin:0 0 10px;
	z-index:100;
}

#character p.ch05_catch{
	background:url(../images/character/ch05_catch.png) no-repeat;
	position:absolute;
	width:50px;
	height:1168px;
	margin-left: 900px;
	z-index:15;
}

#character div.ch05_img{
	width:461px;
	height:461px;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	z-index:10;
	margin-left:520px;
	top:260px;
	background:url(../images/character/ch05_img.png) no-repeat;
}

#character div.character_intro{
}


/* ------------------------------
キャラクター（サブ1）
------------------------------ */

#character div.ch_cursor2{
	width:16px;
	height:7px;
	margin:0 auto 20px;
	position:relative;
	background:url(../images/character/cursor.png) no-repeat;
}

#character ul.chara_menu2{
	width:908px;
	height:20px;
	margin:0 auto 30px;
	position:relative;
	background:url(../images/character/character_menu_line2.png) no-repeat;
}

#character ul.chara_menu2 li{
	position:relative;
	float:left;
	display:block;
	height:20px;
	text-indent:-10000px;
	overflow:hidden;
	background:url(../images/character/character_menu2.png) no-repeat;
}

#character ul.chara_menu2 li a{
	display:block;
	height:20px;
	text-indent:-10000px;
	overflow:hidden;
}

#character ul.chara_menu2 li#ch5{
	width:97px;
	background-position:0 0;
}

#character ul.chara_menu2 li#ch5:hover{
	background-position:0 -20px;
}

#character ul.chara_menu2 li#ch5 a{
	width:97px;
}

#character ul.chara_menu2 li#ch6{
	width:213px;
	left:59px;
	background-position:-156px 0;
}

#character ul.chara_menu2 li#ch6:hover{
	background-position:-156px -20px;
}

#character ul.chara_menu2 li#ch6 a{
	width:213px;
}

#character ul.chara_menu2 li#ch7{
	width:233px;
	left:118px;
	background-position:-428px 0;
}

#character ul.chara_menu2 li#ch7:hover{
	background-position:-428px -20px;
}

#character ul.chara_menu2 li#ch7 a{
	width:233px;
}

#character ul.chara_menu2 li#ch8{
	width:234px;
	left:178px;
	background-position:-721px 0;
}

#character ul.chara_menu2 li#ch8:hover{
	background-position:-721px -20px;
}

#character ul.chara_menu2 li#ch8 a{
	width:234px;
}

#character #chara5 div.character_contents{
	background:url(../images/character/ch_bg06.png) repeat;
}

#character #chara6 div.character_contents{
	background:url(../images/character/ch_bg07.png) repeat;
}

#character #chara7 div.character_contents{
	background:url(../images/character/ch_bg08.png) repeat;
}

#character #chara8 div.character_contents{
	background:url(../images/character/ch_bg09.png) repeat;
}

#character p.ch06_name{
	background:url(../images/character/ch06_name.png) no-repeat;
	position:relative;
	width:564px;
	height:312px;
	margin:40px 0 20px;
}

#character p.ch06_cv{
	background:url(../images/character/ch06_cv.png?update=151209) no-repeat; /* 151209 update */
	position:relative;
	width:186px;
	height:27px;
	margin:0 0 25px;
}

#character p.ch06_prof{
	background:url(../images/character/ch06_prof.png) no-repeat;
	position:relative;
	width:389px;
	height:232px;
	margin:0 0 10px;
	z-index:100;
}

#character p.ch06_text{
	background:url(../images/character/ch06_text.png) no-repeat;
	position:relative;
	width:505px;
	height:502px;
	margin:0 0 10px;
	z-index:100;
}

#character p.ch06_catch{
	background:url(../images/character/ch06_catch.png) no-repeat;
	position:absolute;
	width:50px;
	height:979px;
	margin-left: 844px;
	z-index:15;
}

#character div.change6{
	width:984px;
	height:1315px;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	z-index:10;
	margin-left:284px;
	top:0;
}

#character div.change6 img {
	top: 0;
	left: 0;
	position: absolute;
}


#character p.ch07_name{
	background:url(../images/character/ch07_name.png) no-repeat;
	position:relative;
	width:538px;
	height:309px;
	margin:40px 0 20px;
}

#character p.ch07_cv{
	background:url(../images/character/ch07_cv.png?update=151209) no-repeat; /* 151209 update */
	position:relative;
	width:251px;
	height:27px;
	margin:0 0 25px;
}

#character p.ch07_prof{
	background:url(../images/character/ch07_prof.png) no-repeat;
	position:relative;
	width:392px;
	height:232px;
	margin:0 0 10px;
	z-index:100;
}

#character p.ch07_text{
	background:url(../images/character/ch07_text.png) no-repeat;
	position:relative;
	width:505px;
	height:502px;
	margin:0 0 10px;
	z-index:100;
}

#character p.ch07_catch{
	background:url(../images/character/ch07_catch.png) no-repeat;
	position:absolute;
	width:110px;
	height:1161px;
	margin-left: 846px;
	z-index:15;
}

#character div.change7{
	width:963px;
	height:1315px;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	z-index:10;
	margin-left:190px;
	top:0;
}

#character div.change7 img {
	top: 0;
	left: 0;
	position: absolute;
}


#character p.ch08_name{
	background:url(../images/character/ch08_name.png) no-repeat;
	position:relative;
	width:597px;
	height:307px;
	margin:40px 0 20px;
}

#character p.ch08_cv{
	background:url(../images/character/ch08_cv.png?update=151209) no-repeat; /* 151209 update */
	position:relative;
	width:250px;
	height:27px;
	margin:0 0 25px;
}

#character p.ch08_prof{
	background:url(../images/character/ch08_prof.png) no-repeat;
	position:relative;
	width:487px;
	height:232px;
	margin:0 0 10px;
	z-index:100;
}

#character p.ch08_text{
	background:url(../images/character/ch08_text.png) no-repeat;
	position:relative;
	width:505px;
	height:502px;
	margin:0 0 10px;
	z-index:100;
}

#character p.ch08_catch{
	background:url(../images/character/ch08_catch.png) no-repeat;
	position:absolute;
	width:50px;
	height:487px;
	margin-left:852px;
	z-index:15;
}

#character div.change8{
	width:1157px;
	height:1315px;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	z-index:10;
	margin-left:139px;
	top:0;
}

#character div.change8 img {
	top: 0;
	left: 0;
	position: absolute;
}


#character p.ch09_name{
	background:url(../images/character/ch09_name.png) no-repeat;
	position:relative;
	width:578px;
	height:309px;
	margin:40px 0 20px;
}

#character p.ch09_cv{
	background:url(../images/character/ch09_cv.png?update=151209) no-repeat; /* 151209 update */
	position:relative;
	width:248px;
	height:27px;
	margin:0 0 25px;
}

#character p.ch09_prof{
	background:url(../images/character/ch09_prof.png) no-repeat;
	position:relative;
	width:393px;
	height:231px;
	margin:0 0 5px;
	z-index:100;
}

#character p.ch09_text{
	background:url(../images/character/ch09_text.png) no-repeat;
	position:relative;
	width:505px;
	height:542px;
	margin:0 0 5px;
	z-index:100;
}

#character p.ch09_catch{
	background:url(../images/character/ch09_catch.png) no-repeat;
	position:absolute;
	width:50px;
	height:1155px;
	margin-left:868px;
	z-index:15;
}

#character div.change9{
	width:858px;
	height:1315px;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	z-index:10;
	margin-left:270px;
	top:0;
}

#character div.change9 img {
	top: 0;
	left: 0;
	position: absolute;
}


/* ------------------------------
キャラクター（サブ2）
------------------------------ */

#character div.ch_cursor3{
	width:16px;
	height:7px;
	margin:0 auto 20px;
	position:relative;
	background:url(../images/character/cursor.png) no-repeat;
	left:329px;
}

#character ul.chara_menu3{
	width:950px;
	height:19px;
	margin:0 auto 30px;
	position:relative;
	background:url(../images/character/character_menu_line3.png) no-repeat;
}

#character ul.chara_menu3 li{
	position:relative;
	float:left;
	display:block;
	height:19px;
	text-indent:-10000px;
	overflow:hidden;
	background:url(../images/character/character_menu3.png) no-repeat;
}

#character ul.chara_menu3 li a{
	display:block;
	height:19px;
	text-indent:-10000px;
	overflow:hidden;
}

#character ul.chara_menu3 li#ch9{
	width:232px;
	background-position:0 0;
}

#character ul.chara_menu3 li#ch9:hover{
	background-position:0 -19px;
}

#character ul.chara_menu3 li#ch9 a{
	width:232px;
}

#character ul.chara_menu3 li#ch10{
	width:96px;
	left:41px;
	background-position:-273px 0;
}

#character ul.chara_menu3 li#ch10:hover{
	background-position:-273px -19px;
}

#character ul.chara_menu3 li#ch10 a{
	width:96px;
}

#character ul.chara_menu3 li#ch11{
	width:97px;
	background-position: -410px 0;
    left: 82px;
}

#character ul.chara_menu3 li#ch11:hover{
	background-position: -410px -19px;
}

#character ul.chara_menu3 li#ch11 a{
	width:97px;
}

#character ul.chara_menu3 li#ch12{
	width:96px;
	background-position: -548px 0;
    left:123px;
}

#character ul.chara_menu3 li#ch12:hover{
	background-position: -548px -19px;
}

#character ul.chara_menu3 li#ch12 a{
	width:96px;
}

#character ul.chara_menu3 li#ch13{
	width:118px;
	background-position: -685px 0;
    left:164px;
}

#character ul.chara_menu3 li#ch13:hover{
	background-position: -685px -19px;
}

#character ul.chara_menu3 li#ch13 a{
	width:118px;
}

#character ul.chara_menu3 li#ch14{
	width:105px;
	background-position: -845px 0;
    left:206px;
}

#character ul.chara_menu3 li#ch14:hover{
	background-position: -845px -19px;
}

#character ul.chara_menu3 li#ch14 a{
	width:105px;
}


#character #chara9 div.character_contents{
	background:url(../images/character/ch_bg10.png) repeat;
}

#character #chara10 div.character_contents{
	background:url(../images/character/ch_bg11.png) repeat;
}

#character #chara11 div.character_contents{
	background:url(../images/character/ch_bg12.png) repeat;
}

#character #chara12 div.character_contents{
	background:url(../images/character/ch_bg13.png) repeat;
}

#character #chara13 div.character_contents{
	background:url(../images/character/ch_bg14.png) repeat;
}

#character #chara14 div.character_contents{
	background:url(../images/character/ch_bg15.png) repeat;
}

#character p.ch10_name{
	background:url(../images/character/ch10_name.png) no-repeat;
	position:relative;
	width:539px;
	height:314px;
	margin:40px 0 20px;
}

#character p.ch10_cv{
	background:url(../images/character/ch10_cv.png) no-repeat;
	position:relative;
	width:269px;
	height:30px;
	margin:0 0 25px;
}

#character p.ch10_prof{
	background:url(../images/character/ch10_prof.png) no-repeat;
	position:relative;
	width:395px;
	height:101px;
	margin:0 0 10px;
	z-index:100;
}

#character p.ch10_text{
	background:url(../images/character/ch10_text.png) no-repeat;
	position:relative;
	width:505px;
	height:372px;
	margin:0 0 10px;
	z-index:100;
}

#character p.ch10_catch{
	background:url(../images/character/ch10_catch.png) no-repeat;
	position:absolute;
	width:110px;
	height:858px;
	margin-left: 844px;
	z-index:15;
}

#character div.ch10_img{
	width:749px;
	height:1315px;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	z-index:10;
	margin-left:353px;
	top:0;
}

#character div.ch10_img img{
	top: 0;
	left: 0;
	position: absolute;
}


#character p.ch11_name{
	background:url(../images/character/ch11_name.png) no-repeat;
	position:relative;
	width:559px;
	height:311px;
	margin:40px 0 20px;
}

#character p.ch11_cv{
	background:url(../images/character/ch11_cv.png) no-repeat;
	position:relative;
	width:268px;
	height:30px;
	margin:0 0 25px;
}

#character p.ch11_prof{
	background:url(../images/character/ch11_prof.png) no-repeat;
	position:relative;
	width:451px;
	height:101px;
	margin:0 0 10px;
	z-index:100;
}

#character p.ch11_text{
	background:url(../images/character/ch11_text.png) no-repeat;
	position:relative;
	width:505px;
	height:452px;
	margin:0 0 10px;
	z-index:100;
}

#character p.ch11_catch{
	background:url(../images/character/ch11_catch.png) no-repeat;
	position:absolute;
	width:50px;
	height:808px;
	margin-left: 900px;
	z-index:15;
}

#character div.ch11_img{
	width:460px;
	height:1315px;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	z-index:10;
	margin-left:452px;
	top:0;
}

#character div.ch11_img img{
	top: 0;
	left: 0;
	position: absolute;
}


#character p.ch12_name{
	background:url(../images/character/ch12_name.png) no-repeat;
	position:relative;
	width:509px;
	height:309px;
	margin:40px 0 20px;
}

#character p.ch12_cv{
	background:url(../images/character/ch12_cv.png) no-repeat;
	position:relative;
	width:304px;
	height:31px;
	margin:0 0 25px;
}

#character p.ch12_prof{
	background:url(../images/character/ch12_prof.png) no-repeat;
	position:relative;
	width:384px;
	height:127px;
	margin:0 0 10px;
	z-index:100;
}

#character p.ch12_text{
	background:url(../images/character/ch12_text.png) no-repeat;
	position:relative;
	width:505px;
	height:472px;
	margin:0 0 10px;
	z-index:100;
}

#character p.ch12_catch{
	background:url(../images/character/ch12_catch.png) no-repeat;
	position:absolute;
	width:110px;
	height:961px;
	margin-left: 844px;
	z-index:15;
}

#character div.ch12_img{
	width:638px;
	height:1315px;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	z-index:10;
	margin-left:452px;
	top:0;
}

#character div.ch12_img img{
	top: 0;
	left: 0;
	position: absolute;
}

#character p.ch13_name{
	background:url(../images/character/ch13_name.png) no-repeat;
	position:relative;
	width:328px;
	height:309px;
	margin:40px 0 20px;
}

#character p.ch13_cv{
	background:url(../images/character/ch13_cv.png) no-repeat;
	position:relative;
	width:235px;
	height:30px;
	margin:0 0 25px;
}

#character p.ch13_prof{
	background:url(../images/character/ch13_prof.png) no-repeat;
	position:relative;
	width:406px;
	height:127px;
	margin:0 0 10px;
	z-index:100;
}

#character p.ch13_text{
	background:url(../images/character/ch13_text.png) no-repeat;
	position:relative;
	width:505px;
	height:332px;
	margin:0 0 70px;
	z-index:100;
}

#character p.ch13_catch{
	background:url(../images/character/ch13_catch.png) no-repeat;
	position:absolute;
	width:110px;
	height:921px;
	margin-left: 844px;
	z-index:15;
}

#character div.ch13_img{
	width:592px;
	height:1298px;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	z-index:10;
	margin-left:404px;
	top:0;
}

#character div.ch13_img img{
	top: 0;
	left: 0;
	position: absolute;
}


#character p.ch14_name{
	background:url(../images/character/ch14_name.png) no-repeat;
	position:relative;
	width:512px;
	height:311px;
	margin:40px 0 20px;
}

#character p.ch14_cv{
	background:url(../images/character/ch14_cv.png) no-repeat;
	position:relative;
	width:269px;
	height:31px;
	margin:0 0 25px;
}

#character p.ch14_prof{
	background:url(../images/character/ch14_prof.png) no-repeat;
	position:relative;
	width:364px;
	height:75px;
	margin:0 0 10px;
	z-index:100;
}

#character p.ch14_text{
	background:url(../images/character/ch14_text.png) no-repeat;
	position:relative;
	width:505px;
	height:352px;
	margin:0 0 100px;
	z-index:100;
}

#character p.ch14_catch{
	background:url(../images/character/ch14_catch.png) no-repeat;
	position:absolute;
	width:50px;
	height:921px;
	margin-left: 900px;
	z-index:15;
}

#character div.ch14_img{
	width:581px;
	height:1299px;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	z-index:10;
	margin-left:404px;
	top:0;
}

#character div.ch14_img img{
	top: 0;
	left: 0;
	position: absolute;
}


#character p.ch15_name{
	background:url(../images/character/ch15_name.png) no-repeat;
	position:relative;
	width:369px;
	height:309px;
	margin:40px 0 20px;
}

#character p.ch15_cv{
	background:url(../images/character/ch15_cv.png) no-repeat;
	position:relative;
	width:235px;
	height:30px;
	margin:0 0 25px;
}

#character p.ch15_text{
	background:url(../images/character/ch15_text.png) no-repeat;
	position:relative;
	width:505px;
	height:312px;
	margin:0 0 10px;
	z-index:100;
}

#character p.ch15_catch{
	background:url(../images/character/ch15_catch.png) no-repeat;
	position:absolute;
	width:50px;
	height:145px;
	margin-left: 900px;
	z-index:15;
}

#character div.ch15_img{
	width:460px;
	height:582px;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	z-index:10;
	margin-left:424px;
	top:0;
}

#character div.ch15_img img{
	top: 0;
	left: 0;
	position: absolute;
}

/* ------------------------------
キャラクター（サウンド）
------------------------------ */

#character ul.sample_voice{
	position:relative;
	z-index:300;
}

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

#character ul.sample_voice li.n_voice{
	background:url(../images/character/voice_n.png) no-repeat;
}

#character ul.sample_voice li.n_voice:hover{
	background-position:0 -36px;	
}

#character ul.sample_voice li.h_voice{
	background:url(../images/character/voice_h.png) no-repeat;
}

#character ul.sample_voice li.h_voice:hover{
	background-position:0 -36px;	
}

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

#character ul.sample_voice li.nh_voice{
	background:url(../images/character/voice_uh.png) no-repeat;
}

#character ul.sample_voice li.nh_voice:hover{
	background-position:0 -36px;	
}

/* ------------------------------
スペシャル
------------------------------ */

#special{

}

#special div.sp_contents{
	position:relative;
	margin:0 0 40px;
}

#special div.line{
	border-bottom:2px dotted #c8a39e;
	padding-top:20px;
	margin-bottom:60px;
}

#special h3.special_topics1{
	width:770px;
	height:93px;
	margin:0 auto 20px;
	position:relative;
	background:url(../images/special/vote_title1.png) no-repeat;
}


#special h3.special_topics2{
	width:830px;
	height:93px;
	margin:0 auto 30px;
	position:relative;
	background:url(../images/special/vote_title2.png) no-repeat;
}


#special p.sp_text{
	color:#b4827b;
	line-height:160%;
	margin:0 0 15px;
	text-align:center;
}

#special p.im{
	color:#00aaf9;
	font-size:160%;
	margin:0 0 40px;
	text-align:center;
	font-weight:bold;
}

#special h4.vote_img{
	width:933px;
	height:432px;
	margin:0 auto 30px;
	position:relative;
	background:url(../images/special/rule.png) no-repeat;
}

#special p.notice{
	margin:0 auto 40px;
	color:#ff7624;
	font-size:320%;
	text-align:center;
}

#special div.vote_item{
	width:980px;
	height:1235px;
	margin:0 auto 10px;
	position:relative;
	background:url(../images/special/vote_item1.png) no-repeat;
}

#special div.vote_item a.vote_bt{
	width:220px;
	height:37px;
	position:absolute;
	background:url(../images/special/vote_bt.png) no-repeat;
	text-indent:-10000px;
	overflow:hidden;
	display:block;
}

#special div.vote_item a.vote_bt:hover{
	background-position:0 -37px;
}

#special div.vote_item a.vote_link1{
	top:535px;
	left:122px;
}

#special div.vote_item a.vote_link2{
	top:535px;
	left:636px;
}

#special div.vote_item a.vote_link3{
	top:1131px;
	left:122px;
}

#special div.vote_item a.vote_link4{
	top:1131px;
	left:636px;
}

#special h4.vote_result1{
	width:947px;
	height:556px;
	margin:0 auto 80px;
	position:relative;
	background:url(../images/special/vote_result1.png) no-repeat;
}

#special h4.vote_result2{
	width:954px;
	height:528px;
	margin:0 auto 80px;
	position:relative;
	background:url(../images/special/vote_result2.png) no-repeat;
}

#special h4.vote_result3{
	width:924px;
	height:496px;
	margin:0 auto 80px;
	position:relative;
	background:url(../images/special/vote_result3.png) no-repeat;
}

#special h4.vote_result4{
	width:908px;
	height:537px;
	margin:0 auto 80px;
	position:relative;
	background:url(../images/special/vote_result4.png) no-repeat;
}

/* ------------------------------
スペシャル（シチュエーション）
------------------------------ */

#special h3.special_topics3{
	width:830px;
	height:153px;
	margin:0 auto 20px;
	position:relative;
	background:url(../images/special/sp2/apply_title.png) no-repeat;
}

#special h4.apply_topics{
	width:960px;
	height:540px;
	margin:0 auto 20px;
	position:relative;
	background:url(../images/special/sp2/present_contents.png) no-repeat;
}

#special ul.apply_list{
	position:relative;
	margin:0 0 20px;
}

#special ul.apply_list li{
	color:#b4827b;
	line-height:200%;
	font-size:118%;
}

#special p.im2{
	color:#00aaf9;
	font-size:160%;
	margin:0 0 10px;
	text-align:center;
	font-weight:bold;
}

#special div.apply_inside{
	position:relative;
	width:896px;
	height:auto;
	border:4px solid #c8a39e;
	padding:30px 28px;
}

#special div.apply_inside p{
	margin:0 0 5px;
}

#special div.apply_inside input{
	display:block;
	margin:0 0 20px;
}

#special div.apply_inside ul.ch_select{
	margin:0 0 20px;
}

#special div.apply_inside ul.ch_select li{
	display:block;
	float:left;
	width:158px;
	margin-right:45px;
}

#special div.apply_inside ul.ch_select li img.ch_img{
	display:block;
	width:158px;
	height:158px;
	position::relative;
	margin:0 0 5px;
}

#special div.apply_inside ul.ch_select li p.ch_name{
	text-align:center;
	margin:0 0 2px;
}

#special div.apply_inside ul.ch_select li input{
	margin:0 auto;
}

#special div.apply_inside input.mail_form{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius: 4px;
    color: #6a6a6a;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    line-height: 20px;
    margin-bottom: 20px;
    padding: 4px 6px;
    vertical-align: middle;
	width:50%;
}

#special div.apply_inside textarea{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius: 4px;
    color: #6a6a6a;
    display: inline-block;
    font-size: 14px;
    height: 24px;
    line-height: 20px;
    margin-bottom: 30px;
    padding: 4px 6px;
    vertical-align: middle;
}

#special div.apply_inside input.form_bt{
	display:block;
	background:url(../images/special/sp2/form_bt.png) no-repeat;
	width:240px;
	height:37px;
	margin:0 auto 20px;
	border:none;
	text-indent:-10000px;
	overflow:hidden;
	cursor:pointer;
}

#special div.apply_inside input.form_bt:hover{
	background-position:0 -37px;
}

#special div.apply_inside input.back_bt{
	margin:30px auto 10px;
	font-size: 14px;
	color: #2a2a2a;
	padding: 3px 24px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#cacaca);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		to(#b5b5b5));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.2),
		inset 0px 0px 2px rgba(255,255,255,1);
}

#special div.apply_inside input.back_bt:hover{
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#fafafa 50%,
		#eaeaea);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #fafafa),
		to(#eaeaea));
	color:#6a6a6a;
}

#special p.no{
	color:#fb598a;
	font-size:160%;
	margin:0 0 40px;
	text-align:center;
	font-weight:bold;
}

/* 151209 update */
/* ------------------------------
スペシャル（予約開始記念 配布イベント）
------------------------------ */

#special h3.special_topics4{
	width:830px;
	height:168px;
	margin:20px auto 20px;
	position:relative;
	background:url(../images/special/sp3/title.png) no-repeat;
}

#special h4.special_topics4{
	width:960px;
	height:1020px;
	margin:0 auto 20px;
	position:relative;
	background:url(../images/special/sp3/contents.png) no-repeat;
}

/* ------------------------------
スペシャル（シチュエーション結果）
------------------------------ */

#special h3.special_topics5{
	width:831px;
	height:133px;
	margin:20px auto 20px;
	position:relative;
	background:url(../images/special/sp4/result_title.png) no-repeat;
}

#special div.special_result{
	width:960px;
	height:718px;
	margin:0px auto;
	position:relative;
	background:url(../images/special/sp4/result_bg.png) no-repeat;
	padding-top:35px;
}

#special h4.result_topics{
	width:960px;
	height:352px;
	margin:0 auto 20px;
	position:relative;
	background:url(../images/special/sp4/result_item.png) no-repeat;
}

#special h4.result_contents{
	width:219px;
	height:52px;
	margin:0 auto 40px;
	position:relative;
	background:url(../images/special/sp4/result_contents.png) no-repeat;
}

#special div.special_result h5{
	width:752px;
	height:91px;
	margin:0 auto 74px;
	position:relative;
	text-indent:-10000px;
	overflow:hidden;
}

#special div.special_result h5.result_item1{
	background:url(../images/special/sp4/result1.png) no-repeat;
}

#special div.special_result h5.result_item2{
	background:url(../images/special/sp4/result2.png) no-repeat;
}

#special div.special_result h5.result_item3{
	background:url(../images/special/sp4/result3.png) no-repeat;
}

#special div.special_result h5.result_item4{
	background:url(../images/special/sp4/result4.png) no-repeat;
}

/* ------------------------------
スペシャル（予約イベント）
------------------------------ */

#special h3.special_topics6{
	width:830px;
	height:121px;
	margin:20px auto 20px;
	position:relative;
	background:url(../images/special/sp5/reserved_title.png) no-repeat;
}

#special div.reserved_event{
	width:960px;
	height:908px;
	margin:0px auto;
	position:relative;
	background:url(../images/special/sp5/reserved_bg.png) no-repeat;
	padding-top:18px;
}

#special div.clear_img{
	width:636px;
	height:436px;
	margin:0 auto 42px;
	position:relative;
	background:url(../images/special/sp5/reserved_img.png) no-repeat;
}

#special h4.reserved_text1{
	width:388px;
	height:235px;
	position:relative;
	float:left;
	margin-left:24px;
	background:url(../images/special/sp5/reserved_item.png) no-repeat;
}

#special h4.reserved_text2{
	width:483px;
	height:262px;
	position:relative;
	float:right;
	background:url(../images/special/sp5/reserved_date.png) no-repeat;
	margin-right:24px;
}

#special div.reserved_notes{
	background:url(../images/special/sp5/reserved_notice.png) no-repeat left;
	margin: 35px auto 0;
    padding-left: 160px;
    width: 720px;
}

#special div.reserved_notes li{
	color:#4a4a4a;
	list-style:disc inside;
	line-height:160%;	
}

/* ------------------------------
スペシャル（予約イベント2）
------------------------------ */

#special h3.special_topics7{
	width:830px;
	height:121px;
	margin:20px auto 20px;
	position:relative;
	background:url(../images/special/sp6/reserved_title.png) no-repeat;
}

#special div.reserved_event2{
	width:960px;
	height:908px;
	margin:0px auto;
	position:relative;
	background:url(../images/special/sp6/reserved_bg.png) no-repeat;
	padding-top:18px;
}

#special div.clear_img2{
	width:308px;
	height:434px;
	margin:0 auto 42px;
	position:relative;
	background:url(../images/special/sp6/reserved_img.png) no-repeat;
}

#special h4.reserved_text3{
	width:388px;
	height:235px;
	position:relative;
	float:left;
	margin-left:24px;
	background:url(../images/special/sp6/reserved_item.png) no-repeat;
}

#special h4.reserved_text4{
	width:483px;
	height:272px;
	position:relative;
	float:right;
	background:url(../images/special/sp6/reserved_date.png) no-repeat;
	margin-right:24px;
}

#special div.reserved_notes2{
	background:url(../images/special/sp6/reserved_notice.png) no-repeat left;
	margin: 35px auto 0;
    padding-left: 160px;
    width: 720px;
}


/* ------------------------------
製品紹介
------------------------------ */

#product h2.outline_title{
	width:960px;
	height:94px;
	margin:0 auto 40px;
	position:relative;
	background:url(../images/product/outline_title.png) no-repeat;
}

#product h2.spec_title{
	width:960px;
	height:94px;
	margin:0 auto 40px;
	position:relative;
	background:url(../images/product/spec_title.png) no-repeat;
}


#product table{
	width:960px;
	position:relative;
	margin:0 auto 40px;
}

#product td{
	position:relative;
	padding:18px 12px 18px 16px;
	font-size:180%;
	vertical-align:middle;
	line-height:180%;
	color:#00aaf9;
}

#product td.topics{
	color:#b4827b;
	font-weight:bold;
	font-size:100%;
}

/* ------------------------------
ダウンロード（バナー&Twitter）
------------------------------ */

#download h2.banner_title{
	width:960px;
	height:94px;
	margin:0 auto 40px;
	position:relative;
	background:url(../images/download/banner_title.png) no-repeat;
}

#download h2.twitter_title{
	width:960px;
	height:94px;
	margin:0 auto 40px;
	position:relative;
	background:url(../images/download/twitter_title.png) no-repeat;
}

#download img.tw_icon{
	width:640px;
	height:320px;
	display:block;
	position:relative;
	float:left;
}

#download a.dl_bt{
	background:url(../images/download/dl_bt.png) no-repeat;
	width:197px;
	height:32px;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
}

#download a.dl_bt:hover{
	background-position:0 -32px;
}

#download div.tw_icon_inside{
	width:280px;
	float:right;
	position:relative;
	top:233px;
}

#download div.banner_contents{
	margin:0 0 30px;
	position:relative;
}

#download div.banner_inside{
	margin:20px 0 10px;
}



/* ------------------------------
ダウンロード（体験版）
------------------------------ */

#download h2.trial_title{
	width:960px;
	height:94px;
	margin:0 auto 40px;
	position:relative;
	background:url(../images/download/trial_title.png) no-repeat;
}

#download div.trial_contents{
	margin:0 0 30px;
	position:relative;
}

#download img.trial_img{
	width:830px;
	height:467px;
	display:block;
	position:relative;
	margin:0 auto 20px;
}

#download div.trial_info{
	padding:20px 20px 0;
	background:#fff;
	border:1px solid #00AAF9;
}

#download div.trial_contents table{
	border:1px solid #00AAF9;
	width:960px;
	position:relative;
	margin:0 auto -1px;
	background:#fff;
	border-spacing:0;
	border-collapse: separate;
}

#download div.trial_contents td{
	border:1px dotted #00AAF9;
	position:relative;
	padding:18px 15px 18px 24px;
	font-size:120%;
	vertical-align:top;
	line-height:180%;
}

#download div.trial_contents td.topics{
	color:#00AAF9;
	font-weight:bold;	
}

#download div.trial_contents td a{
	color:#00AAF9;
}

#download div.trial_contents td a:hover{
	color:#F98D00;
}

#download a.dl_bt2{
	background:url(../images/download/dl_bt2.png) no-repeat;
	width:135px;
	height:29px;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
	margin: 0 auto;
}

#download a.dl_bt2:hover{
	background-position:0 -29px;
}

#download div.trial_inside{
	margin: 0 auto 35px;
    position: relative;
}

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

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

#download div.trial_inside li{
	line-height:170%;
	color:#B4827B;
}

#download div.trial_inside li strong{
	margin-right:5px;
}

#download div.trial_inside h4{
	font-size:142%;
	color:#00AAF9;
	margin:0 0 6px;
	text-indent:0;
	overflow:visible;
}



/* 151209 update */
/* ------------------------------
販売店舗別特典
------------------------------ */

#bonus h2.bonus_title{
	width:960px;
	height:94px;
	margin:0 auto 40px;
	position:relative;
	background:url(../images/bonus/title.png) no-repeat;
}

div.bonus_contents{
	width:980px;
	margin:0 auto;	
}

#bonus h2.original_title{
	width:960px;
	height:94px;
	margin:0 auto 40px;
	position:relative;
	background:url(../images/bonus/original_title.png) no-repeat;
}

#bonus .item{
	width:980px;
	height:500px;
	margin:0 auto 20px;
	position:relative;
}

#bonus .item2{
	width:480px;
	height:270px;
	margin:0 5px 10px;
	position:relative;
	float:left;
}

#bonus .bonus_contents_01{
	height:800px;
	background:url(../images/bonus/bonus_01.jpg) no-repeat;
}
#bonus .bonus_contents_02{
	height:800px;
	background:url(../images/bonus/bonus_02.jpg) no-repeat;
}
#bonus .bonus_contents_03{
	background:url(../images/bonus/bonus_03.jpg) no-repeat;
}
#bonus .bonus_contents_04{
	background:url(../images/bonus/bonus_04.jpg) no-repeat;
}
#bonus .bonus_contents_05{
	background:url(../images/bonus/bonus_05.jpg) no-repeat;
}
#bonus .bonus_contents_06{
	background:url(../images/bonus/bonus_06.jpg) no-repeat;
}
#bonus .bonus_contents_07{
	background:url(../images/bonus/bonus_07.jpg) no-repeat;
}
#bonus .bonus_contents_08{
	background:url(../images/bonus/bonus_08.jpg) no-repeat;
}

#bonus a.btn{
	width: 260px;
	height: 31px;
	right: 8px;
	bottom: 8px;
	position: absolute;
	background:url(../images/bonus/btn.png) no-repeat;
	background-position: 0 0;
	font-size: 0;
}

#bonus a.btn:hover{
	background-position: 0 -31px;
}

#bonus p.caption{
	width: 700px;
	left: 20px;
	bottom: 12px;
	margin: 0;
	position: absolute;
	color: #fff;
	font-size: 15px;
}

#bonus .bonus_contents_o0{
	background:url(../images/bonus/bonus_o_00.jpg) no-repeat;
}

#bonus .bonus_contents_o1{
	background:url(../images/bonus/bonus_o_01.jpg) no-repeat;
}

#bonus .bonus_contents_o2{
	background:url(../images/bonus/bonus_o_02.jpg) no-repeat;
}

#bonus .bonus_contents_o3{
	background:url(../images/bonus/bonus_o_03.jpg) no-repeat;
}

#bonus .bonus_contents_o4{
	background:url(../images/bonus/bonus_o_04.jpg) no-repeat;
}

#bonus .bonus_contents_o5{
	background:url(../images/bonus/bonus_o_05.jpg) no-repeat;
}

#bonus .bonus_contents_o6{
	background:url(../images/bonus/bonus_o_06.jpg) no-repeat;
}

#bonus .bonus_contents_o7{
	background:url(../images/bonus/bonus_o_07.jpg) no-repeat;
}

#bonus .bonus_contents_o8{
	background:url(../images/bonus/bonus_o_08.jpg) no-repeat;
}

#bonus .bonus_contents_o9{
	background:url(../images/bonus/bonus_o_09.jpg) no-repeat;
}

#bonus .bonus_contents_o10{
	background:url(../images/bonus/bonus_o_10.jpg) no-repeat;
}

#bonus .bonus_contents_o11{
	background:url(../images/bonus/bonus_o_11.jpg) no-repeat;
}

#bonus .bonus_contents_o12{
	background:url(../images/bonus/bonus_o_12.jpg) no-repeat;
}

#bonus .bonus_contents_o13{
	background:url(../images/bonus/bonus_o_13.jpg) no-repeat;
}

#bonus .bonus_contents_o14{
	background:url(../images/bonus/bonus_o_14.jpg) no-repeat;
}

#bonus .bonus_contents_o15{
	background:url(../images/bonus/bonus_o_15.jpg) no-repeat;
}

#bonus .bonus_contents_o16{
	background:url(../images/bonus/bonus_o_16.jpg) no-repeat;
}

#bonus .bonus_contents_o17{
	background:url(../images/bonus/bonus_o_17.jpg) no-repeat;
}

#bonus p.caption2{
	width: 180px;
	left: 20px;
	bottom: 12px;
	margin: 0;
	position: absolute;
	color: #fff;
	font-size: 15px;
}

#bonus a.btn2{
	width: 260px;
	height: 31px;
	right: 8px;
	bottom: 8px;
	position: absolute;
	background:url(../images/bonus/btn.png) no-repeat;
	background-position: 0 0;
	font-size: 0;
}

#bonus a.btn2:hover{
	background-position: 0 -31px;
}


/* ------------------------------
予約特典
------------------------------ */

#reserved h2.reserved_topics{
	width:959px;
	height:233px;
	margin:380px auto 40px;
	position:relative;
	background:url(../images/reserved/reserved_topics.png) no-repeat;
}

#reserved h3.shop_title{
	width:960px;
	height:94px;
	margin:0 auto 40px;
	position:relative;
	background:url(../images/reserved/shop_title.png) no-repeat;
}

#reserved p.reserved_text{
	text-indent:-10000px;
	overflow:hidden;
	background:url(../images/reserved/reserved_text.png) no-repeat;
	width:689px;
	height:57px;
	float:left;
	margin:0 0 30px;
}


#reserved p.reserved_date{
	text-indent:-10000px;
	overflow:hidden;
	background:url(../images/reserved/reserved_date.png) no-repeat;
	width:692px;
	height:260px;
	float:left;
	margin:0 0 50px;
}

#reserved img.sign_img{
	width:246px;
	height:347px;
	display:block;
	position:relative;
	float:right;
}

#reserved #sub_wrapper{
	background:url(../images/reserved/header_bg.png) no-repeat center top;
}

#reserved ul.shop_list{
	background:url(../images/reserved/map_list.png) no-repeat;
	height:397px;
	width:438px;
	position:relative;
}

#reserved ul.shop_list li{
	width:438px;
	height:25px;
	position:relative;
	display:block;
	margin-bottom:9px;
}

#reserved ul.shop_list li a{
	width:438px;
	height:25px;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
}


#reserved td{
	font-size:86%;
	padding:4px 8px;
}

#reserved table.shop_zone tr{
    background-color: #FFFFFF;
}

#reserved table.shop_zone tr.campaign{
    background-color: #fcedd0;
}

#reserved table.shop_zone td{
	border:1px solid #dadada;
	padding:5px 5px 5px 10px;
	color:#895f5b;
}

#reserved .blue{
	color:#448dda;
}

#reserved p.info strong.blue{
	color:#448dda;
}

#reserved p.catch{
	font-weight:bold;
	margin-bottom:20px;
	color:#6b5e61;
}

#reserved h4.cd_title{
	font-size:180%;
	line-height:162%;
}

#reserved h4.cd_title strong{
	font-size:180%;
	margin-right:5px;
}

#reserved h4.cd_title span.normal{
	color:#6b5e61;
}

#reserved div.cd_info strong.c1{
	color:#ff6f93;
}

#reserved div.cd_inside{
	margin-bottom:30px;
}

#reserved div.cd_inside h5{
	text-indent:-10000px;
	overflow:hidden;
	width:394px;
	height:32px;
	margin-bottom:15px;
}

#reserved div.cd_inside p.ex{
	margin-bottom:15px;
}

#reserved div.cd_inside h5.reserved_title1{
	background:url(../images/resesrved/reserved_title1.png) no-repeat;
}

#reserved div.cd_inside h5.reserved_title2{
	background:url(../images/resesrved/reserved_title2.png) no-repeat;
}

#reserved div.cd_inside h6{
	margin-bottom:5px;
	font-size:140%;
}

#reserved div.cd_inside .c2{
	color:#be8312;
}

#reserved div.cd_inside .c3{
	color:#448dda;

}


/* ------------------------------
ギャラリー
------------------------------ */

#gallery h2.gallery_title{
	width:960px;
	height:94px;
	margin:0 auto 40px;
	position:relative;
	background:url(../images/gallery/gallery_title.png) no-repeat;
}

#gallery ul#gallery_list{
	width:957px;
	height:634px;
	background:url(../images/gallery/gallery_list.png) no-repeat;
	margin:0 auto;
}

#gallery ul#gallery_list li{
	width:237px;
	height:139px;
	background:url(../images/gallery/gallery_list.png) no-repeat;
	float:left;
	text-indent:-10000px;
	overflow:hidden;
	margin-right:3px;
	margin-bottom:26px;
	display:block;
}

#gallery ul#gallery_list li.end{
	margin-right:0px;
}

#gallery ul#gallery_list li a{
	width:237px;
	height:139px;
	display:block;
}

#gallery ul#gallery_list li#g01{
	background-position:0 -634px;	
}

#gallery ul#gallery_list li#g02{
	background-position:-240px -634px;	
}

#gallery ul#gallery_list li#g03{
	background-position:-480px -634px;	
}

#gallery ul#gallery_list li#g04{
	background-position:-720px -634px;	
}

#gallery ul#gallery_list li#g05{
	background-position: 0 -799px;
}

#gallery ul#gallery_list li#g06{
	background-position:-240px -799px;
}

#gallery ul#gallery_list li#g07{
	background-position:-480px -799px;
}

#gallery ul#gallery_list li#g08{
	background-position:-720px -799px;
}

#gallery ul#gallery_list li#g09{
	background-position: 0 -964px;
}

#gallery ul#gallery_list li#g10{
	background-position:-240px -964px;
}

#gallery ul#gallery_list li#g11{
	background-position:-480px -964px;
}

#gallery ul#gallery_list li#g12{
	background-position:-720px -964px;
}

#gallery ul#gallery_list li#g13{
	background-position: 0 -1129px;
}

#gallery ul#gallery_list li#g14{
	background-position:-240px -1129px;
}

#gallery ul#gallery_list li#g15{
	background-position:-480px -1129px;
}

#gallery ul#gallery_list li#g16{
	background-position:-720px -1129px;
}

#gallery h2.cg_title{
	width:960px;
	height:94px;
	margin:0 auto 40px;
	position:relative;
	background:url(../images/gallery/cg_title.png) no-repeat;
}

#gallery h2.op_title{
	width:960px;
	height:94px;
	margin:0 auto 40px;
	position:relative;
	background:url(../images/gallery/op_title.png) no-repeat;
}

#gallery div.gallery_contents{
	margin:0 auto 40px;
	position:relative;
}

#gallery div.gallery_contents iframe.op{
	display:block;
	width:960px;
	height:540px;
	margin:0 auto;
}

#gallery div.gallery_contents a.nico_link{
	width:480px;
	height:40px;
	display:block;
	float:left;
	text-indent:-10000px;
	overflow:hidden;
	background:url(../images/gallery/nico_link.png) no-repeat;
}

#gallery div.gallery_contents a.nico_link:hover{
	background-position:0 -40px;
}

#gallery div.gallery_contents a.tube_link{
	width:480px;
	height:40px;
	display:block;
	float:left;
	text-indent:-10000px;
	overflow:hidden;
	background:url(../images/gallery/tube_link.png) no-repeat;
}

#gallery div.gallery_contents a.tube_link:hover{
	background-position:0 -40px;
}


#gallery h2.count_title{
	width:960px;
	height:94px;
	margin:0 auto 40px;
	position:relative;
	background:url(../images/gallery/count_title.png) no-repeat;
}

#gallery ul#count_list{
	width:957px;
	margin:0 auto;
}

#gallery ul#count_list li{
	width:237px;
	height:139px;
	float:left;
	margin-right:3px;
	margin-bottom:26px;
	display:block;
}

#gallery ul#count_list li.end{
	margin-right:0px;
}

#gallery ul#count_list li.not{
	opacity:0.2;	
}

#gallery ul#count_list li a{
	width:237px;
	height:139px;
	display:block;
}