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

/*全体の背景*/
body{
	background:#000000;
	width:100%;
	border-top:2px solid #DA0012;
	color:#ffffff;
}
/*大枠*/
.wrapper {
	width:960px;
	margin:0 auto ;
	padding:0 0 0 0;
}
/*リンク色設定*/
a{
	color:#ffffff;
	text-decoration:underline;
}
a#img:hover{
	background:none;
}
a:hover{
	color:#ffffff;
}
a:visited{
	color:#ffffff;
}
a:active{
	color:#ffffff;
}
/*header*/
.header{
	padding:0px 0 22px 0;
}
h1 {
	margin:22px 39px 0 24px;
	/margin:22px 36px 0 24px;
	_margin:22px 36px 0 12px;
	float:left;
	font:0;
}
h2{
	margin:20px 0 25px 20px;
}
h3{
	margin:0 0 25px 20px;
}

.menu{
	float:left;
	margin:0px 0 17px 0;
	/margin:0 0 17px 2px;
	width:821px;
}
.header #left{
	padding:22px 0 0 0;
}
/*globalnavi*/
.gl_navi{
	margin:0 0 0 0;
	width:960px;
	/width:821px;
}
.gl_navi li{
	float:left;
	margin:0;
	padding:0;
}
/*history*/
.histories li{
	float:left;
	margin:0 1px 0 0;
}
.histories li#none{
	float:left;
	margin:0 0px 0 0;
}

/* 2013.08.02 ADD */
.histories li#product_link{
	display:none;
}
/* 2013.08.02 ADD */


/*フラッシュコンテンツ*/
#flashcontents, #type{
	margin:0 0 25px 0;
}
#flashcontents{
	text-align:center;
}
#flashcontents02{
	margin:0 auto 25px;
}
/*コンテンツ*/
.content {
	margin:0 0 25px 0;
}

/*800枠*/
.container{
	width:800px;
	margin:0 auto;
}

/*whatsnew部分*/
.whatsnew{
	width:910px;
	margin:0 auto 14px;
	padding:0 0 3px 0;
	background:url(../images/line02.gif) 0 bottom repeat-x;
}
.whatsnew dd{
	background:url(../images/line01.gif) 0 bottom repeat-x;
	padding:0 0 6px 0;
	margin:0 0 2px 0;
}
.whatsnew dt{
	background-color:#333333;
	color:#ffffff;
	padding:10px 10px;
	margin:0 0 1px 0;
}
#bnum{
	width:910px;
	margin:0 auto 25px;
}
/*右*/

/*footer*/
.footer{
	padding:0 0 20px 0;
	clear:both;
}
.footer ul{
	margin:0 0 4px 0;
}
.footer ul li{
	float:left;
	padding:0 17px 0 0;
	margin:0 15px 4px 0;
	border-right:1px solid #ffffff;
	font:0;
	line-height:0;
}

.footer #left{
	margin:16px 0 0 0;
}
.footer #left span{
	margin:4px 0 0 0;
	display:block;
}
a.btn {
	background:url(../images/arrow01.gif) 0 50% no-repeat;
	padding-left:15px;
	padding-bottom:2px;
	padding-top:0px;
}
.whatsnew dt a.btn{
	background:url(../images/arrow01.gif) 0 3px no-repeat;
	padding-left:15px;
	padding-bottom:2px;
	padding-top:0px;
	display:block;
}
.whatsnew dt p.btn{
	background:url(../images/arrow01.gif) 0 3px no-repeat;
	padding-left:15px;
	padding-bottom:2px;
	padding-top:0px;
}
.footer ul li#none {
	border-right:none;

}
/*pagetop*/
#pagetop{
	clear:both;
	width:auto;
	text-align:right;
	border-top:1px solid #414141;
	padding:10px 0 0 0;
	margin:0 0 15px 0;
}

/*臨機応変なID*/
#left{
	float:left;
}
#right{
	float:right;
}

/*シーズンタイトル*/
#pDt{
	margin:0 0 5px 0;
}

/*グレイ斜線のリストタイプ*/
dl.sec_list div{
	background:url(../images/bg_gray.gif) 0 0 ;
	padding:3px 0;
	margin:0 0 5px 0;
}
dl.sec_list div dt{
	margin:5px 0 0 10px;
	_margin-left:5px;
	float:left;
	line-height:0;
	font:0;
}
dl.sec_list div dd{
	float:left;
	color:#ffffff;
}

/*カミングスーン*/
.coming{
	width:960px;
	text-align:center;
	padding:130px 0 200px;
}



/*==============================================================
	201408ヘッダーフッター変更時　追加
==============================================================*/

body {
  -webkit-text-size-adjust: 100%;
}



/*---------------------other---------------------*/
.over:hover {
	opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=80); /* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	-khtml-opacity: .80; /* Safari 1.x */
	-moz-opacity: .80; /* FF lt 1.5, Netscape */
	zoom: 1;
}

a:link,
a:visited,
a:active,
a:hover { /* FireFox リンク選択時の点線を消す */
	overflow: hidden;
	outline: none;
}

a { cursor: pointer;}

/*---------------------header---------------------*/
#header { height: auto;}
#header { width:100%; height:70px;}
#header h1 { margin: 25px 0 0 5px; padding:0; float:left;}
#h_menu_w { float: right; margin-top: 31px;
	margin-right: 20%;

}
#h_menu li img { height: 11px;}
#h_menu li { float: left; position: relative; top: 0; left: 0; z-index: 9999;
	margin: 0 30px;
}
#h_menu li a { display: block;}
#h_menu .down .out:hover { background: #222; border: #E50011 1px solid;}
#h_menu li a.out { padding: 18px 0; text-align: center; border: #000000 1px solid;}
/*#h_menu li.n01 { width: 95px;}
#h_menu li.n02 { width: 153px;}
#h_menu li.n03 { width: 126px;}
#h_menu li.n04 { width: 137px;}
#h_menu li.n05 { width: 150px;}
#h_menu li.n06 { width: 134px;}*/
#h_menu .down ul { width: 216px; background: url(../images/bg_black70per.png);}
#h_menu .down .layer01 { position: absolute; top: 49px; left: 0;}
#h_menu .down ul { padding: 10px 0;}
#h_menu .down ul li { float: none; padding: 0 6px; margin-bottom: 1px;}
#h_menu .down ul li a {
	height: 25px;
	position: relative; top: 0; left: 0;
	
	
	}
#h_menu .down ul li a .bg { display: block; height: 25px; position: absolute; background: #B20000; margin: 0;}
#h_menu .down ul li a img {
	position: absolute; left: 0px; top: 7px; padding-left: 16px; background: url(../images/ar_white_r.png) 6px 50% no-repeat; background-image: url(../images/ar_white_r_ie.png)\9;
	
	background-size: 4px auto;
	-webkit-background-size: 4px auto;
	-moz-background-size: 4px auto;
	-o-background-size: 4px auto;
	-ms-background-size: 4px auto;	
	}
#h_menu .down ul .down { position: relative; left: 0; top: 0;}
#h_menu .down ul.layer02 { position: absolute; left: 216px; top: 0; width: 255px; background: url(../images/bg_black70per.png) left top repeat-y;}

#h_menu li ul { visibility: hidden;}



/*---------------------footer---------------------*/
#footer { width: 960px; margin: 20px auto 0; padding-bottom: 30px;}
#footer ul { float: left;}
#footer li { float: left; margin-right: 30px;}
#footer .text { float: right;}
#footer p { padding: 0; background: none; font-size: 10px; font-family: Arial, Helvetica, "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; width: auto; margin: 0;}
#footer #copy { margin-top: 10px;}


div.footer{
	text-align:center;
	margin-top:30px;
	font-size:10px;
	color:#FFFFFF;
	clear:both;
}

/*---------------------ボタン---------------------*/
.ar_sq_r {
	padding: 2px 0 0 20px; background: url(../images/ar_sq_red_r.png) left 50% no-repeat; background-image: url(../images/ar_sq_red_r_ie.png)\9;
	
	background-size: 11px auto;
	-webkit-background-size: 11px auto;
	-moz-background-size: 11px auto;
	-o-background-size: 11px auto;
	-ms-background-size: 11px auto;
	}
.ar_sq_r img { height: 10px;}


/*---------------------ボタン---------------------*/
.img_ttl img { height: 10px;}

/*---------------------global---------------------*/
.sp_only { display: none !important;}
.pc_only { display: block !important;}



/*==============================================================
	幅640以下
==============================================================*/
/*
@media screen and (max-width: 640px) {

//---------------------共通---------------------
.inner { width: auto;}

//---------------------contents---------------------
#contents { width: 100%;}

//m_bnr_sec


---------------------header---------------------
#header h1 { margin: 11px 0 0 5px;}
#header h1 img { width: 31px;}

#sp_btn_menu { float: right; padding: 5px;}
#sp_btn_menu img { width: 32px;}
#h_menu_w { float: none; clear: both; position: relative; top: 0; left: 0; z-index: 999; margin-top: 0;}
#h_menu { position: absolute; top: 0; left: 0; width: 100%; background: #000;}
#h_menu li { width: auto !important; float: none; border-top: #333333 1px solid;}
#h_menu li.n01 { border-top: none;}
#h_menu li a.out { text-align: left; border: none; padding: 15px 15px;}
#h_menu .down .out:hover { background: none; border: none;}


---------------------footer---------------------
#footer { margin-top: 0; width: auto;}
#footer p { padding: 0 10px;}
#footer .text { float: none; padding-top: 5px;}
#footer ul, #footer li { float: none;}
#footer li { margin-bottom: 5px; margin-right: 0;}
#footer li a { display: block; padding: 10px 10px 10px 30px; background-position: 10px 50%; background-color: #222222;}
#footer #copy { border-top: #222222 1px solid; padding-top: 10px; text-align: center;}

---------------------メニュー---------------------
#h_menu { display: none;}


---------------------タイトル---------------------
.sp_ttl { background: #222222; padding: 10px;}



---------------------共通のクラス---------------------
.sp_only { display: block !important;}
.pc_only { display: none !important;}
.sp_ofh { overflow: hidden;}











#footer div.copy, #footer div.copy img { width: 100%;}
}

*/