@charset "UTF-8";

/* reset
------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,main,hgroup,menu,nav,section { 
    display:block;
}
 
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	outline:none;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}



/* basic
------------------------------------------------------------------------------------*/
html,body {
/*	height:100%;*/
	position: relative;
}
html {
	font-size: 16px;
}
html.mac {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
html.win {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	background-color: #171717;
	color: #fff;
	font-size: 87.5%; /* PC:14px SP:28px標準 */
	line-height: 1.5;
}

img {
	vertical-align: bottom;
	max-width: 100%;
}

a {
	color: #fff;
	text-decoration: underline;
}
.pc a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/*
a:hover img,
input[type="image"]:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
*/


@media screen and (min-width : 641px){	body { font-size: 100%;} body main .inner { width: 640px;} }
@media screen and (max-width : 640px){	body { font-size: 200%; line-height: 1;} body main .inner { width: 100%;} }
@media screen and (max-width : 608px){	body { font-size: 190%;} body main .inner { width: 100%;} }
@media screen and (max-width : 576px){	body { font-size: 180%;} body main .inner { width: 100%;} }
@media screen and (max-width : 544px){	body { font-size: 170%;} body main .inner { width: 100%;} }
@media screen and (max-width : 512px){	body { font-size: 160%;} body main .inner { width: 100%;} }
@media screen and (max-width : 480px){	body { font-size: 150%;} body main .inner { width: 100%;} }
@media screen and (max-width : 448px){	body { font-size: 140%;} body main .inner { width: 100%;} }
@media screen and (max-width : 416px){	body { font-size: 130%;} body main .inner { width: 100%;} }
@media screen and (max-width : 384px){	body { font-size: 120%;} body main .inner { width: 100%;} }
@media screen and (max-width : 352px){	body { font-size: 110%;} body main .inner { width: 100%;} }
@media screen and (max-width : 320px){	body { font-size: 100%;} body main .inner { width: 100%;} }
@media screen and (max-width : 288px){	body { font-size: 90%;} body main .inner { width: 100%;} }
@media screen and (max-width : 256px){	body { font-size: 80%;} body main .inner { width: 100%;} }

/* utils
------------------------------------------------------------------------------------*/
.clearfix{}
.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }

.txt_xxsmall { font-size: 71.432%;} /* 10px */
.txt_xsmall { font-size: 78.58%;} /* 11px */
.txt_small { font-size: 85.72%;} /* 12px */
.txt_large { font-size: 114.29%;} /* 16px */
.txt_xlarge { font-size: 128.58%;} /* 18px */
.txt_xxlarge { font-size: 142.86%;} /* 20px */

.center { text-align: center;}
.bold { font-weight: bold;}

.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}

.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb55 { margin-bottom: 55px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb80 { margin-bottom: 80px !important;}

.red{
	color: #e60012;
}


/* header
------------------------------------------------------------------------------------*/
header .news_area > dl {
	float: left;
	margin-top: 8px;
}
header .news_area > dl dt {
	float: left;
	margin-right: 17px;
	line-height: 1.2;
}
header .news_area > dl dd {
	float: left;
}
header .news_area > p {
	float: right;
}

header .banner_area li {
	float: left;
	width: 33.33%;
}
header .banner_area li img {
	width: 100%;
}

.banner_area li a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/* main
------------------------------------------------------------------------------------*/

/* 共通 */
main {
	clear: both;
}
main .inner {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	width: 640px;
}

.scroll_nav {
	width:7.65% !important;
	margin:auto;
	padding-bottom:10%;
	}

.scroll_nav a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/* エリア別 */
main .main_img_area #mainCaroucelWrapper {
	position: relative;
}
main .main_img_area #mainCaroucelWrapper .twitter {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	margin: 0 0 6.3% 4%;
	padding: 0 3px 0 8px;
	border-radius: 5px;
	background: url(../img/twitter_bg.png);
	line-height: 1;
}

.banner {
	width:22%;
	position: absolute;
	left: 2.5%;
	bottom: 10%;
	z-index:11000;
	}

.banner ul.spBanner {
	text-align: center;
	margin: 0 2%;
	}

.banner ul.spBanner li {
	margin: 0 0 4% 0;
	}

.banner ul.spBanner img {
	width:100%;
	}

.banner ul.smallBanner {
	width:85%;
	margin: 7% 0 0 0;
	display: table;
	}

.banner ul.smallBanner li {
	padding: 0 2%;
	display: table-cell;
	}

.banner ul.smallBanner li img {
	width:100%;
	}

.banner img:hover {
	opacity: 0.7;
	}

@media screen and (max-width : 640px){
.banner {
	width:100%;
	left: 0;
	text-align: center;
	bottom: 3%;
	}

.banner ul.spBanner img {
	width:65%;
	}

.banner ul.smallBanner {
	width:65%;
	margin: 3% auto 0 auto;
	}
}

.so-count {
	position: absolute;
	left: 2.9%;
	bottom: 5%;
	margin: 0 4% 0 0;
	width:40%;
	height: 20px;
	z-index:11000;
	}

@media screen and (max-width : 880px){
.so-count {
	bottom: 3.5%;
	}
}

.so-count p {
	float:left;
	margin-right:2%;
	}
	
.so-count p + p {
	margin-right:0;
	}

.so-count-inmenu {
	padding-top:3%;
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	padding-left:15%;
	display:none;
	text-align:center;
	}


.so-count-inmenu p {
	text-align:left;
	display:inline;
	margin-right:5%;
	}
	
.so-count-inmenu p + p {
	margin-right:0%;
	}

main .main_img_area #mainCaroucelWrapper .twitter iframe {
/*
	width: 21.69% !important;
	height: 31.77% !important;
*/
	display: block;
}
main .main_img_area #mainCaroucelWrapper .twitter2 {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	margin-left: 8.28125%;
	margin-bottom: 4.53125%;
	width: 12.34375%;
}

@media screen and (max-width : 640px){
	main .main_img_area #mainCaroucelWrapper .twitter { display: none;}
	main .main_img_area #mainCaroucelWrapper .twitter2 { display: block;}
	.so-count {display:none;}
	.so-count-inmenu{ display:block;}
}


main .movie_area {
	text-align: center;
	background: url(../img/movie_bg.png) center top fixed #be9651;
	background-size: cover;
	min-height: 100%;
}

main .movie_area h2 {
	margin: 0 auto 10.9375%; /* 70px */
	padding-top: 8.59375%; /* 55px */
	width: 21.09375%; /* 135px */
}
main .movie_area h2 + h3 ,
main .movie_area h2 + h3 + div + h3 {
	margin: 0 auto 3.75%; /* 24px */
	width: 95.15625%; /* 609px */
}

main .movie_area h2 + h3 + div {
	margin: 0 auto 8.59375% auto;
	text-align: center;
	width: 95.15625%; /* 609px */
}
main .movie_area h2 + h3 + div + h3 + div {
	margin: 0 auto 8.59375% auto;
	text-align: center;
	width: 95.15625%; /* 609px */
}
main .movie_area h2 + h3 + div + h3 + div + p {
	margin: 0 auto;
	padding-bottom: 13.59375%; /* 87px */
	width: 51.5625%; /* 330px */
}

@media screen and (max-width : 640px){
main .movie_area .movieBox {
    position: relative;
    width: 100%;
    padding: 56.25% 0 0 0;
}

main .movie_area .movieBox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
}


main .story_area {
	background: url(../img/story_bg.jpg) center top fixed #b5a920;
	background-size: cover;
	min-height: 100%;
}
main .story_area h2 {
	margin: 0 auto 17.96875%; /* 115px */
	padding-top: 8.59375%; /* 55px */
	width: 35.46875%; /* 227px */
}
main .story_area h2 + p {
	margin: 0 auto 6.24%; /* 40px */
	width: 96.875%; /* 620px */
}
main .story_area h2 + p + p {
	margin: 0 auto 4.6875%; /* 30px */
	width: 69.84%; /* 452px */
}
main .story_area h2 + p + p + p {
	margin: 0 auto 4.6875%; /* 30px */
	width: 98.90625%; /* 633px */
}
main .story_area h2 + p + p + p + p {
	margin: 0 auto; /* 30px */
	padding-bottom:10%;
	width: 96.875%; /* 620px */
}


main .story_area h2 + p + p + p + p + p {
	margin: 0 auto 11.25% auto;
	width: 44.21875%; /* 283px */
}

main .story_area h2 + p + p + p + p + p {
	margin: 0 auto 4.6875% auto; /* 30px */
	width: 43.75%; /* 280px */
}

main .story_area h2 + p + p + p + p + p + p {
	margin: 0 auto;
	padding-bottom: 9.375%; /* 60px */
	width: 43.75%; /* 280px */
}


main .character_area {
	background: url(../img/character_bg_line.png) left bottom fixed no-repeat #282828;
	min-height: 100%;
}
@media screen and (max-width : 640px){
	main .character_area {
		background: url(../img/character_bg_line.png) right bottom fixed no-repeat #282828;
		min-height: 100%;
	}
	
	.scroll_nav {
		/*display:none;*/
		}
}
main .character_area h2 {
	margin: 0 auto 19.59375%; /* 55px */
	padding-top: 8.59375%; /* 55px */
	width: 30%; /* 192px */
}

main .character_area .chara_img div {
	margin-top:-10.9375%;
	cursor:pointer;
	}

main .character_area .chara_img .left {
	float: left;
	width: 48.4375%; /* 310px */
}
main .character_area .chara_img .right {
	float: right;
	padding-bottom: 0; /* 125px */
	width: 48.4375%; /* 310px */
}
main .character_area .chara_img div:first-child + div {
	margin-top: 10.9375%; /* 70px */
}

@media screen and (max-width : 640px){
main .character_area .chara_img div:first-child + div + div + div + div + div + div + div {
		padding-bottom: 19.53125%; /* 125px */
	}
}

main .character_area p.scrEvent {
	
	transform: translate3d(0px,0px,0px);
	transition: all 0.5s ease;
	-webkit-transition: all  0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	
	
	transform: translate(0,300px);
	-webkit-transform: translate(0,300px);
	-moz-transform: translate(0,300px);
	-ms-transform: translate(0,300px);
	-o-transform: translate(0,300px);
	opacity: 0;

}

main .character_area p.scrEvent.active {
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	opacity: 1.0;
	
}

main .character_area p {
}
main .character_area p + p {
}


main .music_area {
	background: url(../img/music_bg.png) center bottom fixed #282828;
	background-size: cover;
	min-height: 100%;
}
main .music_area > div {
	position: relative;
}
/*main .music_area > div:before {
	position: absolute;
	z-index: 1;
	bottom: 0;
	margin-right: auto;
	margin-bottom: -400px; /* -200px 
	line-height: 1;
	content: url(../img/music_bg02.png);
}
@media screen and (max-width : 640px){
	main .music_area > div:before {
		margin-bottom: -30.78125%; /* -200px 
		background:	url(../img/music_bg02.png);
		background-size: contain;
		padding-top: 62.34375%; /* 399px 
		width: 47.1875%; /* 302px 
		height: 0;
		content: '';
	}
}*/
main .music_area .inner {
	position: relative;
	z-index: 2;
}

main .music_area h2 {
	margin: 0 auto;
	padding: 8.594% 0 4.6875%; /* 55px 0 30px */
	width: 15.9275%; /* 102px;*/
}

main .music_area h2 + p {
	width: 96.09375%; /* 615px */
	margin: 0 auto 3.125% auto; /* 0 0 20px */
}

main .music_area h2 + p + p {
	width: 100%;
}
main .music_area h2 + p + p + p {
	margin: -13.4375% auto 4.6875%; /* -86px auto 30px */
	width: 96.09375%; /* 615px */
}
main .music_area h2 + p + p + p + p {
	float: left;
	margin-bottom: 4.6875%; /* 30px */
	width: 44.21875%; /* 283px */
}

main .music_area h2 + p + p + p + p > a {
	cursor:pointer;
	}
main .music_area h2 + p + p + p + p > a img {
	margin-bottom:10%;
}


main .music_area h2 + p + p + p + p + p {
	float: right;
	margin-bottom: 4.6875%; /* 30px */
	width: 44.21875%; /* 283px */
}
main .music_area h2 + p + p + p + p + p > a {
	cursor:pointer;
}
main .music_area h2 + p + p + p + p + p > a img {
	margin-bottom:10%;
}


main .music_area h2 + p + p + p + p + p + p {
	margin: 0 auto 11.25% auto;
	width: 44.21875%; /* 283px */
}
main .music_area h2 + p + p + p + p + p + p > a {
	cursor:pointer;
}
main .music_area h2 + p + p + p + p + p + p > a img {
	margin-bottom:10%;
}


@media screen and (max-width : 640px){
main .music_area h2 + p + p + p + p {
	padding-left:2%;
}
main .music_area h2 + p + p + p + p + p {
	padding-right:2%;
}
}


/*main .music_area h2 + p + p + p + p + p {
	clear: both;
	margin: 0 auto 8.59375%;
	width: 96.875%;
}*/
main .music_area h2 + p + p + p + p + p + p + h3 {
	margin: 0 auto 7.03125%; /* 45px */
	width: 96.875%; /* 620px */
}
main .music_area h2 + p + p + p + p + p + p + h3 + p {
	margin: 0 auto 7.03125%; /* 45px */
	width: 17.96875%; /* 115px */
}
main .music_area h2 + p + p + p + p + p + p + h3 + p + p {
	margin: 0 auto;
	padding-bottom: 9.375%; /* 60px */
	width: 97.34375%; /* 623px */
}



main .goods_area {
	background: #282828;
	min-height: 100%;
}
main .goods_area .inner {
	position: relative;
	z-index: 2;
}
main .goods_area h2 {
	margin: 0 auto 10.9375%; /* 70px */
	padding-top: 8.59375%; /* 55px */
	width: 44.0625%; /* 282px */
}
main .goods_area h2 + h3 {
	text-align: center;
	margin: 0 auto 4.6875%; /* 30px */
	width: 84.84375%; /* 543px */
}
main .goods_area h2 + h3 + div {
	margin-bottom: 8.59375%; /* 55px */
}
main .goods_area h2 + h3 + div > p {
	float: left;
	margin-left: 1.5625%; /* 10px */
	width: 46.875%; /* 300px */
}
main .goods_area h2 + h3 + div > p + p {
	float: right;
	margin: 0.5625% 1.5625% 5.9375% 0; /* 42px 10px 38px 0 */
	width: 42.8125%; /* 274px */
}
main .goods_area h2 + h3 + div > p + p + p {
	float: right;
	margin: 0 1.5625% 0 0; /* 10px */
	width: 44.21875%; /* 283px */
}
/*main .goods_area h2 + h3 + div + p {
	margin: 0 auto;
	padding-bottom: 13.59375%; /* 55px */
	/*width: 58.4375%; /* 374px */
/*}*/

main .goods_area #guidebook{
	text-align:center;
	padding:5px;
}

main .goods_area #guidebook h3{
	margin:0 0 15px 0;
}
main .goods_area #guidebook p img{
	width:210px;
	height:300px;
}

main .goods_area #guidebook p + p img{
	width:200px;
	height:50px;
	margin:10px 0 40px 0;
}

main .goods_area .goods_more {
	margin: 0 auto;
	padding-bottom: 13.59375%; /* 55px */
	width: 58.4375%; /* 374px */
}



main .comic_area {
	position: relative;
	background: url(../img/comic_bg.png) center center fixed #57adbd;
	background-size: cover;
	min-height: 100%;
}
main .comic_area h2 {
	margin: 0 auto 10.9375%; /* 70px */
	padding-top: 12.5%; /* 80px */
	width: 16.09375%; /* 103px */
}
main .comic_area h2 + div { /* w664px */
	margin-left: -3.75%; /* -24px */
	margin-top: -7.03125%; /* -45px */
	padding-bottom: 15.625%; /* 100px */
}
main .comic_area h2 + div > div { /* w664px */
	float: left;
	margin-left: 5.120482%; /* 34px */
	margin-top: 7.03125%; /* 45px */
	width: 27.71085%; /* 184px */
}
main .comic_area h2 + div > div > p + p {
	margin-top: 8.7%; /* 16px */
}


main .special_area {
	background: url(../img/special_bg.png) center bottom fixed #aab6b3;
	background-size: cover;
	min-height: 100%;
}
main .special_area h2 {
	margin: 0 auto 10.9375%; /* 70px */
	padding-top: 8.59375%; /* 55px */
	width: 21.09375%; /* 135px */
}
main .special_area h3 {
	margin: 0 auto 3.75%; /* 24px */
	text-align: center;
	width: 95.15625%; /* 609px */
}
main .special_area div.twitter {
	width: 95.15625%; /* 609px */
	margin: 0 auto 10.9375% auto; /* 70px */
	text-align: center;
}

main .special_area div.twitter a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
main .special_area div.movie {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 40%;
	width: 95.15625%; /* 609px */
}
@media screen and (max-width : 640px){
	main .special_area div.movie .BrightcoveExperience {
		width: 95.15625%; /* 609px */
		height: 220px;
	}
	
	main .goods_area #guidebook p + p img{
	width:100px;
	height:25px;
	margin:10px 0;
}
}


main .cast_area {
	background: url(../img/cast_bg.png) center bottom fixed #a55420;
	background-size: cover;
}
main .cast_area h2 {
	margin: 0 auto 13.28125%; /* 85px */
	padding-top: 8.59375%; /* 55px */
	width: 32.03125%; /* 205px */
}
main .cast_area h2 + p {
	margin: 0 auto 13.28125%; /* 85px */
	width: 89.53125%; /* 573px */
}
main .cast_area h2 + p + p {
	margin: 0 auto;
	padding-bottom: 10%; /* 90px */
	width: 95.15625%; /* 609px */
}


main .onair_area {
	background: url(../img/onair_bg.png) center bottom fixed #252321;
	background-size: cover;
	min-height: 100%;
}
main .onair_area > div {
	position: relative;
}
main .onair_area h2 {
	margin: 0 auto 13.28125%; /* 85px */
	padding-top: 8.59375%; /* 55px */
	width: 15.46875%; /* 99px */
}
main .onair_area h2 + p {
	margin: 0 auto 4.6875%; /* 30px */
	text-align:center;
	width: 95.15625%; /* 609px */
}
main .onair_area h2 + p + p {
	text-align:center;
	width: 95.15625%; /* 609px */
	margin: 0 auto 8.59375%; /* 55px */
}
main .onair_area h2 + p + p + p {
	margin: 0 auto 8.59375%; /* 55px */
	text-align:center;
	width: 95.15625%; /* 609px */
}
main .onair_area h2 + p + p + p + p {
	margin: 0 auto 4.6875%; /* 30px */
	text-align:center;
	width: 95.15625%; /* 609px */
}
main .onair_area h2 + p + p + p + p + p {
	margin: 0 auto;
    padding-bottom: 9.375%;
    width: 43.75%;
}


@media screen and (max-width : 640px){
main .onair_area h2 + p + p + ul {
	width: 280px;
}
main .onair_area h2 + p + p + ul li img{
	width: 120px;
}
}



@media screen and (max-width : 768px){
	main .movie_area,
	main .story_area,
	main .character_area,
	main .music_area,
	main .goods_area,
	main .comic_area,
	main .special_area,
	main .cast_area,
	main .onair_area {
		background-attachment: local;
	}
	main {
		height: auto;
	}
}




/* footer
------------------------------------------------------------------------------------*/
footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 70px;
	background-color: #171717;
}
footer .inner {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box;
	width: 640px;
}
footer .copyright {
	margin: 0 auto;
	padding: 3.125% 0; /* 20px */
	width: 60.15%; /* 385px */
}
footer > p {
	position: absolute;
	
	right: 48px;
	bottom: 100px;
	margin-right: 0; /* 30px */
	margin-bottom: 0; /* 100px */
}
@media screen and (max-width : 640px){
	footer {
		height: auto;
	}
	footer .inner {
		width: 100%;
	}
	footer > p {
		width: 13.4375%;
	}
	
	footer > p {
	bottom: 0px;
	right: 0px;
	margin-right: 7.6%;
	margin-bottom: 15.625%; /* 100px */
	}
	
	footer .copyright {
	padding-top:0%;
	}
}

/* Modal Window
-------------------------------------------------------------------------------*/
#modal_overlay {
	display: none;
	position: fixed;
	z-index: 99998;
	top: 0;
	left: 0;
	background: #000;
	-ms-filter: 'alpha(opacity=75)';
	opacity: 0.75;
	width: 100%;
	height: 100%;
}

#modal_content {
	display: none;
	position: fixed;
	z-index: 99999;
	width: 640px;
}



@media screen and (max-width : 640px){
	#modal_content {
		width: 100%;
	}
}

@media screen and (max-width : 768px){
	#modal_overlay {
	position: absolute;
	z-index:90000;
}

#modal_content {
	display: none;
	position: absolute;
	z-index:100000;
	width: 640px;
}
}

#modal_content .modal_close {
	position: fixed;
	z-index: 2002;
	cursor: pointer;
}