@charset "UTF-8";
/****************************************************
* base サイト基本スタイル *
*****************************************************/

/*基本・共通*/
img{
	vertical-align:top;
	margin:0;
	padding:0;
	border:0;
}
p{
	margin:5px 0px;
	padding:0px;
}
big{
	font-size: 120%;
}
strong{
	font-size:100%;
	font-weight:bold;
}
em{
	font-size: 100%;
}
ol, ul {
	margin: 5px 0px 5px 2em;
	padding: 0px;
}
li{
	margin:0px;
	padding:0px;
}
dl{
	margin:5px;
	padding:0;
}
dt{
	font-weight: bold;
	color:#000000;
}
dd{
	margin-left:2em;
	margin-bottom:5px;
}

table {
	border-collapse:collapse;
	padding: 0px;
	margin: 15px 0px;
}
caption{
	font-weight:bold;
}
td {
	border-color:#666666;
	border-style:solid;
	border-width:1px;
	padding: 5px;
}
th {
	border-color:#666666;
	border-style:solid;
	border-width:1px;
	padding: 5px;
}
th[scope="row"]{
	text-align:left;
}
th[scope="col"]{
	text-align:center;
}
/*clearfix*/
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */


h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}

a:link, a:visited {
	color:#224EA7;
	text-decoration:none;
	/*font-weight:bold;*/
}
a:hover, a:focus, a:active {
	color:#FFFFFF;
	background-color:#224EA7;
	text-decoration:none;
	/*font-weight:bold;*/
}
/*読み上げ用隠し*/
.speech{
	text-indent:-9999px;
	height:1px;
	width:1px;
	margin-bottom:-1px;
	margin-right:-1px;
	margin-left:0;
	margin-top:0;
	padding:0;
	overflow:hidden;
	list-style:none;
}
/*印刷のみ*/
.printOnly{
	display:none;
}

@media print{
/*印刷時*/
	.speech{
		display:none;
	}
	.printOnly{
		display:block;
	}
}

/*構造 レイアウト*******************************************************/
html{
}
body  {
	margin: 0 auto;
	padding: 0;
	font-size: 80%;
	font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	line-height:1.2;
	text-align: center;
	color: #333333;
	background-color:#FFFFFF;
}
#wrapper {
	margin: 0 auto;
	padding:0px;
	overflow:hidden;
	text-align:left;
	width:800px;
	background-color:#F3F3F4;
}

@media print{
/*印刷時*/
	#body{
		width:100%;
	}
	#wrapper {
		margin:0;
		padding:0;
	}
	/*IE6*/
	* html body #wrapper {
		width:100%;
	}
}

/*ヘッダー*/
#header{
	width:100%;
	background-repeat:no-repeat;
	background-image:url(../images/head01.jpg);
}
/*フッター*/
#footer{
	padding:5px;
	clear:both;
	font-size:80%;
	background-image:url(../images/footer.gif);
	background-repeat:repeat-x;
	background-color:#6A6A6A;
	color:#FFFFFF;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#8A8882;
}

/*コンテンツ部*/
#contents{
	clear:both;
	width:800px;
	overflow:hidden;
	padding-left:20px;
	padding-right:20px;
}

/*ヘッダー詳細*******************************************************/
/*見出し・サイトロゴ*/
h1{
	padding-top:90px;
	padding-left:690px;
	height:30px;
	width:210px;
}
/*IE6*/
* html body h1{
	font-size:small;
}
/*印刷用ヘッダ 通常非表示*/
#printHeader{
	display:none;
}
/*メニュー*/
/*   "Horizontal Subnav with CSS"をベースに改変*/
#navigation{
	padding-bottom:6.6em;
}
#navigation ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	position: relative;
	background-image:url(../images/navi_bg.gif);
	background-repeat:repeat-x;
	background-color:#171717;
}
#navigation li {
	margin: 0;
	padding: 0;
	float: left;
	border-right-color: #555555;
	border-right-style: solid;
	border-right-width:1px;
}
#navigation li a {
	padding: 10px 15px;
	display: block;
	color: #ffffff;
	text-decoration: none;
}
/*ナビ・マウス オーバー*/
#navigation li:hover ,
#navigation li:focus ,
#navigation li.active ,
#navigation li a:hover ,
#navigation li a:focus ,
#navigation li a:active
{
	background-image:url(../images/navi1.gif);
	background-repeat:repeat-x;
	/*background-color:#C96513;*/
	background-color:#C31233;

}
/*ナビ 現在ページ*/
#navigation li.select:hover ,
#navigation li.select:focus ,
#navigation li.select ,
#navigation li.select a:hover ,
#navigation li.select a:focus ,
#navigation li.select a:active,
#navigation li.select ul .thisPage
{
	background-image:url(../images/navi0.gif);
	background-repeat:repeat-x;
	background-color:#C91A13;

}
#navigation li#siteMap{
	float:right;
	border-right-style: none;
	border-left-width: 0;
	/*padding:5px;*/
	margin:5px;
}
#navigation li#siteMap a{
	font-size:80%;
	padding:3px;
	border-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	/*角丸*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#navigation li ul{
	float: left;
	margin:0;
	padding:10px;
	width:780px;
	position: absolute;
	left: 0; 
	/*top:35px;*/
	top:2.6em;
	display: none;
	color: #ffffff;
	/*background: #C91A13;*/
	background-image:none;
	/*角丸*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#navigation li:hover ul,
#navigation li:focus ul,
#navigation li.active ul
{
	 display: block; 
}
/*ナビ・マウス オーバー*/
#navigation li ul{
	background-color:#C31233;
}
/*ナビ 現在ページ*/
#navigation li.select ul {
	background-color: #C91A13;
}

#navigation li ul li{
	display: inline;
	border-right-style: none;
	border-left-width: 0;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
}
#navigation li ul li:first-child{
	border-left-style: none;
	border-left-width: 0;
}
#navigation li ul li a{
	padding:5px;
}
@media print{
/*印刷時*/
	#header{
		height:auto;
		width:auto;
		padding:0;
		background-image:none !important;
	}
	/*印刷用ヘッダ*/
	#printHeader{
		display:block;
		background-color:#FFFFFF;
		/*padding-bottom:10px;
		border-bottom-style:double;
		border-bottom-color:#666666;
		border-bottom-width:3px;*/
	}
	h1{
		display:none;
	}
	#navigation{
		display:none;
	}
}

/*パン屑********************************************************/
#route{
	clear:both;
	margin:5px 20px;
	padding:0;
}
#route ol{
	margin:0px;
	padding:3px;
}
#route li{
	display:inline;
	margin:0px;
	padding-left:5px;
}
#route li a{
	padding-right:10px;
	background-image:url(../images/r_bg.gif);
	background-repeat:no-repeat;
	background-position:right center;
}
#route hr{
	margin:0;
	padding:0;
	clear:both;
	height:1px;
	width:100%;
	color:#F3F3F4;
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

/*フッター詳細*******************************************************/
#footer ul{
	margin:0;
	padding:5px 0;
	list-style: none;
	position: relative;
	float:left;
}
#footer ul li{
	margin:0;
	padding:0;
	display:inline;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
}
#footer ul li:first-child{
	border-left-style: none;
	border-left-width: 0;
}
#footer ul li a{
	padding:5px;
	color:#FFFFFF;
	background-color:transparent;
}
#footer ul li a:hover,
#footer ul li a:focus,
#footer ul li a:active
{
	color:#FFFFFF;
	background-color:#333333;
}
address{
	clear:both;
	text-align:right;
	font-style: normal;
}
@media print{
/*印刷時*/
	#footer ul{
		display:none;
	}
}

/*コンテンツ部********************************************************/
/**左:main 右:side*/
#main{
	float:left;
	width:490px;
	margin-bottom:10px;
	padding-top:15px;
}
#side{
	width:240px;
	float:left;
	margin-left:30px;
	margin-bottom:10px;
}
/**mainのみ*/
#main.wide{
	float:none;
	width:760px;
}

#contents hr{
	margin:0;
	padding:0;
	clear:both;
	height:1px;
	border: 0px none;
	background-color:transparent;
	color:#F3F3F4;
}
@media print{
/*印刷時*/
	#contents{
		width:auto;
		overflow:visible;
	}
	#side{
		display:none;
	}
	#main{
		float:none;
	}
	/*IE6*/
	* html body #main.wide{
		zoom:80%;
	}
	#contents hr{
		display:none;
	}
}

/*サイド ピックアップ情報********************************************************/
#side p{
	margin-top:0;
	margin-bottom:10px;
}
.pickUp{
	padding:5px;
	background-color:#FFFFFF;
}
.pickUp h3{
	background-image:url(../images/side_bg.jpg);
	background-repeat:repeat-x;
	background-position:left center;
	width:auto;
}
.pickUp h3 span{
	background-color:#FFFFFF;
	background-image:url(../images/arrow01.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-right:1em;
}
.pickUp ul{
	margin:5px ;
	padding:0;
	list-style-type:none;
}
.pickUp li{
	margin:0 0 5px;
	padding:0;
}
/*イベント*/
#SmEvents{
	margin-bottom:10px;
}
/*商品*/
#product{
	margin-bottom:10px;
}
/*応援*/
#cheer{
	margin-bottom:10px;
}

/*ありがとう*/
iframe#twThenks{
	border-style:none;
	border-width:0;
}

/*サイド画像リンクに、陰*/
#side .pickUp a,
#product a,
#cheer a {
	background-color:transparent;
	border:0 none;
	padding:0;
}

/**見出し************************************************/
#main h2{
	font-size:140%;
	color:#990000;
	margin:15px 0;
}
#main h3{
	font-size:130%;
}
#main h4{
	font-size:110%;
}

#main h5{
	font-size:100%;
}
#main h6{
	font-size:100%;
}
/**枠************************************************/
/*陰付き角丸枠*/
.frame1{
	width:481px;
	background-image:url(../images/frame1_bttom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:8px;
}
.frame1 h2{
	padding-bottom:8px;
	background-position:bottom;
	background-image:url(../images/frame1_top.gif);
	background-repeat:no-repeat;
}
.frame1 dl, .frame1 div, .frame1 ul{
	background-image:url(../images/frame1_bg.gif);
	background-repeat:repeat-y;
	margin:0;
	padding:10px;
}
/*css3角丸枠 陰無し*/
.frame2{
	padding:8px;
	background-color:#FFFFFF;
	border-color:#FAFAFA;
	border-style:solid;
	border-width:1px;
	/*角丸*/
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#main .frame2 h3{
	padding:3px;
	margin:3px 0;
	/*color:#990000;*/
	background-color:#F3F3F2;
	border-color:#EDEDEB;
	border-width:1px;
	border-style:solid;
}
/*clearfix*/
.frame2:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.frame2{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .frame2{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */


/**共通スタイル************************************************/
/*概要文*/
.about{
	margin:20px;
}
/*リスト*/
ul.inline,ol.inline{
	margin-left:0;
}
.inline li{
	display:inline;
}
ul.dataList,ol.dataList{
	margin-left:0;
}
.dataList li{
	list-style-type:none;
}

/*注意書き*/
.check{
	color:#990000;
	font-weight:bold;
}
.notes{
	color:#990000;
}
/*入力チェック エラー表示*/
.chrck_error
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}
/*エラーメッセージ*/
#error_msg{
	color: #CC3333;
	border-color:#CC3333;
	border-style:double;
	border-width:3px;
	padding:5px;
}
#error_msg h4{
	padding:0;
	margin:10px 0;
}


/*入力フォーム用TBL*/
table.input{
}
.input th,.input td{
	border-style:dotted;
	border-width:0 0 1px 0;
}

.mfLink{
	margin-top:10px;
	text-align:center;
}

a.rBtn{
	color:#000;
	text-shadow: 1px 1px 2px #fff;  
	background-color:#ccc;
	text-align:center;
	font-weight:bold;
	display:inline-block;
	letter-spacing:0.5em;
	padding:5px 15px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	/*角丸*/
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/*グラデ*/
	background-image: linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.7)), color-stop(1, rgba(255, 255, 255, 0)));
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr="#B2ffffff", EndColorStr="#00ffffff");
}
a.rBtn:hover{
	color:#fff;
	text-shadow: 1px 1px 2px #333; 
	background-color:#224EA7;
}