@charset "utf-8";

@import "reset.css";



/* ----------------------------------------------------

	全体の設定

---------------------------------------------------- */

html{

	height: 100%;

}

body{

  height: 100%;			

  font-size:83.333%;

  line-height:130%;

  font-family: "MS P Gothic", sans-serif;

  color: #fff;

  background-color:#000;

  text-align: center;

}

/* for IE6 */

* html body {

    font-size: 75%;

}

/* for IE7 */

*:first-child+html body {

    font-size: 75%;

} 


/*画像下部の意図しない余白をなくす*/

img{ vertical-align : bottom; }

a {outline: none;}

/* ----------------------------------------------------

	リンクカラー

---------------------------------------------------- */

a:link {color:#ff0000; text-decoration:none;}

a:visited {color:#ff0000; text-decoration:none;}

a:active {color:#990000;}

a:hover {color:#990000;}

/* ----------------------------------------------------

	その他カラー、汎用設定

---------------------------------------------------- */

textarea{		

  font-size:83.333%;

  line-height:130%;

  font-family: "MS P Gothic", sans-serif;

  color: #fff;

  background-color:#000;

  text-align: left;

}



.orange{color:#ff6600;}

.orange_l{font-size:14px;color:#ff6600;font-weight: bold;}

.orange_s{font-size:11px;color:#ff6600;}

.caution{color:#ff0000;font-weight:bold;}

.w_caution{font-weight:bold;}

.w_caution_l{font-weight:bold;}

.s_txt{font-size:smaller;}



html,body {

scrollbar-arrow-color:#990000;

scrollbar-face-color:#000000;

scrollbar-3dlight-color:#990000;

scrollbar-darkshadow-color:#990000;

scrollbar-highlight-color:#000000;

scrollbar-shadow-color:#000000;

scrollbar-track-color:#000000;

}

/* ----------------------------------------------------

	#trunk

---------------------------------------------------- */

#trunk{

	width:1020px;

	margin: 0px auto 0px auto;

}

/* ----------------------------------------------------

	#header	

---------------------------------------------------- */

#header{	

}

#header h1{

	display:none;

}

#headfeature{

	width:670px;

	margin:15px 0px 0px 40px;

	text-align: left;

	float:left;

}

#headlogo{

	width:270px;

	margin:0px 40px 0px 0px;	

	text-align: right;

	float:right;

}

/* ----------------------------------------------------

	#menu

---------------------------------------------------- */

#menu{

	width:1020px;

	height:80px;

}

#menu ul {

margin: 0;

padding: 0;

}

#menu ul li{

list-style-type: none;  

display:table-cell;  

*display:inline;  

*zoom:1;

}

/* ----------------------------------------------------

	#contents_outer

---------------------------------------------------- */

#contents_outer{

}

/* ----------------------------------------------------

	#top_left

---------------------------------------------------- */

/**/

#top_left{

width:770px;

float:left;

}

/**/

#top_left_inner{

}

#mainpic{

width:447px;

margin-left: 10px;

float: left;

}

#info{

width:313px;

text-align: left;

background-image: url(../images/bg_info.jpg);

background-repeat: no-repeat;

float: left;


}

#info_inner{

height:385px;

margin: 0px 13px 15px 30px;

overflow-y: auto;

font-size:smaller;

line-height: 130%;

}

#link{

width:630px;

min-height: 140px;

padding:30px 0px 30px 140px;

text-align: left;

background-image: url(../images/bg_link.jpg);

background-repeat: no-repeat;

}

#link img{

margin:0px 10px 10px 0px;

float:left;

}

/* -- --------------------------------------------------

	#top_right

---------------------------------------------------- */

#top_right{

width:250px;

text-align: left;

float:right;

}

/**/

#topics{

}

#topics_box{

width:200px;

height:250px;

margin:0px 0px 0px 10px;

border:1px solid #990000;

background-image: url(../images/bg_toprbox.jpg);

background-position: left top;

background-repeat: no-repeat;

overflow-y: auto;

}

#topics_box dl{

padding:6px 0px 6px 0px;

font-size:smaller;

line-height: 130%;



}

#topics_box dl dt{

padding-left: 8px;

font-weight: bold;

font-size:small;

}

#topics_box dl dd{

margin-bottom:5px;

padding: 6px 8px;

border-bottom: 1px dotted #990000;

font-size:small;
}

/**/

#twitter{

}

#twitter_box{

width:193px;

height:250px;

margin:0px 0px 0px 10px;
padding:0 2px 0 5px;

border:1px solid #990000;

background-image: url(../images/bg_toprbox.jpg);

background-position: left top;

background-repeat: no-repeat;

/*overflow-y: auto;*/

}

.twtr-doc{

font-size:10.5px;

}

.twtr-hd,.twtr-ft{

display: none;

}

/*.twtr-widget .twtr-tweet {

border-bottom: 1px dotted #990000;

overflow:hidden;

}*/

.twtr-widget .twtr-tweet-wrap{

padding:5px;

}

/**/

#footer{

	margin-top:15px;

	margin-bottom: 15px;

}

/* ----------------------------------------------------

	#sec_left

---------------------------------------------------- */

#sec_left{

width:770px;

min-height: 440px;

text-align: left;

background-image: url(../images/bg_sec.jpg);

background-repeat: no-repeat;

}

#sec_left2{

width:770px;

min-height: 440px;

text-align: left;

background-image: url(../images/bg_sec2.jpg);

background-repeat: no-repeat;

}

#sec_left3{

width:770px;

min-height: 440px;

text-align: left;

background-image: url(../images/bg_sec2.jpg);

background-repeat: no-repeat;

}

#sec_left_yuka{

width:770px;

min-height: 440px;

text-align: left;

background-image: url(../images/bg_sec_yuka.jpg);

background-repeat: no-repeat;

}

#sec_left_kiza{

width:770px;

min-height: 440px;

text-align: left;

background-image: url(../images/bg_sec_kiza.jpg);

background-repeat: no-repeat;

}

#sec_left_yui{

width:770px;

min-height: 440px;

text-align: left;

background-image: url(../images/bg_sec_yui.jpg);

background-repeat: no-repeat;

}

#sec_left_mori{

width:770px;

min-height: 440px;

text-align: left;

background-image: url(../images/bg_sec_mori.jpg);

background-repeat: no-repeat;

}

#sec_left_mayu{

width:770px;

min-height: 440px;

text-align: left;

background-image: url(../images/bg_sec_mayu.jpg);

background-repeat: no-repeat;

}

#sec_left_seik{

width:770px;

min-height: 440px;

text-align: left;

background-image: url(../images/bg_sec_seik.jpg);

background-repeat: no-repeat;

}

#sec_left_yosi{

width:770px;

min-height: 440px;

text-align: left;

background-image: url(../images/bg_sec_yosi.jpg);

background-repeat: no-repeat;

}
#sec_left_ayum{

width:770px;

min-height: 440px;

text-align: left;

background-image: url(../images/bg_sec_ayum.jpg);

background-repeat: no-repeat;

}
#sec_left_naom{

width:770px;

min-height: 440px;

text-align: left;

background-image: url(../images/bg_sec_naom.jpg);

background-repeat: no-repeat;

}
#sec_left_sato{

width:770px;

min-height: 440px;

text-align: left;

background-image: url(../images/bg_sec_sato.jpg);

background-repeat: no-repeat;

}

#sec_left_contents{

min-height: 365px;

margin: 25px 30px 0px 100px;

padding-bottom:30px;

}

/* ----------------------------------------------------

	#sec_left　各コンテンツ

---------------------------------------------------- */

/*製品情報*/

.secinfo dl{

width:570px;

/*margin:-15px 0 0 0;*/

padding-bottom:5px;

border-bottom:1px dotted #333;

clear:both;

}

.secinfo dl dt{

width:150px;

margin-top: 4px;

padding-top: 4px;

padding-right: 20px;

border-top:1px dotted #333;

text-align: right;

float: left;

}

.secinfo dl dd{

width:400px;

margin-top: 4px;

padding-top: 4px;

border-top:1px dotted #333;

float:right;

}

/*キャラクター*/

#chara_outer{

padding-bottom: 30px;

padding-top: 25px;

background-image: url(../images/bg_chara.jpg);

background-position: left top;

background-repeat: no-repeat;

}

#chara_left{

width: 210px;

min-height: 245px;

margin-left: 40px;

padding-top: 140px;

float: left;

}

#chara_left img{

float:left;

}

#chara_right{

width: 490px;

margin-right: 30px;

float: right;

}



/*コラボ*/

.clb_infobox{

width:450px;

margin: 10px 0px 10px 0px;

padding:10px;

border: 1px solid #990000;

}

.clb_ban{

margin-top:10px;

}



/*ダウンロード*/

#dl_ban{

width:640px;

text-align:left;

}

#dl_ban img{

	margin-bottom:10px;

}

.ban_outer{

	width:640px;

	text-align:left;

}

.ban01{

width:200px;

margin-right:10px;

margin-bottom:20px;

float:left;

}

.ban01 textarea{

	width:200px;

	margin:0;

}

.ban02{

width:150px;

margin-right:10px;

margin-bottom:20px;

float:left;

}

.ban02 textarea{

	width:150px;

	margin:0;

}

.ban03{

width:280px;

margin-right:10px;

margin-bottom:20px;

float:left;

}

.ban03 textarea{

	width:280px;

	margin:0;

}

.ban04{

width:450px;

margin-right:10px;

margin-bottom:20px;

float:left;

}

.ban04 textarea{

	width:450px;

	margin:0;

}



/*スペシャル（カウントダウンボイス）*/

.cd_area{

	margin-bottom:20px;

	padding-bottom:20px;

	border-bottom:1px dotted #333;
	width:300px;
	
	text-align:center;
}

.cd_h{

	padding-bottom:5px;
	width:250px;

}

.cd_btn{

	padding-top:15px;
	width:250px;

}

ul.countb{
	width:550px; 
	text-align:left; 
	margin:20px 20px 20px 20px;
	font-size:12px;
	list-style-type:none;
}

ul.countb li{
	margin:5px 0 0 0;
	color:#666;
}