@charset "UTF-8";
/* --------------------------------
  レイアウト
-------------------------------- */
html {
	overflow-y: scroll;
	background: url(../img/body_bg.jpg) repeat;
}

body {
	position: relative; 
	min-width: 1024px;
	background: url(../img/body_bg.jpg) repeat;
}

#body_fade {
	position: fixed;
	z-index: 60000; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/body_bg.jpg) repeat;
}
#body_fade #loader {
	width: 100%;
	height: 100%;
	background: url(../img/loading.gif) no-repeat center center;
}

/* --------------------------------
  ヘッダー
-------------------------------- */
#header {
	position: relative;
	width: 100%; 
	height: 275px;
}
#header h1#logo {
	position: relative;
	z-index: 10;
	padding: 28px 0 10px; 
	border-top: solid 3px #ed6d1e;
	width: 100%;
	background: #fff;
	text-align: center;
}

header #nav_wrap {
	position: relative;
	z-index: 10;
	padding: 0 0 27px 0; 
	width: 100%;
	background: #fff;
}

header nav {
	position: relative; 
	margin: 0 auto;
	padding: 8px 0 0;
	width: 1000px;
}
header nav ul {
	float: left;
	padding: 24px 0 0 21px;
}
header nav ul li {
	float: left;
	padding: 0 40px 0 0;
}
header nav ul li.contact_nav {
	padding: 0 40px 0 0;
}
header nav ul li.intro_nav {
	padding: 0 40px 12px 0;
	background: url(../img/nav_04_bg.gif) no-repeat 27px bottom;
}
header nav ul li.nav_top.current {
	background: url(../img/nav_01_ov.gif) no-repeat left bottom;
}
header nav ul li#nav_intro.current {
	background: url(../img/nav_02_ov.gif) no-repeat left bottom;
}
header nav ul li#nav_access.current {
	background: url(../img/nav_05_ov.gif) no-repeat left bottom;
}
header nav ul li.current img {
	opacity: 0;

	filter: Alpha(Opacity=0);
}
header nav .online_bnr {
	position: absolute;
	top: -28px;
	right: -17px;
	padding: 6px 18px 0 0;
}
header nav .online_bnr:hover img {
	opacity: 0.8;

	filter: Alpha(Opacity=80);
}
header nav .fb_icon {
	float: left;
	padding: 26px 24px 0 0;
}

header#min_header nav .online_bnr {
	position: static;
}

header #products_wrap {
	position: absolute;
	z-index: 8;
	top: -252;
	left: 0;
	padding: 35px 0 25px; 
	width: 100%;
	background: url(../img/new_products_bg.jpg) no-repeat center 0;
}

header #products {
	position: relative; 
	margin: 0 auto;
	padding: 0;
	width: 1000px;
}
header #products h2 {
	padding: 0 0 20px 0;
	text-align: center;
}
header #products p {
	padding: 0 0 32px 0;
	text-align: center;
}
header #products ul {
	padding: 0 0 0 20px;
}
header #products ul li {
	float: left;
	padding: 0 16px 0 0;
    text-align: center;
}
header #products ul li a {
    color: #402B0C;
    text-decoration: none;
}
header #products ul li a:hover {
    opacity: 0.6;
    color: #ED6D1E;
}
header #products ul li img {
    margin-bottom: 10px;
}
header #products ul li p {
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding:0!important;
}
header #products .close_btn {
	position: absolute;
	top: 12px;
	right: 21px;
}
header #products .close_btn:hover img {
	opacity: 0.6;
	cursor: pointer; 

	filter: Alpha(Opacity=60);
}

header#min_header {
	position: fixed;
	z-index: 100;
	top: -96px;
	left: 0;
	width: 100%;
	height: 90px;
	background: #fff;
}
header#min_header .nav_bg {
	position: relative;
	z-index: 90; 
	padding: 0 0 9px;
	background: #fff;
}

@media screen and (max-device-width: 900px) {
	header nav ul li.intro_nav {
		background: none;
	}
}

/* --------------------------------
  コンテンツ
-------------------------------- */
#content {
	margin: 51px auto 0;
	padding: 0 20px; 
	width: 960px;
}
#content p {
	font-size: 14px; 
	line-height: 22px;
}
#content a:link {
	text-decoration: none; 
	color: #ed6d1e;
}
#content a:visited {
	text-decoration: none; 
	color: #ed6d1e;
}
#content a:hover {
	text-decoration: underline; 
	color: #ed6d1e;
}

/* --------------------------------
  フッター
-------------------------------- */
#footer_wrap {
	margin: 100px 0 0; 
	padding: 35px 0 82px;
	background: url(../img/footer_bg.jpg) no-repeat center 0;
}
#footer_wrap #pagetop {
	position: fixed;
	z-index: 50; 
	right: -50px;
	bottom: 35px;
}

#footer {
	position: relative; 
	margin: 0 auto;
	padding: 0 20px;
	width: 960px;
}
#footer a:link {
	text-decoration: none; 
	color: #412b0b;
}
#footer a:visited {
	text-decoration: none; 
	color: #412b0b;
}
#footer a:hover {
	text-decoration: underline; 
	color: #412b0b;
}
#footer p {
	color: #402b0c; 
	font-size: 12px;
	line-height: 18px;
}
#footer .f_info {
	float: left;
	padding: 0 95px 0 0;
	width: 250px;
	text-align: center;
}
#footer .f_info h3 {
	padding: 22px 16px 18px 0;
}
#footer .f_info ul {
	padding: 6px 0 18px 43px;
}
#footer .f_info ul li {
	float: left;
	padding: 0 10px 0 0;
}
#footer .f_info ul li a {
	padding: 0 0 0 9px; 
	background: url(../img/icon_arrow.png) no-repeat 0 4px;
	font-size: 12px;
}
#footer .f_info p {
	padding: 0 16px 0 0;
}
#footer .f_info .btn_fb {
	padding: 0 16px 0 0;
}
#footer .f_info address {
	padding: 12px 16px 0 0;
}
#footer .footer_r {
	float: left;
	padding: 5px 0 0; 
	width: 615px;
}
#footer .footer_r .order {
	height: 273px;
	background: url(../img/f_order_bg.png) no-repeat 0 75px;
}
#footer .footer_r .order h4 {
	padding: 0 0 7px 0;
}
#footer .footer_r .order .bnr {
	float: left;
	padding: 0 10px 0 0;
}
#footer .footer_r .order .bnr a:hover img {
	opacity: 0.7;

	filter: Alpha(Opacity=70);
}
#footer .footer_r ul.sns_btn {
	padding: 10px 0 0 4px;
}
#footer .footer_r ul.sns_btn li {
	float: left;
	padding: 0;
}
#footer .footer_r ul.sns_btn li .twitter-share-button {
	width: 88px;
}
#footer .footer_r ul.sns_btn li iframe.twitter-share-button {
	width: 100px !important;
}
#footer .footer_r ul.sns_btn li .line_btn img {
	vertical-align: top;
}
#footer .footer_r ul.sns_btn li .line_btn img:hover {
	opacity: 0.7;

	filter: Alpha(Opacity=70);
}

/* --------------------------------
  オーバーレイ共通
-------------------------------- */
/*  会社概要オーバーレイ  ------ */
#overlay_mask {
	display: none;
	position: fixed;
	z-index: 50000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer; 
	background: url(../img/overlay_bg.png) repeat;
}

.overlay {
	display: none;
	position: absolute;
	z-index: 50001;
	left: 50%;
	margin-left: -483px;
	padding: 35px 25px 35px 38px;
}
.overlay .close_btn {
	position: absolute;
	top: -45px;
	right: 4px;
}
.overlay .close_btn:hover img {
	opacity: 0.6;

	filter: Alpha(Opacity=60);
}
.overlay.company {
	display: none;
	position: fixed;
	z-index: 50001;
	top: 50%;
	left: 50%;
	margin: -218px 0 0 -445px; 
	padding: 29px 0 0 230px;
	width: 660px;
	height: 436px;
	background: url(../img/company_bg.png) no-repeat 0 0;
}
.overlay.company dl {
	background: url(../img/company_list_bg.gif) no-repeat 0 bottom;
	font-size: 14px;
}
.overlay.company dl.address {
	background: none;
}
.overlay.company dl.address dt {
	padding: 12px 30px 50px 42px;
}
.overlay.company dl dt {
	float: left;
	padding: 12px 30px 20px 42px;
	line-height: 24px;
}
.overlay.company dl dd {
	padding: 12px 0 20px;
	line-height: 24px;
}
.overlay.order {
	display: none;
	position: fixed;
	z-index: 50001;
	top: 50%;
	left: 50%;
	margin: -218px 0 0 -445px; 
	padding: 29px 0 0 53px;
	width: 837px;
	height: 411px;
	background: url(../img/order_bg.png) no-repeat 0 0;
}
.overlay.order h2 {
	padding: 7px 0 0 105px;
}
.overlay.order p {
	padding: 16px 0 13px 65px;
	font-size: 14px;
}
.overlay.order .bnr_area {
	margin: 0 0 56px 0;
}
.overlay.order .bnr_area dl {
	float: left; 
	padding: 19px 20px 8px 11px;
	width: 234px;
	height: 49px;
	background: url(../img/order_bnr_bg.gif) no-repeat 0 0;
}
.overlay.order dl dt {
	float: left;
	padding: 2px 6px 0 0;
}
.overlay.order dl.order_pdf dd img {
	padding: 0;
}
.overlay.order .close_btn {
	position: absolute;
	top: -60px;
}
.overlay.order .bnr_online a:hover img {
	opacity: 0.7;

	filter: Alpha(Opacity=70);
}
.overlay.order ul.btn_contact {
	padding: 0 0 0 83px;
}
.overlay.order ul.btn_contact li {
	float: left;
	padding: 0 26px 0 0;
}

/*  お問い合わせオーバーレイ  ------ */
* + html header #products_wrap {
	display: none;
}

* + html header nav ul li.intro_nav {
	background: none;
}

.order .bnr_area {
	margin: 0 0 0 29px;
}
.order .bnr_area dl {
	float: left; 
	padding: 16px 10px 10px 11px;
	width: 264px;
	height: 54px;
	background: url(../img/f_order_bnr_bg.gif) no-repeat 0 0;
}
.order .bnr_area dl dt {
	float: left;
	padding: 2px 10px 0 0;
}
.order .bnr_area dl dd {
	float: left;
	padding: 0;
}
.order .bnr_area dl dd img {
	display: block;
	padding: 0 0 7px 0;
}
.order .bnr_area dl.order_pdf dt {
	float: left;
	padding: 2px 7px 0 0;
}
.order .bnr_area dl.order_pdf dd img {
	padding: 0 0 4px 0;
}