@charset "UTF-8";
/*-----------------------------------------------------
/////bass.css/////
/*-----------------------------------------------------

/*-----------------------------------------------------
***基本構造***
-----------------------------------------------------*/
body {
	font: normal 12px/1.7em "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	background: #000 url(../img/back_main__.png) no-repeat fixed center top;
	color: #FFF;
	min-width:960px;
}
#container{
	margin: 0px auto;
	width: 100%;
	clear: both;
}
#headerCol{
	margin: 0px auto;
	width: 100%;
	text-align: left;
	clear: both;
	background: url(../img/back_header.png) no-repeat center top;
	background-size: cover;
}
#pageTtl{
	margin: 0px auto;
	width: 100%;
	text-align: left;
	clear: both;
	background: url(../img/back_header_img.png) no-repeat center top;
	background-size: cover;
}
#mainCol{
	margin: 0px auto;
	width: 100%;
	text-align: left;
	clear: both;
}
#leftCol{
	float: left;
	width: 745px;
}
#contents{
}
#rightCol{
	float: right;
	width: 200px;
}
#rightColInner{
}
#footerCol{
	margin: 0px auto;
	width: 100%;
	text-align: center;
	clear: both;
}
@media(max-width:640px){
html{
    font-size: 62.5%;
	height: 100%;
	width: 100%;
}
body {
	font: 1.5rem/150% "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	-webkit-text-size-adjust: none;
	height: 100%;
	width: 100%;
	min-width:100%;
}
#headerCol{
	background: url(none) ;
}
#leftCol{
	float: none;
	width: 100%;
	border-bottom: 1px dotted #666;
	margin: 0px 0px 30px;
	padding: 0px 0px 30px;
}
#contents{
	padding: 0px 10px;
}
#rightCol{
	float: none;
	width: 100%;
}
#rightColInner{
	padding-right: 10px;
	padding-left: 10px;
}	
}
/*-----------------------------------------------------
***header***
-----------------------------------------------------*/
header{
	position: relative;
	width: 960px;
	height: 240px;
	margin: 0px auto;
	text-indent: -9999px;
}
header h1 a{
	position: absolute;
	top: 35px;
	left: 0;
	right: 0;
	height: 115px;
	width: 540px;
	background: url(../img/sitelogo.png) no-repeat center top;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
	margin-right: auto;
	margin-left: auto;
}
@media(max-width:640px){
header{
	width: 100%;
	height: 80px;
}
header h1 a{
	height: 64px;
	width: 300px;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	margin: auto;
	top: 15px;
	left: 0px;
	right: 0px;
}
}
/*-----------------------------------------------------
***mainColInner***
-----------------------------------------------------*/
#mainColInner{
	width: 960px;
	margin: 0px auto 0px;
	clear: both;
	padding: 0px 0px 30px;
	overflow: hidden;
	border-bottom: 1px dotted #666;
}
@media(max-width:640px){
#mainColInner{
	width: 100%;
	padding: 0px 0px 0px;
}
}
/*-----------------------------------------------------
***pageTtlInner***
-----------------------------------------------------*/
#pageTtlInner{
	width: 960px;
	margin: 0px auto 15px;
	height: 250px;
	padding: 0px 0px;
	text-indent: -9999px;
	background:  url(../img/header_img_.png) no-repeat 0px 0px;
	
}
#pageTtlInner{
	width: 960px;
	height: 250px;
	display: block;
}
@media(max-width:640px){
#pageTtlInner{
	display: none;
}
#pageTtlInner{
	display: none;
}
}

/*-----------------------------------------------------
***footer***
-----------------------------------------------------*/
footer{
	margin: 0px auto;
	width: 960px;
	position: relative;
}
footer #footer_site_logo{
	padding-top: 40px;
	padding-bottom: 60px;	
}
footer #footerNav{
	margin: 0px 0px 60px;
}
footer #footerNav ul{
}
footer #footerNav li{
	margin: 0px;
	padding: 0px 0px 0px 2.5em;
	display: inline;
}
footer p#copyright{
	padding-bottom: 20px;
}
@media(max-width:640px){
footer{
	width: 100%;
	height: 100%;
	text-align: left;
}
footer #footer_site_logo{
	padding:20px 20px 30px 20px;
}
footer #footerNav{
	margin: 0px 0px 20px 10px;
}
footer #footerNav ul{
}
footer #footerNav li{
	padding: 0px 0 0px 0px;
	display: block;
}
footer #footerNav li a{
	display: block;
}
footer p#copyright{
	padding: 0 0 10px 15px;
	font-size: 80%;	
}
}
/*-----------------------------------------------------
***見出し要素***
-----------------------------------------------------*/
/*h1///siteTtl
-----------------------------------------------------*/
h1{
}
/*h2///pageTtl
-----------------------------------------------------*/
h2{
}
/*h3
-----------------------------------------------------*/
h3{
	border-left: 7px solid #000d97;
	font-weight: bold;
	margin: 0px 0px 10px;
	font-size: 120%;
	padding: 0px 0px 0px 0.5em;
}
/*h4
-----------------------------------------------------*/
h4{
}
/*h5
-----------------------------------------------------*/
h5{
}
/*h6
-----------------------------------------------------*/
h6{
}
/*-----------------------------------------------------
***ナビゲーション***
-----------------------------------------------------*/
/*main_navi
-----------------------------------------------------*/
/*ナビゲーション
-----------------------------------------------------*/
#gNav{
	overflow: hidden;
	width: 960px;
	height: 70px;
	clear: both;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#gNav li{
	display: block;
	float: left;
	width: 192px;
	height: 70px;
}
#gNav li a{
	display: block;
	width: 192px;
	height: 70px;
}
#gNav li.news a{
	background: url(../img/navi.png) no-repeat 0px 0px;
}
#gNav li.news a:hover{
	background: url(../img/navi_over.png) no-repeat 0px 0px;
}
#gNav li.schedule a{
	background: url(../img/navi.png) no-repeat -192px 0px;
}
#gNav li.schedule a:hover{
	background: url(../img/navi_over.png) no-repeat -192px 0px;
}
#gNav li.history a{
	background: url(../img/navi.png) no-repeat -384px 0px;
}
#gNav li.history a:hover{
	background: url(../img/navi_over.png) no-repeat -384px 0px;
}
#gNav li.cddvd a{
	background: url(../img/navi.png) no-repeat -576px 0px;
}
#gNav li.cddvd a:hover{
	background: url(../img/navi_over.png) no-repeat -576px 0px;
}
#gNav li.goods a{
	background: url(../img/navi.png) no-repeat -768px 0px;
}
#gNav li.goods a:hover{
	background: url(../img/navi_over.png) no-repeat -768px 0px;
}
@media(max-width:640px){
#gNav{
	display:none;
}
}
/*gNavSp
-----------------------------------------------------*/
#gNavSpTtl{
	font-weight: bold;
	color: #FFF;
	position: absolute;
	right: 50px;
	top: 13px;
}
/*-----------------------------------------------------
***rightCol***
-----------------------------------------------------*/
#snsArea{
	margin-bottom: 20px;
}
#snsArea li{
	margin: 0px 0px 5px;
}
#banner{
	width: 200px;
}
#banner li{
	margin: 0px 0px 15px;
	background: #000;
}
@media(max-width:640px){

#snsArea > li {
	display: inline-block;
	vertical-align: top;
}
#banner{
	width: 100%;
}
#twitter{
	display: none ;
}
}
/*-----------------------------------------------------
***リンク***
-----------------------------------------------------*/
/*リンク
-----------------------------------------------------*/
/*フェード効果
-----------------------------------------------------*/
a{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
@media(max-width:640px){
a{	/* フェード効果 */
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
}
/*通常テキストリンク
-----------------------------------------------------*/
a:link,a:visited,a:active{
	color: #00b0ec;
	text-decoration: none;

}
a:hover{
	color: #0FF;
	text-decoration: underline;

}
/*通販リンク
-----------------------------------------------------*/
.tsuhan a:link,
.tsuhan a:visited,
.tsuhan a:active{
	color: #ffffff;
	text-decoration: none;
	
}
.tsuhan a:hover{
	color: #ffffff;
	text-decoration: underline;
	
}
/*フェード効果テキストリンク※アイコン無し
-----------------------------------------------------*/
.fadeLink a:link,
.fadeLink a:visited,
.fadeLink a:active{ 
	color: #00b0ec;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
	
}
.fadeLink a:hover{
	color: #FFF;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
	background: #00b0ec;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	
}
/*画像リンク
-----------------------------------------------------*/
a img:hover{	
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
@media(max-width:640px){
a img:hover{
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
}