﻿@charset "utf-8";

@media screen and (max-width:640px){

/*		Contents
-------------------------------------------------------

	トップページ			[ index.html ]
	日本自然発酵について	[ /company/index.html ]
	3つのこだわり			[ /belief/index.html ]
	飛騨発酵風土記			[ /story/index.html ]
	酵素を知る				[ /realize/index.html ]
	お酢を知る				[ /vinegar/index.html ]
	酵素とローヤルゼリー	[ /royal/index.html ]
	よくあるＱ＆Ａ			[ /faq/index.html ]
	お客様からのお便り		[ /letter/index.html ]
	お知らせ				[ /news/index.html ]
	商品情報				[ /products/index.html ]
	お問い合わせ			[ /contact/index.html ]
	個人情報保護方針		[ policy.html ]
	サイトマップ			[ sitemap.html ]
	採用情報				[ /recruit/index.html ]
	定期案内				[ /amoukpnp/pc/index.html ]

-------------------------------------------------------*/


/* =================================================================
		Common
================================================================= */
body#top{
	background:#e9e9e6;
}

body#second{
	background:#ffffff;
}
body#second.open{
    width: 100%;    
	background:#ffffff;
    padding: 0;
    margin: 0;
}
.pc{
	display:none;
}

img{
	height:auto;
}

#overlay {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9999;
}

#container{
    width: 100%;
	margin:0 auto;
    padding: 0;
}

body#second.open #container{
    width: 100% !important;    
}
/*------------------------------
	header
------------------------------*/




/*------------------------------
	title
------------------------------*/
#title{
	background:#65b4a0;
}

#title h1{
	padding:14px 0 14px 10px;
	font-size:154%;
	font-weight:bold;
	color:#ffffff;
}


/*------------------------------
	contents
------------------------------*/
#contents .key img{
	width:100%;
}

#second #contents h2{
	background:#e9e9e8;
	padding:8px 0 8px 10px;
	font-size:124%;
}

#contents #belief h2,
#contents #story h2,
#contents #realize h2,
#contents #vinegar h2,
#contents #royal h2{
	background:none;
	padding:0 10px;
}

#realize h3,
#royal h3{
	border-bottom:2px solid #93cabc;
	padding:0 0 4px 10px;
	margin:0 0 14px 0;
	font-size:139%;
	font-weight:bold;
	color:#2e9454;
}


/* guide
----------------------*/
.guide{
	padding:0 10px 12px 2px;
}

.guide li{
	float:left;
	width:auto;
	margin:0 0 8px 8px;
	text-align:center;
	font-size:93%;
	font-weight:bold;
	color:#ffffff;
}

.guide li span{
	display:block;
	height:23px;
	padding:10px 8px 0;
	background:#65b4a0;
	border:1px solid #65b4a0;
}

.guide li a{
	display:block;
	height:23px;
	padding:10px 8px 0;
	background:#ffffff;
	border:1px solid #cccccc;
}

.guide li a:hover{
	background:#65b4a0;
	border:1px solid #65b4a0;
	color:#ffffff;
}

#story .guide li{
	width:146px;
}

#story .guide li:nth-child(6){
	font-size:85%;
}

#story .guide li span,
#story .guide li a{
	padding:10px 0 0 0;
}

#story .guide li.brown a{
	color:#864f28;
	border:1px solid #d1bdaf;
}

#story .guide li.brown span,
#story .guide li.brown a:hover{
	background:#864f28;
	border:1px solid #864f28;
	color:#ffffff;
}

#vinegar .guide li{
	width:146px;
}

#vinegar .guide li span,
#vinegar .guide li a{
	margin: 2px 0 0 0;
	padding:10px 0 0 0;
}

#vinegar .guide li.brown a{
	color:#000000;
	border:1px solid #cccccc;
}

#vinegar .guide li.brown span,
#vinegar .guide li.brown a:hover{
	background:#f4a460;
	border:1px solid #f4a460;
	color:#ffffff;
}

/* table
----------------------*/
#contents table{
	width:100%;
	font-size:93%;
}

#contents table th{
	width:80px;
	padding:12px 10px;
	background:#f2f2f0;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	font-weight:bold;
	text-align:left;
}

#contents table td{
	padding:12px 10px;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}

#vinegar .table td{
	padding:12px 0 12px 32px;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}

/*------------------------------
	shop
------------------------------*/
#shop{
	padding:0 0 40px 0;
}

#contents #shop h2{
	background:none;
	padding:0;
}

#contents #shop h2 img{
	width:316px;
}

#shop p{
	text-align:center;
	padding:0 0 20px 0;
}

#shop p img{
	width:50%;
}

#shop .lineup{
	border:2px solid #5cb8ab;
	border-top:none;
}

#shop .lineup ul{
	padding:8px 0 0 4px;
}

#shop .lineup ul li{
	float:left;
	padding:0 4px 8px;
}

#shop .lineup ul li img{
	width:146px;
}


/*------------------------------
	path
------------------------------*/
#path ol{
	float:right;
	padding:10px 2px 10px 10px;
}

#path ol li{
	float:left;
	font-size:93%;
	line-height:1.4;
	padding:0 8px 0 0;
}

#path ol li a{
	margin:0 8px 0 0;
	color:#459883;
}


/*------------------------------
	footer
------------------------------*/
footer{
	background:#ffffff;
	border-top:1px solid #d9d9d9;
	padding:14px 10px 10px;
}


/* navi
----------------------*/
footer .navi{
	padding:0 0 20px 10px;
}

footer .navi li{
	float:left;
	background:url(../../img/common/arrow_01.gif) no-repeat left 8px;
	padding:5px 20px 0 10px;
	font-size:93%;
}

footer .navi li:first-child{
	background:none;
	padding:0 24px 0 0;
}

footer .navi li a{
	color:#6a6a6a;
}


/* mark
----------------------*/
footer .mark p{
	text-align:center;
	font-size:77%;
	color:#6a6a6a;
}

footer .mark ul{
	text-align:center;
	padding:0 0 10px 0;
}

footer .mark ul li{
	display:inline-block;
	padding:0 12px;
}


/* =================================================================
	トップページ　									[ index.html ]
================================================================= */

/*------------------------------
	slider
------------------------------*/
#home #slider{
	padding:0 0 30px 0;
}


/*------------------------------
	products
------------------------------*/
#home .products ul{
	padding:0 0 20px 5px;
}

#home .products ul li{
	float:left;
	width:145px;
	background:#ffffff;
	margin:0 5px 10px;
}

#home .products ul li:last-child{
	background:#5db9e6;
}

#home .products ul li img{
	width:100%;
}

#home .products ul li a{
	display:block;
}

#home .products ul li dl dt{
	padding:10px 0 4px 0;
	font-size:116%;
	font-weight:bold;
	color:#2e9454;
	text-align:center;
}

#home .products ul li dl dd{
	padding:0 12px 10px;
	font-size:93%;
	line-height:1.5;
}


/*------------------------------
	belief
------------------------------*/
#home .belief{
	background:#ffffff;
	padding:20px 10px;
	margin:0 0 30px 0;
}

#home .belief h2{
	background:url(../../img/home/arrow.gif) no-repeat left 4px;
	-webkit-background-size:14px;
	-moz-background-size:14px;
	background-size:14px;
	padding:0 0 14px 22px;
	font-size:139%;
	font-weight:bold;
	color:#2e9454;
}

#home .belief .column p.image{
	padding:0 0 14px 0;
	text-align:center;
}

#home .belief .description p{
	font-size:93%;
	line-height:1.6;
	padding:0 0 14px 0;
}

#home .belief .description p.lead{
	padding:0 0 12px 0;
	text-align:center;
}

#home .belief .description p.lead img{
	width:200px;
}

#home .belief .description p.detail{
	text-align:center;
	padding:0;
}

#home .belief .description p.detail img{
	width:250px;
}


/*------------------------------
	navi
------------------------------*/
#home .navi ul{
	padding:0 0 0 3px;
}

#home .navi ul li{
	float:left;
	padding:0 7px 14px;
}

#home .navi p{
	text-align:center;
	padding:0 0 30px 0;
}

#home .navi p img{
	width:200px;
}


/*------------------------------
	link
------------------------------*/
#home .link ul{
	padding:0 0 20px 0;
}

#home .link ul li{
	background:#ffffff;
	margin:0 0 10px 0;
}

#home .link ul li a{
	display:block;
	padding:10px;
}

#home .link ul li a img{
	float:left;
	width:100px;
}

#home .link ul li a dl{
	float:left;
	width:190px;
	padding:0 0 0 10px;
}

#home .link ul li dl dt{
	padding:0 0 4px 0;
	font-size:116%;
	font-weight:bold;
	color:#2e9454;
}

#home .link ul li dl dd{
	font-size:93%;
	line-height:1.5;
}


/*------------------------------
	news
------------------------------*/
#home .news{
	background:#ffffff;
	padding:20px 10px;
	margin:0 0 30px 0;
}

#home .news p.list{
	text-align:right;
	font-size:93%;
}

#home .news p.list a{
	background:url(../../img/common/arrow_01.gif) no-repeat left center;
	padding:0 0 0 10px;
}

#home .news ul li{
	padding:0 0 16px 0;
}

#home .news ul li h2{
	font-size:124%;
	font-weight:bold;
	color:#2e9454;
	line-height:1.4;
}

#home .news ul li h2 a{
	color:#2e9454;
}

#home .news ul li p{
	padding:0 0 4px 0;
	font-size:93%;
	color:#6a6a6a;
}

#home .news ul li p span{
	font-weight:bold;
	color:#2e9454;
}


/* =================================================================
	日本自然発酵について					[ /company/index.html ]
================================================================= */
#company{
	padding:0 0 40px 0;
}

#company h2{
	margin:0 0 15px 0;
}

#company p{
	padding:0 10px 24px;
	font-size:108%;
	line-height:1.6;
}

#company p.key{
	padding:0 0 10px 0;
}

#company table th,
#company table td,
#company table td dl dt,
#company table td dl dd,
#company table td dl dd ul li{
	line-height:1.6;
}

#company table td a{
	text-decoration:underline;
}

#company table td dl dd ul li{
	padding:10px 0 0 0;
}

#company table td dl dd ul li img{
	width:80%;
	height:auto;
	margin:10px 0;
}

#company table td .column{
	padding:18px 0 8px 0;
}

#company table td .column ul li{
	float:left;
	width:88px;
	padding:18px 6px 0;
	font-size:82.8%;
}

#company table td .column ul li img{
	display:block;
	margin:0 0 8px 0;
}


/*------------------------------
	history
------------------------------*/
#company table.history th{
	text-align:right;
	width:32px;
	padding-left:0;
	padding-right:10px;
	vertical-align:top;
}

#company table.history th.year{
	width:50px;
	padding-left:8px;
	padding-right:0px;
}


/*------------------------------
	access
------------------------------*/
#company .access{
	margin:0 0 -40px 0;
}

#company .access p{
	padding:0 0 14px 0;
}

#company .access iframe{
	width:100%;
	height:240px;
	margin:0 0 40px 0;
}


/* =================================================================
	3つのこだわり							[ /belief/index.html ]
================================================================= */
#belief h2{
	margin:0 0 20px 0;
}

#belief p.key{
	padding:0 0 20px 0;
}

#belief dl{
	border-bottom:2px solid #93cabc;
	margin:0 0 30px 0;
}

#belief dl dt{
	border-top:2px solid #93cabc;
	padding:14px 10px 10px;
	font-size:108%;
	font-weight:bold;
	color:#2e9454;
	line-height:1.4;
}

#belief dl dd{
	padding:0 10px 18px;
	font-size:93%;
	line-height:1.6;
}

#belief dl dd img{
	float:right;
	width:50%;
	margin:0 0 10px 10px;
}


/* =================================================================
	飛騨発酵風土記							[ /story/index.html ]
================================================================= */
#story{
	padding:0 0 10px 0;
}

#story h2{
	margin:0 0 20px 0;
}

#story h3{
	padding:0 10px 14px;
	font-size:124%;
	font-weight:bold;
	color:#2e9454;
	line-height:1.4;
}

#story p{
	padding:0 10px 24px;
	font-size:93%;
	line-height:1.6;
}

#story p img{
	width:100%;
	margin:0 0 10px 0;
}

#story p.key{
	padding:0 0 20px 0;
}

#story p.btn{
	text-align:center;
	padding:0 0 30px 0;
}

#story p.key img,
#story .column p img{
	margin:0;
}

#story p.btn img{
	width:250px;
	margin:0;
}

#story .section{
	background:url(../../img/story/line.gif) repeat-x bottom;
	margin:0 0 24px 0;
}

#story dl{
	padding:0 10px;
}

#story dl dt{
	background:url(../../img/story/arrow.gif) no-repeat left top;
	-webkit-background-size:10px 14px;
	-moz-background-size:10px 14px;
	background-size:10px 14px;
	padding:0 0 10px 20px;
	font-size:108%;
	font-weight:bold;
	color:#864f28;
}

#story dl dd{
	padding:0 0 20px 0;
	font-size:93%;
	line-height:1.6;
}


/*------------------------------
	blessing
------------------------------*/
#story .blessing h4{
	padding:0 10px 6px;
	font-size:124%;
	font-weight:bold;
	color:#864f28;
}

#story .blessing p.btn{
	padding:10px 10px 30px;
}

#story .blessing p.btn img{
	width:100%;
}

#story .blessing ul{
	background:#ededed;
	padding:10px 0 0 10px;
	margin:0 0 20px 0;
}

#story .blessing ul li{
	float:left;
	width:56px;
	padding:0 5px 10px 0;
	text-align:center;
	font-size:77%;
}

#story .blessing ul li img{
	width:56px;
	margin:0 0 2px 0;
}


/*------------------------------
	farm
------------------------------*/
#story .farm h4{
	background:#92613e;
	padding:7px 10px;
	margin:0 0 14px 0;
	font-size:124%;
	font-weight:bold;
	color:#ffffff;
	line-height:1;
}

#story .farm h5{
	background:url(../../img/story/arrow.gif) no-repeat left top;
	-webkit-background-size:10px 14px;
	-moz-background-size:10px 14px;
	background-size:10px 14px;
	padding:0 0 10px 20px;
	font-size:108%;
	font-weight:bold;
	color:#864f28;
}

#story .farm h5 span{
	display:block;
	background:#65b49f;
	border-radius:9px;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	padding:1px 20px;
	margin:6px 0 0 -20px;
	font-size:85.5%;
	font-weight:normal;
	color:#ffffff;
}

#story .farm ul li{
	padding:0 10px 40px;
}

#story .farm ul li p.image{
	text-align:center;
	padding:0 0 10px 0;
}

#story .farm ul li p.image img{
	float:none;
	width:200px;
	margin:0;
}

#story .farm .description p{
	padding:0 0 14px 0;
}

#story .farm .description ul{
	background:#ededed;
	padding:10px 0 0 30px;
}

#story .farm .description ul li{
	float:left;
	width:60px;
	padding:0 30px 10px 0;
	text-align:center;
	font-size:77%;
}

#story .farm .description ul li img{
	width:60px;
	margin:0 0 2px 0;
}

#story .farm .description ul li span{
	font-size:93%;
}


/*------------------------------
	shokawa
------------------------------*/
#story .shokawa{
	padding:10px 0 0 0;
}

#story .shokawa dl dd{
	padding-bottom:30px;
}

#story .shokawa dl dd img{
	float:right;
	width:50%;
	margin:0 0 0 10px;
}


/* map
----------------------*/
#story .shokawa .map{
	position:relative;
	padding:0 0 30px 0;
}

#story .shokawa .map p{
	padding:0;
}

#story .shokawa .map p img{
	float:none;
	margin:0;
}

#story .shokawa .map ul li{ position:absolute; }
#story .shokawa .map ul li img{ width:auto;height:15px; }
#story .shokawa .map ul li.btn_01{ top:270px;left:57px; }
#story .shokawa .map ul li.btn_02{ top:229px;left:41px; }
#story .shokawa .map ul li.btn_03{ top:223px;left:81px; }
#story .shokawa .map ul li.btn_04{ top:41px;left:26px; }
#story .shokawa .map ul li.btn_05{ top:74px;left:7px; }
#story .shokawa .map ul li.btn_06{ top:9px;left:94px; }
#story .shokawa .map ul li.btn_07{ top:72px;right:13px; }


/* =================================================================
	酵素を知る								[ /realize/index.html ]
================================================================= */
#realize h2{
	margin:0 0 24px 0;
}

#realize p{
	padding:0 10px 30px;
	font-size:93%;
	line-height:1.6;
}

#realize p.key{
	padding:0 0 20px 0;
}

#realize dl{
	padding:0 0 30px 0;
}

#realize dl dt{
	border-bottom:2px solid #aa8469;
	padding:0 10px 6px;
	margin:0 0 14px 0;
	font-size:108%;
	font-weight:bold;
	color:#864f28;
	line-height:1.4;
}

#realize dl dd{
	padding:0 10px;
	font-size:93%;
	line-height:1.6;
}

#realize dl dd img{
	width:50%;
}

#realize dl.left dd img{
	float:left;
	margin:0 10px 10px 0;
}

#realize dl.right dd img{
	float:right;
	margin:0 0 10px 10px;
}


/* =================================================================
	お酢を知る							[ /vinegar/index.html ]
================================================================= */
#vinegar{
	padding:0 0 10px 0;
}

#vinegar h2{
	margin:0 0 20px 0;
	padding:0;
	font-size:120%;
}

#vinegar h3{
	padding:0 0 10px 5px;
	font-size:124%;
	font-weight:bold;
	color:#2e9454;
	line-height:1.4;
}


#vinegar p{
	padding:0 10px 24px;
	font-size:93%;
	line-height:1.6;
}

#vinegar p img{
	width:100%;
	margin:0 0 10px 0;
}

#vinegar p.key{
	padding:0 0 20px 0;
}

#vinegar p.btn{
	padding:0 0 30px 0;
}

#vinegar p.key img,
#vinegar .column p img{
	margin:0;
}

#vinegar p.btn img{
	width:250px;
	margin:0;
}

#vinegar .section{
	background:url(../../img/story/line.gif) repeat-x bottom;
	margin:0 0 24px 0;
}

#vinegar dl{
	padding:0 10px;
}

#vinegar dl dt{
	background:url(../../img/story/arrow.gif) no-repeat left top;
	-webkit-background-size:10px 14px;
	-moz-background-size:10px 14px;
	background-size:10px 14px;
	padding:0 0 10px 20px;
	font-size:108%;
	font-weight:bold;
	color:#864f28;
}

#vinegar dl dd{
	padding:0 0 20px 0;
	font-size:93%;
	line-height:1.6;
}

/*------------------------------
	recipe
------------------------------*/

#vinegar .recipe h2{
	margin:30px 30px 20px 0;
	padding:0;
	font-size:3px;
}

#vinegar .recipe h3{
	padding:0 10px 5px;
	font-size:124%;
	font-weight:bold;
	color:#2e9454;
	line-height:1.4;
}

#vinega .reciper h4{
	padding:20px 10px 0 14px;
	font-size:124%;
	font-weight:bold;
	color:#2e9454;
}


#vinegar .recipe ul li{
	padding:0 0 0 0;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

#vinegar .recipe ul li:first-child{
	padding:0 0 0 0;
}

#vinegar .recipe ul li p.image{
	float:left;
	padding:10px 10px;
}

#vinegar .recipe ul li p.image img{
	float:none;
	margin:0;
}




/* =================================================================
	酵素とローヤルゼリー					[ /royal/index.html ]
================================================================= */
#royal h2{
	margin:0 0 24px 0;
}

#royal p{
	padding:0 10px 30px;
	font-size:93%;
	line-height:1.6;
}

#royal p.key{
	padding:0 0 20px 0;
}

#royal dl{
	border-bottom:2px solid #93cabc;
	margin:0 0 20px 0;
}

#royal dl dt{
	padding:0 10px 10px;
	font-size:108%;
	font-weight:bold;
	color:#864f28;
	line-height:1.4;
}

#royal dl dd{
	padding:0 10px 30px;
	font-size:93%;
	line-height:1.6;
}

#royal dl dd img{
	float:right;
	width:50%;
	margin:0 0 10px 10px;
}


/* =================================================================
	よくあるＱ＆Ａ								[ /faq/index.html ]
================================================================= */
#faq{
	padding:0 0 10px 0;
}

#faq h2{
	margin:0 0 12px 0;
}

#faq p.key{
	padding:0 0 20px 0;
}

#faq dl{
	border-bottom:1px solid #d9d9d9;
	margin:0 0 30px 0;
	font-size:93%;
}

#faq dl dt{
	background:url(../../img/faq/icon_q.gif) no-repeat 10px 11px;
	-webkit-background-size:16px;
	-moz-background-size:16px;
	background-size:16px;
	border-top:1px solid #d9d9d9;
	padding:12px 10px 12px 36px;
	font-weight:bold;
	color:#65b4a0;
	line-height:1.4;
}

#faq dl dd{
	padding:0 10px 20px 36px;
	line-height:1.6;
}


/* =================================================================
	お客様からのお便り						[ /letter/index.html ]
================================================================= */
#letter{
	padding:0 0 10px 0;
}

#letter h2{
	margin:0 0 12px 0;
}

#letter p.key{
	padding:0 0 20px 0;
}

#letter .column dl{
	padding:0 10px;
}

#letter dl dt{
	background:#eb9d58;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding:8px 10px;
	font-size:108%;
	font-weight:bold;
	color:#ffffff;
	line-height:1.4;
}

#letter dl dd{
	background:url(../../img/letter/arrow.gif) no-repeat center top;
	-webkit-background-size:9px auto;
	-moz-background-size:9px auto;
	background-size:9px auto;
	padding:19px 0 30px 0;
	font-size:93%;
	line-height:1.6;
}

#letter dl dd img{
	float:right;
	margin:0 0 10px 10px;
}


/* =================================================================
	お知らせ									[ /news/index.html ]
================================================================= */
#news h2{
	margin:0 0 5px 0;
}

#news .sns{
	padding:0 10px 20px;
}


/*------------------------------
	list
------------------------------*/
#news .list{
	padding:0 0 40px 0;
}

#news .list li{
	border-bottom:1px solid #d9d9d9;
	padding:15px 10px 14px;
	font-size:93%;
	line-height:1.6;
}

#news .list li p{
	padding:0 0 6px 0;
}

#news .list li p span{
	padding:0 8px 0 0;
	font-weight:bold;
	color:#459883;
}

#news .list li a{
	font-weight:bold;
	color:#65b4a0;
}


/*------------------------------
	detail
------------------------------*/
#news .detail{
	padding:10px 0 0 0;
}

#news .detail p{
	padding:0 10px 30px;
	font-size:93%;
	line-height:1.6;
}

#news .detail p.date{
	padding:0 10px 6px;
	color:#6a6a6a;
}

#news .detail p.date span{
	padding:0 8px 0 0;
	font-weight:bold;
	color:#459883;
}

#news .detail p img{
	width:200px;
	margin:0 50px 10px;
}


/* =================================================================
	商品情報								[ /products/index.html ]
================================================================= */
#products_slider{
	padding:0 0 30px 0;
}

#products_slider .bx-wrapper .bx-pager{
	padding-top:10px;
}

#products{
	background:#e9e9e8;
	padding:20px 0 0 0;
}

#contents #products{
	background:#ffffff;
	padding:0;
}

#second #products h2{
	background:none;
	border-bottom:2px solid #65b4a0;
	padding:0 10px 6px;
	margin:0 0 10px 0;
	font-size:124%;
	font-weight:bold;
	color:#459883;
	line-height:1.4;
}

#products .sns{
	padding:0 10px 20px;
}


/*------------------------------
	list
------------------------------*/
#products .list ul{
	padding:0 0 30px 0;
}

#products .list ul li{
	background:#ffffff;
	margin:0 0 10px 0;
}

#products .list ul li a{
	display:block;
	padding:10px;
}

#products .list ul li a p.image{
	float:left;
    width: 30%;
}

#products .list ul li p.image img{
	width:100px;
}

#products .list ul li a .description{
	float:left;
	width:60%;
	padding:0 0 0 25px;
}

#products .list ul li .description h3{
	padding:0 0 6px 0;
	font-size:116%;
	font-weight:bold;
	color:#459883;
}

#products .list ul li .description p{
	padding:0 0 8px 0;
	font-size:93%;
	line-height:1.6;
}

#products .list ul li .description p.detail{
	padding:0;
}


/*------------------------------
	detail
------------------------------*/
#products .detail p{
	padding:0 10px 30px;
	font-size:93%;
	line-height:1.6;
}

#products .detail p span{
	font-weight:bold;
}

#products .detail p img{
	width:100%;
	margin:0 0 10px 0;
}

#products .detail p.lead{
	padding:10px 10px 20px;
	font-size:154%;
	font-weight:bold;
	color:#459883;
	line-height:1.4;
}


/* =================================================================
	お問い合わせ							[ /contact/index.html ]
================================================================= */
#contact{
	padding:0 0 40px 0;
}

#contact h2{
	margin:0 0 15px 0;
}

#contact p{
	padding:0 10px 20px;
	font-size:93%;
	line-height:1.6;
}

#contact p.key{
	padding:0 0 20px 0;
}

#contact p.confirm{
	text-align:center;
	padding:0;
	line-height:0;
}

#contact p.confirm input{
	cursor:pointer;
}

#contact p.send{
	text-align:center;
	padding:0;
}

#contact p.send input{
	width:200px;
	height:46px;
	cursor:pointer;
}

#contact table{
	margin:0 0 20px 0;
}

#contact table th img{
	display:block;
	padding:4px 0 0 0;
}

#contact table td span{
	display:block;
	padding:8px 0 0 0;
}

#contact table td input{
	background:none;
	border:1px solid #65b4a0;
	padding:4px 10px;
}

#contact table td input[type="text"]{
	width:120px;
	margin:0 0 0 10px;
}

#contact table td input[type="email"],
#contact table td input[type="tel"]{
	width:170px;
}

#contact table td textarea{
	width:170px;
	background:none;
	border:1px solid #65b4a0;
	padding:4px 10px;
}


/*------------------------------
	送信完了
------------------------------*/
#contact .thanks h3{
	padding:0px 10px 10px;
	font-size:139%;
	font-weight:bold;
	line-height:1.4;
}

#contact .thanks p{
	padding-bottom:0;
}


/* =================================================================
	個人情報保護方針								[ policy.html ]
================================================================= */
#policy{
	padding:0 0 10px 0;
}

#policy h2{
	margin:0 0 15px 0;
}

#policy p,
#policy dl dd{
	padding:0 10px 30px;
	font-size:93%;
	line-height:1.6;
}

#policy dl dt{
	border-bottom:1px dotted #c2c2c2;
	padding:0 10px 6px;
	margin:0 0 10px 0;
	font-size:108%;
	font-weight:bold;
	color:#864f28;
}

#policy dl dd ul{
	list-style-type:disc;
	padding:20px 0 6px 18px;
}

#policy dl dd ul li{
	padding:0 0 8px 0;
	line-height:1.6;
}


/* =================================================================
	サイトマップ									[ sitemap.html ]
================================================================= */
#sitemap{
	padding:0 0 26px 0;
}

#sitemap h2{
	margin:0 0 20px 0;
}

#sitemap ul{
	padding:0 10px 0 20px;
}

#sitemap ul li{
	background:url(../../img/sitemap/arrow_01.jpg) no-repeat left top;
	padding:4px 0 14px 25px;
	font-size:108%;
}

#sitemap ul li a{
	color:#864f28;
}

#sitemap ul li ul{
	padding:14px 0 8px 0;
}

#sitemap ul li ul li{
	background:url(../../img/sitemap/arrow_02.jpg) no-repeat left 4px;
	padding:6px 0 6px 30px;
	font-size:100%;
}

#sitemap ul li ul li a{
	color:#444444;
}


/* =================================================================
	採用情報								[ /recruit/index.html ]
================================================================= */
#recruit{
	padding:0 0 40px 0;
}

#recruit h2{
	margin:0 0 15px 0;
}

#recruit p.key{
	padding:0 0 20px 0;
}


/* clearfix
===========================================
*/

ul:after,
.column:after,
#path:after,
#home .link ul li a:after,
#belief dl dd:after,
#products .list ul li a:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;	
}

}
