@charset "UTF-8";

/* ==================================================================================================== */

/* 共通デザインの設定 */

/* ================================================== */

/* ボディ */
body{
	text-align : center;
}

/* ================================================== */

/* リンク */
a{
	color : #000;
	text-decoration : underline;
}
a:visited{
	color : #000;
	text-decoration : underline;
}
a:hover{
	color : #000;
	text-decoration : none;
}


/* ================================================== */


/* コンテンツ, メインスペース, サイドバー */
#wrapper{
	/*background : #ffffff;*/
	background:url(../img/common/sidebg.png) repeat-y right;
	text-align : left;
	padding : 0;
	margin : 0 auto;
	width : 950px;
}
#mainspace{
	padding : 20px 0 0px 0;
	width : 650px;
	float : left;
}

.box{
background:#fff;
border:1px solid #e5e5e5;
margin:10px auto;
padding:15px;}




/* --- パンくずリストエリア --- */
ol.topicPath {
margin:12px 0 0;
padding: 0 0 11px;
list-style-type: none;
font-size: 10px;
border-bottom:1px solid #7d7d7d;
}
ol.topicPath li {
display: inline;
color:#7d7d7d;
padding:10px 0;
}
ol.topicPath li a {
margin-right: 6px;
color:#7d7d7d;
}
ol.topicPath li.pages{
color:#ae0000;
}


/* --- 見出し --- */
/*h2{
margin:5px 0;
padding:10px 0;
width:100%;
font-size:18px;}*/
h2{
margin:0px 0;
padding:3px 0 3px 20px;
background:url(../img/common/h2bg.gif) no-repeat left bottom;
width:650px;
font-size:12px;
font-weight:bold;
color:#1b1b1b;}

h2 small{
font-size:10px;
margin-left:10px;
padding-top:10px;
*margin-top:-25px;
color:#7d7d7d;}

h3{
margin:0 ;
padding:0 ;
font-weight:bold;
}

h4{
font-size:16px;
line-height:110%;
font-weight:bold;
color:#00561f;}


/* --- 本文 --- */
#mainspace .maintext{
margin:30px 0 40px;
padding:0;}
/* 通常テキスト */
#mainspace .maintext p.text{
margin:10px 20px;
padding:0;
font-size:14px;
line-height:120%}


/* --- 前ページへ戻る --- */
.pageback{
text-align:left;
padding:10px;}





/* ================================================== */

/* ヘッダー */
#header{
text-align : left;
margin : 0 -100%;
padding :0 100%;
width : 950px;
overflow : hidden;
}
#head-text{
border-bottom:1px solid #000000;
margin: 0 -100% ;
padding:0 100%;
width:100%;
}
#header h1{
font-size:11px;
}

#header h1#logo{
margin:10px 0px 0px;
width:275px;
padding:0;
}
#header h1#head-tel{
margin:5px 0px;
width:370px;
text-align:left;
padding:0;
}
ul#headmenu{
clear:both;
float:left;
margin:2px 0;
}
ul#headmenu li{
margin: 0;
display : inline;
}
	
#header .left{
	text-align : left;
	width : 340px;
	float : left;
}
#header .right{
	text-align : right;
	width : 382px;
	float : right;
}



/*メニュー*/
html {
    overflow: auto;
}
body {
    overflow: hidden;
    position: relative;
}

/* メニューバー横の長さ　*/
#menuarea{
width:100%;
margin:5px auto 0;
background:url(../img/common/s-bn-hedline.png) repeat-x left top #402d21;
    margin: 0 -100% ;
    padding: 0 100% ;

}

/* 写真フェードの横ライン */
#menuarealine{
width:100%;
margin:5px auto 0;
background:#fef8d8;
    margin: 0 -100% ;
    padding: 0 100% ;
	height:350px;
}
/* シールドライン */
#slidline{
clear:both;
	background:url(../img/common/f-bg-head.png) repeat-x left top #f3f2ef;
	margin:0px -100% 0;
	padding : 0px 100% 10px;
	text-align:right;
	width : 100%;
}
/* シールド下のライン */
#slidline1{
clear:both;
	background:url(../img/common/s-bn-hedline2.png) repeat-x left top #f3f2ef;
	margin:0px -100% 0;
	padding : 0px 100% 10px;
	text-align:right;
	width : 100%;
}

ul#menu{
clear:both;
margin:0px auto 0;
padding:0px;
width: 950px;
list-style:none;}

ul#menu li{
float:left;
margin:0px;
padding:0;}

ul#menu li a{
border:none;
display:block;
background:#fff;
margin:0;
padding:0;}



/* ================================================== */

/* サイドメニュー */




#sidebar{
	float:right;
	margin:0 0 15px 0;
	padding : 20px 0 20px 0;
	width:275px;
	height:100%;
	text-align:left;
}
#sidebar p{
	margin:0px 0 6px;
	padding:0;}

#sidebar p.textlink{
	font-size:12px;
	text-align:center;
	text-decoration:underline;}
#sidebar p.textlink a{
	color:#000;}




/* ================================================== */

/* フッター */
.gototop{
clear:both;
text-align:right;
padding:20px 0 40px;}

.bottom_gototop{
width:980px;
margin:0 auto -5px;
padding:20px 0 0;
clear:both;}
.bottom_gototop a{
display:block;
float:right;
padding:0;
vertical-align:text-bottom;}

.gototop a,
.bottom_gototop a{
padding:5px 0;}

.gototop a:hover,
.bottom_gototop a:hover{
position:relative;bottom:3px;
padding:5px 0;
}


.bottom_gototop a:focus { outline: none; }

#footer{
clear:both;
	background:url(../img/common/f-bg-head.png) repeat-x left top #f3f2ef;
	padding : 0px 0 10px;
	text-align:right;
	margin: -100px auto 0;
	width : 100%;
}

#footer_contents{
width: 950px;
margin:0 auto}

/* --- フッター施設概要 --- */
#bottom_shisetsu{
float:left;
width:130px;
margin:30px 40px 5px 30px;
padding:0px;}


/* サイトマップ */

div.sitemap {
width: 155px;
margin: 30px 20px 20px 0;
font-size: 10px;
float:left;}
div.sitemap p {
font-weight:bold;
padding:2px 5px;
border-bottom:1px solid #b5b5b5;
text-align:left;}
div.sitemap ul.menu {
width: 145px;
margin: 5px 0 10px 5px;
padding: 0;
list-style-type: none;
float:left;}
div.sitemap ul.menu li {
width: 145px;
padding-bottom: 5px;
padding-left:5px;
background: url(../img/sitemap/list.gif) no-repeat 1px 0.3em;
float: left;
text-align:left;}
div.sitemap ul.menu li a:link {
color:#313131;
margin-left: 12px;
text-decoration: none;}
div.sitemap2 ul.menu li a:hover {
color:#313131;
margin-left: 12px;
text-decoration: underline;}



#sitemaptable{
width:600px;
font-size:12px;
margin:20px auto 120px;}

#sitemaptable a{
color:#5b8500;}




address{
	clear:both;
	font-size : 10px;
	color : #313131;
	text-align : right;
	margin : 5px 10px 0;
}

/* ==================================================================================================== */

/* トップページ */


/* --- リストエリア --- */
ul#index_menu {
width: 100%;
margin: 0;
padding: 0px 0 20px;
list-style-type: none;}
ul#index_menu li {
width: 32.9%;
float: left;
margin:0px;
padding:0;
text-align: center;}


/* --- 新着情報エリア --- */
div.update {
float:left;
width: 275px;
margin-bottom:15px;
font-size: 12px;}

div.update p.news_head {
margin: 0px;
padding:0;
font-size: 100%;}

div.update dl {
width: 100%;
height: 200px;
overflow: auto;
margin: 0;
padding:0;
color:#1b1b1b;
text-align:left;}

div.update dt {
margin:0;
padding: 8px 10px 2px;
line-height: 120%;}

div.update dd {
margin: 0;
padding: 0px 10px 7px;
border-bottom: 1px #eee dotted;
line-height: 120%;}

div.update div.info{
width:70px;
height:12px;
float:left;
color:#fff;
background:#6a3906;
font-size:10px;
padding:0px 0px 2px 3px;
letter-spacing:1px;
font-family:Arial, Helvetica, sans-serif;}

div.update div.product{
width:70px;
height:12px;
float:left;
color:#fff;
background:#a40000;
font-size:10px;
padding:0px 0px 2px 3px;
letter-spacing:1px;
font-family:Arial, Helvetica, sans-serif;}

div.update div.gallery{
width:70px;
height:12px;
float:left;
color:#fff;
background:#cfa972;
font-size:10px;
padding:0px 0px 2px 3px;
letter-spacing:1px;
font-family:Arial, Helvetica, sans-serif;}

div.update div.other{
width:70px;
height:12px;
float:left;
color:#fff;
background:#626262;
font-size:10px;
padding:0px 0px 2px 3px;
letter-spacing:1px;
font-family:Arial, Helvetica, sans-serif;}





/* --- イベント情報エリア --- */
div.event {
float:left;
width: 275px;
margin-bottom:15px;
font-size: 12px;}

div.event p.event_head {
margin: 0px;
padding:0;
font-size: 100%;}

div.event dl {
width: 100%;
height: 260px;
overflow: auto;
margin: 0;
padding:0;
color:#1b1b1b;
text-align:left;}

div.event dt {
margin:0;
padding: 8px 10px 2px;
line-height: 130%;}

div.event dd {
margin: 0;
padding: 0px 10px 7px;
border-bottom: 1px #eee dotted;
line-height: 130%;}

div.event div.info{
width:80px;
height:12px;
float:left;
color:#fff;
background:#6a3906;
font-size:10px;
padding:0px 0px 2px 3px;
letter-spacing:1px;
font-family:Arial, Helvetica, sans-serif;}

.page01 {
	margin:10px 0;
	background:#fff;
	width:270px;
}

.page01 h2 {
	margin:0;
	padding:5px;
	background-color:#fff;
	font-size:16px;
	background:#E8FAFB;
}

.page01 p {
	padding:8px;
	margin:0;
	background:#959595;
}

.page01 .nav {
	background:#fff;
	padding:5px;
	text-align:
	center;
}
/*.page01 .nav#nav4 { border-top:0; border-bottom:1px solid #999; }*/

.page01 .nav a {
	padding:3px 5px;
	font-size:13px;
	border:1px solid #959595;
	margin:5px;
	color:#959595;
	text-decoration: none;
}

.page01 .nav a:hover {
	color: red;
}

.page01 .nav a.highlight {
	color:white;
	background:#959595;
	font-weight:bold;
}




/* --- おすすめ商品 --- */
ul.thumbnail {
width: 100%; /* リストエリアの幅 */
min-width: 650px; /* リストエリアの最小幅（不要な場合は削除） */
margin: 0;
padding: 10px 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li {
width: 16.5%; /* 項目の幅 */
float: left;
}

/* --- 項目内容 --- */
ul.thumbnail dl {
width: 86px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
font-size: 11px;
}

/* --- 写真エリア --- */
ul.thumbnail dt {
/* height: 102px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin-bottom: 5px; /* 写真エリアの下マージン */
}
ul.thumbnail dt img {
}

/* --- キャプションエリア --- */
ul.thumbnail dd {
margin: 0 0 20px; /* キャプションエリアのマージン（上、左右、下） */
height: 4em; /* キャプションエリアの高さ */
line-height: 120%;
text-align:center;
}

ul.thumbnail dd  div.pot{
width:86px;
height:12px;
text-align:center;
color:#fff;
background:#6a3906;
font-size:10px;
padding:0px 0px 2px 0px;
letter-spacing:1px;
font-family:Arial, Helvetica, sans-serif;}

ul.thumbnail dd  div.flower{
width:86px;
height:12px;
text-align:center;
color:#fff;
background:#a40000;
font-size:10px;
padding:0px 0px 2px 0px;
letter-spacing:1px;
font-family:Arial, Helvetica, sans-serif;}





/* --- ランキング --- */
/* --- リスト項目 --- */
ul.rank{
	border-top:1px #eee solid;
	border-bottom:1px #eee solid;
	margin-bottom:20px;}
ul.rank li {
width: 128px; /* 項目の幅 */
float: left;
height:auto;
	border-right:1px #eee solid;
}
ul.rank li.first {
width: 132px; /* 項目の幅 */
float: left;
height:auto;
	border-left:1px #eee solid;
}

/* --- 項目内容 --- */
ul.rank dl {
width: 100px; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
font-size: 11px;
}

/* --- 写真エリア --- */
ul.rank dt {
margin-bottom:0px;
}
ul.rank dt img {
}

/* --- キャプションエリア --- */
ul.rank dd {
margin: 0 0 3px; /* キャプションエリアのマージン（上、左右、下） */
line-height: 120%;
text-align:center;
}

ul.rank dd  div.pot{
width:100px;
height:12px;
text-align:center;
color:#fff;
background:#ff8b0f;
font-size:10px;
padding:0px 0px 2px 0px;
letter-spacing:1px;
font-family:Arial, Helvetica, sans-serif;}

ul.rank dd  div.flower{
width:100px;
height:12px;
text-align:center;
color:#fff;
background:#a40000;
font-size:10px;
padding:0px 0px 2px 0px;
letter-spacing:1px;
font-family:Arial, Helvetica, sans-serif;}






.shoplist{
margin:0 auto 20px;
width:640px;}
.shoplist p{
margin-top:10px;}







ul.link {
width: 100%;
min-width: 650px;
margin: 0 0 20px;
background:#eee;
padding: 10px 0 10px;
list-style-type: none;
}

ul.link li {
width: 195px;
float: left;
margin: 0 0 10px 17px;
/margin: 0 5px 10px 10px;
padding:0px;
text-align: left;
}

p.link_text {
	font-size:12px;
	text-align:left;
	line-height:16px;
	margin:8px 0 0 7px;
	width:185px;
}


p.link_text a{
	color : #900;
	text-decoration : underline;
	font-weight:bold;
}
p.link_text a:visited{
	color : #900;
	text-decoration : underline;
	font-weight:bold;
}
p.link_text a:hover{
	color : #000;
	text-decoration : none;
}


/* --- 会社infoエリア --- */
div.indexinfo {
float:right;
width:300px;
margin:0;
padding:0;}



#mainspace p.banner{
margin:5px 0;}

#mainspace p.banner2{
margin:5px 0 20px;}




/* ==================================================================================================== */

/* プロダクト */

/* --- ボックス --- */
div.section {
margin:20px 0;
width: 620px; /* ボックスの幅 */
padding-bottom: 1px; /* ボックスの下パディング */
background: url(../img/common/box_bottom.jpg) no-repeat bottom; /* ボックスの背景 */
font-size: 14px;
color: #000000;
}

/* --- 見出し --- */
div.section p.top {
margin: 0; /* 見出しのマージン */
padding: 2em 20px 30px; /* 見出しのパディング（上、左右、下） */
background: url(../img/common/box_top.jpg) no-repeat top; /* 見出しの背景 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
div.section p {
margin: -30px 40px 3em; /* 段落のマージン（上下、左右） */
}



/* --- リストエリア --- */
ul.productlist {
width: 100%; /* リストエリアの幅 */
min-width: 600px; /* リストエリアの最小幅（不要な場合は削除） */
margin: 0;
padding: 30px 0 0px; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.productlist li.photo {
width: 31%; /* 項目の幅 */
float: left;
margin: 10px 10px 0 0; /* 項目の下マージン */
text-align: center;
}

ul.productlist li.photo img{
	padding:0;
	margin:0;}


/* ==================================================================================================== */

/* ギャラリー */


#gallery_photo{
	padding:10px;
	background:#71494c;
	float:left;}

/* --- リストエリア --- */
ul.gallery_smn {
float:right;
width: 270px; /* リストエリアの幅 */
min-width: 245px; /* リストエリアの最小幅（不要な場合は削除） */
margin: 0;
padding:10px 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.gallery_smn h3{
	margin-bottom:10px;}

ul.gallery_smn li.photo {
width: 42px; /* 項目の幅 */
float: left;
margin:0 5px 10px;
text-align: center;
line-height:0;
}

ul.gallery_smn li.photo img{
	padding:0;
	margin:0;}


/* ==================================================================================================== */

/* スタッフ */

.stafflist{
margin:0 auto 20px;
width:620px;}
.stafflist p{
margin-top:10px;}


/* ==================================================================================================== */

/* 取扱商品 */

/* --- リストエリア --- */
ul.productlist {
width: 100%; /* リストエリアの幅 */
min-width: 600px; /* リストエリアの最小幅（不要な場合は削除） */
margin: 0;
padding: 0px; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.productlist li {
width: 33.2%; /* 項目の幅 */
/* height: 110px; */ /* 項目の高さ（li要素の高さを指定する場合） */
float: left;
margin-bottom: 20px; /* 項目の下マージン */
text-align: center;
}

/* --- 画像 --- */
ul.productlist img {
padding: 7px; /* 画像のパディング */
background-color: #ffffff; /* 画像の背景色 */
border: 1px solid #d2d2d2; /* 画像の境界線色（上右下左） */
}


/* ==================================================================================================== */

/* ボックス */


/* --- ボックス ---
div.section {
width: 640px;
background: #ffffff url(../img/common/t-middle.jpg) repeat-y top;
font-size: 80%;
color: #000000;}

div.section p.midashi {
margin: 0;
padding: 0px 15px 0 10px;
font-size: 100%;}

div.section p.text {
padding: 5px 45px 15px 45px;}

div.section p.top {
width: 640px;
margin:0;
padding:0;
background: #ffffff url(../img/common/t-top.jpg) no-repeat top;}
div.section p.end {
width: 640px;
margin:0;
background: #ffffff url(../img/common/t-bottom.jpg) no-repeat bottom;}

div.section hr{
width:95%;
margin:0 0 15px 13px;
padding:0;
border-top:dashed 1px #959595;
border-bottom:none;}
 */


/* ==================================================================================================== */

/* 特定商取引に関する法律に基づく表示 */


table.transactions{
margin:10px auto 20px;
width:610px;
font-size:14px;
border-left:1px solid #fff;
border-right:1px solid #fff;
border-top:1px solid #fff;}

table.transactions th{
line-height:17px;
width:160px;
font-weight:bold;
padding:15px;
background:#eee;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
background:#d2d2d2;}

table.transactions td{
line-height:17px;
padding:15px;
border-bottom:1px solid #fff;
background:#e5e5e5;}


table.transactions th{ text-align:center}
table.transactions td{ text-align:left;}


/* ==================================================================================================== */

/* 組織概要 */


table.about{
	width:600px;
margin:10px auto 70px;
font-size:14px;}

table.about caption{
	font-size:14px;
	text-align:left;
	color:#6a3906;}

table.about th,
table.about td{
line-height:17px;
padding:15px;
border-bottom:1px dotted #999999;}


table.about th{ text-align:center; vertical-align:top; font-weight:bold; width:100px;/*border-right:1px dotted #888;*/}
table.about td{ text-align:left;}




/* --- リスト --- */
.linklist{
margin:10px 30px;
padding:0 5px 10px;
font-size:14px;
color:#000000;
background:#fff;
border:1px solid #e5e5e5;
line-height:140%;}

.linklist li{
color:#000;
clear:both;
padding:15px 10px;
border-bottom:1px solid #949494;
overflow:hidden;
height:100%;
}

.linklist_l{
float:left;
width:390px;}
.linklist_r{
float:right;
width:265px;
font-weight:normal;
font-size:12px;
line-height:140%;
}


.linklist a{
font-weight:bold;
color:#000000;
text-decoration : underline;}
.linklist a:visited{
font-weight:bold;
color:#000000;
text-decoration : underline;}
 .linklist a:hover{
font-weight:bold;
color:#000000;
text-decoration : none;}




div#shop_box{
	width:590px;
	margin:0 auto 20px;}

table#shopimage{
	width:590px;
	margin:20px auto;}

table#shopimage td img{
	margin-bottom:10px;}


table#shopinfo{
	font-size:12px;
	width:305px;}

table#shopinfo th{
	font-weight:bold;
	padding:5px 3px;
	text-align:left;
	border-bottom:1px solid #999;}

table#shopinfo th small{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;}

table#shopinfo td{
	padding:10px 3px;
	border-bottom:1px dashed #999;}


table#shoptext{
	clear:both;
	margin:10px auto 20px;
	padding:10px;
	font-size:12px;
	width:630px;
	border:1px solid #999;}

table#shoptext th{
	padding:10px;
	vertical-align:top;
	text-align:left;
	border:none;}

table#shoptext td{
	width:320px;
	padding:10px 10px 10px 0;}
table#shoptext td p{
	border-left:1px dashed #999;
	padding-left:20px;
	width:290px;}


/* ==================================================================================================== */

/* ギャラリー */

/* ================================================== */
#gallery .maintext{
margin:50px 10px 40px;
padding:0;}

#gallery .maintext p.text{
margin:7px 0px 30px 0;
padding:0;
font-size:13px;
line-height:130%}


/* ==================================================================================================== */

/* メールフォーム */

/* ================================================== */



table.mail_table{
width:100%;
margin:20px 0 0px;
font-size:14px;
border-left:1px solid #999999;
border-top:1px solid #999999;}
table.mail_table caption{
color:#b28850;
margin:5px;
text-align:left;
font-weight:bold;}


table.mail_table th{
font-weight:bold;
line-height:17px;
padding:10px;
background:#eee;
border-bottom:1px solid #999999;
border-right:1px solid #999999;}

table.mail_table td{
font-weight:normal;
line-height:17px;
padding:10px 0 10px 20px;
border-bottom:1px solid #999999;
border-right:1px solid #999999;}

table.mail_table td ul li{
padding:3px 0;}


/* ==================================================================================================== */

/* 採用情報 */

/* ================================================== */



table.recruit_table{
width:600px;
margin:20px 20px;
font-size:14px;
border-left:1px solid #999999;
border-top:1px solid #999999;}
table.recruit_table caption{
color:#b28850;
margin:5px;
text-align:left;
font-weight:bold;}


table.recruit_table th{
font-weight:bold;
line-height:17px;
padding:10px;
background:#eee;
border-bottom:1px solid #999999;
border-right:1px solid #999999;}

table.recruit_table td{
font-weight:normal;
line-height:17px;
padding:10px 0 10px 20px;
border-bottom:1px solid #999999;
border-right:1px solid #999999;}

table.recruit_table td ul li{
padding:3px 0;}

/* ==================================================================================================== */

/* その他 */

/* ================================================== */
.color{
	color : #7c1212;
}
.bold{
	font-weight : bold;
}
.red{
	color : #dd0000;
}
.orange{
	color : #f39700;
}
.big{
	font-size:14px;
}
.center{
	text-align : center;
}
.clear{
	clear : both;
}

.left{
float:left;}
.right{
float:right;}


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


hr{
margin:15px auto;
border-bottom:1px solid #ddd;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
clear:both;}