@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, ul, p, form, input, ul, ol, li, dl, dd, dt, section, header, nav, article, aside, hgroup, header, footer, figure, figcaption, summary {
	margin: 0;
	padding: 0;
}
section, header, nav, article, aside, hgroup, header, footer, figure, figcaption, summary {
	display: block;
}
html {
	overflow-y: scroll;
}
table {
	border-collapse: collapse;
}
/* For IE7  */
*:first-child+html * {
	letter-spacing: 0;
}
img {
	border: none;
	vertical-align: top;
}
.clear {
	clear: both;
}
/* #################### */
 /* common */
/* #################### */
html, body {
	height: 100%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	background: url(../img/bass/bg.png) no-repeat center 0;
	background-attachment: fixed;
/* 	background-size: cover; */
}

.mamahaha {
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	color: #333333;
	font: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
	 "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

header {
	height: 110px;
	background: url(../img/bass/bg_header.png) no-repeat center center;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
div.inner {
	width: 1000px;
	margin: 0 auto;
}
header div.inner {
	position: relative;
}
header h1 {
	position: absolute;
	top: 12px;
	left: 0;
}
header h1 img:hover {
	position : relative;
	top : 1px;
	left : 1px;
}
header ul {
	position: absolute;
	top: 12px;
	left: 225px;
}
header li {
	list-style: none;
	float: left;
	margin-right: 1px;
}
footer {
	clear: both;
	background: #78c300;
	-moz-box-shadow: 0 5px 8px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,0.2) inset;
	box-shadow: 0 5px 8px rgba(0,0,0,0.2) inset;
}
footer div.log_area {
	padding: 25px 0 0;
	height: 175px;
}
footer div.log_area div.inner {
	width: 895px;
	height: 173px;
	margin: 0 auto;
}
footer div.log_area h3 {
	float: left;
	width: 99px;
	margin-right: 25px;
}
footer div.log_area div.log_box {
	float: left;
	width: 770px;
	height: 160px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	display: inline-block;
}
iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}
footer div.banner_area {
	background: #c6217c;
	-moz-box-shadow: 0 -5px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 -5px 8px rgba(0,0,0,0.2);
	box-shadow: 0 -5px 8px rgba(0,0,0,0.2);
	padding: 7px;
	height: 99px;
}
footer div.banner_area div.inbox {
	width: 460px;
	height: 91px;
	margin: 0 auto;
	background: url(../img/bass/footer01.png) no-repeat 0 0;
}
footer div.banner_area div.inbox p {
	width: 200px;
	height: 40px;
	float: right;
	margin-top: 25px;
}
div.banner_area div.inbox p a:hover img {
	position : relative;
	top : 1px;
	left : 1px;
}


/* ################ */
	/* mouseover  */
/* ################ */
img.peco:hover {
	position : relative;
	top : 1px;
	left : 1px;
}



/* #################### */
	/* chara */
/* #################### */
#wrap_chara {
	width: 938px;
	margin: 178px auto 0px;
}
div#hdr {
	height: 106px;
	background: url(../img/header_bg.png) no-repeat 0 0;
}

div#hdr li img:hover {
	position : relative;
	top : 1px;
	left : 1px;
}

#wrap_footer {
	width: 938px;
	height: 80px;
	margin: 0 auto 50px;
	background: url(../img/footer_bg.png) no-repeat 0px bottom;
}

#wrap_chara  #contents {
	padding: 20px 59px;
	background: url(../img/center_bg.png) repeat-y 0 0;
	margin-bottom: -5px;
	
}
#wrap_chara  #img_contents {
	margin: 20px 59px 0;
	height: 1100px;
	position: relative;
	background: url(../img/center_bg.png) repeat-y 0 0;
}
#wrap_chara  #img_contents div.base {
	position: absolute;
	top: 0;
	left: 0;
}


div#hdr h3 {
	padding: 16px 0 0 25px;
	float: left;
}
div#hdr ul {
	width: 440px;
	float: right;
	padding-top: 16px;
	margin-right: 59px;
}
div#hdr li {
	list-style: none;
	float: left;
}

#wrap_chara #img_contents {
    position: relative;
}

#wrap_chara #img_contents ul.sv_btn {
	position: absolute;
	top: 253px;
	left: 6px;
}
ul.sv_btn li {
	list-style: none;
	float: left;
	margin-right: 8px;
}

.sv_btn_base {
    position: relative;
}
.sv_btn_base ul.sv_btn {
	position: absolute;
	top: 270px;
	left: 100px;
}

/* ########################## */
	/* chara追加部分 */
/* ########################## */

#chara_choice_btn {
	width: 938px;
	margin: 0 auto;
	position: relative;
}
#chara_choice_btn img {
	vertical-align: top;
}

#chara_choice_btn div.scrollbtn {
	position: absolute;
	top: -90px;
	right: 20px;
}

ul.triple li,
ul.dual li {
	list-style: none;
	float: left;
}
ul.triple li {
	margin-bottom: 3px;
}
/*------------------------------------*/
ul.triple:after,
ul.dual:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
/*------------------------------------*/

/* ########################## */
	/* chara追加0805 */
/* ########################## */

/* 伊桜里美幸の位置 */
#contents #pattern1 {
	width: 271px;
	position: absolute;
	top: 15px;
	right: 160px;
}

/* すずかの位置 */
#contents #pattern2 {
	width: 322px;
	position: absolute;
	top: 15px;
	right: 140px;
}


/* 差分ボタン設定 */
#contents .bg_change_btn1 {
	position: absolute;
	top: 230px;
	right: 70px;
}


#contents .bg_change_btn2 {
	position: absolute;
	top: 230px;
	right: 55px;
}

.bg_change_btn1 li,
.bg_change_btn2 li {
	list-style: none;
	margin-bottom: 10px;	
}

/* ########################## */
	/* chara追加0826 */
/* ########################## */

.a {
	position: relative;
}

.a .a_img {
	position: absolute;
	top: -35px;
	left: 346px;
}


.b {
	position: relative;
}

.b .b_img {
	position: absolute;
	top: 30px;
	left: 362px;
}



/* #################### */
	/* loveero */
/* #################### */

div.inner728 {
	width: 728px;
	margin: 0 auto;
	min-height: 500px;
}
/*------------------------------------*/
div.inner728:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/*------------------------------------*/

div.box-title {
	clear: both;
}
div.box {
	float: left;
	margin: 0 64px 47px 0;
}
div.inner728 div.box.first {
	clear: both;
}
div.inner728 div.box.end {
	margin-right: 0;
}
/* #################### */
	/* loveero_window */
/* #################### */
div.inner_loveero {
	width: 778px;
	margin: 0 auto;
	min-height: 500px;
}
div.withbtn {
	margin-bottom: 30px;
	position: relative;
}
div.withbtn div.left_btn,
div.withbtn div.right_btn {
	position: absolute;
	top: 259px;
}
div.withbtn div.left_btn {
	left: -70px;
}
div.withbtn div.right_btn {
	right: -70px;
}
div.withbtn div.left_btn img:hover, div.withbtn div.right_btn img:hover, div.tolink img:hover {
	position : relative;
	top : 1px;
	left : 1px;
}
div.text_box {
	width: 740px;
	height: 300px;
	padding: 4px 2px 9px 3px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	margin: 0 auto 20px;
	background: url(../img/bg_text.png) no-repeat 0 0;
}
iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

div.tolink {
	text-align: center;
}
/* #################### */
	/* story */
/* #################### */

div.main {
	width: 835px;
	margin: 0 auto;
}

div.main img:hover {
	position : relative;
	top : 1px;
	left : 1px;
}
/* #################### */
	/* outline  */
/* #################### */
.inner720 {
	width: 720px;
	margin: 0 auto;
	min-height: 500px;
}
.inner720 table {
	width: 100%;
	border-top: 1px solid #000;
}
.inner720 table td {
	padding: 10px;
	border-bottom: 1px solid #000;
}


/* #################### */
	/* outline 追加 */
/* #################### */


.outline_hd{
	height: 31px;
	width: 110px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 0px;
	background: url(../img/spec01.png) no-repeat center bottom;
}

.outline_staff{
	height: 31px;
	width: 110px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/spec02.png) no-repeat center bottom;
	margin-top: 50px;
}

.outline_staff_box{
	height: auto;
	width: 900px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}

.outline_spec{
	height: 31px;
	width: 110px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/spec03.png) no-repeat center bottom;
	margin-top: 50px;
}

.outline_spec_box{
	height: auto;
	width: 900px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}


table#outline_spec-01 {
	width: 720px;
	border: 1px solid #6d3e15;
	border-collapse: collapse;
	margin-top: 5px;
	margin-bottom: 70px;
	text-decoration: none;
}

table#outline_spec-01 th {
	padding: 5px;
	text-align: center;
	background-color: #fff0f3;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #6d3e15;
	width: 220px;
	text-decoration: none;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6d3e15;
	border-right-color: #6d3e15;
	border-bottom-color: #6d3e15;
	border-left-color: #6d3e15;
}

table#outline_spec-01 td {
	padding: 5px;
	text-align: center;
	background-color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #6d3e15;
	text-decoration: none;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6d3e15;
	border-right-color: #6d3e15;
	border-bottom-color: #6d3e15;
	border-left-color: #6d3e15;
}


table#outline_spec-02 {
	width: 720px;
	border: 1px solid #6d3e15;
	border-collapse: collapse;
	margin-top: 5px;
	margin-bottom: 10px;
	text-decoration: none;
}

table#outline_spec-02 th {
	padding: 5px;
	text-align: center;
	background-color: #fff0f3;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #6d3e15;
	width: 220px;
	text-decoration: none;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6d3e15;
	border-right-color: #6d3e15;
	border-bottom-color: #6d3e15;
	border-left-color: #6d3e15;
}

table#outline_spec-02 td {
	list-style-type: none;
	padding: 5px;
	background-color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #6d3e15;
	width: 453px;
	text-indent: 10px;
	text-decoration: none;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6d3e15;
	border-right-color: #6d3e15;
	border-bottom-color: #6d3e15;
	border-left-color: #6d3e15;
}


table.outline_spec-03 {
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	color: #fe31dc;
	width: auto;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	height: auto;

	border: 0px none #FFF;
	text-decoration: none;
}



#outline_list{
	width: 720px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	display: block;
	}


#outline_list3{
	width: 721px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	display: block;
	}


.outline_opedbgm {
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
	color: #fe31dc;
	width: 300px;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	height: auto;
	border: 0px none #FFF;
	list-style-type:none;
}

.outline_opedbgm2 {
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #3CF;
	width: 400px;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	height: auto;
	border: 0px none #FFF;
	clear: left;
	text-indent: 20px;
	list-style-type:none;
}

.outline_opedbgm2b {
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #3CF;
	width: 400px;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	height: auto;
	border: 0px none #FFF;
	clear: left;
	text-indent: 100px;
}

.outline_opedbgm_ive {
	width: 47px;
	background-color: #FFF;
	padding: 0px;
	height: 47px;
	border: 0px none #FFF;
	background-image: url(../img/icon_ive.png);
	margin-top: -20px;
	margin-left: 200px;
	text-decoration: none;
}

.outline_opedbgm_ive2 {
	width: 47px;
	background-color: #FFF;
	padding: 0px;
	height: 47px;
	border: 0px none #FFF;
	background-image: url(../img/icon_ive.png);
	margin-top: -20px;
	margin-left: 100px;
	text-decoration: none;
}

#outline_opedbgm_eg {
	width: 47px;
	background-color: #FFF;
	padding: 0px;
	height: 51px;
	border: 0px none #FFF;
	background-image: url(../image/outline/eg.png);
	margin-top: 0px;
	margin-left: 200px;
}

/* ###################### */
	/* campaign */
/* ###################### */
#new_wrap {
	width: 905px;
	margin: 0 auto;
	padding-bottom: 40px; 
}

ul.pagelink {
	width: 538px;
	height: 101px;  
	margin: 0 auto;
}
ul.pagelink li {
	list-style: none;	
}
ul.pagelink li.left {
	float: left;	
}
ul.pagelink li.right {
	float: right;	
}


/* ###################### */
	/* section A */
/* ###################### */

div.form_space {
	width: 724px;
	height: 224px;
	margin: 0 auto;
	background: #EDEDED; 
}
div.bn_700 {
	width: 700px;
	margin: 0 auto;
}

div.bn01 {
	text-align: center;
	margin-bottom: 5px;	
}

div.bn02 {
	margin-bottom: 5px;
}
div.bn03,
div.bn04 {
	float: left;
	width: 120px;
	margin-right: 15px;
}

.a_left {
	width: 270px;
	float: left;	
}
.a_right {
	width: 400px;
	float: right;	
}

.bn07 {
	float: left;
	width: 128px;
	margin-right: 17px;
	margin-bottom: 4px;
}
.bn08 {
	float: left;
	width: 128px;
	margin-bottom: 4px;
}


.bn09 {
	float: left;
	width: 180px;
	margin-bottom: 4px;
}
.bn10 {
	float: right;
	width: 180px;
	margin-bottom: 4px;
}


.bn05 {
	float: left;
	width: 190px;
}
.bn06 {
	float: right;
	width: 190px;
}

div.bn01 textarea,
div.bn_700 textarea {
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  min-height: 50px;
  padding: 3px;
  resize: none;
  width: 100%;
  box-sizing: border-box;
  margin-top: 10px;
}
div.bn01 textarea {
    width: 800px;
}




/* ###################### */
	/* section B */
/* ###################### */
#section_b {
	clear: both;
	padding-top: 10px;
}
.b_btn {
	text-align: center;
	margin-bottom: 77px;	
}

div.b_btn2 {
	width: 700px;
	padding-top: 87px;
	display: block;
	margin-top: 20;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

div.b_bg_h {
	width: 454px;
	padding-top: 87px;
	display: block;
	background-image: url(../img/cam_b02.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

div.b_bg_b {
	width: 454px;
	height: 20px;
	margin: 0 auto 0px;
	background-image: url(../img/cam_b02b.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.b_bg_l {
	width: 454px;
	height: auto;
	background-image: url(../img/cam_b02l.png);
	background-repeat: repeat-y;
	background-position: 0 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}

div.b_caption {
	height: auto;
	background: #FFF; 
	margin-top: 0px;
	margin-right: 29px;
	margin-bottom: 0px;
	margin-left: 29px;
}

div.b_bg_b2 {
	width: 600px;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #03F;
	height: auto;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* ###################### */
	/* salespoint */
/* ###################### */

.iori{
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: #001c97;
	font: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
	}
	
.miyuki{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color:#121212;
	font: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
	}
	
.suzuka{
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color:#690020;
	font: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
	}
	
.text01 {
	font-size: 12px;
	text-align: left;
	line-height: 18px;
	color: #333333;
	font: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
	 "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}


/* ###################### */
	/* dl movie */
/* ###################### */
.movie-base {
	width: 806px;
	height: 610px;
	background: url(../img/waku.png) no-repeat 0 0;
	padding-top: 3px;
	margin: 0 auto;
	display: block;
}

div.img_center{
  text-align: center;
}



/* ###################### */
	/* 入力フォーム用 */
/* ###################### */
table.form {
    width: 800px;
    margin: 0 auto;
}
table.form td {
    font-size: 12px;
    padding: 2px;
    color: #333;
}