/*
Theme Name: Customize
Theme URI: http://wordpress.org/themes/twentyten
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Author URI: http://wordpress.org/
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-layout, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header
Text Domain: twentyten
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
	background: none;
}
a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: rgba(255,255,255,0);
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.floatbox {
	overflow: hidden;
}
.imgbox{
	line-height: 0;
}

/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

.inner {
	margin: 0 auto;
	width: 1060px;
	overflow: hidden;
}
#wrapper {
	border-top: 4px solid #00392c;
	min-width: 1120px;
	position: relative;
}
#container {
	margin: 0 auto;
	width: 1060px;
	overflow: hidden;
}
.home #container {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
}
.category #container,
.page-template-page-news #container,
.single-post #container {
	width: 700px;
	float: left;
}
#primary{
	float: right;
	width: 250px;
}
#archive_wrap {
	padding-top: 60px;
}
#footer {
	clear: both;
	width: 100%;
}

/* =Fonts
-------------------------------------------------------------- */
body{
	font: 300 15px/1.625 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","ＭＳ Ｐゴシック","ＭＳ ゴシック",Osaka,Osaka-等幅,sans-serif;
}

/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles */
body {
	background: #fff;
}
body,
input,
textarea {
	color: #333;
	font-size: 13px;
	line-height: 18px;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}

/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	overflow: auto;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: smaller;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 2px;
}
a:link {
	color: #0066cc;
}
a:visited {
	color: #743399;
}
a:active,
a:hover {
	color: #ff4b33;
}


/* =Header
-------------------------------------------------------------- */
header.inner {
	position: absolute;
	top:0;
	right: 0;
	left:0;
	margin: 0 auto;
	z-index: 1000;
}
#site-title {
	padding: 4px 0 0 0;
}
#site-description {
	padding: 35px 0 0 30px;
	font-size: 95%;
}

#access {
	background: #FFF;
}
#access ul {
	margin: 0;
	overflow: hidden;
	list-style: none;
	box-shadow:inset 0 0 0 1px #e9eaea;
	padding: 2px 1px;
}
#access ul li {
	float: left;
	background: url("./images/header/bg_navright.png") no-repeat scroll right 10px;
}
#access ul li:last-child{
	background: none;
}

#access ul li a{
	display: block;
	line-height: 0;
	padding: 10px 6px 0 6px;
}
#access ul li:first-child a,
#access ul li:last-child a {
	padding: 10px 6px 0 5px;
}
#access ul li a img{
	border-bottom: 4px solid #9ab7b0;
}
#access ul li a:hover img,
#access ul li.current a img{
	border-bottom: 4px solid #fdaa0b;
}

.breadcrumbs{
	height: 38px;
	border: 1px solid #b3b5b5;
	background: #e7e9e7;
	font-size: 95%;
}
.breadcrumbs a{
	color: #000;
	text-decoration: none;
	line-height: 3;
}
.breadcrumbs a:hover {
	color: #666;
}

/* =Home
-------------------------------------------------------------- */
#slider {
	background: url("./images/bg_slider.png") no-repeat scroll center top #00392C;
	height: 555px;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
	padding-top: 118px;
}
#slider ul{
	margin: 0;
}
.bx-viewport li a {
	display: inline-block;
	background: #FFF;
	line-height: 0;
}
.bx-wrapper{
	width: 770px;
}
.bx-viewport {
	overflow: visible !important;
}
#bx-pager{
	margin: 0 auto;
	text-align: center;
	letter-spacing: 15px;
}
#bx-pager a{
	display: inline-block;
}
#bx-pager a.active {
	opacity: 0.7;
}
.homecontent{
	margin-bottom: 50px;
}
#greenbox{
	background: #00392C;
	text-align: center;
	position: relative;
	color: #FFF;
	height: 120px;
}
#greenbox .imgbox{
	position: absolute;
	bottom: -25px;
	left: 0;
	right: 0;
	margin:0 auto !important;
	text-align: center;
}
#content #greenbox h2{
	margin: 0;
	padding-top: 26px;
}

#content #bussinessbox ul {
	margin: 0;
	list-style: none;
	overflow: hidden;
}
#bussinessbox ul li {
	float: left;
	margin-right: 20px;
}
#bussinessbox ul li:last-child {
	margin: 0;
}
#content #bussinessbox ul li p{
	margin: 5px 0 10px;
}
#bussinessbox ul li a {
	display: block;
	border: 3px solid #e9eaea;
	text-align: center;
	text-decoration: none;
	color: #000;
	font-size: 90%;
}
#topicbox{
	background: #e9eaea;
	padding-bottom: 40px;
}
#content #topicbox h2{
	text-align: center;
	padding: 18px 0 12px;
	margin: 0;
}

#content #topicbox .topics {
	border: 5px solid #d8dbda;
	box-sizing: border-box;
	margin-bottom: 20px;
}
#content #topicbox .topics h3{
	background: #00392c;
	padding: 5px 7px;
	margin: 0;
}
#topicbox ul#topic_list {
	background: #FFF;
	padding: 5px 18px 0;
	height: 263px;
}
#topicbox ul#topic_list li{
	border: none;
	border-bottom: 1px dashed #9D9C9C;
	width: auto;
	padding: 9px 0 9px 78px;
	float: none;
	margin: 0;
}
#topicbox ul#topic_list li span{
	font-weight: bold;
}
#topicbox ul#topic_list li:last-child{
	border:none;
}
#topicbox ul#topic_list li.category-eigyo{
	background: url("./images/home/bg_eigyo.png") no-repeat scroll 0 center ;
}
#topicbox ul#topic_list li.category-otoku{
	background: url("./images/home/bg_otoku.png") no-repeat scroll 0 center ;
}
#topicbox ul#topic_list li.category-tenpo{
	background: url("./images/home/bg_tenpo.png") no-repeat scroll 0 center ;
}
ul#topic_list li a {
	color: #000;
	font-size: 13px;
	text-decoration: none;
}
ul#topic_list li a:hover {
	opacity: 0.75;
}


#content #topicbox ul{
	margin: 0 auto;
	list-style: none;
}
#topicbox ul.inner li{
	border: 5px solid #d8dbda;
	box-sizing: border-box;
	float: left;
	width: 340px;
	height: 309px;
	margin-right: 20px;
}

#topicbox ul.inner li:nth-child(3n){
	margin-right: 0;
}

#content #shopbox h2 {
	text-align: center;
	margin-bottom: 40px;
}
#recruitbox {
	background: #effbee;
	padding: 50px 0 0;
}
#content #recruitbox h2 {
	text-align: center;
	margin-bottom: 25px;
}
#recruitbox #bannerlist {
	margin: 40px auto;
}
.home #content {
	margin: 0;
}

.btnbox{
	line-height: 0;
	text-align: center;
	margin-bottom: 50px;
}
.btnbox a{
	display: inline-block;
	border: 1px solid #000;
	background: #FFF;
}
.btnbox a:hover{
	background: #d8ead7;
}
.btnbox a:hover img{
	opacity: 1;
}

/* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
	overflow: hidden;
	padding-top: 0;
}
#content {
	margin-bottom: 36px;
}
#content,
#content input,
#content textarea {
	color: #333;
	font-size: 16px;
	line-height: 24px;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 24px;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 15px;
	line-height: 21px;
}
#content code {
	font-size: 13px;
}
#content dt,
#content th {
	color: #000;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #000;
	line-height: 1.5em;
	margin: 0 0 20px 0;
}
#content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
#content tr th,
#content thead th {
	color: #777;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
#content tr.odd td {
	background: #f2f7fc;
}
.hentry {
	margin: 0 0 60px 0;
}
.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.single .hentry {
	margin: 0 0 36px 0;
}
.page-title {
	color: #FFF;
	font-size: 32px;
	font-weight: bold;
	margin: 0;
	padding-top: 196px;
	height: 80px;
	background: url("./images/bg_page-title.png") no-repeat scroll center top #00392C;
	text-align: center;
	line-height: 1;
}
.page-title span {
	font-size: 13px;
	display: block;
	text-transform: uppercase;
	font-weight:normal;
	padding-top: 8px;
}
#content .entry-title {
	color: #000;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
}
.entry-meta {
	color: #777;
	font-size: 12px;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
	clear: both;
	padding: 30px 0 6px;
	font-size: 95%;
}
.entry-content .more-link {
	white-space: nowrap;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0 0 24px 0;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #777;
	font-size: 12px;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	line-height: 48px;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
	width: 1060px;
	margin: 0 auto;
}
.entry-utility {
	clear: both;
	color: #000;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px solid #b8b8b8;
	padding: 5px 0;
	overflow: hidden;
	display: table;
	width: 100%;
}
.entry-utility span {
	vertical-align: middle;
}
.entry-meta a,
.entry-utility a {
	color: #777;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #ff4b33;
}

#archive_wrap .entry-title {
	background: #00392c;
	color: #FFF;
	font-weight: normal;
	font-size: 105%;
	padding: 10px;
}
#archive_wrap .entry-title a{
	color: #fff;
	text-decoration: none;
}
#archive_wrap .entry-title a:hover{
	opacity: 0.75;
}
.cat-links a {
	text-decoration: none;
	border-radius: 3px;
	font-size: 11px;
	padding: 2px;
	width: 64px;
	display: inline-block;
	text-align: center;
	margin-right: 15px;
}
.category-tenpo .cat-links a {
	background: #fec049;
	color: #000;
}
.category-eigyo .cat-links a {
	background: #9bd5da;
	color: #000;
}
.category-otoku .cat-links a {
	background: #fe4949;
	color: #FFF;
}
.category-otoku .date {
	padding-top: 3px;
}

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
	max-width: 622px; /* caption width - 10px */
}
.wp-caption p.wp-caption-text {
	color: #777;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #777;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #777;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}

/* =Widget Areas
-------------------------------------------------------------- */
ul.xoxo {
	background: #effbee;
}

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-container ul {
	padding: 20px;
}
.widget-container ul li{
	line-height: 1.8;
	padding: 5px 0;
}
.widget-container a {
	color: #000;
	font-size: 100%;
	border-bottom: 1px solid #333;
	text-decoration: none;
}
.widget-container a:hover {
	color: #666;
}

h3.widget-title {
	background: #00392c;
	color: #FFF;
	padding: 5px 10px;
	font-size: 105%;
	font-weight: bold;
}


/* =Footer
-------------------------------------------------------------- */

#footer-top {
	background: #e9eaea;
	border-top: 1px solid #b3b5b5;
}
#footer-logo {
	padding-top: 6px;
}
#footer-bottom {
	background: #00392c;
	color: #FFF;
}
#footer-nav {
	padding: 30px 0;
	border-top: none;
	border-bottom: 1px solid #094b3c;
}
#company-info {
	background: #094b3c;
	padding: 25px 50px;
	font-size: 105%;
}
#footer-nav .right {
	width: 550px;
}
#footer-nav .right ul{
	list-style: none;
	float: left;
	margin: 0 20px;
}
#footer-nav .right ul li {
	line-height: 22px;
}
#footer-nav .right ul li::before {
	content: "";
	display: inline-block;
	border: 6px solid transparent;
	border-left-color: #fff000;
}
#footer-nav .right ul li a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 105%;
}
#footer-nav .right ul li a:hover {
	opacity: 0.75;
}
#footer-nav .right ul li span {
	display: block;
	padding-left: 14px;
}
#footer-nav .right ul li span a {
	font-weight: normal;
	font-size: 100%;
}
#footer-bottom .inner {
	border-top: 1px solid #094b3c;
}
.f_under {
	font-size: 110%;
	padding: 15px 0;
}
.f_under a{
	text-decoration: none;
	color: #FFF;
}
.f_under a:hover{
	opacity : 0.8;
}

.f_under p {
	margin: 0;
}
.privacyurl {
	padding: 13px 30px;
}
.privacyurl a {
	color: #000;
	font-size: 95%;
	text-decoration: none;
}
.privacyurl a:hover {
	opacity: 0.7;
}

/* =Pages
-------------------------------------------------------------- */
.page-id-5 #container {
	background: url("./images/page/bg_company.jpg") no-repeat scroll center top;
	width: 100%;
}
#companybox01 h2 {
	color: #e48204;
	font-size: 28px;
	margin-top: 50px;
}
#companybox01 .txt {
	padding: 0 100px;
}
#companybox02 {
	background: #effbee;
	padding: 50px 0 26px;
}
#companybox03 {
	background: #fff;
	padding: 50px 0 26px;
}
#content #companybox03 table{
	width: 772px;
	margin: 20px auto;
	border: none;
}
#content #companybox03 tr th{
	text-align: center;
	border-bottom: 1px solid #000;
	border-top: none;
	vertical-align: top;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding: 20px 10px;
	width: 100px;
}
#content #companybox03 tr td{
	border-bottom: 1px solid #000;
	border-top: none;
	padding: 16px 40px 16px 16px;
	vertical-align: top;
}
.letter2{
	letter-spacing: 2em;
}
.letter3{
	letter-spacing: 0.5em;
}
.letter4{
	letter-spacing: 0em;
}

.page-id-92 #container {
	width: 100%;
}
.page-id-92 .entry-content {
	padding: 0;
}
.recruitbox {
	text-align: center;
}
.recruitbox .head {
	background: #00392c;
	height: 100px;
	margin-bottom: 40px;
}
#content .recruitbox h2 {
	font-size: 34px;
	font-weight: bold;
	color: #FFF;
	padding: 25px 0;
	margin: 0;
}
#content .recruitbox h3 {
	color: #e48204;
	font-size: 33px;
	font-weight: bold;
}
.recruitbox .imgbox img {
	padding: 6px 10px 30px 10px;
}
#content .recruitbox table{
	margin: 0 auto;
	width: 700px;
	border-bottom: 1px solid #000;
	border-left: none;
	border-right: none;
}
#content .recruitbox th,
#content .recruitbox td{
	border-top: 1px solid #000;
	font-size: 15px;
	color: #231815;
	padding: 15px;
	line-height: 1.35;
}
#content .recruitbox th{
	text-align: center;
	width: 100px;
}
#content .recruitbox .letter2{
	letter-spacing: 3em;
}
#content .recruitbox .letter3{
	letter-spacing: 1em;
}
#content .recruitbox .letter4{
	letter-spacing: 0.333em;
}
#content .recruitbox .letter5{
	letter-spacing: 0em;
}
.recruitbox .underbox {
	background: #effbee;
	margin: 40px auto 60px;
	width: 1060px;
	text-align: center;
	padding: 30px 0 6px;
	font-size: 20px;
}
.recruitbox .underbox .imgbox img {
	padding: 0;
	margin: 0 auto;
}
#content #recruit02 .txt {
	margin-bottom: 30px;
}
#content .bussinessbox {
	padding-bottom: 60px;
}
#content .bussinessbox h2 {
	margin: 0;
	line-height: 0;
}
#content .bussinessbox h3 {
	background: #004097;
	color: #FFF;
	text-align: center;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	padding: 10px;
}
#content .bussinessbox p.headline{
	color: #e48204;
	font-weight: bold;
	font-size: 23px;
	padding-top: 28px;
	text-align: center;
	margin: 0;
	width: 720px;
}
#content .bussinessbox ul {
	margin: 0;
	list-style: none;
	display: table;
}
#content .bussinessbox li {
	display: table-cell;
	width: 168px;
	padding: 12px 0 10px 32px;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	background: #FFF;
	color: #000;
	height: 24px;
	vertical-align: middle;
	border-bottom: 1px solid #cecece;
	float: left;
}
.bussinessbox .btnbox {
	text-align: left;
}
#content .bussinessbox .imgbox{
	margin-bottom: 20px;
}
#content .bussinessbox p.txt{
	width: 420px;
}
.bussinessbox .listbox {
	width: 600px;
}
#content #offhouse h3 {
	background: #006D3B;
}
#content #hobbyoff h3 {
	background: #e60012;
}
#hardoff .listbox li:nth-child(1) {
	background: url("./images/page/hard_ico01.png") no-repeat scroll left center;
}
#hardoff .listbox li:nth-child(2) {
	background: url("./images/page/hard_ico02.png") no-repeat scroll left center;
}
#hardoff .listbox li:nth-child(3) {
	background: url("./images/page/hard_ico03.png") no-repeat scroll left center;
}
#hardoff .listbox li:nth-child(4) {
	background: url("./images/page/hard_ico04.png") no-repeat scroll left center;
}
#hardoff .listbox li:nth-child(5) {
	background: url("./images/page/hard_ico06.png") no-repeat scroll left center;
}
#hardoff .listbox li:nth-child(6) {
	background: url("./images/page/hard_ico12.png") no-repeat scroll left center;
}
#hardoff .listbox li:nth-child(7) {
	background: url("./images/page/hard_ico08.png") no-repeat scroll left center;
}
#hardoff .listbox li:nth-child(8) {
	background: url("./images/page/hard_ico10.png") no-repeat scroll left center;
}
#hardoff .listbox li:nth-child(9) {
	background: url("./images/page/hard_ico11.png") no-repeat scroll left center;
}
#hardoff .listbox li:nth-child(10) {
	background: url("./images/page/hard_ico13.png") no-repeat scroll left center;
}
#hardoff .listbox li:nth-child(11) {
	background: url("./images/page/hard_ico09.png") no-repeat scroll left center;
}
#offhouse .listbox li:nth-child(1) {
	background: url("./images/page/off_ico01.png") no-repeat scroll left center;
}
#offhouse .listbox li:nth-child(2) {
	background: url("./images/page/off_ico02.png") no-repeat scroll left center;
}
#offhouse .listbox li:nth-child(3) {
	background: url("./images/page/off_ico04.png") no-repeat scroll left center;
}
#offhouse .listbox li:nth-child(4) {
	background: url("./images/page/off_ico05.png") no-repeat scroll left center;
}
#offhouse .listbox li:nth-child(5) {
	background: url("./images/page/off_ico06.png") no-repeat scroll left center;
}
#offhouse .listbox li:nth-child(6) {
	background: url("./images/page/off_ico07.png") no-repeat scroll left center;
}
#offhouse .listbox li:nth-child(7) {
	background: url("./images/page/off_ico08.png") no-repeat scroll left center;
}
#offhouse .listbox li:nth-child(8) {
	background: url("./images/page/off_ico09.png") no-repeat scroll left center;
}
#offhouse .listbox li:nth-child(9) {
	background: url("./images/page/off_ico10.png") no-repeat scroll left center;
}
#offhouse .listbox li:nth-child(10) {
	background: url("./images/page/off_ico11.png") no-repeat scroll left center;
}
/*
#offhouse .listbox li:nth-child(11) {
	background: url("./images/page/off_ico12.png") no-repeat scroll left center;
}
#offhouse .listbox li:nth-child(12) {
	background: url("./images/page/off_ico12.png") no-repeat scroll left center;
}
*/
#hobbyoff .listbox li:nth-child(1) {
	background: url("./images/page/hobby_ico01.png") no-repeat scroll left center;
}
#hobbyoff .listbox li:nth-child(2) {
	background: url("./images/page/hobby_ico02.png") no-repeat scroll left center;
}
#hobbyoff .listbox li:nth-child(3) {
	background: url("./images/page/hobby_ico03.png") no-repeat scroll left center;
}
#hobbyoff .listbox li:nth-child(4) {
	background: url("./images/page/hobby_ico04.png") no-repeat scroll left center;
}
#hobbyoff .listbox li:nth-child(5) {
	background: url("./images/page/hobby_ico05.png") no-repeat scroll left center;
}
#hobbyoff .listbox li:nth-child(6) {
	background: url("./images/page/hobby_ico06.png") no-repeat scroll left center;
}
#hobbyoff .listbox li:nth-child(7) {
	background: url("./images/page/hobby_ico07.png") no-repeat scroll left center;
}
#hobbyoff .listbox li:nth-child(8) {
	background: url("./images/page/hobby_ico08.png") no-repeat scroll left center;
}
#hobbyoff .listbox li:nth-child(9) {
	background: url("./images/page/hobby_ico09.png") no-repeat scroll left center;
}
#hobbyoff .listbox li:nth-child(10) {
	background: url("./images/page/hobby_ico10.png") no-repeat scroll left center;
}
#hobbyoff .listbox li:nth-child(11) {
	background: url("./images/page/hobby_ico12.png") no-repeat scroll left center;
}
#hobbyoff .listbox li:nth-child(12) {
	background: url("./images/page/hobby_ico13.png") no-repeat scroll left center;
}


#shop_wrap #container {
	width: 100%;
}
#shop_wrap .head {
	background: #00392c;
	height: 100px;
	text-align :center;
	margin-bottom: 20px;
}
#shop_wrap #content .shop-title {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	padding: 18px 0 8px;
	margin: 0;
}
#shop_wrap .bussiness{
	letter-spacing: 10px;
}
.shop_box .right {
	width: 340px;
	height: 570px;
}
.shop_box .left {
	width: 700px;
}
.shop_box .left .imgbox div {
	background: #e3e3e3;
	width: 340px;
	height: 230px;
}
#shop_wrap table {
	margin: 20px 0;
	border-bottom: 1px solid #000;
	border-left: none;
	border-right: none;
}
#shop_wrap table th{
	width: 80px;
	text-align: center;
}
#shop_wrap table td,
#shop_wrap table th{
	border-top: 1px solid #000;
	font-size: 15px;
	color: #231815;
	padding: 15px;
	line-height: 1.35;
}
#shop_wrap .letter2 {
	letter-spacing:	0.5em;
}
#shop_wrap .letter3 {
	letter-spacing: 0.25em;
}
#shop_wrap .btnbox {
	text-align: left;
	margin: 20 0 60px;
}

#contactbox{
	background: #effbee;
	width: 520px;
	margin: 130px auto;
	text-align: center;
	padding: 20px 0 30px;
}
#contactbox h2 {
	background: #00392c;
	color: #FFF;
	font-size: 16px;
	width: 320px;
	padding: 10px 0;
	margin: 0 auto 30px;
}
#contactbox p{
	margin: 0;
	color: #00392c;
	font-size: 18px;
}
#contactbox p.tel {
	font-size: 28px;
	font-weight:bold;
	margin: 20px 0;
}

#shopbox {
	width: 1080px;
	overflow: visible;
	padding: 0 30px;
}
	#shopbox .shopbox ul {
		margin: 0;
		padding: 0 0 40px;
		overflow: visible;
	}
	#shopbox .shopbox .slick-track{
		margin: 0 auto;
	}
	#shopbox .shopbox ul li {
		float: left;
		width: 340px;
		list-style: none;
		padding: 0 10px;
	}
		#shopbox .shopbox ul li a {
			color: #000000;
			text-decoration: none;
		}
			#shopbox .shopbox ul li a:hover {
				color: #444444;
			}
		#shopbox .shopbox ul li a p {
			margin: 0;
			padding: 20px 0 0;
			text-align: center;
		}
#shopbox .btnbox {
	margin: 0;
}
	#shopbox .slick-prev,
	#shopbox .slick-next {
		top: 35%;
		width: 16px;
		height: 26px;
	}
		#shopbox .slick-prev {
			background: url('scripts/images/slick_shopbox_prev.png') no-repeat;
		}
		#shopbox .slick-next {
			background: url('scripts/images/slick_shopbox_next.png') no-repeat;
		}
		#shopbox .slick-prev:hover,
		#shopbox .slick-next:hover {
			opacity: .8;
		}
	#shopbox .slick-prev:before,
	#shopbox .slick-next:before {
		content: "";
	}

#footer-banner {
	width: 1080px;
	overflow: visible;
	padding: 0 20px;
	margin: 0 auto;
	border: none;
}
	#footer-banner ul {
		margin: 0;
		padding: 20px 0;
		overflow: visible;
	}
	#footer-banner ul li {
		float: left;
		width: 250px;
		list-style: none;
		padding: 0 10px;
	}
	#footer-banner .slick-prev,
	#footer-banner .slick-next {
		top: 50%;
		width: 16px;
		height: 20px;
	}
		#footer-banner .slick-prev {
			border: 10px solid transparent;
			border-right: 10px solid #94c2b8;
			left: -20px;
		}
		#footer-banner .slick-next {
			border: 10px solid transparent;
			border-left: 10px solid #94c2b8;
			right: -20px;
		}
		#footer-banner .slick-prev:hover,
		#footer-banner .slick-next:hover {
			opacity: .8;
		}
	#footer-banner .slick-prev:before,
	#footer-banner .slick-next:before {
		content: "";
	}