@charset "utf-8";

body{color:#000;background:#000;font-size:62.5%;text-align:center;font-family:"ＭＳ Ｐゴシック", sans-serif , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;
}
table{border-collapse:collapse;border-spacing:0;}
img{border:0; vertical-align:bottom;}
em,strong,th{font-style:inherit;font-weight:inherit;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}

/*レイアウト-----------------------------------------------*/
#wrapper{background:url(../images/cmn_wr_bg02.gif) repeat-y;width:900px;margin:0 auto;font-size:1.2em;line-height:1.4em;text-align:left;overflow:hidden;}
*html #wrapper{height:1%;}
#wrapper .bg01{background:url(../images/cmn_wr_bg03.gif) no-repeat left bottom;overflow:hidden;padding-bottom:15px;}
*html #wrapper .bg01{height:1%;}
#right{width:180px;padding:0 10px;float:left;}
#mod_wr{width:670px;float:right;padding-right:10px;}
#footer{clear:both;color:#6ff;font-weight:bold;text-align:center;padding:20px 0 10px 0;}

/*header--------------------------------------------------*/
#header{width:900px;margin:0 auto;text-align:right;font-size:1.2em;}
#header ul{float:right;padding:5px 0;}
#header li{float:left;background:url(../images/arrow.gif) no-repeat 0 50%;padding-left:10px;margin-left:8px;}
#header a{color:#6ff;}
#top_ttl{background:url(../images/ttl_bg.gif) repeat-x 0 0;clear:both;}
#top_ttl_b{background:url(../images/ttl_bg_b.gif) repeat-x;clear:both;}


/*左カラムナビゲーション-----------------------------------*/
#navi{background:url(../images/navi_bg.gif) repeat;width:180px;padding:5px;}
#navi li{text-indent:-9999px;}
#navi li a{background:url(../images/navi_btn.gif) no-repeat;height:49px;display:block;outline:none;}

#navi li.news a{background-position:0 0;}
#navi li.news a:hover{background-position:-180px 0px;}
#navi li.about a{background-position:0 -50px;}
#navi li.about a:hover{background-position:-180px -50px;}
#navi li.world a{background-position:0 -100px;}
#navi li.world a:hover{background-position:-180px -100px;}
#navi li.cardlist a{background-position:0 -150px;}
#navi li.cardlist a:hover{background-position:-180px -150px;}
#navi li.illust a{background-position:0 -200px;}
#navi li.illust a:hover{background-position:-180px -200px;}
#navi li.avatar a{background-position:0 -250px;}
#navi li.avatar a:hover{background-position:-180px -250px;}
#navi li.rank a{background-position:0 -300px;}
#navi li.rank a:hover{background-position:-180px -300px;}
#navi li.int a{background-position:0 -350px;}
#navi li.int a:hover{background-position:-180px -350px;}

#navi li.rank_con{background:url(../images/navi_btn_con.gif) no-repeat 0 0;height:49px;display:block;}
#navi li.int_con{background:url(../images/navi_btn_con.gif) no-repeat 0 -50px;height:50px;display:block;}


#news #navi li.news{background:url(../images/navi_btn.gif) no-repeat -360px 0;height:49px;display:block;}
#about #navi li.about{background:url(../images/navi_btn.gif) no-repeat -360px -50px;height:49px;display:block;}
#world #navi li.world{background:url(../images/navi_btn.gif) no-repeat -360px -100px;height:49px;display:block;}
#card #navi li.cardlist{background:url(../images/navi_btn.gif) no-repeat -360px -150px;height:49px;display:block;}
#illust #navi li.illust{background:url(../images/navi_btn.gif) no-repeat -360px -200px;height:49px;display:block;}
#rank #navi li.rank{background:url(../images/navi_btn.gif) no-repeat -360px -300px;height:49px;display:block;}
#avatar #navi li.avatar{background:url(../images/navi_btn.gif) no-repeat -360px -250px;height:49px;display:block;}
#int #navi li.int{background:url(../images/navi_btn.gif) no-repeat -360px -350px;height:49px;display:block;}

/*バナー類----------------------------------------*/
.twt{margin-top:15px;width:191px;height:64px;}
.twt li{float:left;}
.qr{clear:both;margin-top:15px;text-align:center;}
.taito{margin-top:25px;text-align:center;}

/*ページトップへ----------------------------------*/
.cmn_gotop{text-align:right;padding:10px 0;}
.news_bn{text-align:center;padding:15px;}

/*twitter-----------------------------------------*/
#twitter_div li{
width:587px;height:44px;
padding:3px 10px 3px 73px;
margin-bottom:10px;}

#twitter_div{ line-height:1.2;}
#twitter_update_list{background:url(../images/twt_bg01.gif) repeat-y 0 0;}
#twitter_update_list2{background:url(../images/twt_bg02.gif) no-repeat 0 0;}
#twitter_update_list3{background:url(../images/twt_bg03.gif) no-repeat 0 0;}

/*モジュール内共通-----------------------------------------*/
.mod_cont{background:url(../images/cmn_md_bg01.gif) repeat-y 0 0;border-bottom:1px #000 solid;padding:0 10px;min-height:700px;height:auto !important;height:700px;}
#news .mod_cont{background:url(../images/cmn_md_bg01.gif) repeat-y 0 0;border-bottom:1px #000 solid;padding:0 10px;min-height:500px;height:auto !important;height:500px;}

#world .mod_cont{padding:0 1px;min-height:685px;height:auto !important;height:685px;}

/*news------------------------------------------------*/
#news .mod_cont dl{padding-top:10px;clear:both;}
#news .mod_cont dt{background:url(../images/cmn_capbg.gif) no-repeat 0 0;padding-left:15px;height:22px;
font-weight:bold;color:#006;}
#news .mod_cont dd{padding:5px;}
#news .mod_cont dd.imgh{width:380px;float:left;}
#news .mod_cont dd.imgr img{float:right;}
#news .mod_cont dd em{font-weight:bold;color:#006;color:#09f;font-style:normal;}

/*about-----------------------------------------------*/
#about h3{padding-top:10px;}
.about_categ ul{width:670px;border-right:1px #000 solid;height:28px;border-left:1px #000 solid;}
.about_categ li{float:left;}

.about_sum{background:#000;padding:10px;}
.about_sum table{margin:1px;color:#fff;border:1px #fff solid;width:100%;}
*html .about_sum table{width:628px;}
.about_sum img{vertical-align:bottom;}
.about_sum th,.about_sum td{padding:5px;border-top:1px #fff solid;}
.about_sum th{border-right:1px #fff solid;width:85px;}
.about_sum p{margin-top:10px;}

.about_tut p{padding:10px 0;}
.tut_Left{width:320px;margin-bottom:10px;float:left;background:url(../images/about_t_bg01l.gif) repeat-y 0 0;}
.tut_Left dd{padding:5px 6px 8px 8px;background:url(../images/about_t_bg02l.gif) no-repeat 0 bottom;}
.tut_Left dd p{width:145px;float:left;margin-right:12px;}
*html .tut_Left dd p{margin-right:6px;}

.tut_Right{width:320px;margin-bottom:10px;float:right;background:url(../images/about_t_bg01r.gif) repeat-y 0 0;}
.tut_Right dd{padding:5px 6px 8px 8px;background:url(../images/about_t_bg02r.gif) no-repeat 0 bottom;}
.tut_Right dd p{width:145px;float:left;margin-right:12px;}
*html .tut_Right dd p{margin-right:6px;}

.tut_long{background:url(../images/about_t_bg04.gif) repeat-y 0 0;clear:both;}
.tut_long dl{background:url(../images/about_t_bg05.gif) no-repeat 0 bottom;padding-bottom:5px;}
.tut_long dd{padding:5px 10px;}

.about_sm p{padding:10px 0;}
.about_sm ol{width:510px;margin:0 auto;}
.about_sm li{float:left;padding:0 10px 10px 0;}


.about_gs ol{padding-top:10px;}
.about_gs li{float:left;}
.about_gs li.gs_img{padding-left:12px;}
.about_gs dl{width:300px;padding-left:5px;}


/*illustrator-----------------------------------------*/
#illust .mod_cont{padding-top:10px;}
#illust .mod_cont h3{background:url(../images/illust_txt.gif) no-repeat 0 0;text-indent:-9999px;height:29px;}
#illust .mod_cont li{width:198px;border-bottom:1px #333 solid;background:url(../images/cmn_ico02.gif) no-repeat 0 0;padding:2px 0 2px 15px;float:left;margin:10px 3px 0 0;}
#illust .mod_cont p{padding:15px 0;}

.illustrator{border:1px #333 solid;padding:4px;margin-bottom:10px;clear:both;}
.illust_img{width:211px;float:left;margin-right:5px;}
.illust_txt{float:left;width:424px;}
.illust_txt h4{background:url(../images/illust_name_bg.jpg) no-repeat 0 0;padding:3px;font-weight:bold;color:#fff;}
.illust_txt h4 span{background:url(../images/cmn_ico02.gif) no-repeat 0 0;padding:3px 0 3px 15px;}
.illust_txt dl{padding:3px 0;overflow:hidden;min-height:65px;height:auto !important;height:65px;}
.illust_txt dt{width:70px;float:left;font-weight:bold;}
.illust_txt dd{width:345px;float:right;}
.illust_link{float:right;}
*html .illust_link{margin-top:3px;}
.illust_link img{margin-left:5px;line-height:0em;vertical-align:bottom;}
.illustrator .onlyb{padding-top:73px;}

/*card-----------------------------------------------*/
#card .mod_cont h3{height:44px;text-indent:-9999px;background:url(../images/card_txt01.gif) no-repeat 0 10px;padding
:10px 0;}

.card_std{padding-bottom:10px;font-weight:bold;}

.card_wr{margin-top:10px;line-height:1.2;}
.card_info th{padding:2px;}
.card_info td{padding:1px;}
td.card{width:138px;}
.card_info{border:1px #333 solid;}
h5.card_no01{background:url(../images/card_ico01.gif) no-repeat 0 0 #333;height:24px;color:#fff;}
h5.card_no02{background:url(../images/card_ico02.gif) no-repeat 0 0 #333;height:24px;color:#fff;}
h5.card_no03{background:url(../images/card_ico03.gif) no-repeat 0 0 #333;height:24px;color:#fff;}
#card h5{font-weight:bold;padding-left:28px;line-height:2;}
td.card_line{border-right:1px #333 solid;}
td.card_txt{border-top:1px #333 solid;}
td.card_txt p{min-height:44px;height:auto !important;height:44px;}
td.card_txt p.spc{min-height:83px;height:auto !important;height:83px;}
#card .mod_cont th{background:#333;color:#fff;padding:4px 3px;width:127px;}

.card_spc{padding-top:10px;}
.card_name p{font-weight:bold;line-height:2;background:#333;height:24px;color:#fff;padding-left:5px;}


/*avatar----------------------------------------------*/
#avatar .mod_cont{padding-top:10px;}
#avatar .mod_cont h3{background:url(../images/ava_txt01.gif) no-repeat 0 0;text-indent:-9999px;height:50px;}
#avatar .mod_cont h4{clear:both;}

#car_wr{width:615px;height:448px;padding:5px 15px;position:relative;margin:0 auto;}
#carouselPrev{position:absolute;top:224px;left:0px;cursor:pointer;}
#carouselNext{position:absolute;top:224px;right:0px;cursor:pointer;}
#carouse{width:100%;height:100%;overflow:hidden;}
#carouselInner ul.column{width:615px;height:448px;float:left;}
#carouselInner ul.column li{float:left;display:inline;}

.ava_md01 li{border:1px #333 solid;width:208px;float:left;margin:10px 10px 0 0;background:#6ff;}
.ava_md01 li span{display:block;float:right;padding:3px 5px;}
.ava_md01 li a span{display:block;background:url(../images/ava_arrow03.gif) no-repeat 0 50%;padding-left:15px;}
.ava_md01 li.nm{margin-right:0;}
.ava_rec{margin-bottom:15px;}

.ava_md02 li{border:1px #333 solid;width:153px;float:left;margin:10px 10px 0 0;}
.ava_md02 li span{display:block;background:#6ff;text-align:right;padding:3px 5px;}

.ava_md02 li.nm{margin-right:0;}

.ava_md_l{padding-bottom:10px;}


/*privacy----------------------------------------------*/
.privacy{line-height:1.4em}
.privacy p{padding:5px 0;}
.privacy ul{padding-left:40px;}
.privacy ul li{list-style-type:decimal;}
.privacy ol{padding-left:40px;}
.privacy ol li{list-style-type:circle;}
.privacy dt{color:#006;font-weight:bold;padding:5px 0;}
.privacy dd{padding:5px 0;}

.pp_hst dt{color:#006;font-weight:bold;padding:5px 0;}
.pp_hst ul{padding:0 0 10px 10px;}

/*kiyaku-----------------------------------------------*/
.kiyaku{line-height:1.4em;padding:10px 0;}
.kiyaku h3{background:url(../images/cmn_capbg.gif) no-repeat;padding-left:15px;height:20px;font-weight:bold;color:#006;}
.kiyaku p{padding:5px 0 10px 0;}
.kiyaku dl{padding-left:20px;}
.kiyaku dt{font-weight:bold;color:#40a0c6;margin-bottom:5px;}
.kiyaku dd{margin-bottom:10px;}
.kiyaku ul{padding-left:40px;}
.kiyaku ul li{list-style-type:decimal;}


/*clearfix*/
.clearfix:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
}

.clearfix{display: inline-block;}