@charset "UTF-8";
 @import "base.css";
 @import "fonts.css";
/*==========================================================================*/

/*//////////////////////////////////////////////////////////////////////////*/

/*//////                                                              //////*/

/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/

/*//////                                                              //////*/

/*//////////////////////////////////////////////////////////////////////////*/

/*                                                                          */

/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */

/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */

/*                                                                          */

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



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

/*                           Common-Setting                                 */

/* 

/* 汎用要素スタイル

/* ├ a

/* ├ table

/* ├ title

/* ├ p

/* └ div

/*  

/* 汎用classスタイル 

/* ├ image

/* ├ text,font

/* ├ gotop

/* └ banner

/*  

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

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */

h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, table, pre, address, ul, ol, dl {
}
/* 汎用要素スタイル

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



/* ========================= a */

a {
	color: #338BE1;
}
a:hover,  a:active {
	color: #338BE1;
	text-decoration: none;
}
/* ========================= table */

#content table {
	width: 660px;
	background: #fff;
	color: #666666;
}
#content th,  #content td {
	padding: 5px 10px;
	border: 1px #FF7A20 solid;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
}
#content th {
	width: 110px;
	background: #FFF4ED;
	text-align:center;
}


#content table.price {
	width: 310px;
	background: #fff;
	color: #666666;
	float:right;
	margin:0 0 10px 0;
}
#content table.price02 {
	width: 310px;
	background: #fff;
	color: #666666;
	float:left;
	margin:0 0 10px 0;
}
#content table.price td,
#content table.price02 td{
	width:25%;
	text-align:center;
	vertical-align:middle
}
.point_text{
	color:#FF7313;
}


#content th.panel {
	width: 130px;
	background: #F46D04;
	color:#fff;
	text-align:center;
}
#content th.konpou {
	width: 50px;
	background: #FFF4ED;
}
#content td {
	background: #fff;
}
#content table.kakaku td {
	background: #fff;
	text-align:right;
}
#content table.kakaku td.hosoku {
	background: #fff;
	text-align:left;
}

#content ul.price li{
	float:left;
	margin:0 20px 20px 0;
}
#content ul.price li.right{
	float:left;
	margin:0 0 20px 0;
}
/* ========================= title */

#content h3 {
	margin-bottom: 12px;
}
#content h4 {
	margin: 20px 0 10px;
}
#content h3.firstChild {
	margin-top: 20px;
}
#content h4.firstChild {
	margin-top: 0;
}
#content h5{
	border-left:#ff7a20 solid 5px;
	border-bottom:#ff7a20 solid 1px;
	padding:5px 0 5px 10px;
	font-size:16px;
	font-weight:bold;
	color:#666;
	margin:0 0 10px 0;
}
/* ========================= p */

#content p {
	margin: 0 0 1em;
}
#content p.last {
	margin-bottom: 0;
}
/* ========================= div */

.section {
	overflow: hidden;
	margin: 0 10px;
	position:relative;
	_zoom: 1;
}
.over {
	overflow: hidden;
	_zoom: 1;
}
/* 汎用classスタイル

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



/* ========================= image */

img {
	vertical-align: bottom;
}
#content .imgL {
	float: left;
	margin: 0 15px 0 0;
}
#content .imgLbtm {
	float: left;
	margin: 0 15px 15px 0;
}
#content .imgR {
	float: right;
	margin: 0 0 0 15px;
}
#content .imgRbtm {
	float: right;
	margin: 0 0 15px 15px;
}
#content .summaryImg {
	margin: 1em 0;
}
/* ========================= text,font */

.emphasis {
	color: #f00;
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
#content p.defList,  #content .defList li,  #content .defList dt {
	padding-left: 40px;
	background: url(../img/common/icon.gif) no-repeat 0 5px;
}
#content .defList dd {
	padding-left: 15px;
}
#content p.attention,  #content .attention li,  #content .attention dt {
	padding-left: 15px;
	background: url(../img/common/icon_attention.gif) no-repeat 0 5px;
}
#content .attention dd {
	padding-left: 15px;
}
#content .bl_note { margin:0;}
/* ========================= gotop */

p.gotop {
	clear: both;
	text-align: right;
	font-size: 0;
}
#content p.gotop {
	margin-top: 20px;
}
/* ========================= banner */

#content .contentBnr {
	margin-top: 20px;
	text-align: center;
}
/*==========================================================================*/

/*                            Container                                     */

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



html {
	overflow-y: scroll;
	background: none;
}
body {
	background: url(../images/common/bg.gif) left 145px repeat-x;
	color: #666666;
	text-align: center;
}
#wrapper {
	width: 900px;
	_width: 940px;
	margin: 0 auto;
	padding: 0 20px;
	background: url(../images/common/header_bg.gif) no-repeat left top;
}
#inner {
	width: 900px;
	margin: 0;
	background: url(../images/wrapper_bg.jpg) 940px top no-repeat;
}
#main {
	width: 895px;
	_width: 900px;
	margin: 0 auto;
	padding-left: 5px;
	background: url(../images/common/main_bg.gif) repeat-y left top;
	text-align: left;
}
/*==========================================================================*/

/*                               Header                                     */

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



#header {
	position: relative;
	width: 900px;
	height: 235px;
	margin-bottom: 20px;
	text-align: left;
}
/*  ========================= general */

#header #logo,  #header #guideNav,  #header #globalNav,  #header h2#pageImg,  #header #headContact,#header_text {
	position: absolute;
}
/*  ========================= h1#logo */

#header #logo {
	top: 29px;
	left: 2px;
}

#header #header_text{
	width:550px;
	top:5px;
	left:5px;
	padding-top:5px;
}
/*  ========================= globalNavi */

#header ul#globalNav {
	top: 90px;
	left: 0;
	width: 900px;
	height: 52px;
	background: url(../images/common/header_bg_gnav.jpg) repeat-x left bottom;
	vertical-align: top;
}
#header ul#globalNav li {
	float: left;
}
/*  ========================= headContact */

#header #headContact {
	top: 5px;
	right: 0;
}
/*  ========================= h2 */

#header h2#pageImg {
	top: 145px;
	left: 0;
	font-size: 100%;
}


body#inquiryPage {
	background: url(../images/common/bg.gif) left 95px repeat-x;
	color: #666666;
	text-align: center;
}
#inquiryPage #header h2#pageImg {
	top: 95px;
	left: 0;
	font-size: 100%;
}

#inquiryPage #header {
	position: relative;
	width: 900px;
	height: 175px;
	margin-bottom: 20px;
	text-align: left;
}
/*==========================================================================*/

/*                              Footer                                      */

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



#footer {
	width: 100%;
	margin-top: 30px;
	padding: 5px 0;
	background: #E8E8E8;
	color: #666666;
}
#footer address {
	width: 900px;
	margin: 0 auto;
	font-size: 120%;
}
/*==========================================================================*/

/*                            Navigation                                    */

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



#nav {
	float: left;
	width: 220px;
	margin-top: 5px;
	margin-bottom: 50px;
}
/*  ========================= localnavi */

#localNav ul#pickNav li {
	margin-bottom: 5px;
}
#localNav dl#needs {
	margin-bottom: 10px;
}
#localNav dl#solution {
	margin-bottom: 15px;
}
#localNav ul#local li {
	margin-bottom: 5px;
}
/*==========================================================================*/

/*                             Contents                                     */

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

#content {
	float: right;
	width: 660px;
	margin-bottom: 20px;
	font-size: 140%;
	text-align: left;
	line-height: 1.7;
}
#content02 {
	float: right;
	width: 900px;
	margin-bottom: 20px;
	font-size: 140%;
	text-align: left;
	line-height: 1.7;
}
/* 01 index

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

#indexPage {
	background: url(../images/index_bg02.jpg) left 138px repeat-x;
}
#indexPage #header {
	height: 335px;
	margin-bottom: 8px;
}
#indexPage #header h2#pageImg {
}
#indexPage #header h2#pageImg {
	top: 130px;
}
#indexPage .spmarket_bl { background:url(../images/index_spmarket_bg.jpg) no-repeat 0 0; height:420px; clear:both; display:block; margin-top:20px;}

#indexPage .spmarket_bl ul { padding:113px 0 0 15px;}
#indexPage .spmarket_bl li { float:left; margin:0 0 12px 14px;}


/*  ========================= globalNavi */

#indexPage #header ul#globalNav {
	height: 40px;
	background: none;
}
#indexPage #content h3.firstChild {
	margin-top: 8px;
	margin-bottom: 0;
}
#indexPage #content h3.top {
	margin-top: 15px;
}
#indexPage #content .leftDir {
	float: left;
	width: 330px;
}
#indexPage #content .rightDir {
	float: right;
	width: 330px;
}
#indexPage #content #reasonBox {
	width: 620px;
	_width: 660px;
	padding: 0 16px 15px 24px;
	background: url(../images/index_bg_solution.gif) no-repeat left bottom;
}
#indexPage #content dl.reason {
	overflow: hidden;
	width: 621px;
	margin-bottom: 15px;
}
#indexPage #content dl.reason.last {
	margin-bottom: 0;
}
#indexPage #content dl.reason dt {
	float: left;
	margin-top: 15px;
}
#indexPage #content dl.reason dd {
	float: right;
	margin-right:10px;
}




/* 01 index02

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

#indexPage02 {
	background: url(../images/index_bg.gif) left 145px repeat-x;
}
#indexPage02 #header {
	height: 506px;
	margin-bottom: 8px;
}
#indexPage02 #header h2#pageImg {
}
#indexPage02 #header h2#pageImg {
	top: 130px;
}
#indexPage02 .spmarket_bl { background:url(../images/index_spmarket_bg.jpg) no-repeat 0 0; height:420px; clear:both; display:block; margin-top:20px;}

#indexPage02 .spmarket_bl ul { padding:113px 0 0 15px;}
#indexPage02 .spmarket_bl li { float:left; margin:0 0 12px 14px;}


/*  ========================= globalNavi */

#indexPage02 #header ul#globalNav {
	height: 40px;
	background: none;
}
#indexPage02 #content h3.firstChild {
	margin-top: 8px;
	margin-bottom: 0;
}
#indexPage02 #content h3.top {
	margin-top: 15px;
}
#indexPag02e #content .leftDir {
	float: left;
	width: 330px;
}
#indexPage02 #content .rightDir {
	float: right;
	width: 330px;
}
#indexPage02 #content #reasonBox {
	width: 620px;
	_width: 660px;
	padding: 0 16px 15px 24px;
	background: url(../images/index_bg_solution.gif) no-repeat left bottom;
}
#indexPage02 #content dl.reason {
	overflow: hidden;
	width: 621px;
	margin-bottom: 15px;
}
#indexPage02 #content dl.reason.last {
	margin-bottom: 0;
}
#indexPage02 #content dl.reason dt {
	float: left;
	margin-top: 15px;
}
#indexPag02e #content dl.reason dd {
	float: right;
	margin-right:10px;
}

/* 02 solution/ ～07 price

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

#solutionPage ul.defList li,  #solutionPage dl.defList dt {
	padding: 2px 0 8px 30px;
	background: url(../images/solution_icon_probrem.jpg) no-repeat left top;
}
#solutionPage ul.defList.company li,  #solutionPage dl.defList.company dt {
	background: url(../images/solution_c_icon_probrem.jpg) no-repeat left top;
}
#solutionPage dl.defList {
	margin-bottom: 15px;
}
#solutionPage dl.defList dt {
	font-weight: bold;
}
#solutionPage dl.defList dd {
	padding-left: 0;
}
#solutionPage #priceFig2 {
	position: relative;
	width: 663px;
	height: 50px;
}
#solutionPage #priceFig {
	position: relative;
	width: 663px;
	height: 260px;
}

#solutionPage #priceFig2 #design,  #solutionPage #priceFig2 #proof,  #solutionPage #priceFig2 #shipping,  #solutionPage #priceFig2 #lot {
	position: absolute;
	width: 663px;
}
#solutionPage #priceFig2 #design {
	display: block;
	top: 0;
	height: 80px;
	background: url(../images/common/content_bg_price.gif) no-repeat 73px bottom;
}
#solutionPage #priceFig2 #proof {
	display: block;
	top: 90px;
	height: 80px;
	background: url(../images/common/content_bg_price.gif) no-repeat 73px bottom;
}
#solutionPage #priceFig2 #shipping {
	display: block;
	top: 180px;
	height: 80px;
	background: url(../images/common/content_bg_price.gif) no-repeat 73px bottom;
}
#solutionPage #priceFig2 #lot {
	top: 0;
}

#solutionPage .priceFig_b { margin-top:30px;}
#solutionPage #priceFig #design,  #solutionPage #priceFig #proof,  #solutionPage #priceFig #shipping,  #solutionPage #priceFig #lot {
	position: absolute;
	width: 663px;
}
#solutionPage #priceFig #design {
	display: block;
	top: 0;
	height: 80px;
	background: url(../images/common/content_bg_price.gif) no-repeat 73px bottom;
}
#solutionPage #priceFig #proof {
	display: block;
	top: 90px;
	height: 80px;
	background: url(../images/common/content_bg_price.gif) no-repeat 73px bottom;
}
#solutionPage #priceFig #shipping {
	display: block;
	top: 180px;
	height: 80px;
	background: url(../images/common/content_bg_price.gif) no-repeat 73px bottom;
}
#solutionPage #priceFig #lot {
	top: 0;
}
#solutionPage #priceList {
	overflow: hidden;
	width: 550px;
	margin: 11px 0 30px 46px;
}
#solutionPage #priceList li {
	float: left;
	margin-right: 34px;
}
#solutionPage h4#priceTitle {
	margin-left: 10px;
}
#solutionPage h5 {
	margin: 20px 0 5px;
	padding: 7px 0 7px 30px;
	background: url(../images/common/content_icon_size.gif) no-repeat left top;
	font-weight: bold;
}
#solutionPage table th,  #solutionPage table td {
	text-align: center;
	vertical-align:middle;
}
#solutionPage table tr.bg td {
	background: #EEEEEE;
}

.color_red { color:#F00; font-size:120%;}

/* 03 solution/company

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

#Page {
}
/* 04 needs/

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

#Page {
}
/* 05 needs/lot

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

#Page {
}
/* 06 needs/quote

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

#Page {
}
/* 07 price

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

#Page {
}
/* 08 pop/

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

#popPage ul#popList {
	width: 640px;
	margin-top: 20px;
}
#popPage ul#popList li {
	position: relative;
	width: 640px;
	margin-bottom: 20px;
}
#popPage ul#popList li span {
	display: inline;
	position: absolute;
	top: 4px;
	left: 70px;
}
#popPage ul#popList li span.newoff {
	display: none;
	width: 0;
	height: 0;
}
#popPage ul#popList li a {
	display: block;
	height: 40px;
	_height: 60px;
	padding-left: 70px;
	padding-top: 20px;
	background: url(../images/pop_bg_list_off.jpg) no-repeat left top;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
#popPage ul#popList li a:hover {
	background: url(../images/pop_bg_list_on.jpg) no-repeat left top;
}
#popPage ul#popList li.new a {
	padding-left: 115px;
	background: url(../images/pop_bg_list_new_off.jpg) no-repeat left top;
}
#popPage ul#popList li.new a:hover {
	background: url(../images/pop_bg_list_new_on.jpg) no-repeat left top;
}
#popPage p.contentBnr {
	margin-top: 0;
}
/* 09 pop/detail

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

#detailPage h3 {
	margin-bottom: 0;
	padding: 15px 0 30px 60px;
	background: url(../images/detail_bg_ti.jpg) no-repeat left top;
	font-weight: bold;
	font-size: 128%;
}
#detailPage #new {
	display: none;
	width: 0;
	height: 0;
	margin-bottom: 0;
}
#detailPage #newoff {
	display: none;
	width: 0;
	height: 0;
	margin-bottom: 0;
}
#detailPage .detailBox {
	overflow: hidden;
	width: 610px;
	_width: 640px;
	margin-top: 20px;
	padding: 15px;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	background: url(../images/detail_bg_box.gif) repeat-y left top;
}
#detailPage .detailBox.new p.photo {
	float: left;
	width: 300px;
	margin-bottom: 0;
	padding: 23px 0 2px;
	background: url(../images/pop_icon_new.gif) no-repeat left top;
}
#detailPage .detailBox.newoff p.photo {
	float: left;
	width: 300px;
	margin-bottom: 0;
	padding: 2px 0;
	background: none;
}
#detailPage .detailBox p.photo img {
	width: 300px;
}
#detailPage .detailBox .dataCol {
	float: right;
	width: 295px;
	margin-bottom: 10px;
}
#detailPage .detailBox .dataCol dl.data {
	overflow: hidden;
	width: 295px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	background: url(../images/detail_dot.gif) no-repeat left bottom;
}
#detailPage .detailBox .dataCol dl.data dt {
	float: left;
	width: 70px;
	font-weight: bold;
}
#detailPage .detailBox .dataCol dl.data dd {
	float: right;
	width: 220px;
	font-size: 87.5%;
}
#detailPage .btn {
	clear: both;
	overflow: hidden;
	width: 280px;
	margin-left: 340px;
	margin-right: -10px;
	zoom: 1;
}
#detailPage .btn li {
	float: left;
	margin-right: 10px;
}
#detailPage p.btnClose {
	margin: 50px 0 0;
	text-align: center;
}
/* 10 voice

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

#voicePage h4 {
	padding: 13px 0 13px 40px;
	background: url(../images/voice_bg_sti.gif) no-repeat left top;
	font-weight: bold;
	vertical-align: middle;
}
#voicePage p.comment {
	margin: 0 10px;
}
/* 11 faq

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

#faqPage dl.faqParts {
	width: 660px;
	margin-top: 30px;
	background: url(../images/faq_bg_qa.gif) no-repeat left bottom;
}
#faqPage dl.faqParts dt {
	padding: 8px 15px 8px 40px;
	background: url(../images/faq_bg_question.gif) no-repeat left top;
	font-weight: bold;
}
#faqPage dl.faqParts dd {
	padding: 15px 15px 10px 50px;
	background: url(../images/faq_bg_answer.gif) no-repeat left top;
}

#content .p_fag { position:absolute; top:100px; left:0; width:470px;}
/* 12 flow

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

#flowPage #flowImg {
	margin-top: 40px;
}
/* 13 contact/fmail.cgi

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

#Page {
}
/* 14 company

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

#companyPage .section {
	background: url(../images/company_bg.jpg) no-repeat right top;
}
#companyPage table {
	margin-top: 20px;
}
#companyPage div#map {
	margin-top: 5px;
	padding: 2px;
	width: 400px;
	height: 400px;
	border: 1px solid #ccc;
}
/* 15 commerce

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

#Page {
}
/* 16 sitemap

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

#sitemapPage #content dl.defList dt {
	background: url(../images/sitemap_icon.gif) no-repeat left top;
}
#sitemapPage #content dl.defList dd {
	margin: 0 0 30px 25px;
}
/* contact

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



/*  ========================= table style */

#contactPage #content table.mailform {
	width: 640px;
	margin: 10px 10px 0;
	padding: 0;
	border: solid 1px #FF7A20;
}
#contactPage #content table.mailform tr th,  #contactPage #content table.mailform tr td {
	padding: 5px 10px;
	border: solid 1px #FF7A20;
	border-collapse: collapse;
	text-align: left;
	vertical-align: middle;
}
#contactPage #content table.mailform tr th {
	width: 160px;
	background: #FFF4ED;
}
/*  ========================= input style */

#contactPage #content table.mailform input {
	margin-right: 3px;
	vertical-align: middle;
}
#contactPage #content table.mailform select {
	margin-right: 3px;
}
#contactPage #content table.mailform textarea {
	width: 350px;
}
/*  ========================= label style */

#contactPage #content table.mailform label.fmail_label_enabled {
	text-indent: 5px;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #fff;
}
#contactPage #content table.mailform label.fmail_label_disabled {
	text-indent: 5px;
	margin: 0;
	padding: 0;
	border: none;
}
/*  ========================= list style */

#contactPage ol.fmail_radio_list li,  #contactPage ol.fmail_checkbox_list li {
	list-style: none;
	float: left;
	padding: 5px 10px 5px 0;
	white-space: nowrap;
}
/*  ========================= button style */

#contactPage #content .button {
	margin-top: 20px;
	text-align: center;
}
#contactPage #content .button input {
	width: 160px;
	padding: 8px 5px;
	border: none;
	background: #FF7A20;
	color: #fff;
	font-weight: bold;
}
#contactPage #content .site_top {
	text-align: center;
}
#contactPage #content .site_top a {
	display:block;
	width:160px;
	height: auto;
	margin: 1em auto;
	padding: 10px 0;
	border: none;
	background-image: none;
	background: #FF7A20;
	color: #fff;
	font-weight: bold;
	text-indent: 0;
	text-decoration: none;
}
#contactPage #content .button input:hover,  #contactPage #content .site_top a:hover {
	background: #FFA44A;
}
/*  ========================= text style */

#contactPage #content th em {
	margin-left: 3px;
	color: #c00;
	font-size: 83.5%;
}
#contactPage #content td .info {
	color: #999;
	font-size: 83.5%;
}



/* inquiry
------------------------------------------------------------------------*/

/*  ========================= table style */

#inquiryPage #content02 table.mailform {
	width: 880px;
	margin: 10px 10px 0;
	padding: 0;
	border: solid 1px #FF7A20;
}
#inquiryPage #content02 table.mailform tr th,  #inquiryPage #content02 table.mailform tr td {
	padding: 5px 10px;
	border: solid 1px #FF7A20;
	border-collapse: collapse;
	text-align: left;
	vertical-align: middle;
}
#inquiryPage #content02 table.mailform tr th {
	width: 300px;
	background: #FFF4ED;
}
/*  ========================= input style */

#inquiryPage #content02 table.mailform input {
	margin-right: 3px;
	vertical-align: middle;
}
#inquiryPage #content02 table.mailform select {
	margin-right: 3px;
}
#inquiryPage #content02 table.mailform textarea {
	width: 350px;
}
/*  ========================= label style */

#inquiryPage #content02 table.mailform label.fmail_label_enabled {
	text-indent: 5px;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #fff;
}
#inquiryPage #content02 table.mailform label.fmail_label_disabled {
	text-indent: 5px;
	margin: 0;
	padding: 0;
	border: none;
}
/*  ========================= list style */

#inquiryPage ol.fmail_radio_list li,  #inquiryPage ol.fmail_checkbox_list li {
	list-style: none;
	float: left;
	padding: 5px 10px 5px 0;
	white-space: nowrap;
}
/*  ========================= button style */

#inquiryPage #content02 .button {
	margin-top: 20px;
	text-align: center;
}
#inquiryPage #content02 .button input {
	width: 160px;
	padding: 8px 5px;
	border: none;
	background: #FF7A20;
	color: #fff;
	font-weight: bold;
}
#inquiryPage #content02 .site_top {
	text-align: center;
}
#inquiryPage #content02 .site_top a {
	display:block;
	width:160px;
	height: auto;
	margin: 1em auto;
	padding: 10px 0;
	border: none;
	background-image: none;
	background: #FF7A20;
	color: #fff;
	font-weight: bold;
	text-indent: 0;
	text-decoration: none;
}
#inquiryPage #content02 .button input:hover,  #contactPage #content .site_top a:hover {
	background: #FFA44A;
}
/*  ========================= text style */

#inquiryPage #content02 th em {
	margin-left: 3px;
	color: #c00;
	font-size: 83.5%;
}
#inquiryPage #content02 td .info {
	color: #999;
	font-size: 83.5%;
}
#inquiryPage #main {
	background: none;
}


#wrapper #content p.pankuzu,
#wrapper #content02 p.pankuzu {
	text-align: right;
	font-size: 75%;
	margin-right: 5px;
}

.googlemaps { width:500px; height:500px; border: 1px solid #CCCCCC;}

/* ========== price =========*/
.table_ttl{font-size:22px; padding-top:10px !important;}
.bg01 td{background-color:#f1eeee !important;}
.none{background:none !important;}

.box{
	width:566px;
	height:108px;
	margin:0 auto 15px auto;
	padding:11px 4px 0 0;	
}
.bg_01{
	background:url(../images/price_ttl01.png) 0 0 no-repeat;	
}
.bg_02{
	background:url(../images/price_ttl02.png) 0 0 no-repeat;	
}
.bg_03{
	background:url(../images/price_ttl03.png) 0 0 no-repeat;
	margin-bottom:5px !important;	
}
.box .ttl01{
	float:left;
	margin-top:13px !important;	
}
.box .ttl02{
	float:right;
	margin-top:13px !important;	
}
.box .img_r{
	float:right;	
}
.box .img_r img{
	float:left;
	padding-right:12px;	
}
.box .img_l{
	float:left;	
	margin:-32px 0 0 18px !important;
}
.pd_r5{padding-right:7px !important;}


.common_btn{
	margin:20px 0;
}
.common_btn li{
	float:left;
	margin:0 20px 0 0;
}
.common_btn li.right{
	float:left;
	margin:0 0 0 0;
}

.order_waku{
	margin:0 10px 0;
}

.pay_ex{
	border:#ccc 1px solid;
	padding:15px 15px 0 15px;
	margin:20px 0 0 0;
	background:#efefef;
}
.kakaku_ti{
	border:#3399cc 1px solid;
	padding:10px 15px;
	margin:20px 0 0 0;
	background:#ddf5fd;
}
.price_red{
	border:#FDD9EC 10px solid;
	padding:15px 15px 0 15px;
	margin:20px 0 0 0;
}
.calp {

width:660px;
height:240px;
background:url(../images/calender_img01.png) no-repeat;
padding-top: 420px;	
}
/*FMAIL*/
#contactPage #content table.mailform tr td#d_en1419393644,
#contactPage #content table.mailform tr td#d_en1410251463,
#contactPage #content table.mailform tr td#d_en1419394729{
	padding: 0;
}

#contactPage .fmail_tb01{
	border: none;
	width: 100%;
}
#contactPage #content table.mailform tr td .fmail_tb01 th{
	width: 60px;
	border-top: none;
	border-left: none;
}
#contactPage #content table.mailform tr td .fmail_tb01 td{
	border-top: none;
	border-left: none;
	border-right: none;
}
#contactPage #content table.mailform tr td .fmail_tb01 td.last,
#contactPage #content table.mailform tr td .fmail_tb01 th.last{
	border-bottom: none;
}
#contactPage #content table.mailform textarea {
    width: 456px!important;
}

.ex_waku{
	border:#FF7A20 2px solid;
	padding:15px;
}
.mb50{
	margin-bottom:50px;
}
.mb30{
	margin-bottom:30px;
}
.mb10{
	margin-bottom:10px;
}
.mt10{
	margin-top:10px;
}
.mt5{
	margin-top:5px;
}
.small{
	font-size:12px;
}

.shutten li{
	float:left;
}
.mr10{
	margin-right:10px;
}


.img_l{
	float:left;	
	margin:0 20px 20px 0 !important;
}

.img_r{
	float:right;	
	margin:0 0 20px 20px !important;
}

#content p.mb0 {margin-bottom:0}
dl.catalog {background-color:#fff; width:210px; margin-bottom:10px}
dl.catalog dt{color:#fff; font-size:14px; font-weight:bold; padding:10px 10px 10px 10px; background:url(../images/dt_bg.jpg) repeat-x;border-bottom:2px solid #e46c0a}
dl.catalog dd {padding:10px; border-bottom:1px solid #f2f2f2}
dl.catalog dd a{display:block;font-size:120%}
dl.catalog dd select{width:100%; font-size:120%; line-height:30px}
dl.catalog dd.select{padding:15px 10px}

dl.post {border:1px solid #dedede; padding:7px}
dl.post  dt{color:#2c2f36;background-color:#ede5d8; padding:7px 10px 5px 10px; font-size:160%;line-height:normal}
#content dl.post dd p{}
#content dl.post dd p.btn {float:right; margin-bottom:0}

dl.post {margin-bottom:30px}
dl.post  dd {padding:10px}
dl.post  dd.last{padding-bottom:0}
dl.post dd.first {padding-bottom: 0;}
.details {border-top:1px solid #dedede;}
.details li{float:left; padding:15px 0 5px }
.details li.date {float:right;padding-bottom:0;}

ul.pagination {text-align:right}
ul.pagination li{display:inline-block;padding:0 5px}
.blog_index{background:none !important;}
.blog_index #header{height:134px !important;}






.juki_l{
	width:315px;
	float:left;
}
.juki_r{
	width:315px;
	float:right;
}

.juki_l dl dt,
.juki_r dl dt{
	font-weight:bold;
	font-size:18px;
}
.juki_l div,
.juki_r div{
	background:#efefef;
	padding:10px;
	border:#ccc 1px solid;
	margin:10px 0 40px 0;
	overflow:hidden;
}
#content .juki_l p,
#content .juki_r p{
	margin:0 0 10px 0;
}
#content .juki_l div p,
#content .juki_r div p{
	margin:0 0 5px 0;
	font-weight:bold;
}
.juki_l div ul li,
.juki_r div ul li{
	float:left;
	margin:0 10px 0 0;
}
.juki_l div ul li:last-child,
.juki_r div ul li:last-child{
	float:left;
	margin:0 0 0 0;
}
.kako a:hover{
	opacity:0.8;
}
.calender_text{
	background:#fdd9ec;
	padding:5px 10px;
	width:190px;
	color:#cc0000;
}

.colorRed { color: red;}

.topSlider { padding-top: 130px;}
.topSlider ul { margin: 0; padding: 0;}

.topBanners ul { margin: 0; padding: 0 0 1em; text-align: center;}
.topBanners li { width: 48%; display: inline-block; margin-right: 3%; vertical-align: top;}
.topBanners li:last-child { margin-right: 0;}
.topBanners li a { text-decoration: none;}
.topBanners li a:hover { opacity: 0.6; transition: 0.3s;}
.topBanners li span { display: block; text-align: center; font-size: 12px;}
.topBanners li em { display: block; margin-bottom: 0.5em;}
.topBanners img { max-width: 100%; width: 100%;}
.topBanners .wpLine { display: block; border: 5px solid #F1DC25;}
.topBanners .bpLine { display: block; border: 5px solid #ECB2CF;}


.listBlock { display: block;}
.listBlock li { float: none !important; padding: 0 !important; margin: 0 0 2px !important;}

.confirm .plusText { display: none;}
#contactPage #content form.confirm td .info { display: none;}
#contactPage #content form.confirm td br { display: none;}

#headContact img { width: 145px;}
#headContact a { display: inline-block;}
#headContact a:first-child { margin-right: 5px;}
#headContact a:hover { opacity: 0.6; transition: 0.3s;}

#localNav img { max-width: 100%;}
#localNav #local img { width: 210px;}

#globalNav,
#nav,
#headContact { display: none;}
#header { text-align: center;}
#indexPage02,
#wrapper,
#main { background: none;}
#content { float: none; margin-left: auto; margin-right: auto;}
#wrapper #content p.pankuzu,
#wrapper #content02 p.pankuzu { display: none;}
#header h2#pageImg { display: none;}
#indexPage02 #header { height: 90px;}
#header #header_text { position: static; width: auto; margin-bottom: 10px;}
#header #logo { position: static;}