@charset "euc-jp";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

/* モバイルレイアウト : 480 px およびそれ以下. */

.allbox {
	width:100%;
}
.head {
	width:100%;
	margin-top:70px;
}
.head h1 {
	font-size:17px;
	line-height:130%;
	font-family:Arial, Helvetica, sans-serif;
	margin:20px 25px 5px 25px ;
}
.main .menu {
	width:100%;
	text-align:center;
	padding:5px 0px;
	margin-bottom:25px;
	font-size:15px;
	font-weight:bold;
	border-top:#666 solid 1px;
	border-bottom:#666 solid 1px;
}
.menubody {
	width:100%;
	margin-bottom:16px;
	margin-top:10px;
}
.taishou {
	width:43.7%;
	float:left;
	border:#CCC 2px solid;
	margin:0 8px 20px 12px;
	padding:10px;
}
.taishou img {
	width:120px;
	margin-bottom:7px;
}
.taishou h2 {
	font-size:13px;
	color:#999;
	margin:0 0 5px 0;
}
.clearfix {
  display: block;
  clear:both;
}
.taishou h4 {
	font-size:20px;
	color:#e73827;
	margin:0 0 5px 0;
}
.taishou h3 {
	width:50px;
	padding:2px;
	background-color:#39C;
	font-weight:bold;
	font-size:12px;
	color:#FFF;
	text-align:center;
	margin:auto;
}
.taishou p {
	height:17px;
	overflow:hidden;
	margin-top:5px;
	line-height:120%;
}

.taishou2 {
	width:45%;
	float:left;
	border:#CCC 2px solid;
	margin:0 5px 5px 5px;
	padding:10px;
}
.taishou2 img {
	width:120px;
	margin-bottom:7px;
}
.taishou2 h2 {
	font-size:13px;
	color:#999;
	margin:0 0 5px 0;
}
.taishou2 h4 {
	font-size:20px;
	color:#e73827;
	margin:0 0 5px 0;
}
.taishou2 h3 {
	width:50px;
	padding:2px;
	background-color:#39C;
	font-weight:bold;
	font-size:12px;
	color:#FFF;
	text-align:center;
	margin:auto;
}
.taishou2 p {
	height:300px;
	overflow:hidden;
	margin-top:5px;
	line-height:120%;
}



.itemtxt{
	height:160px;
}


.textleft{
    text-align:left;
}


.ninsyou {
	width:45%;
	float:left;
	border:#CCC 2px solid;
	margin:0 5px 5px 5px;
	padding:10px;
}

.ninsyou p {
	font-size: 15px;
	height:250px;
	overflow: hidden;
	margin-top: 0px;
	line-height: 120%;
}



.organic_font2 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:15px;
	color:#333300;
	text-align: left;
}



.organic_fontname {
	font-size: 20px;
	color:#663300;
	text-align: center;
}

.navy_font2 {
	font-size: 20px;
	font-weight: bold;
	color:#223a70;
	text-align: center;
}




/* デスクトップレイアウト : 769 px 〜最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
.allbox {
	width:100%;
	max-width:960px;
	font-family: "メイリオ";
	margin:0 auto;
	padding-top:80px;
}
.head {
	width:100%;
	margin-top:20px;
}
.head h1 {
	font-size:30px;
	line-height:150%;
	font-family:Arial, Helvetica, sans-serif;
	margin:30px 0px 5px 0px ;
}
.main.menu {
	width:100%;
	text-align:center;
	padding:5px 0px;
	margin-bottom:40px;
	font-size:16px;
	font-weight:bold;
	border-top:#666 solid 1px;
	border-bottom:#666 solid 1px;
}
.menubody {
	width:100%;
	margin-bottom:20px;
	margin-top:10px;
}
.taishou {
	width:17.8%;
	float:left;
	border:#CCC 2px solid;
	margin:0 10px 20px 10px;
	padding:10px;
	text-align:center;
}
.taishou img {
	width:120px;
	margin-bottom:10px;
}
.taishou h2 {
	font-size:14px;
	color: #999;
	margin:0 0 5px 0;
}



.clearfix {
  display: block;
  clear:both;
}
.taishou h4 {
	font-size:30px;
	font-family: Arial, Helvetica, sans-serif;
	color:#e73827;
	margin:0 0 5px 0;
}
.taishou h3 {
	width:80px;
	padding:2px;
	background-color:#39C;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	text-align:center;
	margin:auto;
}
.taishou p {
	font-size: 9px;
	height: 10px;
	margin-top: 0px;
	line-height: 120%;
}


.taishou2 {
	width:17.8%;
	float:left;
	border:#CCC 2px solid;
	margin:0 10px 20px 10px;
	padding:10px;
}
.taishou2 img {
	width:120px;
	margin-bottom:10px;
}
.taishou2 h2 {
	font-size:14px;
	color: #999;
	margin:0 0 5px 0;
}
.taishou2 h4 {
	font-size:30px;
	font-family: Arial, Helvetica, sans-serif;
	color:#e73827;
	margin:0 0 5px 0;
}
.taishou2 h3 {
	width:80px;
	padding:2px;
	background-color:#39C;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	text-align:center;
	margin:auto;
}
.taishou2 p {
	font-size: 9px;
	height: 120px;
	overflow: hidden;
	margin-top: 0px;
	line-height: 120%;
}


.itemtxt{
	height:80px;
}

.textleft{
}

.organic_font2 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20px;
	color:#333300;
	text-align: left;
}

.organic_fontcha {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20px;
	color:#333300;
	text-align: left;
}


.ninsyoubox{
margin-left:100px;
}

.ninsyou {
	width:25%;
	float:left;
	border:#CCC 2px solid;
	margin:0 10px 20px 10px;
	padding:10px;
}
.ninsyou img {
	width:120px;
	margin-bottom:10px;
}
.ninsyou h2 {
	font-size:14px;
	color: #999;
	margin:0 0 5px 0;
}

.ninsyou h4 {
	font-size:30px;
	font-family: Arial, Helvetica, sans-serif;
	color:#e73827;
	margin:0 0 5px 0;
}
.ninsyou h3 {
	width:80px;
	padding:2px;
	background-color:#39C;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	text-align:center;
	margin:auto;
}
.ninsyou p {
	font-size: 9px;
	height: 120px;
	overflow: hidden;
	margin-top: 0px;
	line-height: 120%;
}

.productlistbox{
	width:100%;	
	padding-bottom:20px;
	height:200px; 
	margin-left:100px;
}

.productlist{
	float:left;	
	width:400px;
	height:200px;
	margin-right:20px; 
}

.productlist2{
	float:left;	
	width:400px;
	height:200px;
	margin-right:20px; 
	text-align: center;
}

.organic_fontname {
	font-size: 20px;
	color:#663300;
	text-align: center;
}

.navy_font {
	font-size: 20px;
	font-weight: bold;
	color:#223a70;
	text-align: center;
}

	

}