@charset "UTF-8";
/* **************************************************************** *
 * @desc@ Default
 * @edit@ 2014/03/24
 * **************************************************************** */
*{margin:0;padding:0;}
html{height:100%;font-size:small;line-height:1.7em;}
body{
	height:100%;
	background:#ffddee url(../img/body_bg.png) center top repeat-x;
	color:#444444;
	font-family:
		"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",
		"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN",
		Helvetica,Verdana,Roboto,"Droid Sans",
		Arial,Osaka,sans-serif;
}
table{table-layout:auto;border-spacing:0;border-collapse:separate;border:none;}
th,td{border:none;font-weight:normal;empty-cells:show;}
ul,ol{list-style:none;}
img{border:none;vertical-align:bottom;}
em,strong{font-weight:transparent;font-style:normal;}

a:link,a:visited{
	color:#661155;
	text-decoration:underline;
}
a:hover,a:active{
	color:#772266;
	text-decoration:none;
	text-shadow:0 0 2px #ffaaee,0 0 4px #ffaaee,0 0 6px #ffaaee;
	transition:all 0.4s;
}

/* float解除（.clearfix） */
.clearfix{display:inline-block;}
.clearfix:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
/* \*/
.clearfix{display:block;height:1px;}
html>body .clearfix{height:auto;}
/* */

.hideElm{
	position:absolute;left:0;top:0;overflow:hidden;display:block;
	outline:none;margin:0 0 -1px;border:none;padding:0;
	width:1px;height:1px;background:transparent;
	font-size:1px;line-height:1px;text-indent:-9999px;
}

/* ================================================================ *
 * @desc@ Trunk
 * ================================================================ */
#Trunk{
	width:100%;
}

/* ================================================================ *
 * @desc@ Header / Footer
 * ================================================================ */
#Header{
	position:absolute;
	z-index:20;
	border-bottom:1px solid #ffffff;
	width:100%;
	background:#ff75ba url(../img/hd_bg.png) center top repeat-x;
	box-shadow:0 2px 4px rgba(255,117,186,0.4);
}
#Header .inner{
	margin:0 auto;
	display:inline-block;
	width:956px;
}
#Header .inner:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
/* \*/
#Header .inner{display:block;height:1px;}
html>body #Header .inner{height:auto;}
/* */
#Header h1{
	float:left;
	padding:6px 0 8px 5px;
	width:179px;
}
#Header h1 a,#Header h1 img{
	display:block;
	width:100%;
}
#Header nav{
	float:right;
	padding:30px 4px 10px 0;
	width:750px;
}
#Header nav ul{
	display:inline-block;
	padding:5px 0 0 5px;
	width:745px;
	height:55px;
	background:transparent url(../img/hd_nav_bg.png) left top no-repeat;
}
#Header nav ul:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
/* \*/
#Header nav ul{display:block;height:1px;}
html>body #Header nav ul{height:auto;}
/* */
#Header nav li{
	float:left;
}
#Header nav a,#Header nav em,#Header nav span{
	overflow:hidden;
	outline:none;
	display:block;
	width:100%;
	height:50px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	transition:none;
}
#Header nav a,#Header nav em{
	background-color:transparent;
	background-image:url(../img/hd_nav.png);
	background-repeat:no-repeat;
}
#Header nav #Nav01{width:69px;}
#Header nav #Nav01 a:link,#Header nav #Nav01 a:visited{
	background-position:0 0;
}
#Header nav #Nav01 a:hover,#Header nav #Nav01 a:active,#Header nav #Nav01 em{
	background-position:0 -50px;
}
#Header nav #Nav02{width:62px;}
#Header nav #Nav02 a:link,#Header nav #Nav02 a:visited{
	background-position:-69px 0;
}
#Header nav #Nav02 a:hover,#Header nav #Nav02 a:active,#Header nav #Nav02 em{
	background-position:-69px -50px;
}
#Header nav #Nav03{width:96px;}
#Header nav #Nav03 a:link,#Header nav #Nav03 a:visited{
	background-position:-131px 0;
}
#Header nav #Nav03 a:hover,#Header nav #Nav03 a:active,#Header nav #Nav03 em{
	background-position:-131px -50px;
}
#Header nav #Nav04{width:85px;}
#Header nav #Nav04 a:link,#Header nav #Nav04 a:visited{
	background-position:-227px 0;
}
#Header nav #Nav04 a:hover,#Header nav #Nav04 a:active,#Header nav #Nav04 em{
	background-position:-227px -50px;
}
#Header nav #Nav05{width:93px;}
#Header nav #Nav05 a:link,#Header nav #Nav05 a:visited{
	background-position:-312px 0;
}
#Header nav #Nav05 a:hover,#Header nav #Nav05 a:active,#Header nav #Nav05 em{
	background-position:-312px -50px;
}
#Header nav #Nav06{width:74px;}
#Header nav #Nav06 a:link,#Header nav #Nav06 a:visited{
	background-position:-405px 0;
}
#Header nav #Nav06 a:hover,#Header nav #Nav06 a:active,#Header nav #Nav06 em{
	background-position:-405px -50px;
}
#Header nav #Nav07{width:80px;}
#Header nav #Nav07 a:link,#Header nav #Nav07 a:visited{
	background-position:-479px 0;
}
#Header nav #Nav07 a:hover,#Header nav #Nav07 a:active,#Header nav #Nav07 em{
	background-position:-479px -50px;
}
#Header nav #Nav08{width:65px;}
#Header nav #Nav08 a:link,#Header nav #Nav08 a:visited{
	background-position:-559px 0;
}
#Header nav #Nav08 a:hover,#Header nav #Nav08 a:active,#Header nav #Nav08 em{
	background-position:-559px -50px;
}
#Header nav #Nav09{width:116px;}
#Header nav #Nav09 a:link,#Header nav #Nav09 a:visited{
	background-position:-624px 0;
}
#Header nav #Nav09 a:hover,#Header nav #Nav09 a:active,#Header nav #Nav09 em{
	background-position:-624px -50px;
}
#Footer{
	border-top:1px solid #ffffff;
	padding:30px 0 100px;
	background-color:#ff75ba;
	color:#ffffff;
	text-align:center;
}
#Footer h1{
	margin:0 auto;
	width:91px;
}
#Footer .copyright{
	margin:0 auto;
	padding:15px 0 0;
	width:288px;
}
#Footer h1 a,#Footer h1 img,#Footer .copy img{
	display:block;
	width:100%;
}

/* ================================================================ *
 * @desc@ Container
 * ================================================================ */
#Container{
	margin:0 auto;
	padding:100px 0 120px;
	width:980px;
	background:#ffffff url(../img/ct_bg.png) right bottom no-repeat;
	box-shadow:0 0 6px rgba(233,6,130,0.5);
}

#Container .layoutHalf{
	clear:both;
	display:inline-block;
	margin:0 auto;
	width:940px;
}
#Container .layoutHalf:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
/* \*/
#Container .layoutHalf{display:block;height:1px;}
html>body #Container .layoutHalf{height:auto;}
/* */
#Container .layoutHalf .leftContent{
	float:left;
	width:460px;
}
#Container .layoutHalf .rightContent{
	float:right;
	width:460px;
}
#Container .snsBox{
	margin:0 auto;
	padding-top:15px;
	width:940px;
}
#Container .pgtop{
	margin:0 auto;
	padding:5px 5px 0;
	/*width:930px;*/
	text-align:right;
}

/* ================================================================ *
 * @desc@ PgHome
 * ================================================================ */
 
#PgHome #MainVisual{
	position:relative;
	margin:18px auto 0;
	border:1px solid #ffffff;
	width:940px;
	box-shadow:0 0 10px rgba(255,117,186,0.6);
}
#PgHome #MainVisual h1{
	width:100%;
}
#PgHome #MainVisual h1 a,#PgHome #MainVisual h1 img{
	display:block;
}
#PgHome #MainVisual .topics{
	position:absolute;
	left:0;
	bottom:0;
	padding:4px 20px;
	width:900px;
	background-color:rgba(255,85,170,0.9);
	color:#ffffff;
	line-height:1.4em;
	text-align:right;
}

#PgHome #PickUp{
	text-align:left;
	margin:18px 0 0 19px;
}
#PgHome #PickUp ul{
	font-size:0;
	margin:0;
	width:100%;
}
#PgHome #PickUp li{
	font-size:12px;
	margin:0 17px 18px 0;
	display:inline-block;
	border:1px solid #ffffff;
	box-shadow:0 0 6px rgba(255,117,186,0.4);
}
/*
#PgHome #PickUp{
	display:inline-block;
	margin:0 auto;
	width:940px;
}
#PgHome #PickUp:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
/* \*/
/*
#PgHome #PickUp{display:block;height:1px;}
html>body #PgHome #PickUp{height:auto;}
*/
/* */

/*
#PgHome #PickUp ul{
	width:100%;
}
#PgHome #PickUp li{
	float:left;
	margin-top:18px;
	border:1px solid #ffffff;
	width:460px;
	box-shadow:0 0 6px rgba(255,117,186,0.4);
}
#PgHome #PickUp li:nth-child(even){
	float:right;
}
#PgHome #PickUp a,#PgHome #PickUp img{
	display:block;
	width:100%;
}*/

#PgHome #Whats{
	overflow:hidden;
	/*margin:37px auto 0;*/
	margin:0 auto;
	border:1px solid #ffffff;
	border-radius:10px;
	background-color:#ffffff;
	box-shadow:0 0 6px rgba(255,117,186,0.4);
}
#PgHome #Whats h1{
	border-bottom:1px solid #ffffff;
}
#PgHome #Whats h1 img{
	display:block;
}
#PgHome #Whats dl{
	overflow:auto;
	border-radius:0 0 10px 10px / 0 0 10px 10px;
	padding:12px;
	height:151px;
	box-shadow:0 0 4px rgba(255,117,186,0.4) inset;
}
#PgHome #Whats dt{
	color:#ff55aa;
}
#PgHome #Whats dd{
	padding-bottom:10px;
}

#PgHome #Movie{
	margin:18px 0 0;
}

#PgHome #Sns{
	margin:18px 0 0;
}

#PgHome #Twitter{
	overflow:hidden;
	/*margin:37px auto 0;*/
	margin:0 auto;
	border:1px solid #ffffff;
	border-radius:10px;
	background-color:#ffffff;
	box-shadow:0 0 6px rgba(255,117,186,0.4);
}
#PgHome #Twitter h1{
	border-bottom:1px solid #ffffff;
}
#PgHome #Twitter h1 img{
	display:block;
}
#PgHome #Twitter .inner{
	border-radius:0 0 10px 10px / 0 0 10px 10px;
	padding:0 0 0 12px;
	box-shadow:0 0 4px rgba(255,117,186,0.4) inset;
}

#PgHome #Publicity{
	overflow:hidden;
	margin:18px auto 0;
	border:1px solid #ffffff;
	border-radius:10px;
	background-color:#ffffff;
	box-shadow:0 0 6px rgba(255,117,186,0.4);
}
#PgHome #Publicity h1{
	border-bottom:1px solid #ffffff;
}
#PgHome #Publicity h1 img{
	display:block;
}
#PgHome #Publicity ul{
	overflow:auto;
	border-radius:0 0 10px 10px / 0 0 10px 10px;
	padding:12px;
	height:154px;
	box-shadow:0 0 4px rgba(255,117,186,0.4) inset;
}
#PgHome #Publicity li{
	padding-bottom:18px;
}
#PgHome #Publicity .pic{
	float:left;
	border:1px solid #ffffff;
	width:100px;
	box-shadow:0 0 6px rgba(255,117,186,0.4);
}
#PgHome #Publicity .pic img{
	display:block;
	width:100px;
}
#PgHome #Publicity .desc{
	float:right;
	width:310px;
}
#PgHome #Publicity .desc p{
	font-size:.9em;
	color:#666666;
}
#PgHome #Publicity .desc .date{
	font-size:1em;
	color:#ff55aa;
}

/* ================================================================ *
 * @desc@ Story
 * ================================================================ */
#Story{
	margin:0 auto;
	padding:34px 0 0;
	width:956px;
}
#Story h1{
	padding-bottom:4px;
}

/* ================================================================ *
 * @desc@ Sstory
 * ================================================================ */
#Sstory{
	margin:0 auto;
	padding:34px 0 0;
	width:956px;
}
#Sstory h1{
	padding-bottom:4px;
}

/* ================================================================ *
 * @desc@ Char
 * ================================================================ */
#Char{
	margin:0 auto;
	padding:34px 0 0;
	width:956px;
}
#Char h1{
	padding-bottom:22px;
}
#Char #Map{
	position:relative;
	overflow:hidden;
	margin:0 auto;
	border:6px solid #ffffff;
	border-radius:8px;
	width:928px;
	box-shadow:0 0 10px rgba(255,117,186,0.6);
}
#Char #Map a,#Char #Map img{
	display:block;
	width:100%;
}
#Char #Map .base{
	overflow:hidden;
	border-radius:6px;
}
#Char #Map li{
	position:absolute;
	z-index:200;
}
#Char #Map .main{
	padding:2px 2px 0 2px;
	width:115px;
}
#Char #Map .sub{
	padding:2px 2px 0 2px;
	width:102px;
}
#Char #Map .main:hover{
	padding:0;
	width:119px;
	transition:all 0.2s;
}
#Char #Map .sub:hover{
	padding:0;
	width:106px;
	transition:all 0.2s;
}
#Char #Map .bt01{
	left:414px;
	top:16px;
}
#Char #Map .bt02{
	left:115px;
	top:215px;
}
#Char #Map .bt03{
	left:115px;
	top:416px;
}
#Char #Map .bt04{
	left:414px;
	top:417px;
}
#Char #Map .bt05{
	left:712px;
	top:213px;
}
#Char #Map .bt06{
	left:414px;
	top:213px;
}
#Char #Map .bt07{
	left:658px;
	top:32px;
}
#Char #Map .bt08{
	left:788px;
	top:32px;
}
#Char #Map .bt09{
	left:718px;
	top:417px;
}
#Char .charBox{
	position:relative;
	margin:20px 0 0;
	padding:94px 14px 11px;
	width:928px;
	height:618px;
	background:transparent url(../img/char/char_bg.png) center bottom no-repeat;
}
#Char .charBox img{
	display:block;
}
#Char .charBox nav{
	position:absolute;
	left:5px;
	top:0;
	z-index:100;
	padding:3px 0 0 3px;
	width:603px;
	height:78px;
	background:transparent url(../img/char/char_nav_bg.png) left top no-repeat;
}
#Char .charBox nav ul{
	display:inline-block;
	padding-bottom:5px;
	width:100%;
}
#Char .charBox nav ul:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
/* \*/
#Char .charBox nav ul{display:block;height:1px;}
html>body #Char .charBox nav ul{height:auto;}
/* */
#Char .charBox nav li{
	float:left;
	width:120px;
}
#Char .charBox nav a,#Char .charBox nav em{
	overflow:hidden;
	outline:none;
	display:block;
	width:100%;
	background-color:transparent;
	background-image:url(../img/char/char_nav.png);
	background-repeat:no-repeat;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
	transition:none;
}
#Char .charBox nav .main a,#Char .charBox nav .main em{
	height:40px;
}
#Char .charBox nav .sub a,#Char .charBox nav .sub em{
	height:30px;
}
#Cnv01 a:link,#Cnv01 a:visited{
	background-position:0 0;
}
#Cnv01 a:hover,#Cnv01 a:active,#Cnv01 em{
	background-position:0 -40px;
}
#Cnv02 a:link,#Cnv02 a:visited{
	background-position:-120px 0;
}
#Cnv02 a:hover,#Cnv02 a:active,#Cnv02 em{
	background-position:-120px -40px;
}
#Cnv03 a:link,#Cnv03 a:visited{
	background-position:-240px 0;
}
#Cnv03 a:hover,#Cnv03 a:active,#Cnv03 em{
	background-position:-240px -40px;
}
#Cnv04 a:link,#Cnv04 a:visited{
	background-position:-360px 0;
}
#Cnv04 a:hover,#Cnv04 a:active,#Cnv04 em{
	background-position:-360px -40px;
}
#Cnv05 a:link,#Cnv05 a:visited{
	background-position:-480px 0;
}
#Cnv05 a:hover,#Cnv05 a:active,#Cnv05 em{
	background-position:-480px -40px;
}
#Cnv06 a:link,#Cnv06 a:visited{
	background-position:0 -80px;
}
#Cnv06 a:hover,#Cnv06 a:active,#Cnv06 em{
	background-position:0 -110px;
}
#Cnv07 a:link,#Cnv07 a:visited{
	background-position:-120px -80px;
}
#Cnv07 a:hover,#Cnv07 a:active,#Cnv07 em{
	background-position:-120px -110px;
}
#Cnv08 a:link,#Cnv08 a:visited{
	background-position:-240px -80px;
}
#Cnv08 a:hover,#Cnv08 a:active,#Cnv08 em{
	background-position:-240px -110px;
}
#Cnv09 a:link,#Cnv09 a:visited{
	background-position:-360px -80px;
}
#Cnv09 a:hover,#Cnv09 a:active,#Cnv09 em{
	background-position:-360px -110px;
}
#Char .charBox nav li#Cnv10{
	padding-left:40px;
	width:80px;
}
#Cnv10 a:link,#Cnv10 a:visited{
	background-position:-480px -80px;
}
#Cnv10 a:hover,#Cnv10 a:active,#Cnv10 em{
	background-position:-480px -110px;
}
#Char .charBox .voice{
	position:absolute;
	left:46px;
	z-index:50;
}
#Char .charBox .voice_pos{
	top:371px;
}
#Char .charBox .voice_pos2{
	top:321px;
}
#Char .charBox .voice_pos3{
	top:261px;
}
#Char .charBox .voice ol{
	display:table;
}
#Char .charBox .voice li{
	display:table-cell;
	padding-right:11px;
}
#Char .charBox .voice span img{
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
#Char .charBox .voice span img:hover{
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity:0.4;
	transition:all 0.2s;
	cursor: pointer;
}
#Char .charBox .catch{
	position:absolute;
	left:44px;
	top:244px;
	z-index:40;
}
#Char .charBox .picDef{
	position:absolute;
	left:14px;
	bottom:11px;
	z-index:30;
}
#Char .charBox .desc{
	position:absolute;
	left:14px;
	top:94px;
	z-index:20;
}
#Char .charBox .picLarge{
	position:absolute;
	right:14px;
	bottom:11px;
	z-index:10;
}

/* ================================================================ *
 * @desc@ EventCG
 * ================================================================ */

#Cg{
	margin:0 auto;
	padding:34px 0 0;
	width:956px;
}
#Cg h1{
	padding-bottom:4px;
}
#Cg .mainPic{
	overflow:hidden;
	margin:0 auto;
	border:6px solid #ffffff;
	border-radius:8px;
	width:928px;
	box-shadow:0 0 10px rgba(255,117,186,0.6);
}
#Cg .mainPic .inner{
	background-image:url(../img/cg/cg_bg.png);
	background-repeat:repeat-y;
	background-position:center top;
	border-radius:6px;
}
#Cg .mainPic .inner .cgList{
	font-size:0;
	padding:24px 0 0 30px;
	margin:0;
	zoom:1;
}
#Cg .mainPic .inner .cgList li{
	font-size:12px;
	float:left;
	margin:0 16px 16px 0;
	padding:0;
	line-height:1;
}
#Cg .mainPic .inner .cgList:after {
	content:""; 
	display:block; 
	clear:both;
}
#Cg .mainPic .inner .cgList li a{
}
#Cg .mainPic .inner .cgList li a img{
	background-color:#fff;
	border-radius:8px;
	border:#fff 4px solid;
	transition:border-color .2s linear;
	-webkit-transition:border-color .2s linear;
}
#Cg .mainPic .inner .cgList li a:hover img{
	border-color:#E60E7F;
}

/* ================================================================ *
 * @desc@ Download
 * ================================================================ */

#Download{
	margin:0 auto;
	padding:34px 0 0;
	width:956px;
}
#Download h1{
	padding-bottom:4px;
}
#Download .mainPic{
	overflow:hidden;
	margin:0 auto;
	border:6px solid #ffffff;
	border-radius:8px;
	width:700px;
	box-shadow:0 0 10px rgba(255,117,186,0.6);
}
#Download h2{
	color: #fff;
	background-color: #D0247A;
	padding: 8px;
	text-align: center;
	margin: 0 0 8px;
	line-height: 1;
	vertical-align: middle;
	border-bottom: 3px solid #EB74AF;
	border-radius:16px;
}
#Download .attention{
	padding:16px;
	text-align:center;
}
#Download .downloadList{
	list-style-type:none;
	text-align:left;
	font-size: 0;
	padding-left: 8px;
}
#Download .downloadList li{
	font-size:12px;
	display:inline-block;
	/zoom:1;
	width:200px;
	padding: 8px;
	text-align:center;
	border:2px dotted #EB74AF;
	margin:0 4px 8px;
	border-radius:8px;
}
#Download .downloadList img,
#Download .downloadList span.noBanner{
	border:#EB74AF 1px solid;
	border-radius:8px;
}

#Download .downloadList a.download{
	display:block;
	color: #fff;
	background-color: #D0247A;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
	margin-top: 4px;
	padding:8px 0;
	line-height:1;
	text-decoration:none;
	border-radius:8px;
}
#Download .downloadList a.download:hover{
	background-color:#EB74AF;
}
#Download .downloadList span.noBanner{
	display:inline-block;
	/zoom:1;
	width: 200px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	background-color: #f0f0f0;
	color: #999;
}

#Download .countdownList li {
	margin-bottom: 8px;
}

#Download .countdownList img:hover {
	filter:alpha(opacity=40);
	-moz-opacity:0.7;
	opacity:0.7;
	transition:all 0.2s;
	cursor: pointer;
}

/* ================================================================ *
 * @desc@ Special
 * ================================================================ */

#Special{
	margin:0 auto;
	padding:34px 0 0;
	width:956px;
}
#Special h1{
	padding-bottom:4px;
}
#Special .mainPic{
	overflow:hidden;
	margin:0 auto;
	border:6px solid #ffffff;
	border-radius:8px;
	width:928px;
	box-shadow:0 0 10px rgba(255,117,186,0.6);
}
#Special .bannerMailBtn{
	text-align:center;
	margin:16px 0;
}
#Special .bannerMailBtn a{
	transition:opacity .2s linear;
	-webkit-transition:opacity .2s linear;
}
#Special .bannerMailBtn a:hover{
	opacity:.5;
}
#Special .bannerTableContainer{
	padding:24px 8px;
}
#Special .bannerTableContainer h2{
	color: #fff;
	background-color: #D0247A;
	padding: 8px;
	text-align: center;
	margin: 0 0 8px;
	line-height: 1;
	vertical-align: middle;
	border-bottom: 3px solid #EB74AF;
	border-radius:16px;
}
#Special .bannerTableContainer h2 .supplement{
	font-size:14px;
	margin-left: 8px;
}
#Special .bannerForm table{
	margin:0 auto 8px;
}
#Special .bannerForm table th,
#Special .bannerForm table td{
	padding:4px;
	vertical-align:middle;
}
#Special .bannerForm table th{
	text-align: right;
}
#Special .bannerForm table input,
#Special .bannerForm table textarea{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1;
	padding: 6px;
	border:2px #ccc solid;
	border-radius:8px;
	font-size:14px;
}
#Special .bannerForm table textarea{
	line-height:1.25;
}
#Special .bannerForm p{
	text-align:center;
	margin-bottom:24px;
}
#Special .bannerForm input[type="submit"]{
	padding:16px;
	font-size:16px;
}
#Special .bannerTable {
	margin:0 auto 16px;
}
#Special .bannerTable td{
	padding:4px;
	text-align:center;
}
#Special .bannerTable img{
	border:#ccc 1px solid;
	vertical-align:middle;
	margin:2px;
}
#Special .bannerTable textarea{
	font-size:12px;
	color:#505050;
	vertical-align:middle;
	line-height: 1;
	background-color:#f0f0f0;
	border:#ccc 1px solid;
}
#Special .thanks{
	padding:64px;
}
#Special .thanks p{
	text-align:center;
	margin-bottom: 16px;
}

/* ================================================================ *
 * @desc@ Product
 * ================================================================ */

#Product{
	margin:0 auto;
	padding:34px 0 0;
	width:956px;
}
#Product h1{
	padding-bottom:4px;
}
#Product .mainPic{
	overflow:hidden;
	margin:0 auto;
	border:6px solid #ffffff;
	border-radius:8px;
	width:928px;
	box-shadow:0 0 10px rgba(255,117,186,0.6);
}
#Product .mainPic img{
	display:block;
	width:100%;
}
#Product .mainPic .inner{
	overflow:hidden;
	border-radius:6px;
}

/* ================================================================ *
 * @desc@ Reservation
 * ================================================================ */

#Reservation{
	margin:0 auto;
	padding:34px 0 0;
	width:956px;
}
#Reservation h1{
	padding-bottom:4px;
}
#Reservation .mainPic{
	overflow:hidden;
	margin:0 auto;
	border:6px solid #ffffff;
	border-radius:8px;
	/*width:928px;*/
	width:800px;
	box-shadow:0 0 10px rgba(255,117,186,0.6);
}
#Reservation .shopBtn{
	text-align:center;
	margin:16px 0 32px;
}
#Reservation .shopBtn a{
	transition:opacity .2s linear;
	-webkit-transition:opacity .2s linear;
}
#Reservation .shopBtn a:hover{
	opacity:.5;
}
#Reservation h2{
	color: #fff;
	background-color: #D0247A;
	padding: 8px;
	text-align: center;
	margin: 0 0 16px;
	line-height: 1;
	vertical-align: middle;
	border-bottom: 3px solid #EB74AF;
	border-radius:16px;
}
#Reservation h2 a{
	color: #fff;
}
#Reservation .shopListLink{
	list-style-type:none;
	text-align:center;
	font-size:0;
	margin:16px auto;
}
#Reservation .shopListLink li{
	font-size:14px;
	display:inline;
	margin:8px;
}
#Reservation .shopList{
	width:100%;
	border-collapse:collapse;
}
#Reservation .shopList th,
#Reservation .shopList td{
	font-size: 12px;
	line-height: 1;
	padding: 4px;
	border: #F383BB 1px solid;
}
#Reservation .shopList th{
	width:33%;
	vertical-align: top;
	text-align: right;
	background-color: #F383BB;
	color: #fff;
	font-weight: bold;
}
#Reservation .shopList td{
	background-color:#fff;
}
#Reservation .shopList tr:nth-child(even) td{
	background-color:#FFEAF5;
}
#Reservation .backLink{
	text-align:center;
}
#Reservation .backToTop{
	text-align:right;
	margin:4px 0 16px;
}

#Reservation .shopGoodsList {
	padding-left: 18px;
	font-size: 0;
	text-align: left;
}

#Reservation .shopGoodsList li {
	font-size:12px;
	display:inline-block;
	/zoom:1;
	width:432px;
	padding: 8px;
	text-align:center;
	border:2px dotted #7AB0F4;
	margin:0 4px 8px;
	border-radius:8px;
}
#Reservation .shopGoodsList .img {
	margin-bottom: 16px;
}
#Reservation .shopGoodsList .img img {
	border-radius: 8px;
	box-shadow: rgba(208,36,112,.3) 3px 3px 8px;
}
#Reservation .shopGoodsList .item {
	font-size: 14px;
	text-align: center;
	padding: 8px;
	line-height: 1;
	color: #9C8419;
	margin-bottom: 8px;
	background-color: #FFF3BC;
	border: #FFE983 1px solid;
	border-radius: 8px;
}
#Reservation .shopGoodsList a.reserve{
	display:block;
	color: #fff;
	background-color: #D0247A;
	font-size:20px;
	font-weight: bold;
	text-align:center;
	vertical-align:middle;
	margin-top: 4px;
	padding: 16px 0;
	line-height:1;
	text-decoration:none;
	border-radius:8px;
}
#Reservation .shopGoodsList a.reserve:hover{
	background-color:#EB74AF;
}

#Reservation .shopGoodsList h3 {
	font-size: 20px;
	line-height: 1.75;
	color: #fff;
	background-color: #3b87e6;
	border-bottom: 3px solid #7AB0F4;
	margin-bottom: 8px;
	border-radius: 4px;
}

#Reservation .shopGoodsList h3 a {
	color: #fff;
	display: block;
	text-decoration: none;
}