spec@charset "utf-8";



/*----------------------------------------
	style
----------------------------------------*/

/*----------------------------------------
	box
----------------------------------------*/


body{
background-color:#FFF;
-webkit-text-size-adjust: 100%;

}

#wrapper{
    width:100%;
    min-height:664px;
    margin:0 auto;
    position:relative;
	background:url(../images/top/bg.jpg) no-repeat;
	background-position:top center;
}

#bg_img{
    background:url(../images/top/main.png) no-repeat;
    background-position:center top;
    width:100%;
    height:722px;
    position:absolute;

}

#container{
    width:860px;
    margin:0 auto;
    padding:0;
    position:relative;
}


/*2nd box */

#wrapper2{
    width:100%;
    margin:0 auto;

	background-position:top center;
	position:relative;
	display:block;
}

#bg_img2{
    background:url(../images/2ndtopback.jpg) no-repeat;
    background-position:center top;
	position:absolute;
	width:1387px;
	left:50%;
	top:0;
	margin-left:-693px;
    height:100%;
	background-color:#FFF;
}

#2nd_wrap{
    width:100%;
    position:relative;
	
}


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

#header{
    width:100%;
    height:70px;
    display:block;
    position:relative;
}

#top_span{
    width:100%;
    height:665px;
    position:relative;
}

#kt{
    padding-top:10px;
    margin-left:10px;
    float:left;
}



/*2nd head*/

#top_span2{
    width:100%;
}


/*----------------------------------------
	side navi
----------------------------------------*/

#side_navi{
    position:fixed;
    display:block;
    right:0;
    top:100px;
    z-index:999;
}

#side_navi_2nd{
    position:fixed;
    display:block;
    right:0;
    top:250px;
    z-index:999;
}


/*----------------------------------------
	gn
----------------------------------------*/


/*gn logo*/

.gn_wrap{
    width:840px;
	margin:0 auto;
}

.gn_logo{
    width:500px;
	display:block;
    
}

#logo{
    float:left;
    margin:8px 0 0 -8px;

}

/*gn*/

.gn{
    width:86%;
    height:70px;
    float:left;
    position:relative;
    z-index:100;
    margin:0 0 0 7%;
    -webkit-background-size:contain; /* webkit系 */
    background-size: contain;

}

.gn ul{
    margin:3px 8px 0 8px;
    margin-top:5px;
	
}

.gn ul li{
    float:left;
	width:24.5%;
	margin:0 0.2%;
}

.gn li img{
	width:100%;
}

/*gn start*/

#start_tpb{
    position: absolute;
    display: block;
    width: 220px;
    display: block;
    left: 653px;
    top: 286px;
}

#start_tpb img{
    width:100%;
}

#start_tpb a:hover{
    opacity:0.7;
}

#start_b{
	background: url(../images/top/gn_start_m.png) no-repeat;
	width: 260px;
	height: 260px;
	display: block;
	position: absolute;
	z-index: 30;
	-webkit-background-size: 100%; /* webkit系 */
	background-size: 100%;
	left: 609px;
	top: 365px;
}

#start_b a{
    width: 260px;
    height: 260px;
    display:block;
}


#mainBannerSwiper img{
	width: 775px;
}


/*2nd gn*/

.gn_wrap2{
    width:100%;
	height:400px;
	min-height:400px;
    margin-top:10px;
	padding-top:25px;
    position:relative;
	display:block;
}


/*2nd gn start*/
#start_b2{
	background: url(../images/top/2gn_start.png) no-repeat;
	width: 250px;
	height: 288px;
	display: block;
	float: left;
	z-index: 30;
}

#start_b2 a{
    width: 284px;
    height: 329px;
    display:block;
}

#start_b2 a:hover{
    background-image: url(../images/top/2gn_start_o.png);
    background-repeat:no-repeat;
    z-index:-20;
}

#start_over {
    background: url(../images/top/gn_start_over.png);
    background-repeat:no-repeat;
    width: 284px;
    height: 329px;
    display: block;
    float: left;
    z-index:-20;
}



/*platform*/

.gn_wrap_plat{
    width:860px;
	margin:0 auto;
	display:block;
	position:absolute;
}

.gn_plat{
    width:100%;
    height:70px;
    float:left;
    position:relative;
    z-index:100;
    margin:0;
    -webkit-background-size:contain; /* webkit系 */
    background-size: contain;
}

.gn_plat ul{
    margin:3px 8px 0 8px;
    margin-top:5px;
	
}

.gn_plat ul li{
    float:left;
	width:24.5%;
	margin:0 0.2%;
}

.gn_plat li img{
	width:100%;
}


#top_plat {
    width:100%;
    display:block;
    margin:-10px 0 5px;
    height:60px;
    z-index:80;
}

#beta{
    float:left;
    height:45px;
    margin-top:15px;
}

#plat_mid{
    float:right;
    margin-top:15px;
}



/*niconico*/

#nico {
    display:block; 
    z-index:200;
    height:45px;
    width:580px;
    margin:15px auto 0;
    background:url(../images/top/nico_start_long.png) no-repeat;
}

#nico a{
    z-index:200;
    height:45px;
    width:580px;
    display:block;
}

#nico a:hover{
    background:url(../images/top/nico_start_long_o.png) no-repeat;
}


/*plat_start*/

#plat_start{
    position: absolute;
    display: block;
    width: 270px;
    height: 315px;
    background: url(../images/top/start_map.png) no-repeat;
    -webkit-background-size: contain; /* webkit系 */
    background-size: contain;
}




/*plat mygc*/

#ts_mygc{
    background:url(../images/top/ts_mygc.png) no-repeat;
    width:100%;
    display:block;
    -webkit-background-size:contain; /* webkit系 */
    background-size: contain;
}


#ts_mygc a{
    width:100%;
    display:block;
}

#ts_mygc a:hover{
    background:url(../images/top/ts_mygc_o.png) no-repeat;
    -webkit-background-size:contain; /* webkit系 */
    background-size: contain;
}


/*plat ymobage*/

#ts_ymobage{
    background:url(../images/top/ts_ymobage.png) no-repeat;
    width:100%;
    display:block;
    -webkit-background-size:contain; /* webkit系 */
    background-size: contain;
}


#ts_ymobage a{
    width:100%;
    display:block;
}

#ts_ymobage a:hover{
    background:url(../images/top/ts_ymobage_o.png) no-repeat;
    -webkit-background-size:contain; /* webkit系 */
    background-size: contain;
}

/*plat nico*/

#ts_nico{
    background:url(../images/top/ts_nico.png) no-repeat;
    width:100%;
    display:block;
    -webkit-background-size:contain; /* webkit系 */
    background-size: contain;
}


#ts_nico a{
    width:100%;
    display:block;
}

#ts_nico a:hover{
    background:url(../images/top/ts_nico_o.png) no-repeat;
    -webkit-background-size:contain; /* webkit系 */
    background-size: contain;
}


/*plat han*/

#ts_han{
    background:url(../images/top/ts_han.png) no-repeat;
    width:100%;
    display:block;
    -webkit-background-size:contain; /* webkit系 */
    background-size: contain;
    position:relative;z
}


#ts_han a{
    width:100%;
    display:block;
}

#ts_han a:hover{
    background:url(../images/top/ts_han_o.png) no-repeat;
    -webkit-background-size:contain; /* webkit系 */
    background-size: contain;
}



/*----------------------------------------
	top catch banner
----------------------------------------*/

.tcb{
    width:100%;
    text-align:center;
    margin:0 auto;
    display:block;
    margin-bottom:10px;
}

.tcb img{
    width:100%;
    max-width:780px;
}


/*----------------------------------------
	top contents
----------------------------------------*/

#top_map{
    background:url(../images/top/mapbase2.png) no-repeat;
    display:block;
    width:880px;
    height:100%;
    margin-left:-10px;
    margin-top:15px;
    z-index:50;
    position:relative;
    -webkit-background-size:100% 100%; /* webkit系 */
    background-size:100% 100%;
    display:inline-block;
}

#top_con{
    margin:30px auto 30px;
	padding:0 15px;
    float:none;
}

#newslink{
    width:93%;
    margin:0 auto 3%;
    text-align:center;
    border-top:2px #84683D dotted;
}

.links{
    display:inline-block;
    padding:15px 0 10px;
}

.links img{
    margin:0 10px;
}


/*top_cat*/
.midcontents{
	max-width:788px;
	margin:0 auto;
	width:100%;
}

.ca_base{
    width:100%;
    display:inline-block;
    margin:10px 0;
}




.ca_base50{
    width:460px;
    margin-right:20px;
    margin-left:0px;
    float:left;
    display:inline-block;
}

.ca_base50r{
    width:310px;
    float:left;
    display:inline-block;
}

.ca_name{
    height:37px;
    display:block;
    width:100%;
}

#news_top{
    background:url(../images/top/newsbase_01.png) no-repeat;
    width:820px;
    height:10px;
}

#news_mid{
    background:url(../images/top/newsbase_02.png) repeat-y;
    width:820px;
    height:130px;
}

#news_bottom{
    background:url(../images/top/newsbase_03.png) no-repeat;
    width:820px;
    height:10px;
}

#news_base{
    margin:10px 10px;
    display:block;
}

.about_news{
    text-align:center;
    }


/*news text*/

#news_text_box{
    width:800px;
    height:100%;
    margin:0 auto;
    overflow:hidden;
}

.haihu{
    float:left;
    display:block;
    margin-left:17px;
}


/*btslider*/
#btslider{
    width:460px;
}

#bx-pager{
    margin:0 auto;
}


/*twitter*/

#tw_wrap{
    width:310px;
    height:310px;
    background:#FFF;
    border:solid #DABC62 2px;
}

#tw_log{
    background:#FFF;
    height:300px;
    width:300px;
    margin-left:10px;
    margin-top:5px;
}


/*top_tweet*/

.top_tw{
	position:absolute;
	height:36px;
	width:36px;
	right:-2px;
	top:50%;
	margin-top:-18px;
	display:block;
}


/*spec*/

#spec{
    width:820px;
    margin:20px auto 25px;
    display:block;
    text-align:center;
}

.spec_top{
    width:820px;
	height:42px;
	margin:0 auto;
    display:block;
    text-align:center;
	background:url(../images/top/spec_top.png) no-repeat;
}

.spec_mid{
    width:820px;
	margin:0 auto;
    display:block;
    text-align:center;
	background:url(../images/top/spec_mid.png) no-repeat;
	-webkit-background-size:100% 100%; /* webkit系 */
    background-size:100% 100%;
	color:#FFF !important;
}


.spec_mid table{
	width:70%;
	display:inline-block;
	margin:0 auto;
	font-size:16px !important;
}


.spec_mid table,tr,td{
	color:#FFF !important;
	text-align:left;
}

.spec_mid th{
	color:#FC0 !important;
	text-align:left;
	width:30%;
	vertical-align:top;
	border-bottom:#fff 1px dotted !important;
	padding:10px 0; 
}

.spec_mid td{
	text-align:left;
	padding:10px 3em; 
	border-bottom:#fff 1px dotted !important;
}


.spec_bottom{
    width:820px;
	height:42px;
	margin:0 auto;
    display:block;
    text-align:center;
	background:url(../images/top/spec_bottom.png) no-repeat;
}


#spec img{
	text-align:center;
}


/*footer*/

#footer{
    width:100%;
    height:auto;
    margin-top:40px;
    position:relative;
	background:url(../images/foot_image.jpg) center no-repeat #002968;
}

#foot_line{
    background:url(../images/top/y_line.png) repeat-x;
    width:100%;
    height:5px;
}

#foot_con{
    text-align:center;
    margin:0 auto;
    padding-top:30px;
    padding-bottom:80px;
    width:100%;
}

#foot_logo{
    margin:0 auto;
    width:300px;
    height:60px;
    display:block;
}

#foot_logo img{
	float:left;
}

#foot_text{
    padding-top:8px;
    padding-bottom:15px;
    text-align:center;
    color:#FFF;
    font-size:12px;
    width:100%;
}


#uketori{
     display:block;
     position:relative;
     text-align:center;
}

#uketori a,img{
}

#cp{
    font-size:82%;width:580px;margin:0 0 0 17px;;border:1px #039 solid;padding:5px; float:left; height:84px;
}


/*houkoku*/

#houkoku{
    text-align: center;
    width: 100%;
    font-size: 15px;
    z-index: 999;
    margin-top: 20px;
    display: block;
    position: inherit;
}

/*NEWS MOVE*/

#top_news{
	margin:0 auto;
	width:830px;
	padding-top:40px;
}

#topic{
	width:850px;
	height:55px;
	margin-left:-15px;
	display:block;
	background-image:url(../images/top/topic-bg.png);
	margin-bottom:0px;
	margin-top:4px;
	
	/*--*/
	float:left;

}

#topic #text{
	width:643px;
	margin-left:123px;
	padding-top:15px;
	overflow:hidden;
	float:left;
	margin-top:2px;
	color:#FFF;
}

#topic #text a{
	color:#E2BF5F;
}

#topic #text span{
	white-space:nowrap;
    color:#FFF;
    font-size:14px;
}

#topic #text span a:hover{
	text-decoration:underline;
}

#bn-opener{
	display:block;
	width:30px;
	height:20px;
	margin-right:40px;
	margin-top:16px;
	background-color:#CCC;
	border-radius:1px;
	color:#0C1F51;
	text-align:center;
	font-size:15px;
	line-height:20px;
	float:right;
	cursor:pointer;
}

#topic-backnumber{
	width:780px;
    height:180px;
    overflow: auto;
	margin:0 auto;
	clear:both;
	background-color:#0E2663;
	border-radius:2px;
	border:solid #EEEEEE 1px;
	display:none;
	padding-top:0px;
	padding-bottom:15px;
    margin-top:-40px;
}

#topic-backnumber td{
    color:#FFF;
    padding-left:10px;
    padding-top:5px;
}

#topic-backnumber a{
	color:#E2BF5F;
}

#topic-backnumber table{
	font-size:13px;
	color:#FFF;
	border-collapse:collapse;
	width:93%;
	margin:0 auto;
}

#topic-backnumber *{
	vertical-align:top;
	padding:5px 0 10px;
}

#topic-backnumber tr{
	border:1px #CCC dotted;
	border-width:1px 0 0 0;
	margin:5px 8px 3px;
}

#topic-backnumber tr:first-child{
	border-width:0;
}


/*----------------------------------------
	fearture contents
----------------------------------------*/


/*outline*/

#outline_wrap{
    width:760px;
    margin:0 auto;
}

#outline1{
    background:url(../images/feature/outline_01.jpg) no-repeat;
    width:100%;
    height:250px;
}

#outline2{
    background:url(../images/feature/outline_02.jpg) no-repeat;
    width:100%;
    height:210px;
}

#outline3{
    background:url(../images/feature/outline_03.jpg) no-repeat;
    width:100%;
    height:220px;
}

#outline4{
    background:url(../images/feature/outline_04.jpg) no-repeat;
    width:100%;
    height:211px;
}

#feature{
    width:760px;
    margin:60px auto;
}



/*----------------------------------------
	system
----------------------------------------*/

/*system*/

#sys_map{
    width:1000px;
    height:881px;
    float:left;
    display:block;
    margin-left:-70px;
    margin-top:-20px;
    background:url(../images/system/paper_base.png) no-repeat;
}

#sys_snavi{
    width:820px;
    height:61px;
    margin:60px auto 10px;

}

#sys_b_base{
    width:510px;
    margin:0 auto;
    height:100%;

}

/*snavi button*/

#sys_b_wrap{
    width:510px;
    display:block;
    margin:0 auto;
}

#sys_b_wrap ul li{
    float:left;
}

/*basic*/

#sys_b_basic{
    background:url(../images/system/basic.png);
    width:157px;
    height:55px;
    margin:0 6px;
    display:block;

}

#sys_b_basic a{
    width:157px;
    height:55px;

    display:block;
}

#sys_b_basic a:hover{
    background:url(../images/system/basic_o.png);
}

#sys_b_basic_o{
    background:url(../images/system/basic_o.png);
    width:157px;
    height:55px;
    margin:0 6px;
    display:block;

}


/*basic*/

#sys_b_city{
    background:url(../images/system/city.png);
    width:157px;
    height:55px;
    margin:0 6px;
    display:block;

}

#sys_b_city a{
    width:157px;
    height:55px;

    display:block;
}

#sys_b_city a:hover{
    background:url(../images/system/city_o.png);
}

#sys_b_city_o{
    background:url(../images/system/city_o.png);
    width:157px;
    height:55px;
    margin:0 6px;
    display:block;

}


/*new*/

#sys_b_new{
    background:url(../images/system/new_sys.png);
    width:157px;
    height:55px;
    margin:0 6px;
    display:block;

}

#sys_b_new a{
    width:157px;
    height:55px;
    display:block;

}

#sys_b_new a:hover{
    background:url(../images/system/new_sys_o.png);
}

#sys_b_new_o{
    background:url(../images/system/new_sys_o.png);
    width:157px;
    height:55px;
    margin:0 6px;
    display:block;

}

/*question*/

#sys_b_question{
    background:url(../images/system/question_b.png);
    width:157px;
    height:55px;
    margin:0 6px;
    display:block;
}

#sys_b_question a{
    width:157px;
    height:55px;
    display:block;
}

#sys_b_question a:hover{
    background:url(../images/system/question_o.png);
}



#sys_block{
    width:820px;
    height:640px;
    margin:5px auto 0;

}

#sys_s_title{
    width:760px;
    height:76px;
    margin:0 auto;
}

/*system object*/

.sys_obj{
    width:84%;
    height:500px;
    float:left;
    margin:3% 8% 0;

}

.sys_obj_w50{
    width:46%;
    height:70%;
    margin:0 2%;
    float:left;
    display:block;
}

.sys_obj_w50-2{
    width:46%;
    height:66%;
    margin:00px 2%;
    float:left;
    display:block;
}

.sys_obj_w100_wrap{
    width:100%;
    height:70%;
    float:left;
    display:block;
}

.sys_obj_w100_word{
    width:100%;
    display:block;
}




.sys_obj_w100{
    width:100%;
    height:20%;
    float:left;
    margin-top:15px;
}

.sys_obj_w100-2{
    width:100%;
    height:20%;
    float:left;
    margin-top:5px;
}

.sys_obj_w50 p{
    font-size:18px;
}

.sys_obj_w50-2 p{
    font-size:18px;
}

.sys_obj_w50 img{
    float:left;
    padding-top:10px;
}

.sys_obj_w50-2 img{
    float:left;
}

.sys_obj_w100_word p{
    font-size:18px;
}

.sys_obj_w100 p{
    font-size:18px;
}

.sys_obj_w100-2 p{
    font-size:18px;
}

/*sys category*/

#sys_cat_adv{
    background:url(../images/system/cat_adv.png) no-repeat;
    height:49px;
    width:500px;
    float:left;
    display:block;
    margin-bottom:10px;
}

#sys_cat_com{
    background:url(../images/system/cat_com.png) no-repeat;
    height:49px;
    width:500px;
    float:left;
    display:block;
    margin-bottom:10px;
}

#sys_cat_bat{
    background:url(../images/system/cat_bat.png) no-repeat;
    height:49px;
    width:500px;
    float:left;
    display:block;
    margin-bottom:10px;
}

#sys_cat_map{
    background:url(../images/system/cat_mult.png) no-repeat;
    height:49px;
    width:500px;
    float:left;
    display:block;
    margin-bottom:10px;
}

#sys_cat_char{
    background:url(../images/system/cat_char.png) no-repeat;
    height:49px;
    width:500px;
    float:left;
    display:block;
    margin-bottom:10px;
}

#sys_cat_glow{
    background:url(../images/system/cat_glow.png) no-repeat;
    height:49px;
    width:500px;
    float:left;
    display:block;
    margin-bottom:10px;
}

#sys_cat_quest{
    background:url(../images/system/cat_quest.png) no-repeat;
    height:49px;
    width:500px;
    float:left;
    display:block;
    margin-bottom:10px;
}

#sys_cat_ship{
    background:url(../images/system/cat_ship.png) no-repeat;
    height:49px;
    width:500px;
    float:left;
    display:block;
    margin-bottom:10px;
}

#sys_cat_toushi{
    background:url(../images/system/cat_toushi.png) no-repeat;
    height:49px;
    width:500px;
    float:left;
    display:block;
    margin-bottom:10px;
}

#sys_cat_bar{
    background:url(../images/system/cat_bar.png) no-repeat;
    height:49px;
    width:500px;
    float:left;
    display:block;
    margin-bottom:10px;
}


/*----------------------------------------
	flickObj
----------------------------------------*/

#flickObj{
	position:relative;
	max-width:820px;
    height:565px;
	margin:0 auto 0;
}

#flickObj a{
    opacity:1;
}

#flickObj_nav{
	width:100%;
	max-width:820px;
	margin:0 auto 0;
	overflow:hidden;
	}

#flickObj #flickWindow{
	margin: 0 auto 0;
	overflow: hidden;
	width:100%;
}

#flickObj #flick {
	overflow: hidden;
	width:100%;
	
}

#flickObj ul.flickNav {
	margin: 10px 0;
	position: relative;
	left: 50%;
	float: left;
}

#flickObj ul.flickNav li {
	float: left;
	display: inline;
	margin-right: 6px;
	margin-bottom: 6px;
	position: relative;
	left: -50%;
}

#flickObj ul.flickNav li a {
    display:block;
	width: 15px;
	height: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
	background-color: #906600;	
}

#flickObj ul.flickNav li.selected a {
    display:block;
	background-color: #1F388E;	
}



#flickObj div.container {
	height: auto;
	position: relative;
	clear: both;
	overflow: hidden;
	line-height:0;
}
#flickObj div.itemBox {
	position: relative;
}
#flickObj div.container .item {
	float: left;

}

#flickObj .moving {
	-webkit-transition: -webkit-transform .2s ease-out;
	-moz-transition: -moz-transform .2s ease-out;
	-o-transition: -o-transform .2s ease-out;
	-ms-transition: -ms-transform .2s ease-out;
}

#flickObj div#flick figure {
	margin: 0 auto;

	width: 100%;
	height: auto;
	line-height:0;
}

#flickObj div#flick figure img{
	margin: 0 auto;

	width: 100%;
	height: auto;
	line-height:0;
}

ul.next_prev{
	width:100%;
}

ul.next_prev li {
	margin: 0px;
	padding: 0.3em;
	display: inline;
	cursor: pointer;
}

ul.next_prev li img{
	width:80%;
}

ul.next_prev li.off {
	display: none;
}

ul.next_prev li.prev {
	position:relative;
	z-index:100;
	float: left;
	margin-top:-380px;
	margin-left:15px;
    height:80px;
}
ul.next_prev li.next {
    text-align:right;
	position:relative;
	z-index:100;
	float: right;
	margin-top:-380px;
	margin-right:15px;
    height:80px;
}

/*----------------------------------------
	BGM
----------------------------------------*/

#bgm_btn{
    float:right;
    margin-right:0px;
    display:block;
    margin-top:0px;
}

#bgm_on{
    background-image:url(../images/top/sound_on.gif);
    background-repeat:no-repeat;
    height:34px;
    width:115px;

    cursor:pointer;
}

#bgm_off{
    background-image:url(../images/top/sound_off.gif);
    background-repeat:no-repeat;
    height:34px;
    width:115px;

	cursor:pointer;
}


/*----------------------------------------
	character contents
----------------------------------------*/


/*character*/

#char_pic{
    margin-left:-28px;
    float:left;
    display:block;
}

#char_link{
    margin-left:116px;
    margin-top:-190px;
    margin-bottom:20px;
    width:780px;
    float:left;
    display:block;header
}

#illust{
    margin:55px 0 30px -75px;
    display:inline-block;
}

#illust_t{
    margin:0 auto 30px;
}

#illust_t img,p{
    font-size:13px;
    color:#002968;
    display:block;
    float:left;
}

.item a{
    display:block;
}


/*----------------------------------------
	SNS
----------------------------------------*/
#sp_sns{
    width:100%;
    margin-top:25px;
    text-align:center;
}

#sp_sns a img{
    margin:0 34px;
    float:left;
}

.sp_sns_bt{
    width:80%;
    display:inline-block;
    width:auto;
}

/*----------------------------------------
	word
----------------------------------------*/

#word_box{
    width:840px;
    margin:-5px auto 0;
}

#word_area{
    width:790px;
    border:solid 5px #990000;
    padding:20px;
    margin:-5px auto 30px;
    color:#011531;
}

#word_title{
    display:block;
    background:#990000;
}

#word_area a{
    border:none;
    text-decoration: none;
}



#word_title h2{
    font-size:18px;
    padding:5px 0;
    color:#FFF;
    text-align:center;
    font-weight:200;
    display:block;
    border:none;
    text-decoration: none;
}

.word_subtitle{
    width:100%;
    border:#990000 solid 2px;
    margin:20px 0;
}

.word_subtitle h3{
    font-size:16px;
    color:#990000;
    padding:3px 0;
    text-align:center;
    font-weight:bold;
}

#word_sub{
    width:100%;
    margin:0 auto;
}

#word_box li{
    list-style-type:disc;
    margin-left:30px;
}


/*----------------------------------------
アコーディオン
----------------------------------------*/

.acMenu{
	display: inline-block;
}

dt{
    cursor:pointer;
	    }
	
dd{
	display:none;
    }
    

/*----------------------------------------
 SP関係
----------------------------------------*/

.go_sp{
    text-align:center;
    width:80%;
    margin:0 auto;
    margin-top:2%;
    cursor:pointer;   
}

.go_sp img{
    width:100%;
    margin:0;
}


#sp_machine{
    background:#C00;
    width:70%;
    border-radius:10px;
    color:#FF3;
    text-align:center;
    font-size:14px;
    padding:10px 5%;
    margin:-5px auto 0;
    z-index:200;
}

#sp_machine2{
    background:#C00;
    width:70%;
    border-radius:10px;
    color:#FF3;
    text-align:center;
    font-size:14px;
    padding:3px 5%;
    margin:5px auto 10px;
    z-index:200;
}

#sp_machine2 .title{
    font-weight:bold;
    color:#FF3;
    padding-bottom:2px;

}

#sp_machine .title{
    font-weight:bold;
    color:#FF3;
    padding-bottom:2px;

}

#att_block{
    background:#EEE;
    border-radius:5px;
    color:#C00;
    padding:5px 10px;
    width:40%;
    text-align:center;
    margin:15px auto 5px;
    font-weight:bold;
}



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

.clear{
clear:both;
}

.mp0{
    margin:0;
    padding:0;
}

.blockcenter{
    margin-left:auto;
    margin-right:auto; 
    display:block;
}

.f_left{
    float:left;
}

.f_right{
    float:right;
}

a {
    border:none; outline:none; text-decoration:none;
}

area{
    border:none; outline:none;
}

.dis_none{
    display:none;
}

span {
    color:#FFF;
}