@charset "utf-8";



/* PC SP.共通
------------------------------------------------------------------------*/
html {
	text-align:center
	
}
a {
	color: #a33333;
	text-decoration: none;
}
a img {
	color: #F6C;
	text-decoration: none;
}
a:hover {
		-ms-filter: "alpha( opacity=70 )";filter: alpha( opacity=70 );opacity: 0.7;
		text-decoration: underline;
}
body {
	font-size:14px;
	text-align:center;
	word-break:break-all;
	background:url(../images/body.png) top repeat-x;

}
p {
	line-height:3;
	padding: 20px;
	margin:15px auto 50px;
}
p:after{display:block;content:"";clear:both}

h1,h2{font-weight:bold;}

/* ------------------------------------------------------ */
/* 00.スマホ　ヒドゥン
=========================================================== */
.sp{ display:none}
/* ------------------------------------------------------ */
/* 00.共通
=========================================================== */
*{
	font-family:"游ゴシック", "Yu Gothic", YuGothic,"メイリオ", Meiryo,  "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; /* iPhoneバンドル */
	font-weight: 500;
	-webkit-text-size-adjust: none; /* 文字の拡大縮小を防ぐ */
	 
}



img { max-width:100%}

figure {
	display:block;
	margin:10px 0 10px 20px;
	line-height:1;
	border:1px solid #C3C6C8;
	border-radius:6px;
	background:#cccccc;
	text-align:center;
	overflow:hidden
}
figoption{
	display:block;
	margin:0 0 0 10px;
	padding:0;
	color:#ffffff;
	text-align:left;
	font-size:10px;
	padding:2px;

	
}


/* ------------------------------------------------------ */
/* 01.ヘッダ
=========================================================== */

header{
	display:block;
	background:url(../images/base_01.png) no-repeat;
	margin:auto;
	text-align:left;
	height:55px;
	padding:6px 10px;
	/*制作中ダミーデータ*/
	width:940px
}
header h1{
	display:block;
	height:15px;
	float:left;
	padding: 31px 30px 0 0;
	margin-left:232px;

}
header h1 a{
	display:block;
	color:#997755;
 	text-decoration:none;
	font-weight:normal;
	font-size:10px;
	width:auto;
	margin:0;
	text-align:left;
}
.hicon{float:right;font-size:10px;background:#ff4466;padding:5px;border-radius:6px;margin:20px 20px 0 0 ;}
.hicon a{color:#ffffff;font-weight:600;font-family:"メイリオ", Meiryo,  "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; /* iPhoneバンドル */}

 .pcHeadTel{ float:right; clear:none; padding:44px 110px 0 0; font-size:18px; font-weight:bold; font-family: Verdana, Geneva, sans-serif; color:#777777}
 .pcHeadTel:before{content:"TEL"}
/*pc用表示ブロック*/
div#content{
	display:block;
	//border:1px solid #eedddd;
	background:rgba(255,255,255,0.5);
	//border-top:none;
	border-bottom:none;
	margin:auto;
	width:960px;
	padding-bottom:30px;
	padding-top:10px;
	border-radius:10px 10px 0 0;
	overflow:visible;
color:#665555;
letter-spacing:0.08em;

}


/* ---------------------------------------------------------◆
T05	▼ グローバルナビゲーション
	　 global navigation
◆--------------------------------------------------------- */

#gnav {}
#gnav .default{}
#gnav .default li { clear:none; width:160px; overflow:hidden; float:left}
#gnav .default li a {
	display:block;
	height:38px;
	overflow:hidden;
	background: url(../images/gnav_bg.png) no-repeat 0 0;
	text-indent:-9999px;
}
#gnav .default li:first-child a{border-radius:10px 0 0 0}
#gnav .default li:last-child a{border-radius:0 10px 0 0 }
#gnav .default li a:hover {
	border-bottom-color: #333;
}
#gnav .default li span{
	padding:0;
}
/* 横幅960px  メニュー6個均等割の場合 */
#gnav .default #gn01 a{
	background-position: 0px 0px;
}
#gnav .default #gn01 a:hover{
	background-position: 0px -38px;
}
#gnav .default #gn02 a{
	background-position: -160px 0px;
}
#gnav .default #gn02 a:hover{
	background-position: -160px -38px;
}
#gnav .default #gn03 a{
	background-position: -320px 0px;
}
#gnav .default #gn03 a:hover{
	background-position: -320px -38px;
}
#gnav .default #gn04 a{
	background-position: -480px 0px;
}
#gnav .default #gn04 a:hover{
	background-position: -480px -38px;
}
#gnav .default #gn05 a{
	background-position: -640px 0px;
}
#gnav .default #gn05 a:hover{
	background-position: -640px -38px;
}
#gnav .default #gn06 a{
	background-position: -800px 0px;
}
#gnav .default #gn06 a:hover{
	background-position: -800px -38px;
}
#gnav .default #gn07 a{
	background:  url(../images/gnav_bg_bottom.png) no-repeat 0 0;
	background-position: 0px 0px;
}
#gnav .default #gn07 a:hover{
	background-position: 0px -38px;
}
#gnav .default #gn08 a{
	background: #ddd url(../images/gnav_bg_bottom.png) no-repeat 0 0;
	background-position: -160px 0px;
}
#gnav .default #gn08 a:hover{
	background-position: -160px -38px;
}
#gnav .default #gn09 a{
	background: #ddd url(../images/gnav_bg_bottom.png) no-repeat 0 0;
	background-position: -320px 0px;
}
#gnav .default #gn09 a:hover{
	background-position: -320px -38px;
}
#gnav .default #gn10 a{
	background: #ddd url(../images/gnav_bg_bottom.png) no-repeat 0 0;
	background-position: -480px 0px;
}
#gnav .default #gn10 a:hover{
	background-position: -480px -38px;
}
#gnav .default #gn11 a{
	background: #ddd url(../images/gnav_bg_bottom.png) no-repeat 0 0;
	background-position: -640px 0px;
}
#gnav .default #gn11 a:hover{
	background-position: -640px -38px;
}
#gnav .default #gn12 a{
	background: #ddd url(../images/gnav_bg_bottom.png) no-repeat 0 0;
	background-position: -800px 0px;
}
#gnav .default #gn12 a:hover{
	background-position: -800px -38px;
}
.sidemenu li{ clear:both;}
/* ------------------------------------------------------ */
/* 01-2.コンテンツヘッダ
=========================================================== */


#contnet_head img{ margin:10px;}


/*pcヘッダナビ*/
nav#headnav{width:100%;  background:#d8e1eb; height:80px; line-height:4}
/*pcセクション横カラム*/
section#side{ width:300px ; height:auto;margin:10px 0 10px 10px;
/*background: url(../images/base_02.jpg) no-repeat top left ;*/ float:right; line-height:3; text-align:center}
section#side img{ margin:0 0 0 0}
section#side > img{ margin:0 0 0 20px}
/*pcセクションメインカラム*/
article#main{ width:630px ; float:right; line-height:1.8; text-align:left; background:#FFFFFF}
.info{ float:left; width:300px; margin:10px}
.topmainBan{ margin:0 0 0 5px;}
/*pcアサイド*/
aside{ clear:right;width:710px ; float:right; }

/* ------------------------------------------------------ */
/* PCサイド
=========================================================== */
/*
section#side ul li {margin:10px;border-radius:4px}
section#side ul li a img { display:block;margin:0}
section#side ul li a span { display:block;clear:both;line-height:1.6em;color:#ffffff}
section#side ul.omoya li:nth-child(1) { border:1px solid #990000;background:#990000}
section#side ul.omoya li:nth-child(2) { border:1px solid #dd8800;background:#dd8800}
section#side ul.omoya li:nth-child(3) { border:1px solid #dd3300;background:#dd3300}
section#side ul.omoya li:nth-child(4) { border:1px solid #441177;background:#441177}
section#side ul.omoya li:nth-child(5) { border:1px solid #660077;background:#660077}
section#side ul.minaminagaya li:nth-child(1) { border:1px solid #55bb11;background:#55bb11}
section#side ul.minaminagaya li:nth-child(2) { border:1px solid #005511;background:#005511}
section#side ul.minaminagaya li:nth-child(3) { border:1px solid #110077;background:#110077}
section#side ul.minaminagaya li:nth-child(4) { border:1px solid #33bbcc;background:#33bbcc}
*/

section#side ul li {margin:10px;border-radius:4px}
section#side ul li a img { display:block;margin:0;box-shadow: 1px 1px 1px 1px #aaaaaa;}
section#side ul li a span { display:block;clear:both;line-height:1.6em;margin-top:10px;color:#555555}
section#side ul.omoya li:nth-child(1) { border:none;background:#ffffff}
section#side ul.omoya li:nth-child(2) {  border:none;background:#ffffff}
section#side ul.omoya li:nth-child(3) {  border:none;background:#ffffff}
section#side ul.omoya li:nth-child(4) {  border:none;background:#ffffff}
section#side ul.omoya li:nth-child(5) {  border:none;background:#ffffff}
section#side ul.minaminagaya li:nth-child(1) {  border:none;background:#ffffff}
section#side ul.minaminagaya li:nth-child(2) {  border:none;background:#ffffff}
section#side ul.minaminagaya li:nth-child(3) {  border:none;background:#ffffff}
section#side ul.minaminagaya li:nth-child(4) {  border:none;background:#ffffff}



.subinfo{ width:280px; margin:10px 0 0 10px; text-align:center; border: 1px #dddddd solid; border-radius:6px;}
.subinfo h1{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a2225+0,2d171d+100 */
background: #eeeeee; /* Old browsers */

 color:#555555; width:90%; margin:5%; border-radius:0;}
.subinfo .subTable{ width:90%; margin:5%;}
.subinfo .subTable td{ font-size:10px}




/*pc検索*/
.subsearch{ width:280px; margin:20px 0 10px 10px; text-align:center; border: 0px #dddddd solid; border-radius:6px;}
.subsearch input{border-radius:4px; border:none; background:#eaeaea;}
.subsearch h1{
position:relative; 
line-height: 2;
background: #efeee9; 
color:#996655; width:50%;
margin:-15px 5% 5%;
top: -10px;

border-radius:6px;
}
.subsearch .subTable{ width:90%; margin:5%;}
.subsearch .subTable td{ font-size:10px}
.subsearch p{
	line-height: 2.4
}
.subsearch img#cou_photo{
	display: inline;
	float: right;
	width: 100px;
	margin:5px;
}
/*pcフッタ*/
footer{
	clear:both;
	display:block;
	margin:auto;
	text-align:left;
	height:auto;
	padding:10px;
}

footer:after{
	display:block;
	content:"";
	clear:both
}

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



#logo {
	float:left;
	margin:5px;
	width:20%;
	max-width:118px;
	height:auto;
}

/*パンくずリスト*/
#breadCrumb {
	display:block;
	float:left;
	text-align:left;
	padding:10px 0 ;
	width:100%;
	font-size:10px;
}
#breadCrumb li {
	float:left;
	margin: 0 5px 0 0;
	width:auto;
	color:#333;
	height:20px;
	text-align:left;
	list-style-image:none;

}
#breadCrumb li:after{content:" / ";}
#breadCrumb li:last-child:after{content:"";}
#breadCrumb li:before {
	content:"::";
}
#breadCrumb li.home {
	background:#a22
}

#breadCrumb li.home:before {
	content:"";
}
	



/* ------------------------------------------------------ */
/* NAV
=========================================================== */	
/*
nav ul {
	display:block;
	margin:auto;
	text-align:center;
	width:230px;
}*/	


nav .snav{
	margin-bottom:20px
	
}

nav .snav li{
	background: url(../images/listicon/2/5.gif) no-repeat 10px center,#ffffff; /* Old browsers */
	background: url(../images/listicon/2/5.gif) no-repeat 10px center,-moz-linear-gradient(top,  #ffffff 0%, #fafafa 100%); /* FF3.6+ */
	background: url(../images/listicon/2/5.gif) no-repeat 10px center,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fafafa)); /* Chrome,Safari4+ */
	background: url(../images/listicon/2/5.gif) no-repeat 10px center,-webkit-linear-gradient(top,  #ffffff 0%,#fafafa 100%); /* Chrome10+,Safari5.1+ */
	background: url(../images/listicon/2/5.gif) no-repeat 10px center,-o-linear-gradient(top,  #ffffff 0%,#fafafa 100%); /* Opera 11.10+ */
	background: url(../images/listicon/2/5.gif) no-repeat 10px center,-ms-linear-gradient(top,  #ffffff 0%,#fafafa 100%); /* IE10+ */
	background: url(../images/listicon/2/5.gif) no-repeat 10px center,linear-gradient(top,  #ffffff 0%,#fafafa 100%); /* W3C */
	background: url(../images/listicon/2/5.gif) no-repeat 10px center,-moz-linear-gradient(center top , #ffffff , #fafafa);
	background-position:10px 10px, auto;
	padding: 10pxpx 0 10px 30px;
	margin-left:20px;
	border-bottom: 1px solid #D7D5D5;
	clear:both;
	float:none


	
}
nav .snav li a{
	display:block;
	width:100%;
	padding: 10pxpx 0;
	color:#4F4A4A;
	
}	
/*	
nav .snav:before{
	content: url(../images/menu_title.jpg); 
}
*/
/* ------------------------------------------------------ */
/* 横バナー
=========================================================== */
.side_bans:before{
	content: url(../images/menu_title_products.jpg); 
}
/* ------------------------------------------------------ */
/* フッタ
=========================================================== */
footer{
	background:#201a10;
	background:url(../images/foot.jpg) repeat-x top , #ffbbbb;
	text-align:center;
}

#footcontent ul{
	float:left;
	margin:20px 10px 50px;
	width:220px
}
#footcontent li{
	background: url(../images/1.png) no-repeat 10px center;
	background-position:0px 10px, ;
	padding:6px 0 6px 30px;
	text-align: left;
	float: left;
	width:130px;
	margin:10px 5px;
}
#footcontent li a{ color:#ffffff; font-weight: normal;}
#footcontent ul:nth-child(2) li{
	background: url(../images/3.png) no-repeat 10px center;
}
/* ------------------------------------------------------ */
/* フッタcontent
=========================================================== */
#footcontent{
	margin:auto;
	width:960px
}

#footcontent #footlogo{
	float:right;
	padding:30px;

}
.footinfo{
	float:left;
	padding:10px
}
#footcontent img{
	margin:4px 0 0;
	float:right;
	width:170px
	
}
.footinfo{
	color:#FFFFFF;
	line-height:5.2;
	text-align:left;
}

/* ------------------------------------------------------ */
/* フッタnav
=========================================================== */
nav#footnav{
	font-size:12px;
	font-weight:bold;
	
}


/* ------------------------------------------------------ */
/* リターンボタン
=========================================================== */
.retu{
	position:relative;
	margin:auto;
	width:960px;
	
}

.retu a{
	display:blockl;
	position:absolute;
	top:-60px;
	right:-51px;
	z-index:2;

}
.retu .madetag{ display:none; position: absolute;left: 10px;top: -240px;z-index: 3;}
/* ------------------------------------------------------ */
/* 内容
=========================================================== */
.contentFooter {margin:5px}

.contentFooter img { float:left; margin:4px 0; }

.contentFooterImg {margin-left:10px}

	/* Green Color */

img.grow {
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

img.grow:hover {
	z-index:9999;
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}
.green {
	color: #3e5706;

	background: #a5cd4e; /* Old browsers */
	background: -moz-linear-gradient(top,  #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* IE10+ */
	background: linear-gradient(top,  #a5cd4e 0%,#6b8f1a 100%); /* W3C */
}

/* Blue Color */

.blue {
	color: #19667d;

	background: #70c9e3; /* Old browsers */
	background: -moz-linear-gradient(top,  #70c9e3 0%, #39a0be 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c9e3), color-stop(100%,#39a0be)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* IE10+ */
	background: linear-gradient(top,  #70c9e3 0%,#39a0be 100%); /* W3C */
}

/* Gray Color */

.gray {
	color: #515151;

	background: #d3d3d3; /* Old browsers */
	background: -moz-linear-gradient(top,  #d3d3d3 0%, #8a8a8a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#8a8a8a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* IE10+ */
	background: linear-gradient(top,  #d3d3d3 0%,#8a8a8a 100%); /* W3C */
}

/*リンクボタンPC*/
.linkbtn a {
	clear:both;
	display:block;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#912834+0,66020c+5,66060f+50,66020d+97,99202c+100 */
	background: #555555; /* Old browsers */


	border-image: none;
	//border-radius: 6px;
	border-style: solid;
	border-width: 0px;
	box-shadow: 0 1px 1px 0 #403333 ;
	color: #fff;
	margin: auto;
	padding: 16px 0;
	margin:10px auto;
	text-align: center;
	//text-shadow: 0 -1px 0 #4c9021;
	width: 100%;
}

.linkbtn a#facebook  {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3765a3+0,406a9e+44,265ba0+100 */
	background: #3765a3; /* Old browsers */
	background: -moz-linear-gradient(top,  #3765a3 0%, #406a9e 44%, #265ba0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #3765a3 0%,#406a9e 44%,#265ba0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #3765a3 0%,#406a9e 44%,#265ba0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3765a3', endColorstr='#265ba0',GradientType=0 ); /* IE6-9 */

}

.linkbtn2 a {
	clear:both;
	display:block;
	background-color: #dddddd;
	border-style: solid;
	border-width: 0px;
	color:#555555;
	margin: auto;
	padding: 10px;
	margin:10px auto;
	text-align: center;
	width: 50%;
}


/*購入ボタンPC*/
.buybtn a {
	clear:both;
	display:block;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #ffa300;
background-image: -moz-linear-gradient(center top , #ff8300 , #fc5d00);
//border-color: #ffa300;
border-image: none;
border-radius: 6px;
border-style: solid;
border-width: 0px;
box-shadow: 0 1px 1px 0 #ffa300 ;
color: #fff;
margin: auto;
padding: 12px 0 10px;
margin:8px 0 8px 10px;
text-align: center;
text-shadow: 0 1px 0 #000000;
font-size:1.4em ;
font-weight:bold;
width: 700px;
}
.solink1 a{ background:#8b8888;color:#ffffff;}
/* 送信ボタン
------------------------------------------------------------------------*/
.submit{
	text-align:center
}
.submit input , .butt {
	border-radius:6px;
	background: url(../images/4.gif) no-repeat 10px center,#ffffff; /* Old browsers */
	background: url(../images/4.gif) no-repeat 10px center,-moz-linear-gradient(top,  #666666 0%, #777777 100%); /* FF3.6+ */
	background: url(../images/4.gif) no-repeat 10px center,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#777777)); /* Chrome,Safari4+ */
	background: url(../images/4.gif) no-repeat 10px center,-webkit-linear-gradient(top,  #666666 0%,#777777 100%); /* Chrome10+,Safari5.1+ */
	background: url(../images/4.gif) no-repeat 10px center,-o-linear-gradient(top,  #666666 0%,#777777 100%); /* Opera 11.10+ */
	background: url(../images/4.gif) no-repeat 10px center,-ms-linear-gradient(top,  #666666 0%,#777777 100%); /* IE10+ */
	background: url(../images/4.gif) no-repeat 10px center,linear-gradient(top,  #666666 0%,#777777 100%); /* W3C */
	background: url(../images/4.gif) no-repeat 10px center,-moz-linear-gradient(center top , #666666 , #777777);
	border-color: #444444 #4444444 #444444;
	border-image: none;
	border-radius: 6px;
	border-style: solid;
	border-width: 0px;
	clear: none;
	color: #fff;
	margin:10px;
	padding: 20px 10px;
	font-size:20px;
	//font-weight:bold;
	text-align: center;
	width: auto;



}
/* ------------------------------------------------------ */
/* 写真
=========================================================== */

.photoImg{width:50%;border:5px solid #ffffff;margin:0 15px 5px;box-shadow:1px 1px 1px #999999;}
.photoLeft{float:left;}
.photoRight{float:right;}

/* ------------------------------------------------------ */
/* ニュース記事
=========================================================== */
.newsContent img.grow{
float:left;
width:100%;
margin:0 0 20px;
box-shadow: 1px 1px 1px 1px #ddd;
-webkit-box-shadow: 1px 1px 1px 1px #ddd;
-moz-box-shadow: 1px 1px 1px 1px #ddd;
border:solid #ffffff 5px;
box-sizing: border-box;
}
.newsContent a > img {float:none}
/* ------------------------------------------------------ */
/* Pager
=========================================================== */
.pearPager {height:12px;text-align:center;padding:5px;line-height:2; line-height: 4;
margin: 5%;}
.pearPager a{display:inline; clear:none;padding:6px 12px; margin:0 2px; background:#dddddd; }



.linkb{width:auto;max-width:468px;margin:2% auto}


/* clearfix
------------------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
	overflow:hidden;/*フッタ隙間対策font-size:0.1em;line-height:0;*/
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


.thumbs{ letter-spacing:0}