@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);


p 	{
	font-style:normal;
	margin:0px;
	padding:0px;
	font-size:16px;
	line-height:1.5em;
	letter-spacing:0.1em;
	}

a	{
	text-decoration: none;
	font-size:16px;
	text-decoration:underline;
	}

a img{
	border:none;
	}

a:hover{
	color:#06F;
	}

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

/* 便利なCSS集　ここから*/

.clear{
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
	}

.block{display:block;}

.rollover{
		display:block;
		margin:0;
		padding:0;
		text-indent:-9999px;
		}

* html .rollover{
		width:100%;
		}

*+html .rollover{
		width:100%;
		}

.red{color:#FF0000;}
.grey{color:#999999;}
.grey_dark{color:#595656;}
.green{color:#0C3}
.darkgreen{ color:#060}
.blue{color:#0000FF;}
.white{color:#FFF;}
.cobalt{color:#009;}
.orange{color:#ffa500;}
.brown{ color:#930;}
.black{ color:#000;}
.purple{ color:#90C}

.bold{font-weight:bold;}
.smaller{ font-size:smaller;}

 
.font10{font-size:10px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font24{font-size:24px;}
.font28{font-size:28px;}
.font30{font-size:30px;}
.font32{font-size:32px;}
.font36{font-size:36px;}
.font40{font-size:40px;}
.font44{font-size:44px;}
.font48{font-size:48px;}

.font_good01 {font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}


	
.italic{font-style:italic;	}
.under{text-decoration:underline}
.text_nodeco{text-decoration:none;}

.bgc_rblue{	background-color:#ECFAFF;	}
.bgc_rpurple{	background-color:#F7EEFF;	}
.bgc_rgreen{	background-color:#ECFFEC;	}
.bgc_rpink{	background-color:#FFEEFE;	}
.bgc_ryellow{	background-color:#FFFDDD;	}
.bgc_cobalt{	background-color:#009;	}
.bgc_rbrown{ background-color:#FBE9CE;}
.bgc_red{ background-color: #F00;}

.border01{ border:#CCC solid 1px;}

.center{text-align:center; margin:auto;}
.right{text-align:right; float:right;}
.left{text-align:left; float:left;}
.center_float{margin:auto;}
.right_float{float:right;}
.left_float{float:left;	}
* html .right_float{
			float:right;
			display: inline;
			}
* html .left_float{
			float:left;
			display: inline;
			}

.center_text{text-align:center;}
.right_text{text-align:right;}
.left_text{text-align:left;}
.p_center{margin:auto;}

.top{vertical-align:top;}
.middle{vertical-align: middle;}
.bottom{vertical-align: bottom;}

.m0{margin:0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt70{margin-top:70px;}
.mt100{margin-top:100px;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb50{margin-bottom:50px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml70{margin-left:70px;}
.ml100{margin-left:100px;}
.ml120{margin-left:120px;}
.ml150{margin-left:150px;}



.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}
.mr80{margin-right:80px;}
.mr100{margin-right:100px;}
.mr120{margin-right:120px;}
.mr150{margin-right:150px;}

.pt10{ padding-top:10px;}
.pb10{ padding-bottom:10px;}
.pt20{ padding-top:20px;}
.pb20{ padding-bottom:20px;}
.pl20{ padding-left:20px;}

.p0{padding:0;}
.pd5{padding:5px;}
.p10{padding:10px;}

.lh20{line-height:20px;}
.lh25{line-height:25px;}

.width100{width:100px;}
.width150{width:150px;}
.width200{width:200px;}
.width230{width:230px;}
.width250{width:250px;}
.width300{width:300px;}
.width350{width:350px;}
.width380{width:380px;}
.width400{width:400px;}
.width430{width:430px;}
.width500{width:500px;}
.width600{width:600px;}

.height700{
	height:700px;
	}


.relative{position:relative;}
.static{position:static;}

.repeat_y{background-repeat:repeat-y;}

.list_non{ list-style:none;}


.pagetop{
		clear:both;
		background-image:url(img/pagetop.png);
		width:150px;
		height:20px;
		line-height:20px;
		}

.pagetop:hover{
		background-image:url(img/pagetop_on.png);
		}

.opa_on70 a:hover img {  opacity: 0.7;  filter: alpha(opacity=70);  -ms-filter: "alpha(opacity=70)";}


.opa50 img {  opacity: 0.5;  filter: alpha(opacity=50);  -ms-filter: "alpha(opacity=50)";}
.opa70 img {  opacity: 0.7;  filter: alpha(opacity=70);  -ms-filter: "alpha(opacity=70)";}
.opa80 img { opacity: 0.8;  filter: alpha(opacity=80);  -ms-filter: "alpha(opacity=80)";}
.opa85 img { opacity: 0.85;  filter: alpha(opacity=85);  -ms-filter: "alpha(opacity=85)";}
.opa90 img { opacity: 0.9;  filter: alpha(opacity=90);  -ms-filter: "alpha(opacity=90)";}


.only_tab_sp{display:none;}
.only_tab{display:none;}
.only_sp{display:none;}





/* 便利なCSS集　ここまで*/


/*IEバグ回避用*/

br{letter-spacing:0;}

/*IEバグ回避用 ここまで*/


body {
    background-image: url("img/body_bkg.png");
    /* background-repeat:repeat; */
    background-repeat:repeat-x;
/*     background-color: #FFF; */
    margin: 0px;
	background-color: #F9F9F9;
	}


#wrapper	{
		width:1004px;
		background-color:#FFF;
		margin:0px auto;
		padding:0px;
		}





/*　ヘッダーここから　*/


#header	{
		height:80px;	
		background-color:#cccccc;
/*		position:absolute;
		top:0; */
		}

#logo{width:335px;}

/*ナビバーここから*/

#navibar_pc {
 	clear:both; 
	width:650px;
	height:70px;
	margin:0 auto;
	padding:0;
	}

#navibar_pc ul {
	margin:0 0 0 0px;
	padding:0px;
	list-style-type:none;
	font-size: 8px;
	line-height:70px;
	font-weight:bold;
	letter-spacing: 2px;
}

#navibar_pc li{
	float: left;
	width: 200px;
	height:70px;
	text-align: center;
	background-color:#fff;
	margin:0 0 0 15px;
	padding:0px;
	}

* html #navibar_pc li{
	width: 192px;
	}


/*
#navibar_pc li a{
	display:block;
	font-size:24px;
	color:#FFF;
	text-decoration:none;
	line-height: 100px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background-color:#311C10;

	}

*/





* html #navibar_pc li a{
		width:100%;
		}

*+html #navibar_pc li a{
		width:100%;
		}
	
#navibar_pc li a.selected{
	display:block;
	background-color:#392C24;

	}
* html #navibar_pc li a.selected{
		width:100%;
		}

*+html #navibar_pc li a.selected{
		width:100%;
		}



/*ナビバーここまで*/

/*　ヘッダーここまで　*/




/* コンテンツここから　*/

/*
#contents	{
	clear:both;
		width:1000px;
		margin:6px auto 10px auto;
		}
*/




#pagetop{
		clear:both;
		margin:30px 0px 0px 450px;
		background-image:url(img/pagetop.png);
		width:150px;
		height:20px;
		line-height:20px;
		}

#pagetop:hover{
		background-image:url(img/pagetop_on.png);
		}


/*メインここから*/


#main{
	margin:0px 30px;
	}


#pagetitle{
	background-image:url(img/pagetitle_bkg.png);
	width:622px;
	height:41px;
	margin:10px 0;
	padding:13px 0px 0 30px;
	font-size:24px;
	font-weight:normal;
	color:#000;
	}


.table_col2{
	margin:0 0 0 40px;
	padding:20px 0px 10px 0px;
}

.photo_col2 img{
	margin:0 0 0 20px;
}

.comment_col2 p{
		font-size:12px;
	margin:0 95px 0 40px;
}

.table_col2 th{
	width:300px;
	padding:0px 0px 10px 0px;
	text-align:left;
	font-weight:normal;
	font-size:14px;
}

.table_col2 td{
	width:300px;
	padding:0px 0px 0px 0px;
}


.table_col3{
	margin:0 0 0 40px;
	padding:20px 0px 10px 0px;
}

.photo_col3 img{
	margin:0 0 0 20px;
}

.comment_col3 p{
		font-size:12px;
	margin:0 25px 0 30px;
}

.table_col3 th{
	width:200px;
	padding:0px 0px 10px 0px;
	text-align:left;
	font-weight:normal;
	font-size:14px;
}

.table_col3 td{
	width:200px;
	padding:0px 0px 0px 0px;
}

.table_col4{
	margin:0 0 0 40px;
	padding:20px 0px 10px 0px;
}

.photo_col4 img{
	margin:0 0 0 15px;
}

.comment_col4 p{
		font-size:12px;
	margin:0 20px 0 25px;
}

.table_col4 th{
	width:150px;
	padding:0px 0px 10px 0px;
	text-align:left;
	font-weight:normal;
	font-size:14px;
}

.table_col4 td{
	width:150px;
	padding:0px 0px 0px 0px;
}




.box01{
	border:solid 1px #CCC;
	}

.box02{
	border:dotted 1px #CCC;
	margin:0px 10px 5px 10px;
	}

.box02_b{
	border:dotted 1px #CCC;
	margin:0px 10px 20px 10px;
	}

.pagetitle{
	background-image:url(img/pagetitle_bkg.png);
    width:880px;
	font-size:34px;
	letter-spacing:0.2em;
	line-height:35px;
	height:42px;
	padding:0 0 0 40px;
	}
	
/* .subtitle{
	font-size:20px;
	border-left:solid #63F 10px;
	border-bottom:solid #CCC 2px;
	margin:30px 10px 20px 15px;
	padding:3px 10px 3px 5px;
	} */

.subtitle{
	background-image:url(img/bkg_subtitle.png);
	margin-left:20px;
	margin-bottom:20px;
	font-size:26px;
	letter-spacing:0.2em;
	line-height:26px;
	height:30px;
	padding:0 0 0 20px;
	}


#left_box{ width:650px;}

/*　コンテンツ設定ここまで　*/





/* トップページここから　*/


#key_v{	margin:0 auto;
		padding:0;
		}

#top_article01{
	height:300px;
	background-color:#FFF;
	}

#top_article_textbox01, #top_article_textbox02{
	width:450px;
	color:#291808;
	}




#top_article02{
	height:300px;
	background-color:#FEF1F3;
	}


#toppage h2{ line-height:72px;}

/* トップページ　ここまで */



/* ショップページ　ここから */


#shop_ginga img{
	width:514px;
	height:164px;
	}

#shop_amazon img{
	width:514px;
	height:164px;
	}





/*　会社概要ページここから　*/

#company_table table{
  margin:10px 10px 10px 10px;
  width: 800px;
  border-collapse: collapse;
   border: solid 1px #999;
   border-top:solid 3px #E72042;
  font-size: 14px;	
	}

#company_table table th,
#company_table table td {
  border: solid 1px #999 ;
}

#company_table table th {
  background: #F5F5F5;
  text-align: center;
  white-space: nowrap;
  color:  #333;
  font-weight:normal;
  width:200px;
  padding: 10px 10px;
}

#company_table table td{
	font-size:14px;
	letter-spacing:0.2em;
	line-height:20px;
	padding:10px 0 10px 20px;
    width:600px;
}



/*会社概要ページ　ここまで*/



/*問い合わせページ　ここから*/
a#button_contactform{
	display:block;
	margin:15px 0 0 40px;
	text-indent: -9999px;
	background-image: url(img/contactform_button.png);
	width:356px;
	height:86px;
	}
* html a#button_contactform{
		width:356px;
		}

*+html a#button_contactform{
		width:356px;
		}


a#button_contactform:hover{
	background-image:url(img/contactform_button_on.png);
	}


/*問い合わせページ　ここまで*/






/*個人情報保護方針ページ　ここから*/

#privacy h2{
	font-size:16px;
	font-weight:bold;
	margin:30px 0 10px 0;
	padding:7px 0 7px 3px;
	background-color:#E6E6E6;
}

#privacy h3{
	font-size:14px;
	font-weight:normal;
	margin:20px 0 0px 0;
	padding:5px 0 5px 3px;
	background-color:#F2F2F2;
}

#privacy li{
	font-size:14px;
	font-weight:normal;
	margin:5px 0 0px 0;
	line-height:1.3em;
	letter-spacing:0.1em;
}


/*個人情報保護方針ページ　ここまで*/



/*　特定商取引法ページここから　*/

#tokushou_table table{
  margin:10px 10px 10px 10px;
  width: 800px;
  border-collapse: collapse;
   border: solid 1px #999;
   border-top:solid 3px #999;
  font-size: 14px;	
	}

#tokushou_table table th,
#tokushou_table table td {
  border: solid 1px #999 ;
}

#tokushou_table table th {
  background: #666;
  text-align: center;
  color: #ffffff;
  font-weight:normal;
  width:200px;
  padding: 10px 10px;
}

#tokushou_table table td{
	font-size:14px;
	letter-spacing:0.2em;
	line-height:20px;
	padding:10px;
    width:600px;
}



/*特定商取引法ページ　ここまで*/



/*　メインここまで*/


/*　コンテンツここまで　*/



/* フッターここから */


#footer	{
		clear:both;
		 width:960px; 
   		/*height:240px;*/
		margin:0px auto;
		margin-top:30px;
		margin-bottom:0px;
		border-bottom:double 4px #999;
		}
	

#foot_navi {
	clear:both;
	height:30px;
	margin:0 auto;
	padding-top:0px;
	}
#foot_navi ul {
	margin:0;
	margin-left:200px;
	padding:0;
	list-style-type:none;
	font-size: 10px;
	letter-spacing: 2px;
}
#foot_navi li{
	float: left;
	width: 105px;
	text-align: center;
	margin:0;
	padding:0;
		height:30px;
	}

#foot_navi a {
	text-decoration:underline;
	color:#311C10;
	font-size:10px;
	}

#foot_navi a:hover {
			color:#B0C4DE;
			}

address 	{
		height:18px;
		width:780px;
		font-size: 9pt;
		text-align: center;
		margin:0px auto;
	padding:0px;
	padding-top:2px;
		}

address a	{
		color:#000;
		text-decoration: none;
		}