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

/* =tags
-------------------------------------------------------------- */

body,h1,h2,h3,ul,li,dl,dt,dd,p,a,div,span,address{margin:0;padding:0;}
ul{list-style:none;}
address,em{font-style:normal;}
div,img,a{border:none;}

html{width:100%;}

body{
	width:100%;
	color:#422;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	background:url(../../img/bg/al_bg.png) repeat;
}

a{color:#422;transition:color 0.3s ease-in-out;}
a:link{outline:none;}
a:visited{outline:none;}
a:hover{color:#f88888;outline:none;}
a:active{outline:none;}

address{
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:85%;
}





/* =head
-------------------------------------------------------------- */

#head_wrap{
	width:100%;
	height:250px;
	min-width:1024px;
}

#head{
	margin:0 auto;
	width:1024px;
	height:250px;
	position:relative;
}





/* =menu
------------------------------- */

#head #menu{
	width:1024px;
	height:100px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 259px;
}

#head #menu li{
	width:109px;
	height:80px;
	display:block;
    transition:0.5s ease-in;
    filter:alpha(opacity=100);
    opacity:1;
	float:left;
	position:relative;
	z-index:10;
}

#head #menu li:hover{filter:alpha(opacity=0);opacity:0;}
#head #menu li.menu_cl:hover{filter:alpha(opacity=100);opacity:1;}
#head #menu li.menu_to:hover{filter:alpha(opacity=100);opacity:1;}



#head #menu .menu_to{
	position:absolute;
	top:0px;
	left:105px;
}
.top #head #menu .menu_to{
	position:absolute;
	top:0px;
	left:105px;
}

#head #menu_arrow{
	width:34px;
	height:15px;
	text-indent:-9999px;
	position:absolute;
	top:92px;
}

.top #head #menu_arrow{left:168px;}
.story #head #menu_arrow{left:297px;}
.character #head #menu_arrow{left:406px;}
.concept #head #menu_arrow{left:515px;}
.gallery #head #menu_arrow{left:624px;}
.download #head #menu_arrow{left:733px;}
.extra #head #menu_arrow{left:842px;}





/* =content
-------------------------------------------------------------- */

#content{
	width:100%;
	min-width:1024px;
}





/* =foot
-------------------------------------------------------------- */

#foot{
	margin:0 auto;
	padding:24px 0;
	width:1000px;
	color:#977;
	font-size:10px;
	position:relative;
}

#foot ul{height:24px;}

#foot li{
	margin:0 0 0 12px;
	padding:0 0 0 12px;
	border-left:solid 1px #977;
	float:left;
}
#foot li:first-child{margin:0; padding:0; border:none;}
#foot a{color:#977;text-decoration:none;}
#foot a:hover{color:#f88888;}
#foot .close a{color:#dcc;}
#foot .close a:hover{color:#dcc;}
#foot address{clear:both;}

#twit{position:absolute;top:29px;right:107px;}
#smile{position:absolute;top:24px;right:0;}




/* =go_top
-------------------------------------------------------------- */

.go_top a{
	width:54px;
	height:54px;
	display:block;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:50;
}

.go_top img{
	transition:0.3s ease-in;
    filter:alpha(opacity=100);
    opacity:1;
}

.go_top img:hover{filter:alpha(opacity=50);opacity:0.5;}





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

.top #head_logo_date{
	margin:0 auto;
	width:1024px;
	position:relative;
}
img#top_ch,img#top_logo,img#top_copy,img#top_date,img#top_logo,img#top_date,img#top_master,img#top_pri{position:absolute;left:50%;}
img#top_logo,img#top_date,img#top_master,img#top_pri{z-index:20;}
img#top_logo{margin:0 0 0 -201px;top:508px;}
img#top_date{margin:0 0 0 243px;top:618px;}
img#top_pri{margin:0 0 0 190px;top:544px;}
img#top_ch{margin:0 0 0 -629px;bottom:0;z-index:5;}
img#top_copy{top:215px;left:510px;z-index:30;}
img#top_master{margin:0 0 0 -583px;top:418px;}

.top #head{height:700px;}

.top #head_wrap{height:700px;background:url(../../img/bg/to_head_bg.png) repeat-x; overflow:hidden;}

.top #content h2{margin:0 0 0 12px; line-height:100%;}





/* =topics
------------------------------- */

#top_topics_wrap{
	padding:36px 0 31px 0;
	width:100%;
	background:url(../../img/bg/al_bg_re.png) repeat;
}

#top_topics{margin:60px auto;width:1024px;}

#top_topics ul{
	margin:6px 0 0 9px;
	height:126px;
	clear:both;
}

#top_topics h2+ul{margin-top:19px;}
#top_topics li{float:left;}
#top_topics ul.topics_s li{margin:0 5px 0 0;}
#top_topics ul.topics_m li{margin:0 6px 0 0;}

#top_topics a{
    transition:0.3s ease-in;
    filter:alpha(opacity=100);
    opacity:1;
}

#top_topics a:hover{filter:alpha(opacity=65);opacity:0.65;}





/* =news_spec
------------------------------- */

#top_news_spec_wrap{
	padding:36px 0 55px 0;
	width:100%;
	background:#fff;
	box-shadow:0px 2px 4px rgba(0,0,0,0.06);
	-moz-box-shadow:0px 2px 4px rgba(0,0,0,0.06);
	-webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.06);
	position:relative;
}

.top_news_spec_img{
	margin:0 0 0 280px;
	position:absolute;
	top:165px;
	left:50%;
}

#top_news_spec_wrap h2{
	width:1000px;
	height:50px;
	border-bottom:dotted 1px #d9d3cc;
}

#top_news{margin:0 auto;width:1024px;position:relative;}

#top_news_tw{
	width:26px;
	height:26px;
	position:absolute;
	top:3px;
	left:193px;
}

#top_news_tw a{
    transition:0.3s ease-in;
    filter:alpha(opacity=100);
    opacity:1;
}

#top_news_tw a:hover{filter:alpha(opacity=65);opacity:0.65;}

#top_news_txt{
	margin:18px 0 0 12px;
	padding:0 0 0 12px;
	width:984px;
	height:156px;
	line-height:24px;
	border-left:solid 4px #f88888;
	overflow:auto;
}

#top_news_txt dl{margin:12px 0 0 0;}
#top_news_txt dl:first-child{margin-top:0;}
#top_news_txt dl:after{content:"";clear:both;display:block;}
#top_news_txt dt{
	color:;
	float:left;
	clear:both;
	visibility:hidden;
}
#top_news_txt dl dt:first-child{visibility:visible;}
#top_news_txt dd{margin:0 0 0 12px;float:left;}

#top_spec{margin:36px auto 0 auto;width:1024px;}

#top_spec h2{
	padding-top:36px;
	border-top:solid 1px #d9d3cc;
}

#top_spec dl{
	margin:18px 0 0 12px;
	width:320px;
	float:left;
}

#top_spec dt{
	width:100px;
	height:18px;
	color:#f9f6f3;
	text-align:center;
	background:#f88888;
	border-radius:9px;
	float:left;
}

#top_spec dd{
	margin:0 0 0 12px;
	float:left;
}





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

.story #head_wrap2{
	background-image: url(../../img/bg/to_head_bg2.png);
	background-repeat: repeat-x;
}

.story #head_wrap{
	background-color: #fff;
	background-image: url(../../img/bg/st_head_bg.jpg);
	background-position: 50% 0;
	background-repeat:no-repeat;
}

.story #content{background:url(../../img/bg/al_bg_re2.png) repeat;}

.story #content #story_cont{
	margin:0 auto;
	padding:0 0 24px 0;
	width:1000px;
	text-align:center;
}




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

.character #head_wrap{background:url(../../img/bg/ch_head_bg.jpg) no-repeat 50% 0 #fff;}
.character #head_wrap2{
	background-image: url(../../img/bg/to_head_bg2.png);
	background-repeat: repeat-x;
}

.character ul#smenu{
	margin:8px auto 0 auto;
	width:1000px;
	height:145px;
	position:relative;
}

.character ul#smenu li{position:absolute;}
.character ul#smenu li.menu_ch_rir{top:5px;left:5px;}
.character ul#smenu li.menu_ch_emi{top:14px;left:142px;}
.character ul#smenu li.menu_ch_yuu{top:9px;left:272px;}
.character ul#smenu li.menu_ch_arl{top:12px;left:393px;}
.character ul#smenu li.menu_ch_miy{top:5px;left:493px;}
.character ul#smenu li.menu_ch_rin{top:7px;left:610px;}
.character ul#smenu li.menu_ch_aif{top:7px;left:684px;}
.character ul#smenu li.menu_ch_rei{top:7px;left:758px;}
.character ul#smenu li.menu_ch_poc{top:71px;left:646px;}
.character ul#smenu li.menu_ch_gom{top:71px;left:720px;}
.character ul#smenu li.menu_ch_shi{top:71px;left:794px;}
.character ul#smenu li a{transition:0.3s ease-in;filter:alpha(opacity=100);opacity:1;}
.character ul#smenu li a:hover{filter:alpha(opacity=0);opacity:0;}

.character #content{
	height:800px;
	background:url(../../img/bg/al_bg_re.png) repeat;
	overflow:hidden;
	position:relative;
}

.character #content img.ch_img{
	margin:0 0 0 -700px;
	position:absolute;
	left:50%;
	z-index:10;
}

.character.ch_rir #content img.ch_img{margin:0 0 0 -1060px;}
.character.ch_emi #content img.ch_img{margin:0 0 0 -1060px;}
.character.ch_yuu #content img.ch_img{margin:0 0 0 -1060px;}
.character.ch_arl #content img.ch_img{margin:0 0 0 -1060px;}
.character.ch_miy #content img.ch_img{margin:0 0 0 -1060px;}
.character.ch_rin #content img.ch_img{margin:0 0 0 -1060px;}
.character.ch_aif #content img.ch_img{margin:0 0 0 -1060px;}
.character.ch_rei #content img.ch_img{margin:0 0 0 -1060px;}
.character.ch_poc #content img.ch_img{margin:0 0 0 -1060px;}
.character.ch_gom #content img.ch_img{margin:0 0 0 -1060px;}
.character.ch_shi #content img.ch_img{margin:0 0 0 -1060px;}

.character #content img.ch_img{
	margin:0 0 0 -700px;
	position:absolute;
	left:50%;
	z-index:10;
}

.character #content img.ch_txt{
	margin:0 0 0 -278px;
	position:absolute;
	top:24px;
	left:50%;
	z-index:20;
}

.character #content ul.st_bt,
.character #content ul.sv_bt{
	width:150px;
	position:absolute;
	z-index:30;
	top:749px;
	left:50%;
}
.character #content ul.st_bt{margin:0 0 0 69px;text-align:right;}
.character #content ul.sv_bt{text-align:left;}
.character.ch_emi #content ul.sv_bt,
.character.ch_yuu #content ul.sv_bt,
.character.ch_aif #content ul.sv_bt{margin:0 0 0 -138px;}
.character.ch_rir #content ul.sv_bt,
.character.ch_arl #content ul.sv_bt,
.character.ch_rin #content ul.sv_bt,
.character.ch_gom #content ul.sv_bt{margin:0 0 0 -120px;}
.character.ch_poc #content ul.sv_bt{margin:0 0 0 -103px;}
.character.ch_rei #content ul.sv_bt{margin:0 0 0 -85px;}
.character.ch_miy #content ul.sv_bt{margin:0 0 0 -80px;}

.character #content ul.st_bt li,
.character #content ul.sv_bt li{
	margin:0 0 0 7px;
	display:inline;
}

.character #content ul.st_bt li a,
.character #content ul.sv_bt li a{transition:0.3s ease-in;filter:alpha(opacity=100);opacity:1;}
.character #content ul.st_bt li a:hover,
.character #content ul.sv_bt li a:hover{filter:alpha(opacity=50);opacity:0.5;}

.character #content ul.sv_bt li a#stop-button-syncer{display:none;}

.character #content .sv_att{
	margin:0 0 0 -120px;
	padding:2px 0 0 0;
	width:240px;
	height:18px;
	color:#f9f6f3;
	text-align:center;
	font-size:10px;
	background:#420;
	border-radius:12px;
	position:absolute;
	z-index:30;
	top:769px;
	left:50%;
}





/* =concept
-------------------------------------------------------------- */

.concept #head_wrap{background:url(../../img/bg/co_head_bg.jpg) no-repeat 50% 0 #fff;}

.concept #content{background:url(../../img/bg/al_bg_re.png) repeat;}

.concept #content #concept_cont{
	margin:0 auto;
	width:1000px;
	text-align:center;
}

.concept #content #concept_cont .co_txt{
	width:1000px;
	position:relative;
}
.concept #content #concept_cont .co_txt_02{height:323px;background:url(../../img/ob/co_txt/co_txt_02.png) no-repeat;}
.concept #content #concept_cont .co_txt_03{height:350px;background:url(../../img/ob/co_txt/co_txt_03.png) no-repeat;}
.concept #content #concept_cont .co_txt_04{height:350px;background:url(../../img/ob/co_txt/co_txt_04.png) no-repeat;}

.concept #content #concept_cont .co_txt img{position:absolute;right:56px;}
.concept #content #concept_cont .co_txt_02 img{top:43px;}
.concept #content #concept_cont .co_txt_03 img,.concept #content #concept_cont .co_txt_04 img{top:56px;}
.concept #content #concept_cont .co_txt p{
	width:238px;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	position:absolute;
	bottom:43px;
	right:56px;
}

.concept #content #concept_cont .co_txt a{transition:0.3s ease-in;filter:alpha(opacity=100);opacity:1;}
.concept #content #concept_cont .co_txt a:hover{filter:alpha(opacity=50);opacity:0.5;}




/* =gallery
-------------------------------------------------------------- */

.gallery #head_wrap{background:url(../../img/bg/ga_head_bg.jpg) no-repeat 50% 0 #fff;}
.gallery #head_wrap2{
	background-image: url(../../img/bg/to_head_bg2.png);
	background-repeat: repeat-x;
}


.gallery #content{background:url(../../img/bg/al_bg_re.png) repeat;}

.gallery #content #gallery_cont{
	margin:0 auto;
	padding:53px 0 55px 3px;
	width:1021px;
}

ul#ga_menu li{
	margin:6px 0 0 6px;
	padding:7px 0 0 9px;
	width:238px;
	height:140px;
	background:url(../../img/bg/ga_menu_bg.jpg) no-repeat;
	float:left;
}

ul#ga_menu li a{transition:0.3s ease-in;filter:alpha(opacity=100);opacity:1;}
ul#ga_menu li a:hover{filter:alpha(opacity=50);opacity:0.5;}

ul#ga_menu{
	margin:13px 0 0 0;
	padding:11px 0 0 0;
	border-top:1px #fff dashed;
}
	
#gallery_cont ul#ga_menu:first-child{
	margin-top:0;
	padding-top:0;
	border-top:none;
}





/* =dounload_extra
-------------------------------------------------------------- */

.download #head_wrap{background:url(../../img/bg/dl_head_bg.jpg) no-repeat 50% 0 #fff;}
.download #head_wrap2{
	background-image: url(../../img/bg/to_head_bg2.png);
	background-repeat: repeat-x;
}

.extra #head_wrap{background:url(../../img/bg/ex_head_bg.jpg) no-repeat 50% 0 #fff;}
.extra #head_wrap2{
	background-image: url(../../img/bg/to_head_bg2.png);
	background-repeat: repeat-x;
}

.download #content,.extra #content{background:url(../../img/bg/al_bg_re.png) repeat;}

.download #content #download_cont,.extra #content #extra_cont{
	margin:0 auto;
	padding:23px 0 59px 3px;
	width:1021px;
}

ul#dl_menu li,ul#ex_menu li{
	margin:36px 7px 0 7px;
	padding:1px 0 0 3px;
	width:323px;
	height:259px;
	float:left;
}

ul#dl_menu li.dl_menu_01{background:url(../../img/bt/dl_menu_bt/dl_menu_bg_01.png) no-repeat;}
ul#dl_menu li.dl_menu_02{background:url(../../img/bt/dl_menu_bt/dl_menu_bg_02.png) no-repeat;}

ul#ex_menu li.ex_menu_01{background:url(../../img/bt/ex_menu_bt/ex_menu_bg_05.png) no-repeat;}
ul#ex_menu li.ex_menu_02{background:url(../../img/bt/ex_menu_bt/ex_menu_bg_01.png) no-repeat;}
ul#ex_menu li.ex_menu_03{background:url(../../img/bt/ex_menu_bt/ex_menu_bg_03.png) no-repeat;}
ul#ex_menu li.ex_menu_04{background:url(../../img/bt/ex_menu_bt/ex_menu_bg_04.png) no-repeat;}

ul#dl_menu li a,ul#ex_menu li a{transition:0.3s ease-in;filter:alpha(opacity=100);opacity:1;}
ul#dl_menu li a:hover,ul#ex_menu li a:hover{filter:alpha(opacity=50);opacity:0.5;}





/* =banner
------------------------------- */

.download.dl_ban #head_wrap{background:url(../../img/bg/dl_ban_head_bg.jpg) no-repeat 50% 0 #fff;}

.dl_ban #content #dl_ban_cont,
.dl_etc #content #dl_etc_cont{
	margin:0 auto;
	padding:60px 0 60px 0;
	width:1024px;
}

.dl_ban #content ul.ban_size,
.dl_etc #content ul.etc_item{margin:0 auto 0 auto;width:660px;}

.dl_ban #content ul.ban_size li,
.dl_etc #content ul.etc_item li{float:left;margin:0 0 0 12px;}

.dl_ban #content ul.ban_size li:first-child,
.dl_etc #content ul.etc_item li:first-child{
	margin-left:0;
	padding:3px 0 0 0;
	width:100px;
	height:21px;
	color:#420;
	font-size:12px;
	text-align:center;
	background:#f9f6f3;
	border-radius:12px;
	display:block;
}

.dl_ban #content ul.ban_size li a,
.dl_etc #content ul.etc_item li a{
	padding:3px 0 0 0;
	width:100px;
	height:21px;
	color:#f9f6f3;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	background:#420;
	border-radius:12px;
	transition:color 0.3s ease-in-out,background 0.3s ease-in-out;
	display:block;
}

.dl_ban #content ul.ban_size li a:hover,
.dl_etc #content ul.etc_item li a:hover{color:#422;background:#fc0;}

.dl_ban #content h4,
.dl_etc #content h4{
	margin:60px 0 0 0;
	padding:2px 12px 0 12px;
	width:100px;
	height:28px;
	color:#f9f6f3;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	background:#420;
	border-radius:15px;
}

.dl_ban #content .ban_wrap dd{
	padding:12px;
	font-size:80%;
	word-break:break-all;
	text-align:justify;
	background:#f9f6f3;
	border-radius:2px;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.18);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.18);	
}

.dl_ban #content .ban_wrap{margin-top:12px;}

.dl_ban #content .ban_wrap img{
	box-shadow: 0px 2px 4px rgba(0,0,0,0.18);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.18);
}

.dl_ban #content .ban_ll dl{
	margin:24px auto 0 auto;
	width:800px;
	height:360px;
	clear:both;
}
.dl_ban #content .ban_ll dt{width:640px;height:360px;float:left;}
.dl_ban #content .ban_ll dd{
	margin:0 0 0 12px;
	width:124px;
	height:336px;
	float:left;
}

.dl_ban #content .ban_lh dl{
	margin:24px auto 0 auto;
	width:800px;
	height:140px;
	clear:both;
}
.dl_ban #content .ban_lh dt{width:600px;height:140px;float:left;}
.dl_ban #content .ban_lh dd{
	margin:0 0 0 12px;
	padding:12px;
	width:164px;
	height:116px;
	float:left;
}

.dl_ban #content .ban_lv dl:last-child{margin-right:0;}
.dl_ban #content .ban_lv dl{margin:12px 12px 0 0;width:160px;float:left;}
.dl_ban #content .ban_lv dt{width:160px;height:600px;}
.dl_ban #content .ban_lv dd{margin:12px 0 0 0;width:136px;}

.dl_ban #content .ban_m dl{margin:12px 0 0 44px;width:200px;float:left;}
.dl_ban #content .ban_m dt{width:200px;height:200px;}
.dl_ban #content .ban_m dd{margin:12px 0 0 0;width:176px;}

.dl_ban #content .ban_s dl:first-child{margin-left:0;}
.dl_ban #content .ban_s dl{margin:12px 0 0 6px;width:200px;float:left;}
.dl_ban #content .ban_s dt{width:200px;height:40px;}
.dl_ban #content .ban_s dd{margin:6px 0 0 0;width:176px;}



/* =etc
------------------------------- */

.download.dl_etc #head_wrap{background:url(../../img/bg/dl_etc_head_bg.jpg) no-repeat 50% 0 #fff;}

.dl_etc #content h4{width:180px;}

.download.dl_etc .item_tri img,
.download.dl_etc .item_mov,
.download.dl_etc .item_opr{
	margin:24px auto 0 auto;
	width:640px;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.18);
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.18);
}

.download.dl_etc .item_tri img{display:block; border-radius:2px;}
.download.dl_etc .item_tri p{
	margin:24px auto 6px auto;
	padding:0 0 18px 0;
	width:640px;
	text-align:center;
	border-bottom:1px dashed #420;
}
.download.dl_etc .item_tri .tri_list{
	margin:0 auto;
	width:674px;
}
.download.dl_etc .item_tri .tri_list dl{
	margin:12px 12px 0 12px;
	width:312px;
	height:28px;
	background:#f9f6f3;
	border-radius:20px;
	float:left;
}
.download.dl_etc .item_tri .tri_list dt{
	margin:6px 0 0 12px;
	font-weight:bold;
	float:left;
}
.download.dl_etc .item_tri .tri_list dt a{text-decoration:none;}
.download.dl_etc .item_tri .tri_list dd a{
	margin:4px 4px 0 0;
	padding:2px 0 0 0;
	width:48px;
	height:18px;
	color:#f9f6f3;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background:#420;
	border-radius:10px;
	display:block;
	transition:color 0.3s ease-in-out,background 0.3s ease-in-out;
	float:right;
}
.download.dl_etc .item_tri .tri_list dd a:hover{color:#422;background:#fc0;}
.download.dl_etc .item_mov{height:480px;}
.download.dl_etc .item_opr{line-height:0;}





/* =banner_campaign
------------------------------- */

.extra.ex_bac #head_wrap{background:url(../../img/bg/ex_bac_head_bg.jpg) no-repeat 50% 0 #fff;}

.ex_bac #content #ex_bac_cont{
	padding:24px 0 60px 0;
	width:100%;
}

.ex_bac #content dl{
	margin:36px 0 0 0;
	padding:36px 0;
	width:100%;
	background:#fff;
	box-shadow:0px 2px 4px rgba(0,0,0,0.06);
	-moz-box-shadow:0px 2px 4px rgba(0,0,0,0.06);
	-webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.06);
}

.ex_bac #content dt{
	margin:0 auto;
	padding:2px 12px 0 12px;
	width:300px;
	height:28px;
	color:#f9f6f3;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	background:#420;
	border-radius:15px;
}

.ex_bac #content dd{
	margin:24px auto 0 auto;
	width:800px;
}

.ex_bac #content em{color:#f88;font-weight:bold;}
.ex_bac #content strong{font-size:150%;font-weight:normal;}

.ex_bac #content a{
	margin:0 auto;
	padding:5px 10px;
	width:145px;
	height:16px;
	text-align:center;
	text-decoration:none;
	border:solid 2px #f88;
	border-radius:18px;
	display:block;
	transition:background 0.5s ease-in-out;
}
.ex_bac #content a:hover{color:inherit;background:#f88;}



/* =banner_campaign
------------------------------- */

.extra.ex_moc #head_wrap{background:url(../../img/bg/ex_moc_head_bg.jpg) no-repeat 50% 0 #fff;}

.ex_moc #content .mov_code{
	margin:6px 0 0 0;
	padding:12px;
	border:dashed 1px #422;
	border-radius:4px;
}


/* =present_campaign
------------------------------- */

.extra.ex_present #head_wrap{background:url(../../img/bg/pr_head_bg.png) no-repeat 50% 0 #fff;}

.ex_moc #content .mov_code{
	margin:6px 0 0 0;
	padding:12px;
	border:dashed 1px #422;
	border-radius:4px;
}






/* =common
-------------------------------------------------------------- */

.red{color:#f88;}

.blue{color:#069;}

.black{color:#500;}

.clear{clear:both;}

.sh{
	box-shadow:2px 2px 6px rgba(1,0,0,0.25);
	-moz-box-shadow:2px 2px 6px rgba(1,0,0,0.25);
	-webkit-box-shadow:2px 2px 6px rgba(1,0,0,0.25);
}





/* =modal
-------------------------------------------------------------- */

.modal{
	margin:-250px 0 0 -300px;
	padding:20px;
	width:600px;
	height:500px;
	text-align:center;
	position:fixed;
	display:none;
	top:50%;
	left:50%;
	z-index:9999;
}

.modal p{
	margin:24px 0 0 0;
	color:#420;
	font-size:14px;
	line-height:28px;
}
.modal strong{color:#f88;}
.modal em{font-weight:bold;font-style:normal;}
.modal address{margin:24px 0 0 0;font-weight:normal;font-style:normal;}
.modal .eng{font-size:10px;color:#977;}
.modal img{margin:0 36px 0 0;}

.modal ul{
	margin:24px auto 0 auto;
	width:272px;
	height:36px;
}
.modal a{
	margin:0 0 0 24px;
	padding:5px 10px;
	width:100px;
	height:16px;
	text-decoration:none;
	border-width:2px;
	border-style:solid;
	border-radius:18px;
	display:block;
	transition:background 0.5s ease-in-out;
	float:left;
	cursor:pointer;
}
.modal .ent_18 a{margin-left:0;border-color:#f88;}
.modal .lea_18 a{border-color:#7bf;}
.modal a:hover{color:inherit;}
.modal .ent_18 a:hover{background:#f88;}
.modal .lea_18 a:hover{background:#7bf;}

@media screen and (max-height: 590px){
.modal{margin:24px 0 0 -300px;position:relative;}
}





/* =modal_top
-------------------------------------------------------------- */

.modal_tm{color:#fff;display:none;position:relative;z-index:1000;}
.modalBody_tm{position:fixed;left:32%;top:30%;z-index:1000;}
.modalBK_tm{width:100%;height:100%;background:#000;position:fixed;z-index:999;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.80;}
.btns{cursor:pointer;}
.close{cursor:pointer;}
.modal_tm p{font-size:12px;text-align:justify;}

.top .modalBody_tm{width:640px;height:480px;}

.concept .modalBody_tm{width:640px;height:400px;}





/* =clearfix
-------------------------------------------------------------- */

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

.clearfix{min-height:1px;}

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