@charset "utf-8";



body {



	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;



	background:#FFF;



	margin: 0;



	padding: 0;



	color: #333;



	min-width:900px;







}







/* ~~ エレメント / タグセレクター ~~ */



ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */



	padding: 0;



	margin: 0;



}



li{list-style:none;







}







h1, h2, h3, h4, h5, h6 {



	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */



	padding-right: 0px;



	padding-left: 0px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */



	font-family:Century Gothic,花園明朝;



	color:#333;}



	



/* Firefox, Opera, Safari */



@font-face {



font-family:花園明朝;



src:url("../font/HanaMinA.ttf") format("truetype")



}







p{



	line-height:250%;



	letter-spacing:1px;



	font-size:90%;}



.nenpyou{



	font-size:12px;



	color:#333;



	width:600px;



	



	}



#ind1 {



	font-size:25px;



	margin-top:20px;



	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;



		}



a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */



	border: none;



}



/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */



#nav a:link {



	color:#FFF;



	text-decoration:none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */



}



a:link {



	text-decoration:none;



	color:#333;



	}







a:visited {



	text-decoration: none;



	color:#333;



}



a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */



	color: #F60;







}







/* ~~ このコンテナが他のすべての div を囲み、パーセンテージに基づいた幅を指定します。~~ */



.container {



	width: 100%;



    min-width: 780px;/* レイアウトが狭くなりすぎないように、最小幅を指定することをお勧めします。これにより、サイドカラムで読みやすい行の長さを保つことができます。IE6 ではこの宣言は無視されます。 */



	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。.container の幅を 100% に設定した場合、これは必要ありません。 */



}







/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。ヘッダーには、ユーザー独自のリンクされたロゴに置き換えられるイメージプレースホルダーが含まれます。~~ */



.header {



	display:block;



	height:100px;



	top:0;}







/* ~~ これはレイアウト情報です。~~ 







1) 余白は、div の上部または下部にのみ配置されます。この div 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、div 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。div 内のエレメントの余白を削除し、さらにその div 内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の div を追加することもできます。







*/



.honbun {



	width: 90%;



	height:100%;



	display:block;



	margin-left:auto;



	margin-right:auto;



	padding-left:auto;



	padding-right:auto;



	padding-top:50px;



	margin-bottom:150px;



	zoom:1



	



	



}















/*文字色の一括設定　bが黒文字、wが白文字*/



.b{color:#333;



text-shadow: 1px 1px 0px  #FFF;}



.b a{color:#333;



text-shadow: 1px 1px 0px  #FFF;}



a:hover, a:active, a:focus .b{ color: #F60;}



a:visited .b{color:#333;



	text-decoration: none;



}











.w{color:#FFF;



text-shadow: 1px 1px 0px #333;}



.w a{color:#FFF;text-shadow: 1px 1px 0px #333;}



a:hover, a:active, a:focus .w{ color: #F60;}



a:visited .w{color:#FFF !important;	text-decoration: none;}















.content {



	width: 100%;



	height:100%;



	margin:0;



	padding:0;



	z-index:1;



	text-align: left;



}



/* ~~ 中央ぞろえのリスト ~~ */



.listcenter{



	text-align:center;



	line-height:200%;



	margin-top:auto;



	padding-top:auto;}















/* ~~ フッターナビ ~~ */



.footer {



	padding:50px 20px 20px 20px ;



	margin-left:0;



	background:#FFF;



	height:50px;



	position: fixed;



	bottom:0;



	min-width:100%;



	



}







.self a{color:#F30;}











/* ~~ その他の float/clear クラス ~~ */



.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */



	float: right;



	margin-left: 8px;



}



.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */



	float: left;



	margin-right: 8px;



}



.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */



	clear:both;



	height:0;



	font-size: 1px;



	line-height: 0px;



}



















	







ul.navi {



	font-size: 90%;



	font-style: normal;



	text-decoration: none;



	float: left;



	list-style-type: none;



	text-align: left;



	font-family:Century Gothic;



	padding-left:0px;



	width:80%;



}







.navi li{



	float: left;



	text-align: left;



	list-style-type: none;



	vertical-align: middle;



	display:inline;



	margin-right:5%;



 }







.logo{



	float:right;



	



	}



.logo img{padding-right:20px; margin-right:20px;



}



	



.text{



	display:block;



	width:500px;



	color:#FFF;



	text-height:500%;



	font-size:12px;







	}



#nav{



	font-family:"Lucida Console", Monaco, monospace;



	color:#FFF;}



#concept{



	height:auto;



	position:absolute;



	display:none;



}























/*ここからメソッドリスト*/



.method li{padding-top:20px;}











.rss-title{display:none;}







/*ここからメソッド各ページ指定*/







.methodtx{



	margin-top:10%;}



.methodtx p{ min-height:300px;}



.methodtx h2{	font-family: "Times New Roman", Times,花園明朝;



	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */



	padding-right: 0px;



	padding-left: 0px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */



	font-weight:lighter;



}







.methodnx{



	margin-top:2%;



	margin-left:0;



	text-align:left;



	width:100%;



		}



		



.methodnx li{



	float:left;



	padding-right:10%;



	}



	



	



	



/*ここからプロダクツページリスト*/







ul.plist{width:100%;



margin-bottom:100px;



}



.plist li{float:left;height: 120px;



	float: left;



	padding:20px;



	text-align: center;



	width: 160px;



	list-style-type: none;}



.plist{ list-style:none;



float:left;



	}



/*ここからプロダクト各ページ指定*/



.products{



	margin-top:5%;



	margin-right:20px;



	margin-bottom:200px;



	padding-bottom:500px;



}



.productstx{width:30%;



	float:left;}



.productstx p{ min-height:300px;



}



.productstx h2{	font-family: "Times New Roman", Times,花園明朝;



	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */



	padding-right: 0px;



	padding-left: 0px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */



	font-weight:lighter;



}







.productsbtn{



	margin-top:2%;



	margin-left:0;



	text-align:left;



	width:100%;



		}



		



.productsbtn li{



	padding-right:10%;



	display:inline



	}



.productsimg{



	width:60%;



	float:right;}



	



.npbtn{width:5%; margin-left:95%; display:inline-block;}



.nextlink{ float:right;}



.prevlink{ float:left;}















/*フィードの表示*/



.gf-author,.gf-spacer,.gf-snippet{display:none !important;}



.gf-result{width:80%;}



.gf-title{



	display:inline;



	text-align:left !important;



}



.gf-relativePublishedDate{width:20%; color:#FFF !important;



float:left;}



.gfc-resultsHeader{ display:none;}











/*取扱店舗フィードの表示*/



#shop .gf-snippet{display:inline !important;}



.gf-result{width:80%;}



#shop .gf-title{display:none;}



#shop .gf-relativePublishedDate{ display:none;}







/*メールフォーム*/



.hide a {color:#333;}



.hide {font-size:5px;



		color:#333;



		margin-top:50px;}



	



		



/*---2015.05.07　shopページ追加CSS----*/



.shop{



	margin-top:20px;



}







.name{



	min-width:300px;



	margin-right:30px;







	float:left;



}







.add{



}