@charset "utf-8";
/*------------------------------------------------------

	リセット

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

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}


ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
img {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom;
}

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


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

	グローバル

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

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.9em;
	line-height: 1.6;
	color: #000000;
	background-image: url(../images/common/bg.jpg)!important;
}

p { margin-bottom: 20px;}
p:last-child { margin-bottom: 0px;}

a { color: #537648;}
a:hover { color: #9DD88B;}

/* ボックス */
.container {
	width: 980px;
	margin: 0px auto;
}

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

.pos_rel { position: relative;}
.pos_ab { position: absolute;}

/* 文字装飾 */

.bold { font-weight: bold;}
.normal { font-weight: normal;}

.ta_center { text-align: center !important;}
.ta_right { text-align: right !important;}
.ta_left { text-align: left !important;}

.va_middle { vertical-align: middle;}

.no_adjust { -webkit-text-size-adjust: none;}

.fo-red { color: #cb2f11;}
.fo-orange { color: #d33f2b;}
.fo-white { color: #FFFFFF;}

.fo05 { font-size: 0.5em;}
.fo06 { font-size: 0.6em;}
.fo07 { font-size: 0.7em;}
.fo09 { font-size: 0.9em;}
.fo11 { font-size: 1.1em;}
.fo12 { font-size: 1.2em;}

.lh12 { line-height: 1.2;}
.lh14 { line-height: 1.4;}

/* padding */
.pr15 { padding-right: 15px !important;}

/* margin */
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt60 { margin-top: 60px !important;}
.mt80 { margin-top: 80px !important;}

.mb00 { margin-bottom: 0px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb80 { margin-bottom: 80px !important;}

/* clearFix */
.clearFix {
    zoom: 100%;
}

.clearFix:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
/* ------------------------
	リンク
------------------------ */
/*ヘッダー固定によるリンク位置調整*/
#link_01{
margin-top: -60px; /* 固定ナビの高さ分のネガティブマージン */
padding-top: 60px; /* 打ち消し用のパディング */}

#link_02{
margin-top: -60px; /* 固定ナビの高さ分のネガティブマージン */
padding-top: 60px; /* 打ち消し用のパディング */}

#link_03{
margin-top: -60px; /* 固定ナビの高さ分のネガティブマージン */
padding-top: 60px; /* 打ち消し用のパディング */}

#link_04{
margin-top: -60px; /* 固定ナビの高さ分のネガティブマージン */
padding-top: 60px; /* 打ち消し用のパディング */}

#link_05{
margin-top: -60px; /* 固定ナビの高さ分のネガティブマージン */
padding-top: 60px; /* 打ち消し用のパディング */}

#link_06{
margin-top: -60px; /* 固定ナビの高さ分のネガティブマージン */
padding-top: 60px; /* 打ち消し用のパディング */}

/* ------------------------
	ヘッダー
------------------------ */

.header ul { max-width: 700px;}
.header li {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left 50%;
	padding: 5px 0px 5px 33px;
	margin-left: 15px;
}

.header li a { color: #000000; text-decoration: none;}
.header li a:hover { text-decoration: underline;}
.header .btn01 { background-image: url(../images/common/header/header_btn01.png);}
.header .btn02 { background-image: url(../images/common/header/header_btn02.png);}
.header .btn03 { background-image: url(../images/common/header/header_btn03.png);}
.header .btn01:hover { background-image: url(../images/common/header/header_btn01_o.png);}
.header .btn02:hover { background-image: url(../images/common/header/header_btn02_o.png);}
.header .btn03:hover { background-image: url(../images/common/header/header_btn03_o.png);}

/* ------------------------
	グローバルナビ
------------------------ */
.gn {
	background: url(../images/common/header/gn_bg.png) repeat-x left top;
	width: 100%;
	height: 65px;
    position:relative;
	z-index: 9999;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
       -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
            box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
}
.gn:before {
    content:"";
    position:absolute;
    z-index: 500;
	width: 100%;
	height: 32px;
	background: url(../images/common/header/gn_shadow.png) no-repeat center bottom;
	bottom: -32px;
}
.gn ul {
	width: 980px;
	padding-top: 5px;
	margin: 0px auto;
	position: relative;
}
.gn li {
	float: left;
	height: 60px;
	padding: 5px 44px 0px 45px;
	background: url(../images/common/header/nav_line.gif) repeat-y left top;
}
.gn li:first-child { padding-left: 0px; background: none;}
.gn li:last-child { padding-right: 0px;}
.gn > ul > li > a { display: block; height: 55px;}

/* ドロップダウンメニュー */
.gn .dd .box {
	width: 100%;
	padding: 20px 25px 20px 0px;
	position: absolute;
	left: 0px;
	top: 65px;
	display: none;
	z-index: 550;
	background: url(../images/common/header/gn_shadow.png) no-repeat center top #FFFFFF;
	background-color: rgba(255,255,255,0.95);
}

.gn .dd h2 { width: 190px;}
.gn .dd .right { width: 750px;}

.gn .dd01 h2 {
	padding: 80px 0px 120px;
	background: url(../images/common/header/dd01_line.png) no-repeat right 50%;
}
.gn .dd01 h3 {
	color: #592f2a;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	margin-bottom: 15px;
}
.gn .dd01 .box01 h3, .gn .dd01 .box02 h3 { background: url(../images/common/header/dd01_ttl_bg.png) no-repeat left 50%;}
.gn .dd01 .box03 h3 { background: url(../images/common/footer/footer_headline_bg.png) no-repeat left 50%;}
.gn .dd01 .box01, .gn .dd01 .box02 { margin-right: 20px;}
.gn .dd01 dl {
	display: table;
	margin-bottom: 10px;
}
.gn .dd01 dt, .gn .dd01 dd {
	display: table-cell;
	vertical-align: middle;
}
.gn .dd01 dt {
	text-align: center;
	width: 50px;
	height: 50px;
}
.gn .dd01 dt img {
	width: auto;
	max-height: 50px;
}
.gn .dd01 dd {
	padding-left: 15px;
}

.gn .dd02 h2 { background: url(../images/common/header/dd02_line.png) no-repeat right 50%;}
.gn .dd02 ul { width: 100%; margin-top: 15px;}
.gn .dd02 li {
	float: left;
	width: 33.3333%;
	height: auto;
	padding-left: 20px;
	margin: 0px 0px 5px 0px;
	background: url(../images/common/ico_arrow_blue.png) no-repeat left 50%;
}
.gn .dd02 li a { color: #000000;}
.gn .dd02 li a:hover { color: #666666;}

.fixed {
    position: fixed !important;
    top: 0;
    width: 100%;

    z-index: 10000;
}

/* ------------------------
	コンテンツ
------------------------ */
.contents {
	width: 680px;
	float: left;
}



/* ------------------------
	サイドバー
------------------------ */
.sidebar {
	width: 260px;
	float: right;
}

.sidebar .box {
	background-color: #FFFFFF;
	border: solid 1px #fae7d9;
    position:relative; 
}
 
.sidebar .box:after{
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    bottom: 2px;
    left: 15px;
    right: 15px;
    /*影を入れる*/
    -webkit-box-shadow: 0 0 15px rgba(147,77,53,0.7);
    -moz-box-shadow: 0 0 15px rgba(147,77,53,0.7);
    box-shadow: 0 0 15px rgba(147,77,53,0.7);
 
    /*角丸にする*/
    -moz-border-radius: 100px / 20px;
    -o-border-radius: 100px / 20px;
    border-radius: 100px / 20px;
}

.side_sec01 {
	background: url(../images/common/side_sec01_bg.png) no-repeat center bottom;
	border-bottom: none !important;
	padding-bottom: 15px;
}
.side_sec01 h2 { margin: -11px 0px 2px -8px;}
.side_sec01 ul {
	padding: 0px 15px;
	font-size: 0.8em;
}

.side_sec02 {
	background: url(../images/common/side_sec02_bg.png) no-repeat center bottom;
	padding-bottom: 15px;
}
.side_sec02 h2 { margin-left: -8px;}

.side_csr.box { background: none; border: none;}

/* ------------------------
	フッター
------------------------ */
.footer {
	background: url(../images/common/footer/footer_bg.png) repeat-x center bottom #fafafa;
	padding-top: 25px;
	font-size: 0.9em;
}
.footer .box {
	width: 180px;
	float: left;
	margin-left: 20px;
}
.footer .box:first-child { margin-left: 0px;}

.footer h2 {
	background: url(../images/common/footer/footer_headline_bg.png) no-repeat 3px 40%;
	color: #592f2a;
	font-weight: bold;
	padding-left: 17px;
	margin-bottom: 20px;
}
.footer h2 a {
	color: #592f2a;
	text-decoration: none;
}
.footer h3 {
	background: url(../images/common/footer/footer_headline_bg02.png) no-repeat left top;
	color: #592f2a;
	font-weight: bold;
	padding: 3px 0px 5px 12px;
	margin-bottom: 3px;
}
.footer .list_arrow li { margin-bottom: 5px;}

.footer_logo {
	padding: 300px 0px 10px;
}

.footer .copyright {
	background-image: url(../images/common/bg02.jpg);
	padding: 8px 0px 5px;
	color: #592f2a;
}
.footer .copyright li {
	display: inline-block;
	margin: 0px 10px;
}
.footer .copyright li a {
	background: url(../images/common/ico_arrow_white.png) no-repeat left 50%;
	padding-left: 18px;
	color: #592f2a;
}
.footer .copyright li a:hover {
	background-image: url(../images/common/ico_arrow.png);
	text-decoration: none;
}

.footer_sns {
	position: fixed;
	bottom: 30px;
	right: 30px;
}

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

	トップページ

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

/* ------------------------
	スライドショー
------------------------ */

/* 設定 */
.mainimage .slide_wrap { width: 100%; height: 100%; overflow-x: hidden;}
.mainimage .slide_wrap01 { width: 980px; margin: 0 auto; height: 500px; position: relative;}
.mainimage .slide_wrap02  {width: 2940px; position: absolute; left: 50%; margin-left: -1470px;}
.mainimage .slideshow { width: 100%;}
.mainimage .slideshow li { width: 980px;}
.mainimage .slide img { width: 100%; vertical-align: bottom;}

.mainimage .slideshow a:hover img {
	opacity: 0.8;  
	filter: alpha(opacity=80);  
}

/* 装飾 */
.mainimage .bx-controls-direction a {
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	z-index: 500;
}
.mainimage .bx-controls-direction a:hover {
	opacity: 0.7;  
	filter: alpha(opacity=70);  
}
.mainimage .bx-controls {
	position: relative;
	width: 980px;
	top: -225px;
	margin: 0px auto;
}
.mainimage .bx-prev { background: url(../images/top/prev.png); left: -25px;}
.mainimage .bx-next { background: url(../images/top/next.png); right: -25px;}

.mainimage .bx-pager { text-align: center; height: 97px; background-color: #FFFFFF; padding-top: 10px;}
.mainimage .bx-pager li {
	display: inline-block;
	width: 188px;
	margin: 0px 3px;
}
.mainimage .bx-pager a { display: block;}
.mainimage .bx-pager a.active { border: solid 3px #eb9869; margin: -2px;}
.mainimage .bx-pager a {  
	opacity: 0.5;  
	filter: alpha(opacity=50);  
}
.bx-pager a.active, .bx-pager a:hover {  
	opacity: 1;  
	filter: alpha(opacity=100);  
}

/* ------------------------
	sec01
------------------------ */
.top_sec01 h2 .pos_ab {
	top: 10px;
	right: 0px;

}

/* カルーセルスライダー */
.top_sec01 .slider .img_box {
	display: table;
	width: 100%;
	height: 172px;
	margin-bottom: 20px;
}
.top_sec01 .slider .img_box figure {
	display: table-cell;
	vertical-align: middle;
}
.top_sec01 .slider .img_box figure img {
	max-height: 172px;
	width: auto;
}
.top_sec01 .bx-controls-direction a {
	position: absolute;
	display: block;
	width: 44px;
	height: 41px;
	z-index: 100;
}
.top_sec01 .bx-controls {
	position: relative;
	top: -150px;
}
.top_sec01 .bx-prev { background: url(../images/top/prev02.png);}
.top_sec01 .bx-next { background: url(../images/top/next02.png); right: 0px;}
.top_sec01 .bx-prev:hover { background: url(../images/top/prev02_o.png);}
.top_sec01 .bx-next:hover { background: url(../images/top/next02_o.png);}

/* ------------------------
	sec02
------------------------ */
.top_sec02 h2 .pos_ab {
	top: 73px;
	right: 15px;
}

.top_sec02 .box {
	background: url(../images/top/top_sec02_bg.png) no-repeat center bottom #FFFFFF;
	padding: 15px 20px 1px;
	position: relative;
}
.top_sec02 .box:after{
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    bottom: 2px;
    left: 15px;
    right: 15px;
    /*影を入れる*/
    -webkit-box-shadow: 0 0 15px rgba(147,77,53,0.7);
    -moz-box-shadow: 0 0 15px rgba(147,77,53,0.7);
    box-shadow: 0 0 15px rgba(147,77,53,0.7);
 
    /*角丸にする*/
    -moz-border-radius: 100px / 20px;
    -o-border-radius: 100px / 20px;
    border-radius: 100px / 20px;
}

.top_sec02 dl {
	display: table;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: dashed 1px #7E685A;
}
.top_sec02 dl:last-child { border-bottom: none;}
.top_sec02 dt, .top_sec02 dd { display: table-cell;}
.top_sec02 .category { width: 55px;}
.top_sec02 .more_btn { width: 115px; vertical-align: middle;}

/* ------------------------
	sec03-04
------------------------ */
.top_sec03 .box, .top_sec04 .box {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
}
.top_sec03 .box:after, .top_sec04 .box:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    bottom: 2px;
    left: 15px;
    right: 15px;
    /*影を入れる*/
    -webkit-box-shadow: 0 0 15px rgba(147,77,53,0.7);
    -moz-box-shadow: 0 0 15px rgba(147,77,53,0.7);
    box-shadow: 0 0 15px rgba(147,77,53,0.7);
 
    /*角丸にする*/
    -moz-border-radius: 100px / 20px;
    -o-border-radius: 100px / 20px;
    border-radius: 100px / 20px;
}
.top_sec03 .box, .top_sec04 .box p { padding: 15px;}
.top_sec03 .box { background-image: url(../images/top/top_sec03_bg.png);}
.top_sec04 .box { background-image: url(../images/top/top_sec04_bg.png);}

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

	下層ページ

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

/* ------------------------
	共通
------------------------ */

/* shadow */
.shadow { position: relative;}
.shadow:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50%;
    bottom: 2px;
    left: 15px;
    right: 15px;
    /*影を入れる*/
    -webkit-box-shadow: 0 0 15px rgba(147,77,53,0.9);
    -moz-box-shadow: 0 0 15px rgba(147,77,53,0.9);
    box-shadow: 0 0 15px rgba(147,77,53,0.9);
 
    /*角丸にする*/
    -moz-border-radius: 100px / 20px;
    -o-border-radius: 100px / 20px;
    border-radius: 100px / 20px;
}

/* マーカー */
.marker_red { background: url(../images/concept/concept_marker01.png) repeat-x left bottom;}
.marker_green { background: url(../images/concept/concept_marker02.png) repeat-x left bottom;}

/* ボックス */
.w900 {
	width: 900px;
	margin: 0px auto;
}

.box_wrap { margin: 0px -10px;}
.box50 {
	float: left;
	width: 50%;
	padding: 0px 10px;
}

/* リスト */
.list_arrow li {
	background: url(../images/common/ico_arrow.png) no-repeat left 3px;
	padding-left: 18px;
}
.list_arrow li:hover { background-image: url(../images/common/ico_arrow_o.png);}
.list_arrow a {
	color: #000000;
	text-decoration: none;
}
.list_arrow a:hover { color: #666666;}

.list_indent { padding-left: 1em;}
.list_indent li { text-indent: -1em;}

.list_disc { padding-left: 20px;}
.list_disc li { list-style: outside disc;}

ol { padding-left: 2em;}
ol li { list-style: outside decimal;}

/* 背景 */
.back_white { background-color: #FFFFFF;}




/* ------------------------
	よくある質問
------------------------ */
.faq_sec01 {
	width: 900px;
	margin: 0px auto;
}
.faq_sec01 dl {
	border: solid 1px #eeddbb;
	background-color: #FFFFFF;
	padding: 1px;
}
.faq_sec01 dt {
	cursor: pointer;
	padding-right: 15px;
}
.faq_sec01 dt:hover {
	opacity: 0.8;  
	filter: alpha(opacity=80);
}
.faq_sec01 dt.active { background: url(../images/faq/q_over_bg.png) no-repeat 61px bottom;}
.faq_sec01 dt img, .faq_sec01 dt span {
	display: inline-block;
	vertical-align: middle !important;
}

.faq_sec01 dt span {
	font-size: 1.1em;
	font-weight: bold;
	width: 820px;
	padding: 5px 40px 5px 25px;
	background: url(../images/faq/faq_ico_open.png) no-repeat right 50%;
}
.faq_sec01 dt.active span { background-image: url(../images/faq/faq_ico_close.png);}
.faq_sec01 dd {
	display: none;
	background: url(../images/faq/faq_ico_a.png) no-repeat left top;
	margin-bottom: -2px;
}
.faq_sec01 dd .bg {
	background: url(../images/faq/faq_dd_bg.png) no-repeat center bottom;
	padding: 20px 30px 25px 85px;
}

.faq_sec01 .fo_small { font-size: 0.75em;}

/* ------------------------
	私たちの原点
------------------------ */
.concept_sec01 .bg01 { background: url(../images/concept/concept_img01.png) no-repeat right 10em;}
.concept_sec01 .bg02 { background: url(../images/concept/concept_img02.png) no-repeat right 40.5em;}
.concept_sec01 p {
	font-size: 1.05em;
	margin-bottom: 25px;
}

.concept_sec02 {
	width: 900px;
	margin: 0px auto;
	background-image: url(../images/concept/concept_box_bg.png);
	padding: 20px;
}
.concept_sec02 .box {
	background: url(../images/concept/concept_img04.png) no-repeat 97% 97% #FFFFFF;
	border: solid 1px #dbc171;
	padding: 30px 0px 30px 40px;
}
.concept_sec02 .pos_ab {
	top: -50px;
	left: -40px;
}
.concept_sec02 p { margin-bottom: 25px; font-size: 0.9em;}
.concept_sec02 p:last-child { margin-bottom: 0px;}
.concept_sec02 p:nth-child(-n+3) { padding-left: 115px;}

/* ------------------------
	モノづくりの考え方
------------------------ */
.vision_container { width: 900px; margin: 0px auto;}

.vision_sec01 {
	background: url(../images/vision/vision_sec01_img01.png) no-repeat right top;
	padding-top: 30px;
	line-height:1.8em;
}

.vision_sec01 .box {
	background-image: url(../images/vision/vision_sec01_bg.png);
	padding: 20px;
}

.vision_sec02 {
	padding-top: 30px;
	line-height:1.8em;
}
.vision_sec02 .bg {
	background: url(../images/vision/vision_sec02_img01.png) no-repeat 50px top;
	padding: 15px 0px 0px 330px;
	min-height: 240px;
}

.vision_sec03 {
	padding-top: 30px;
	line-height:1.8em;
}

.vision_sec03 .right { margin: 0px 0px 20px 10px;}
.vision_sec03 .box {
	background-image: url(../images/vision/vision_sec02_bg.png);
	border: solid 1px #96b170;
	padding: 20px;
	font-size: 0.9em;
	line-height:2em;
}
.vision_sec03 .bg01 { background: url(../images/vision/vision_sec03_box_bg01.png) no-repeat left top #FFFFFF;}
.vision_sec03 .bg02 {
	background: url(../images/vision/vision_sec03_box_bg02.png) no-repeat right 95%;
	padding: 15px 30px 25px 30px;
}
.vision_sec03 .txt {

}

.vision_sec04 {
	padding-top: 30px;
	line-height:1.8em;
}

.vision_sec04 .box {
	padding: 20px;

}

/* ------------------------
	相談・お問い合わせ
------------------------ */
.contact_sec01 .box {
	border-width: 14px;
	-moz-border-image: url(../images/contact/contact_sec01_border.png) 14 14 round; /* Firefox */
	-webkit-border-image: url(../images/contact/contact_sec01_border.png) 14 14 round; /* Safari and Chrome */
	-o-border-image: url(../images/contact/contact_sec01_border.png) 14 14 round; /* Opera */
	border-image: url(../images/contact/contact_sec01_border.png) 14 14 round;
	background-image: url(../images/contact/contact_sec01_bg.png);
	padding: 8px 40px 20px 50px;
}
.contact_sec01 .box h1 { margin-left: -70px;}
@-moz-document url-prefix() { /* Firefox */
	.contact_sec01 .box h1 { margin-left: -57px;}
}
@media all and (-ms-high-contrast:none){ /* IE10- */
	.contact_sec01 .box h1 { margin-left: -57px;}
}
.contact_sec01 .box hr {
	border: none;
	height: 1px;
	background-color: #FFFFFF;
}
.contact_sec01 .list_indent { font-size: 0.85em; line-height: 2;}

.contact_sec02 {
	background-image: url(../images/contact/contact_sec02_bg.png);
	border: solid 1px #b2c371;
	padding: 20px;
}
.contact_sec02 .back_white {
	background: url(../images/contact/contact_sec02_img.png) no-repeat 97% 97% #FFFFFF;
	padding: 0px 30px 20px 30px;
}
.contact_sec02 h1 {
	position: relative;
	top: -21px;
	left: -50px;
}
.contact_sec02 h2 {
	background: url(../images/common/footer/footer_headline_bg.png) no-repeat 3px 40%;
	color: #592f2a;
	font-weight: bold;
	padding-left: 17px;
	margin-bottom: 20px;
}
.contact_sec02 h3 {
	background: url(../images/common/footer/footer_headline_bg02.png) no-repeat left top;
	color: #592f2a;
	font-weight: bold;
	padding: 3px 0px 5px 12px;
	margin-bottom: 3px;
}
.contact_sec02 .list_arrow li { margin-bottom: 5px;}
.contact_sec02 .box { float: left;}
.contact_sec02 .box01 { width: 33%;}
.contact_sec02 .box02 { width: 37%;}
.contact_sec02 .box03 { width: 30%;}

.contact_sec03 {
	background-image: url(../images/contact/contact_sec03_bg.png);
	border: solid 1px #e8b5a2;
	padding: 20px;
}
.contact_sec03 h1 {
	position: relative;
	top: -40px;
	left: -20px;
}
.contact_sec03 .box_wrap { margin-top: -35px;}
.contact_sec03 .back_white { padding-bottom: 20px;}
.contact_sec03 .box50:first-child { border-right: solid 2px #e9c6af;}
.contact_sec03 .txt { font-size: 1.5em; color: #d48665;}
.contact_sec03 .fo-brown { color: #5b3c3e;}

.contact_sec04 .box {
	background-image: url(../images/contact/contact_sec04_bg.png);
	border: solid 1px #ebcc83;
	padding: 20px;
}
.contact_sec04 .back_white, .contact_sec05 .back_white { padding-bottom: 10px;}
.contact_sec04 h1, .contact_sec05 h1 {
	position: relative;
	top: -40px;
}
.contact_sec04 .ta_left, .contact_sec05 .ta_left {
	margin-top: -40px;
	padding: 0px 40px 0px 70px;
}
.contact_sec04 .txt, .contact_sec05 .txt { font-size: 1.5em;}
.contact_sec04 .txt { color: #bd9738;}
.contact_sec05 .txt { color: #7eacd6;}

.contact_sec05 .box {
	background-image: url(../images/contact/contact_sec05_bg.png);
	border: solid 1px #8ec5f3;
	padding: 20px;
}

.contact_sec06 {
	background-image: url(../images/contact/contact_sec06_bg.png);
	border: solid 1px #5FB7BC;
	padding: 20px;
}
.contact_sec06 h1 {
	position: relative;
	top: -40px;
	left: -20px;
	
}
.contact_sec06 .box_wrap { margin-top: -35px;}
.contact_sec06 .back_white { padding-bottom: 20px;}
.contact_sec06 .box50:first-child { border-right: solid 2px #e9c6af;}
.contact_sec06 .txt { font-size: 1.5em; color: #d48665;}
.contact_sec06 .fo-brown { color: #5FB7BC;}


/* ------------------------
	商品一覧
------------------------ */
.lineup .box {
	width: 436px;
	height: 190px;
	padding: 20px 20px 15px 5px;
	margin-bottom: 20px;
	background: url(../images/lineup/lineup_box_bg.png) no-repeat left top;
}
.lineup .box dl { display: table; width: 100%;}
.lineup .box dt, .lineup .box dd { display: table-cell; vertical-align: middle;}
.lineup .box dt {
	width: 160px;
	padding: 0px 15px;
	text-align: center;
}
.lineup .box dt img {
	max-height: 150px;
	width: auto;
	max-width: 130px;
}
.lineup .box .txt {
	background: url(../images/lineup/lineup_border.png) no-repeat left bottom;
	padding-bottom: 5px;
}
.lineup .box h2 { font-size: 1.3em; font-weight: bold;}

.lineup_sec01 h2 { color: #569069;}
.lineup_sec02 h2 { color: #a15540;}
.lineup_sec03 h2 { color: #c55074;}
.lineup_sec02 .txt img { vertical-align: middle;}

/* ------------------------
	ご利用規約
------------------------ */
.corporate_ttl {
	background: url(../images/corporate/corporate_ttl_bg01.png) no-repeat center top;
	height: 79px;
	padding-top: 23px;
	color: #592f2a;
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	font-size: 1.6em;
	font-weight: bold;
	-webkit-text-size-adjust: none;
}
.corporate_subttl01 {
	background: url(../images/corporate/corporate_ttl_bg02.png) no-repeat left top;
	height: 66px;
	padding: 17px 0px 0px 30px;
	color: #FFFFFF;
	font-size: 1.5em;
	font-weight: bold;
	-webkit-text-size-adjust: none;
}
.corporate_subttl02 {
	display: inline-block;
	background-color: #efefef;
	font-weight: bold;
	line-height: 1;
	padding: 10px;
	margin-bottom: 20px;
}
.corporate_list_square {
	background: url(../images/common/ico_square_gray.png) no-repeat left 0.4em;
	padding-left: 1.5em;
	font-size: 1.2em;
}

.corporate_sec01 #link01 {
	border: solid 1px #b6afa9;
	background-color: #FFFFFF;
	padding: 1px;

}


.corporate_sec01 #link01 dt {
	cursor: pointer;
	background: url(../images/corporate/corporate_ttl_close_bg.png) no-repeat left bottom;
	padding-right: 15px;
}
.corporate_sec01 #link01 dt:hover {
	opacity: 0.8;  
	filter: alpha(opacity=80);
}
.corporate_sec01 #link01 dt.active { background: url(../images/corporate/corporate_ttl_open_bg.png) no-repeat left bottom;}
.corporate_sec01 #link01 dt span {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding: 13px 40px 7px 25px;
	background: url(../images/corporate/corporate_ico_open.png) no-repeat right 50%;
}
.corporate_sec01 #link01 .active span { background-image: url(../images/corporate/corporate_ico_close.png);}
.corporate_sec01 #link01 dd {
	display: none;
	margin-bottom: -2px;
}
.corporate_sec01 #link01 dd .bg {
	background: url(../images/corporate/corporate_line.png) no-repeat center bottom;
	padding: 30px;
}

.corporate_sec02 .iframe_wrap {
	width: 630px;
	padding: 15px;
	margin: 0px auto;
}
.corporate_sec02 #link02 {

margin-top: -50px; /* 固定ナビの高さ分のネガティブマージン */
padding-top: 50px; /* 打ち消し用のパディング */

}


.corporate_sec03 table {
	width: 860px;
	margin: 0px auto;
	background-color: #FFFFFF;
	border: solid 1px #b6afa9;
}
.corporate_sec03 th, .corporate_sec03 td {
	border: solid 1px #b6afa9;
	vertical-align: middle;
	padding: 15px;
}
.corporate_sec03 th {
	background-color: #fcf0c6;
	font-weight: bold;
	text-align: left;
}

/* ------------------------
	ご利用ガイド
------------------------ */

/* サイドナビ */
.guide_nav {
	width: 260px;
	background: url(../images/guide/guide_side_line.png) no-repeat center top #FFFFFF;
	border: solid 1px #c0dbda;
	padding-top: 9px;
}
.guide_nav li { border-bottom: dashed 2px #aed3d1;}
.guide_nav li:last-child { border-bottom: none;}
.guide_nav li:hover { background-image: url(../images/guide/guide_side_hover_bg.png);}
.guide_nav li a {
	display: block;
	height: 57px;
	padding: 17px 10px 0px 30px;
	color: #583c38;
	text-decoration: none;
	font-size: 1.05em;
	font-weight: bold;
	background: url(../images/common/ico_arrow_green.png) no-repeat 7px 50%;
}
.guide_nav li a:hover { background-image: url(../images/common/ico_arrow_green_o.png);}

/* メインコンテンツ */
.guide_contents {
	width: 680px;
}

.guide_subttl01 {
	background: url(../images/guide/guide_ttl_bg.png) no-repeat left top;
	height: 66px;
	padding: 17px 0px 0px 30px;
	color: #FFFFFF;
	font-size: 1.5em;
	font-weight: bold;
	-webkit-text-size-adjust: none;
}
.guide_subttl02 {
	display: inline-block;
	background-color: #e6eef2;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1;
	padding: 10px;
}

.guide_list_square {
	background: url(../images/common/ico_square_green.png) no-repeat left 0.4em;
	padding-left: 1.4em;
}


}
.guide_sec01 dl {
	border: solid 1px #c0dbda;
	background-color: #FFFFFF;
	padding: 1px;
}
.guide_sec01 dt {
	cursor: pointer;
	background: url(../images/guide/guide_close_bg.png) no-repeat left bottom;
	padding-right: 15px;
}
.guide_sec01 dt:hover {
	opacity: 0.8;  
	filter: alpha(opacity=80);
}
.guide_sec01 dt.active { background: url(../images/guide/guide_open_bg.png) no-repeat left bottom;}
.guide_sec01 dt span {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	padding: 13px 40px 7px 26px;
	background: url(../images/guide/guide_ico_open.png) no-repeat right 50%;
}
.guide_sec01 .active span { background-image: url(../images/guide/guide_ico_close.png);}
.guide_sec01 dd {
	display: none;
	margin-bottom: -2px;
}
.guide_sec01 dd .bg {
	background: url(../images/guide/guide_box_line.png) no-repeat center bottom;
	padding: 30px;
}



.guide_sec01 table {
	margin: 0px auto;
	border: solid 2px #a1928f;
}
.guide_sec01 th, .guide_sec01 td {
	border: solid 2px #a1928f;
	width: 50%;
	padding: 10px;
}
.guide_sec01 th {
	background-color: #f0efdf;
	font-weight: bold;
}
.guide_sec01 .th01 { color: #cd814e;}
.guide_marker { background: url(../images/guide/guide_marker.png) repeat-x left 60%;}

.guide_full_border {
	border: solid 2px #d48564;
	padding: 15px;
}

.guide_sec03 table {
	width: 100%;
	border: solid 2px #a1928f;
	background-color: #FFFFFF;
}
.guide_sec03 th, .guide_sec03 td {
	border: solid 2px #a1928f;
	padding: 10px;
}
.guide_sec03 th {
	background-color: #e8f0f4;
	font-weight: bold;
	text-align: left;
}
.guide_sec03 .th01 {
	width: 245px;
	background-color: #f0efdf;
	text-align: center;
}
.guide_sec03 .fo_small, .guide_sec06 .fo_small { font-size: 0.8em;}

.guide_sec04 .box, .guide_sec05 .box, .guide_sec06 .box {
	border: solid 1px #c0dbda;
	background-color: #FFFFFF;
	padding: 1px;
}
.guide_sec04 .box h3, .guide_sec05 .box h3 {
	padding: 10px;
	background: url(../images/guide/guide_open_bg.png) no-repeat left bottom;
	font-size: 1.2em;
	font-weight: bold;
}
.guide_sec04 .box02, .guide_sec05 .box02 { padding: 30px;}

.guide_sec06 .box { padding: 30px;}
.guide_sec06 .fo_large { font-size: 1.2em;}

.guide_sec06 table {
	margin: 0px auto;
	border: solid 2px #a1928f;
	background-color: #FFFFFF;
	line-height: 1.8;
}
.guide_sec06 th, .guide_sec06 td {
	border: solid 2px #a1928f;
	width: 50%;
	padding: 15px 10px;
	vertical-align: middle;
}
.guide_sec06 th {
	background-color: #f0efdf;
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.4;
}
.guide_sec06 .txt_box {
	background-color: #f0cab0;
	padding: 3px 5px;
}

/* ------------------------
商品ページ
------------------------ */

.syouhin_sec01 {
	width: 845px;
	margin: 0px auto;
	background-image: url(../images/concept/concept_box_bg.png);
	padding: 20px;
}
.syouhin_sec01 .box {
	background:#FFFFFF;
	border: solid 1px #dbc171;
}
.syouhin_sec01 .pos_ab {
	top: -50px;
	left: -40px;
}
.syouhin_sec01 p { margin-bottom: 25px; font-size: 0.9em;}
.syouhin_sec01 p:last-child { margin-bottom: 0px;}


.syouhin_sec02 {
	width: 700px;
	margin: 0px auto;
	background-image: url(../images/concept/concept_box_bg.png);
	padding: 20px;
}
.syouhin_sec02 .box {
	background:#FFFFFF;
	border: solid 1px #dbc171;
}
.syouhin_sec02 .pos_ab {
	top: -50px;
	left: -40px;
}
.syouhin_sec02 p { margin-bottom: 25px; font-size: 0.9em;}
.syouhin_sec02 p:last-child { margin-bottom: 0px;}

.syouhin_sec03 {
	width: 990px;
	margin: 0px auto;
	background-image: url(../images/concept/concept_box_bg.png);
	padding: 20px;
}
.syouhin_sec03 .box {
	background:#FFFFFF;
	border: solid 1px #dbc171;
}
.syouhin_sec03 .pos_ab {
	top: -50px;
	left: -40px;
}
.syouhin_sec03 p { margin-bottom: 25px; font-size: 0.9em;}
.syouhin_sec03 p:last-child { margin-bottom: 0px;}