@charset "utf-8";
*{margin:0;padding:0;}

body{
	color:#333;
	background: #fff;
	word-spacing: 1pt;
	letter-spacing: 0.1em;
	line-height:1.6em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



body { -webkit-text-size-adjust: 100%; }


a:focus{outline:none;}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0;}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
ol{list-style:decimal;}
ul{list-style:none;}

p{font-size:1em;line-height:1.6em;margin:0 0 .73075em 0;padding:0;}
dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin:0 0 .73075em;}
input,textarea{font-size:0.9em;}




a{color:#333;text-decoration:none;}
a:hover{color:#aaa;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}

html>body table { border-collapse:collapse }






#sliderarea {
	background:#320E08;
	padding-bottom:25px;
	}

.slideFrame {
	position: relative;
	margin: 0 0 3px 0;
	overflow: hidden;
	overflow-x: auto;
	width: 100%;
	height: 270px;
	
}

.slideGuide {
	width: 150%;
	height: 100%;
}

.slideGuide li {
	margin: 0 3px 0 0;
	padding:0;
	}


.slideCell {
	display: block;
	float: left;
	width: 270px;
	height: 100%;
}

.slideCell a {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s ease-out;
	   -moz-transition: all 0.5s ease-out;
		 -o-transition: all 0.5s ease-out;
		 	transition: all 0.5s ease-out;
}


.slideCell a:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}





/*************
全体
*************/
#wrapper{
	background:#efefeb;
	margin: 0px;
	padding: 0px;
	}

#container{
	margin: 0px auto;
	padding: 40px 20px 50px 20px;
	width: 1000px;
	background:#efefeb;
}


#container02{
	margin: 0px auto;
	padding: 40px 20px 50px 20px;
	width: 1000px;
	
	background:#fff url(../images/container02_bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	
	
}



#container03{
	margin: 0px auto;
	padding: 0px 20px 50px 20px;
	width: 1000px;
	
	background:#fff url(../images/container02_bg.png);
	background-repeat: repeat-y;
	background-position: left top;
}




/*************
/* ヘッダー
*************/
#header{
	margin: 0 0 0px 0;
	
	
	
}




#header .inner{
	width: 1040px;
	margin: 0 auto 0px auto;
	height:72px;
	padding: 0;
	text-align: left;
	background:#81cb4b;
}





#headerlogo {
padding: 13px 0 8px 0;
width: 270px;
height:51px;
float:left;
margin-left:40px;
}


h1 span {
	font-size: 1px;
	text-indent: -9999px;
	height: 1px;
	display: none;
}








/*************
/* トップナビゲーション
*************/


/*===========Global menu============*/

#globalmenu {
	margin: 0 24px 0 0;
	padding:0 0px 0 0px;
	text-decoration: none;
	position: relative;
	height:51px;
	float:right;
}


.btnnac {
	position:absolute;
	right:0px;
	top:13px;
	
	
	}


.btnnac a {
	background:#fff;
	color:#429fb8;
	font-weight:bold;
	padding: 6px 8px 4px 8px;
	border:1px solid #fff;
	-webkit-transition: background 0.2s linear 0s, color 0.2s linear 0s;	
	   -moz-transition: background 0.2s linear 0s, color 0.2s linear 0s;
		 -o-transition: background 0.2s linear 0s, color 0.2s linear 0s;
		    transition: background 0.2s linear 0s, color 0.2s linear 0s;
			
	}


.btnnac a:hover {
	background:#429fb8;
	color:#fff;
	border:1px solid #fff;
	}
			
			
			
ul#menu {
	list-style:none;
	margin: 0;
	padding: 0;
	
}
ul#menu li {
	list-style:none;
	float:left;
	margin: 0 0px 0 0px;
	
}
ul#menu li a {
	display:block;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 21px 0 16px 0px;
	background: #81cb4b;
	
	display:block;
	
	-webkit-transition: 0.4s ;
	transition: 0.4s ;
	
	height:35px;
}


ul#menu li a:hover {
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}


ul#menu a.on {
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}


#menu a span {
	font-size: 1px;
	text-indent: -9999px;
	height: 1px;
	display: none;
}




.nav01 {
	background:#fff url(../images/menu_r_01.png);
	background-repeat: no-repeat;
	background-position: left 21px;
	}


.nav02 {
	background:#fff url(../images/menu_r_02.png);
	background-repeat: no-repeat;
	background-position: left 21px;
	}


.nav03 {
	background:#fff url(../images/menu_r_03.png);
	background-repeat: no-repeat;
	background-position: left 21px;
	}


.nav04 {
	background:#fff url(../images/menu_r_04.png);
	background-repeat: no-repeat;
	background-position: left 21px;
	}
	
.nav05 {
	background:#fff url(../images/menu_r_05.png);
	background-repeat: no-repeat;
	background-position: left 21px;
	}
	
.nav06 {
	background:#fff url(../images/menu_r_06.png);
	background-repeat: no-repeat;
	background-position: left 21px;
	}
	
.nav07 {
	background:#fff url(../images/menu_r_07.png);
	background-repeat: no-repeat;
	background-position: left 21px;
	}
	
	





/*************
トップ（左側）コンテンツ
*************/
#main {
float: left;
width: 450px;
margin: 0 30px 0 0;
padding: 0px 0px 0px 0;
}










/*************
トップ　メインコンテンツ
*************/

.fh {
	width:480px;
	margin:0px 0 150px 0;
	padding:0px;
	float:left;
}
.fh > div.normal {
	display:inline;
	float:left;
	width: 210px;
	margin: 0 3px 3px 0;
	padding: 0 0px 18px 0px;
	background-color: #FFF5E1;
	border:1px solid #eee;
	text-align: left;
	}
.fh > div.normal img {
	margin:0px 0 15px 0;
	
}

.fh > div.normal span {
	background-color: #ffffff;
	
}


.fh > .normal p {
	word-spacing: 0;
	letter-spacing: 0;
	margin: 0;
	padding: 0 12px 0px 12px;
	color: #715B00;
}


.fh > div.lastright {
	display:inline;
	float:left;
	width: 294px;
	margin: 0 0 14px 0;
	padding: 0 0 18px 0;
	background-color: #FFF5E1;
	border-radius: 10px 10px 10px 10px;
	-ms-border-radius:　10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	text-align: left;
}

.fh > div.lastright img {
	margin: 0px 0 15px 0;
}

.fh > .lastright p {
	word-spacing: 0;
	letter-spacing: 0;
	margin: 0;
	padding: 0 12px 0px 12px;
	color: #715B00;
}





#leftbox .newsblock p{
	margin: 0 0 10px 0;
	}

.tenpoimg {}

.tenpoimg li {
	float:left;
	margin-right:16px;
	margin-bottom:10px;
	padding:0;
	}


.tenpoimg li:nth-of-type(4n) {
	margin-right:0;
}




/*************
/* フッター
*************/

#footer{
	
}

#footer .inner{
	width: 1000px;
	margin: 0 auto 0px auto;
	padding: 5px 20px 5px 20px;
	overflow: hidden;
	text-align: left;
	background:#635b50;
}

#footer h4{
	font-size: 16px;
	margin: 0px 0 10px 0;
	padding: 3px 0 3px 0;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
}


#footer ul{
margin: 0px 0px 0px 0px;
padding: 0 0 0 0px;
}

#footer li{
margin: 0px 13px 0px 0;
padding: 10px 0 10px 0px;
float: right;
color:#fff;
}

#footer li a{
	color:#fff;
    -webkit-transition: background 0.2s linear 0s, color 0.2s linear 0s;	
	   -moz-transition: background 0.2s linear 0s, color 0.2s linear 0s;
		 -o-transition: background 0.2s linear 0s, color 0.2s linear 0s;
		    transition: background 0.2s linear 0s, color 0.2s linear 0s;

}
	
#footer li a:hover {
color:#fccfd9;

}

#footer li{
	font-size: 85% !important;
	font-size: 80%;
	line-height: 160%;
	
}

#footer a{text-decoration:none;}







#footercopybox {
	background:#635b50;
	position: relative;	
	}


#footercopybox .inner{
	width: 1040px;
	margin: 0 auto 0 auto;
	padding: 0;
	display:block;
	
	
}


#footbox {
	
	}

.footlogo {
padding: 25px 0 0 12px;
width: 215px;
height:73px;
float:left;
}

.address{
	float:left;
	width:600px;
	margin: 0 0 0px 0px;
	padding: 10px 0;
	font-style:normal;
	font-size: 85% !important;
	font-size: 80%;
	line-height: 160%;
	color:#fff;
}

.address img {
	margin: 0 0 8px 0px;
	}



.copyright{
	font-size: 85% !important;
	font-size: 80%;
	padding: 10px 0;
	color:#fff;
	float:left;
}







/*********************************************************************/
/* pankuzu */

.kuzu {
	margin: 10px 0px 0px 0px;
	padding: 8px 0 8px 10px;
	border-bottom:1px solid #bbbbbb;
}



/*============breadcrumbs============*/


div.breadcrumbs {
	overflow:hidden;
	margin:0px -4px 20px 0;
	padding:0px 0px 0px 0;
	height:30px;
	line-height:30px;
	text-align: left;
	font-size: 12px;
	
}
div.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span {
	float:left;
	overflow:hidden;
	height:30px;
	padding:0 4px 0 2px;
	font-style:normal;
	font-size: 11px;
	font-weight: 400;
	color: #222;
}
div.breadcrumbs span {
	background:url(../images/bg_breadcrumb02.png);
	background-repeat: no-repeat;
	background-position: left center;
	overflow:hidden;
	padding:0 0 0 10px;
	width:0px;
	filter:alpha(opacity=40);
	opacity:0.4;
}
div.breadcrumbs img {
	
	margin:0 3px 0 0;
}


div.breadcrumbs a {
	color:#888;
}

div.breadcrumbs a:hover {
	color:#ccc;
}





/*************
ページ
*************/

#pagetitle {
	width:100%;
	margin:20px 0 20px 0;
	padding:0px;
	text-align: center;
}

.pagetitle p {
	font-size:110%;}

.intro_title {
	margin:0px 0 25px 0px;
	padding: 0px 0px 40px 0px;
	background-image: url(../images/pagetitlebg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
	
.intro_title h3 {
	font-weight: normal;
	font-size:36px;
	margin:0 0 15px 0;
	padding:0px;
	color:#539c1d;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	}



.intro_title span {
	color:#5c5232;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	}	



.upsidedown {
	padding: 60px 0px 0px 0px;
	background-image: url(../images/pagetitlebg02.png);
	background-repeat: no-repeat;
	background-position: center top;
	}
	

#pagetitlecosme {
	margin:0px 0 20px 0;
	width:100%;
	padding:0px;
	text-align: center;
}


.detail_midashi h3{
	margin:20px 0;
	padding: 18px 0px 20px 40px;
	background-image: url(../images/bullet_midashi_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-top:1px solid #c5e29f;
	font-weight:bold;
	}
	

.detail_komidashi h4{
	
	padding: 5px 0px 8px 18px;
	border-bottom:1px dotted #ccc;
	font-weight:bold;
	font-size:120%;
	color:#5f493a;
	background-image: url(../images/bullet_circle.png);
	background-repeat: no-repeat;
	background-position: 2px 9px;
	}






.nagare {
	margin:100px 0 100px 0;
	}




.nagare_midashi{
	text-align:center;
	
	width:900px;
	margin:20px auto 60px auto;
	}
	
.nagare_midashi h3{
	margin:3px auto;
	padding: 20px 0px 20px 0px;
	font-size:200%;
	border-bottom:1px dotted #aaa;
	border-top:1px dotted #aaa;
	text-align:center;
	}

.nagare_midashi h3 span{
	text-align:center;
	border-bottom:2px solid #C5E29F;
	border-top:2px solid #C5E29F;
	padding: 22px 4px 22px 4px;
	}	
	
.nagarebox {
	width:800px;
	margin:10px auto;
	border:1px solid #bbb;
	padding:40px 40px 25px 40px;
	
	
	
	}	
		

.nagarebox span {
font-family: 'Times New Roman';
font-style: italic;
font-size: 28px;
margin-right: 10px;
}


.arrowdown {
	background-image: url(../images/arrow_down.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding:18px;
	}


.nagarekomidashi {
	font-family: 'Times New Roman';
font-style: italic;
font-size: 16px;
margin: 30px 0 15px 0;
border-bottom:1px dotted #096;
padding:4px 20px 2px 4px;
color:#333;
	}




/*************
トップ　ページ
*************/


.midashi {
	font-size:150%;
	margin: 0 0 22px 0;
	}

#introbox p.introtxt {
	margin: 0 0 100px 0;
	padding:0;
	font-size:110%;
	}


#topbnrbox {
	margin: 0 0 100px 0;
	text-align:center;
	}
	


#topbnrbox li {
	float:left;
	width:320px;
	margin: 0 20px 0 0;
	background:#d3c0c5;
	}

#topbnrbox li:nth-of-type(3) {
	margin-right:0;
}


#topbnrbox li a {
	display:block;
	background:#d3c0c5;
	-webkit-transition: background 0.2s linear 0s, color 0.2s linear 0s;	
	   -moz-transition: background 0.2s linear 0s, color 0.2s linear 0s;
		 -o-transition: background 0.2s linear 0s, color 0.2s linear 0s;
		    transition: background 0.2s linear 0s, color 0.2s linear 0s;
	}

	

#topbnrbox li a:hover {
	background:#320E08;
	color:#fff;
	}
	


.bnrbox img {
	margin: 0 0 20px 0;
	}
		
	
.bnrtitle {
	font-size:130%;
	font-weight:500;
	padding:13px 10px;
	}

.bnrtxt {
	padding:0px 10px 13px 10px;
	}



.contactbtn{
   float:left;
   width:300px;
   margin:0 0 10px 0;
}
	
.contactbtn a{
    background: #f4f1f1;
	border:1px solid #bbb;
    color: #473a34;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
	
    padding: 15px 29px 12px 29px;
    text-align: center;
    vertical-align: middle;
    
	width:240px;
	
	-webkit-transition: background 0.1s linear 0s, color 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		    transition: background 0.1s linear 0s, color 0.1s linear 0s;
}


.contactbtn a span{
	background-image: url(../images/bullet_green.png);
	background-repeat: no-repeat;
	background-position: left top;
    padding: 6px 0 6px 30px;
}


.contactbtn a:hover {
    background: #afc57f;
    color: #FFFFFF;
	border:1px solid #fff;
}



.telnumber {
	
	}




#informationbox {
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
}





#informationbox  h5 {
	color: #ffffff;
	margin: 0 0 10px 0;
	padding: 0 0 0 2px;
	font-weight: normal;
	font-size: 11px;
	
}


#leftbox {
	margin: 0px 0px 20px 0;
	padding: 0 0 0 0;
	width: 640px;
	float: left;
	text-align: left;
}

#leftbox p {
	margin: 0px 0px 30px 0;
}

#rightbox {
	margin: 0px 0px 20px 0;
	padding: 0 0 0 0;
	width: 330px;
	float: right;
	text-align: left;
}

#rightbox  h3 {
	font-size: 120%;
	margin: 0 0 10px 0;
	padding: 5px 0 0 2px;
	font-weight: normal;
	border-top:3px double #a3afb2;
	
}

#rightbox p {
	margin: 0px 0px 30px 0;
}


.righttelbox {
	margin: 0px 0px 20px 0;
	padding: 15px;
background:#fff;
border-radius: 10px 10px 10px 10px;
	-ms-border-radius:　10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	}


#rightbox .righttelbox h3 {
border-top: none;
background-image: url(../images/line_wave.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align:center;
	margin: 0px 0px 20px 0;
	padding:0 0 20px 0;
	}
	
	
#rightbox .righttelbox p {
	margin: 0px 0px 17px 0;
}

.righttel {
	margin: 6px 0px 25px 0;
	font-size:220%;
	background-image: url(../images/icon_phone.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 8px 0 8px 40px;
	width:280px;
	float:left;
}
	




#centerbox {
	margin: 0px 0px 20px 0;
	padding: 0 0 0 0;
	width: 1000px;
	float: left;
	text-align: left;
}



#policybox {
	margin: 40px 0px 20px 0;
	padding: 0 40px;
	width: 920px;
	float: left;
	text-align: left;
}



.topoembox {
	margin: 0px 20px 20px 0;
	padding: 15px;
background:#fff;
border-radius: 10px 10px 10px 10px;
	-ms-border-radius:　10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	float:left;
	width:280px;
	}

.topoembox:nth-of-type(2) {
	margin-right:0;
}


#leftbox .topoembox h3 {
border-top: none;
background-image: url(../images/line_wave.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align:center;
	margin: 5px 0px 15px 0;
	padding:0 0 20px 0;
	}
	
	
#leftbox .topoembox p {
	margin: 0px 0px 0px 0;
}





.topoemimg {
	width:160px;
	margin:0 auto;
	
	}

.topoemtxt {
	width:280px;
	float:left;
	}
	


/* 新着情報 */

#topics {
margin: 0 0px 30px 0;
padding: 15px;
background:#fff;
border-radius: 10px 10px 10px 10px;
	-ms-border-radius:　10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	
}

.topicsarea {
	
	}

.topicsbox {
	float:left;
	width:280px;
	margin:0 0 40px 40px;
	border:1px solid #dfdfdf;
	}

.topicsarea .topicsbox:nth-of-type(odd){
  margin-left:0px;
}

.topicstxt {
	text-align:center;
	margin:3px 0 15px 0;
	}


/* お知らせ */

.newstitle {
margin: 0px 0 25px 0;
padding: 0px 0px 4px 0px;
border-bottom:1px solid #aaa;
	font-size:14px;
	font-style:oblique;
}

.newstitlemain {
	font-size:18px;
	color:#e7880d;
	font-weight:bold;
	}

#newstxt {
margin: 0 0px 0 0;
padding: 15px;
background:#fff;
border-radius: 10px 10px 10px 10px;
	-ms-border-radius:　10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	
}

#newstxt h4 {
	margin:0 0 18px 0px;
}



#newstxt dd p {
	padding-top:3px;
	margin:0 0 0px 0px;
}


#newstxt dl {
	margin:0px 0 0px 0px;
	padding:0;
	width:45%;
}

#newstxt dt{
	float:left;
	width:110px;
	margin:0 0 20px 0;
	padding:0px 0 15px 0px;
	line-height: 180%;
	clear: left;
	color:#295763;
	
}

#newstxt dd {
	margin:0 0 20px 0;
	padding:0px 0px 15px 120px;
	border-bottom: 1px dotted #ccc;
	line-height: 180%;
	width:460px;
}

#newstxt dd a {
	
color:#333;
    -webkit-transition: background 0.2s linear 0s, color 0.2s linear 0s;	
	   -moz-transition: background 0.2s linear 0s, color 0.2s linear 0s;
		 -o-transition: background 0.2s linear 0s, color 0.2s linear 0s;
		    transition: background 0.2s linear 0s, color 0.2s linear 0s;
}

#newstxt dd a:hover {
background:#e6e6e6;
color:#333;
}





/* 健康食品 */


.item1colimage2 {
	float:left;
	width:450px;
	text-align:center;
	margin:0px 100px 80px 0px;
	
	}
.item1colimage2 img {
	margin:0 0 5px 0;
	}
	
	
.item1colimage2:nth-child(2n){ margin-right:0px; }




.item1colimage3 {
	float:left;
	width:333px;
	text-align:center;
	margin:0px 0px 40px 0px;
	
	}
.item1colimage3 img {
	margin:0 0 8px 0;
	}
	
	
.item1colimage3:nth-child(3n){ margin-right:0px; }




.item1colimage4 {
	float:left;
	width:250px;
	text-align:center;
	margin:0px 0px 40px 0px;
	
	}
.item1colimage4 img {
	margin:0 0 8px 0;
	}
	
	
.item1colimage4:nth-child(4n){ margin-right:0px; }



.pricetitle {
	line-height:110%;
	margin:0px auto 0px auto;
	font-size:120%;
	padding:8px 0;
	color:#4a3a36;
	font-weight:600;
	}	
	
	

.item1colimage2 .pricetxt {
	line-height:110%;
	margin:10px auto 40px auto;
	font-size:120%;
	border-top:3px double #cadf9f;
	border-bottom:3px double #cadf9f;
	padding:8px 0;
	width:360px;
	}	


.item1colimage3 .pricetxt {
	line-height:110%;
	margin:10px auto 40px auto;
	font-size:90%;
	border-top:3px double #cadf9f;
	border-bottom:3px double #cadf9f;
	padding:8px 0;
	width:240px;
	}	


.item1colimage4 .pricetxt {
	line-height:140%;
	margin:0px auto 40px auto;
	font-size:90%;
	border-top:3px double #cadf9f;
	border-bottom:3px double #cadf9f;
	padding:8px 0 6px 0;
	width:220px;
	}	




.detail_head {
	margin:0 0 50px 50px;
	}


.detail_head_img {
	float:left;
	width:300px;
	text-align:left;
	margin:0px 70px 0px 0px;
	
	}
	
.detail_head_txt {
	float:left;
	width:530px;
	text-align:left;
	margin:0px 0px 0px 0px;
	
	}
	

.detail_headimg {
	margin:0 0 50px 50px;
	}




.itemname {
	margin:5px 0 30px 0;
	padding:13px 0 13px 0;
	font-size:200%;
	border-bottom:4px double #ccc;
	border-top:4px double #ccc;
	}




.itemprice {
	margin:30px 0 30px 0;
	padding:0 0 0px 0;
	font-size:180%;
	}
	
	

.detail_midashi{
	margin:0 50px 10px 50px;
	padding-top:18px;
	}

.detail_komidashi{
	margin:0 50px 10px 50px;
	}
	
.detail_textarea{
	margin:0 50px 30px 50px;
	}



.detail_photo {
	margin:0 0 50px 50px;
	}



.detail_file {
	padding:0 15px;
	margin:0 50px 50px 50px;
	border:1px solid #ccc;
	background:#fbfbfb;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 3px 2px 4px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 3px 2px 4px 0px rgba(0,0,0,0.1);
	box-shadow: 3px 2px 4px 0px rgba(0,0,0,0.1);
	
	}
	

.detail_photo_5col {
	float:left;
	width:160px;
	text-align:center;
	margin:0px 25px 40px 0px;
	
	}
.detail_photo_5col img {
	margin:0 0 0px 0;
	}
	
	
.detail_photo_5col:nth-child(5n){ margin-right:0px; }




.detail_file_5col {
	float:left;
	width:160px;
	text-align:center;
	margin:0px 25px 40px 0px;
	
	}
.detail_file_5col img {
	margin:0 0 0px 0;
	}
	
	
.detail_file_5col:nth-child(5n){ margin-right:0px; }




.patentbtn{
   padding: 10px 0 10px 0;
   margin:0 auto;
   width:600px
}
	
.patentbtn a{
    background: #f4f1f1;
	border:1px solid #bbb;
    color: #473a34;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
	
	
	
    padding: 15px 30px;
    text-align: center;
    vertical-align: middle;
    
	width:540px;
	
	margin: 0 0 15px 0;
	
	-webkit-transition: background 0.1s linear 0s, color 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		    transition: background 0.1s linear 0s, color 0.1s linear 0s;
}

.patentbtn a:hover {
    background: #DE5E60;
    color: #FFFFFF;
	border:1px solid #fff;
}








.company_img {
	float:left;
	width:300px;
	text-align:left;
	margin:30px 0px 80px 60px;
	
	}
	

.company_txt {
	float:left;
	width:530px;
	text-align:left;
	margin:30px 0px 0px 30px;
	
	}
	
.company_txt dl {
	margin:0px 0 0px 0px;
	padding:0;
	width:100%;
}

.company_txt dt{
	float:left;
	width:120px;
	margin:0 0 20px 0;
	padding:0px 0 15px 0px;
	line-height: 180%;
	clear: left;
	color:#295763;
	
}

.company_txt dd {
	margin:0 0 20px 0;
	padding:0px 0px 15px 130px;
	border-bottom: 1px dotted #ccc;
	line-height: 180%;
	width:400px;
}

.company_txt dd a {
	
color:#333;
    -webkit-transition: background 0.2s linear 0s, color 0.2s linear 0s;	
	   -moz-transition: background 0.2s linear 0s, color 0.2s linear 0s;
		 -o-transition: background 0.2s linear 0s, color 0.2s linear 0s;
		    transition: background 0.2s linear 0s, color 0.2s linear 0s;
}

.company_txt dd a:hover {
background:#e6e6e6;
color:#333;
}



.mapbox {
	clear:both;
	width:830px;
	margin:0px 0 0 30px;
	padding:50px 0 0 0;
	}











/* 利用案内 */

#helpcont {
	margin: 0 0px 50px 0px;
	padding:10px 20px 8px 20px;
	background:#efefef;
	}

#helpcont ul {
	
	list-style:none;
	}
	
#helpcont li {
	float: left;
	margin: 3px 20px 3px 0px;
	padding:0px 0 0px 20px;
	background-image: url(../images/arrow04.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	}




.helpsection {
	margin: 0 0 80px 0;
	}


.helpsection .newstitle {
	font-size:120%;
	padding-bottom:15px;
	text-align:left;
	font-style:normal;
	}

.linksection .newstitle {
	font-size:120%;
	padding-bottom:15px;
	text-align:left;
	font-style:normal;
	}
	
		
.helpsection .newstitle .newstitlemain, .linksection .newstitle .newstitlemain {
	font-size:170%;
	
	}


.helpsection h3 {
	font-size:140%;
	margin: 0 0 20px 0;
	padding:0px 0 0px 18px;
	background-image: url(../images/bullet_dot.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	}

.helpsection h4 {
	font-size:120%;
	
	background-image: url(../images/bullet_circle.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	
	margin: 10px 0 10px 0;
	padding:0px 0 2px 15px;
	
	}

.sectionchild {
	margin: 0px 0 40px 0;
	}








/* 通信 */


#tsushincontainer {
	width:100%;
	background:#ddd;
	}

#scalebox {
	width:1000px;
	margin:0px auto 30px auto;
	padding:30px;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	}
	
	




#catalogbox {
	margin:0px auto 30px auto;
	width:855px;
	}
	
	
.scale_anime {
  width: 180px;
  height: 240px;
  overflow: hidden;
  float:left;
  background:#000;
  margin-left:45px;
  margin-bottom:40px;
  position: relative;
	
}


.scale_anime:nth-of-type(1) {
	margin-left:0;
}

.scale_anime figcaption {
	color: #fff;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	
}


.scale_anime figcaption::before,
.scale_anime figcaption::after {
	pointer-events: none;
}


.scale_anime figcaption,
.scale_anime figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.scale_anime figcaption h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.scale_anime h2 span {
	font-weight: 800;
}

.scale_anime h2,
.scale_anime p {
	margin: 0;
	padding:0;
}


.scale_anime p {
	display: inline-block;
	margin:  0 0 5px 0;
	padding: 0 10px;
	line-height:140%;
	
	color: #fff;
	text-transform: none;
	font-weight: 500;
	font-size: 85%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-360px,0,0);
	transform: translate3d(-360px,0,0);
}

.scale_anime p.itemname {
	margin:  0 0 5px 0;
	padding: 2px 6px;
	font-weight: bold;
	font-size: 110%;
	line-height:150%;
	background: rgba(255,255,255,0.9);
	color: #2f3238;
}

.scale_anime p.itemtxt {
	margin-top:  5px;
	padding-top:  10px;
	border-top:1px dotted #fff;
	display:block;
}

	
.scale_anime img {
  width: 100%;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	
	position: relative;
	
	min-height: 100%;
	max-width: 100%;
}


.scale_anime img:hover {
	opacity: 0.1;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}




.scale_anime p:first-child {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
	margin-top:30px;
}

.scale_anime p:nth-of-type(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.scale_anime p:nth-of-type(3) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.scale_anime p:nth-of-type(4) {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}


.scale_anime p:hover p:first-child {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.scale_anime p:hover p:nth-of-type(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.scale_anime p:hover p:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.scale_anime p:hover p:nth-of-type(4) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}


.scale_anime:hover img {
	opacity: 0.4;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

.scale_anime:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}











.scale_anime4col {
  width:235px;
  height: 350px;
  overflow: hidden;
  float:left;
  background:#000;
  margin-left:20px;
  margin-bottom:40px;
  position: relative;
}


.scale_anime4col:nth-of-type(4n+1){ margin-left:0px; }




.scale_anime4col figcaption {
	color: #fff;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	
}

.scale_anime4col figcaption::before,
.scale_anime4col figcaption::after {
	pointer-events: none;
}

.scale_anime4col figcaption,
.scale_anime4col figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.scale_anime4col figcaption h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.scale_anime4col h2 span {
	font-weight: 800;
}

.scale_anime4col h2,
.scale_anime4col p {
	margin: 0;
	padding:0;
}

.scale_anime4col p {
	display: inline-block;
	margin:  0 0 5px 0;
	padding: 0 10px;
	line-height:140%;
	
	color: #fff;
	text-transform: none;
	font-weight: 500;
	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-360px,0,0);
	transform: translate3d(-360px,0,0);
}

.scale_anime4col p.itemname {
	margin:  0 0 5px 0;
	padding: 2px 6px;
	font-weight: bold;
	font-size: 110%;
	line-height:150%;
	background: rgba(255,255,255,0.9);
	color: #2f3238;
}

.scale_anime4col p.itemtxt {
	margin-top:  5px;
	padding-top:  10px;
	border-top:1px dotted #fff;
	display:block;
}

.scale_anime4col img {
  height: 350px;
  
  -webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	
	position: relative;
	min-height: 100%;
}

.scale_anime4col img:hover {
	opacity: 0.1;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

.scale_anime4col p:first-child {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
	margin-top:30px;
}

.scale_anime4col p:nth-of-type(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.scale_anime4col p:nth-of-type(3) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.scale_anime4col p:nth-of-type(4) {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}


.scale_anime4col p:hover p:first-child {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.scale_anime4col p:hover p:nth-of-type(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.scale_anime4col p:hover p:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.scale_anime4col p:hover p:nth-of-type(4) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}


.scale_anime4col:hover img {
	opacity: 0.4;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

.scale_anime4col:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}










/* 新着 */

.newsblock {
	width:610px;
	margin:0 0px 20px 0;
	padding:0 0 20px 0;
	float:left;
	border-bottom:1px dotted #ccc;
	}

.newsblock:nth-of-type(odd) {
	margin-right:0;
}




.newsdate {
text-align: center;
padding:3px 10px 0px 10px;
	line-height: 150%;
	background: #0d4d5e;
	color:#fff;
	width:90px;
	font-size:85%;
	margin:0 20px 0px 0;
	float:left;
}

.newsname {
	font-size:180%;
	margin-bottom:12px;
	}


.newsmidashi{
	float:left;
	width:480px;
}



.bookimg {
	float:left;
	width:120px;
	margin-left:30px;
	}

.booktxt {
	float:left;
	width:850px;
	}
	
.newstext {
	margin:0 0 60px 0;
	padding:0px 0px 15px 0px;
	border-bottom:1px dotted #ccc;
	
	}

.newstext img {
	
	}


	
	
	


/* リンク */

.linksection {
	width:960px;
	margin: 0 auto 80px auto;
	padding:25px 0px 0px 0px;
	
	border:1px solid #ccc;
	border-radius: 10px 10px 0px 0px;
	-ms-border-radius:　10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	}





.linksection h3 {
	font-size:26px;
	color:#e7880d;
	font-weight:normal;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-left:15px;
	}


.linksection p {
	margin:0 0 15px 33px;
	}
	
	
.linksection h4 {
	margin: 0;
	padding:0;
	}
	
	
.linksection h4 a {
	font-size:90%;
	
	background-image: url(../images/bullet_circle.png);
	background-repeat: no-repeat;
	background-position: 18px 21px;
	
	margin: 0;
	padding:18px 15px 14px 33px;
	display:block;
	border-top:1px solid #ddd;
	
	-webkit-transition: background 0.2s linear 0s, color 0.2s linear 0s;	
	   -moz-transition: background 0.2s linear 0s, color 0.2s linear 0s;
		 -o-transition: background 0.2s linear 0s, color 0.2s linear 0s;
		    transition: background 0.2s linear 0s, color 0.2s linear 0s;
	}


.linksection h4 a {
	display:block;
	}
	

.linksection h4 a:hover {
	color:#49670d;
	background:#e7efd6 url(../images/bullet_circle.png) no-repeat 18px 21px;
	}
	
		
.linkchild {
	margin: 0px 0px 0px 0px;
	padding:0 0px 0 0px;
	
	float:left;
	width:480px;
	}
	
	






/* 特許 */

.patentsection {
	width:960px;
	margin: 0 auto 80px auto;
	padding:25px 0px 0px 0px;
	
	border:1px solid #ccc;
	border-radius: 10px 10px 0px 0px;
	-ms-border-radius:　10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	}


.patentsection h3 {
	font-size:26px;
	color:#e7880d;
	font-weight:normal;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	margin-left:15px;
	}


.patentsection p {
	margin:0 0 15px 15px;
	}
	
	
.patentsection h4 {
	margin: 0;
	padding:0;
	}
	
	
.patentsection h4 a {
	font-size:90%;
	
	background-image: url(../images/file_s.png);
	background-repeat: no-repeat;
	background-position: 18px 10px;
	
	margin: 0;
	padding:30px 15px 28px 80px;
	display:block;
	border-top:1px solid #ddd;
	
	-webkit-transition: background 0.2s linear 0s, color 0.2s linear 0s;	
	   -moz-transition: background 0.2s linear 0s, color 0.2s linear 0s;
		 -o-transition: background 0.2s linear 0s, color 0.2s linear 0s;
		    transition: background 0.2s linear 0s, color 0.2s linear 0s;
	}


.patentsection h4 a {
	display:block;
	}
	

.patentsection h4 a:hover {
	color:#49670d;
	background:#e7efd6 url(../images/file_s.png) no-repeat 18px 5px;
	}
	
	
.pattitle {
	clear:both;
	margin-bottom:0px;
	margin-top:20px;
	background:#539C1D;
	color:#fff;
	padding:8px 0;
	}
	
.pattitle h4 {
	padding-bottom:0px;
	
	}
	
.patchild {
	margin: 0px 0px 50px 0px;
	padding:0 0px 0 0px;
	
	float:left;
	width:100%;
	}
	
	
	
	
	
	

/* お問い合わせ */


#contact-form {
	margin-bottom: 100px;
}

#contact-form p {
	margin-bottom: 1px;	
}

#contact-form input,
#contact-form textarea {
    border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
    border-radius: 0;
	
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #fbfbfb;
    color: #333;
    font-size: 14px;
    height: auto;
    padding: 12px;
	margin: 0;
	border:1px solid #cfcfcf;
    resize: none;
}

#contact-form input {
    width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contact-form textarea {
    width: 100%;
	resize: vertical;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contact-form .submit {
    background: #f7f4f2;
	border:1px solid #bbb;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 30px;
    text-align: center;
    vertical-align: middle;
    width: auto;
	margin: 30px 0;
	
	-webkit-transition: background 0.1s linear 0s, color 0.1s linear 0s;	
	   -moz-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		 -o-transition: background 0.1s linear 0s, color 0.1s linear 0s;
		    transition: background 0.1s linear 0s, color 0.1s linear 0s;
}

#contact-form .submit:hover {
	border:1px solid #2f1409;
    background: #2f1409;
    color: #FFFFFF;
}



/*********************************************************************/
/* お問い合わせページ */

#conform {
	padding: 0 0 15px 15px;
}
.cautionmark {
	color: #E72E03;
	font-size: 130%;
}

.caution {
	color: #E72E03;
	margin: 0;
}


#contacts-form fieldset {
	border:none;
	width:95%;
	overflow:hidden;
	display:block;
}
	#contacts-form label {
		display:block;
		overflow:hidden;
		text-indent:4px;
		margin-bottom:0px;
	}
	
	#contacts-form p{
		padding-bottom:0;
		margin-bottom:2em;
	}
	
		#contacts-form input {
			border:1px solid #aaaaaa;
			padding:4px 5px 4px 5px;
			margin-top:5px;
			margin-left:3px;
		}
		#contacts-form input:focus {
			border-color:#dddddd;
		}
		#contacts-form textarea {
			border:1px solid #aaaaaa;
			padding:2px 0 2px 5px;
			overflow:auto;
			margin-top:5px;
			margin-bottom:12px;
		}
		#contacts-form textarea:focus {
			border-color:#dddddd;
		}
		
		#contacts-form input[type=submit] {
	color:#ffffff;
	background-color:#666666;
	cursor:pointer;
	border:none;
	padding:2px 20px;
	font-size:105%;
			
		}
		
		#contacts-form input[type=reset] {
			color:#ffffff;
			background-color:#666666;
			cursor:pointer;
			border:none;
			padding:2px 8px;
			font-size:105%;
		}
		
		#contacts-form input[type=radio] {
			border:none;
		}
		
		#contacts-form input[type=checkbox] {
			border:none;
		}



/*********************************************************************/
/* その他 */


.pageTop {
	text-align: right;
	margin: 20px 30px 0px 0;
	padding:0 20px 0 0;
}



/*
Back to top button 
*/
#page-top {
	position: fixed;
	bottom: 100px;
	right: 50px;
	padding-bottom:10px;
}
#page-top a {
	width: 60px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #aaa;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	
}
#page-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#page-top span {
	width: 60px;
	height: 60px;
	display: block;
	margin-bottom: 7px;
	background: #ccc url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	
	
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#page-top a:hover span {
	background-color: #000;
}




/*********************************************************************/
/* clearfix Start */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  display: inline-table;
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
}
.clear {
  clear: both;
}

.clr {
	content: ".";
	clear: both;
	visibility:hidden;
	height: 0;
	height: 1px;
}


/* clearfix End */
/*********************************************************************/