/*
Theme Name: Towa
Theme URI: http://maxline.co.jp/
Description: Towaテーマ
Version: 1.0
Author: Maxline
Author URI: http://maxline.co.jp/
Tags: blue, custom header, fixed width, two columns, widgets
*/
/* 
=============================
(C) Towa
last update 100323
=============================*/

@charset "utf-8";

/* ****************************************************
Title: base.css
Created: 2010-02-05
Last Modified: 2010-02-05
Editor(s): Go Tanabe
Last Editor: Go Tanabe
***************************************************** */


/* Table Of Contents
----------------------------------------

# Reset 'Browser standard style'
# Redefine

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


/* # Reset 'Browser standard style'
---------------------------------------------------------------------------- */

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,table,th,td,
form,address,pre,
strong,em,caption,cite,code,dfn,var {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

img { 
	border: 0; 
	vertical-align: bottom;
}

table { 
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th { text-align: left; }

fieldset { border: 0; }

hr { display: none; }

ol, ul { list-style: none; } 

ul ul,ol ul,ul ol,ol ol,
dl ul,dl ol,dl dl,td td { 
	font-size: 100%;
}

q:before,q:after { content: ''; } 

abbr,acronym { border: 0; } 


/* # Redefine
---------------------------------------------------------------------------- */

html {
	overflow-y: scroll;
}

body {
	background-color: #fff;
	color: #000;
	font-size: 75%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.5;
}

strong { font-weight: bold; }
em     { color: #ff4200; font-style: normal; }

p { margin: 0 0 1.25em; }






/* Table Of Contents
----------------------------------------

# General Elements
# body
# layout
# header
# gNav
# pageBody
# content
# sidebar
# footer
# clearfix
# common classes

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


/* # General Elements
---------------------------------------------------------------------------- */

a    { color: #c1c5cc; 	text-decoration: none;}
a:link {
	color: #c1c5cc;
	text-decoration: none;
}
a:visited {  }
a:hover   { 
	color: #c1c5cc;
	text-decoration: underline;
}
a:active  {  }


li.activeLink a:visited,
dt.activeLink a:visited,
dd.activeLink a:visited {
	color: #ff931e;
}


h1 {  }
h2 {  }
h3 {  }
h4 {  }
p { margin: 0 0 15px; }


/* # body
---------------------------------------------------------------------------- */

body {
	color: #c1c5cc;
	text-align: center;
	background: #2e3c54 url(images/common_bg_body.gif) repeat-x 0 0;
}


/* # layout
---------------------------------------------------------------------------- */

div#layout {
	text-align: left;
}


/* # header
---------------------------------------------------------------------------- */

div#header {
	background: url(images/common_bg_header.gif) no-repeat 50% 0;
}

div#header div#headerInner {
	width: 950px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	zoom: 1;
}

div#header #tagline {
	margin: 0 0 18px 0;
	padding-top: 10px;
}

div#header #logo {
	padding: 0;
	margin: 0;
	float: left;
}

div#header p#logo {
	margin: 0;
	float: left;
}

div#header ul#utility {
	float: right;
	width: 303px;
	margin: 22px 0 0 0;
	padding: 9px 0 5px 46px;
	background: url(images/common_bg_utility.gif) no-repeat 0 0;
}

div#header ul#utility li {
	float: left;
	margin: 0;
	margin-right: 10px;
	padding: 0;
}


/* # gNav
---------------------------------------------------------------------------- */




/* # pageBody & visual
---------------------------------------------------------------------------- */
div#visual {
	position: relative;
	clear: both;
}

* html div#visual {
	margin-top: -20px;
}

*:first-child+html div#visual {
	margin-top: -21px;
}



div#visual p {
	left: 50%;
	margin-bottom: 0;
	margin-left: -582px;
	overflow: hidden;
	position: relative;
	width: 1150px;
}

div#visual h1 {
	left: 50%;
	margin-bottom: 0;
	margin-left: -582px;
	overflow: hidden;
	position: relative;
	width: 1150px;
}


div#pageBody {
	position: relative;
	margin: -32px auto 25px auto;
	text-align: left;
	width: 950px;
	z-index: 9999;
	height: 1744px;
}

div#pageBodySecond {
	position: relative;
	margin: 0 auto 25px auto;
	text-align: left;
	width: 950px;
	z-index: 9999;
	height: 1744px;
}

ol#topicPath {
	text-align: right;
	padding: 15px;
	background: url(images/common_bg_content_head.gif) no-repeat 0 0;
}

ol#topicPath li {
	display: inline;
}

ol#topicPath li a {
	margin-right: 8px;
	padding-right: 12px;
	background: url(images/common_icon_topicpath.gif) no-repeat 100% 50%;
}

/* # content
---------------------------------------------------------------------------- */

div#contentColumn {
	float: right;
	width: 712px;
}

div#content {
	color: #666666;
	background: url(images/common_bg_content.gif) repeat-y 0 0;
}

div#content a {
	color: #666666;
}
div#content a:link {
	text-decoration: underline;
}

div#content a:hover {
	color: #C60;
	text-decoration: none;
}


div#contentInner {
	background: url(images/common_bg_content_bottom.gif) no-repeat 0 100%;
}


div#content h2 {
	margin: 0 0 15px 0;
}



div#content h3 {
	margin: 0 0 14px 0;
}


div#content h4 {

}

div#content div.section {
	clear: both;
	margin: 0 5px 25px 5px;
}

div#content div.section div.showroom_bnr{
	display:block;
	margin:0px 0 0 10px;
}

div#content div#bnr.section ul {
	display:block;
	width:690px;
	margin: 0 -20px 0 10px;
}

div#content div#bnr.section ul li {
	float: left;
	width: 335px;
	margin-right: 10px;
}

div#content div#makerItems.section ul {
	margin: 0 -20px 0 15px;
}

div#content div#makerItems.section ul li {
	float: left;
	width: 215px;
	margin-right: 13px;
}


div#content div#news.section {
	padding: 0 10px;
}

/**/
div#content div#news.section ul{
	display:block;
	list-style-type:none;
	margin:0 10px;
}
div#content div#news.section ul li{
	display:block;
	height:100%;
	list-style-type:none;
	border-bottom:#666666 1px dotted;
	padding:0 0 5px 9em;
	margin-bottom:5px;
	background: url(images/common_icon_orange.jpg) no-repeat 0 3px;
}
div#content div#news.section ul li span{
	display:block;
	width:8em;
	margin:0 0 -1.5em -9em;
	padding:0 0 0 15px;
	font-weight:bold;
}
div#content div#news.section ul li a{
	text-decoration: none;
	color: #725552;
}
div#content div#news.section ul li a:hover{
	text-decoration:underline;
}
/*
div#content div#news.section dl {
}


div#content div#news.section dt {
	font-weight: bold;
	color: #725552;
	margin: 0 0 0 16px;
	padding: 0 0 0 15px;
	background: url(images/common_icon_orange.jpg) no-repeat 0 50%;
}

div#content div#news.section dt a:link,
div#content div#news.section dd a:link {
	text-decoration: none;
	color: #725552;
}

div#content div#news.section dt a:hover,
div#content div#news.section dd a:hover {
	text-decoration: underline;
	color: #725552;
}


div#content div#news.section dd {
	margin: -1.5em 0 10px 0;
	padding: 0 0 10px 124px;
	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;
}
*/

div#content div#event.section {
	padding: 0 10px;
}
div#content div#event.section p.eventImage img{
	width: 202px;
	float: left;
	margin: 0 10px 0 10px;
	border:#1B2332 2px solid;
}
div#content div#event.section div.txt{
	padding: 0 10px 0 10px;
}

div#content div#event.section div.txt b{
	font-size: 120%;
	font-weight: bold;
	color: #cc9900;
	margin-bottom: 10px;
	padding: 0 0 0 18px;
	background: url(images/common_icon_blue.jpg) no-repeat 0 2px;
}
div#content div#event.section div.txt b a{
	color: #cc9900;
	text-decoration:none;
}
div#content div#event.section div.txt b a:hover{
	text-decoration:underline;
}
div#content div#event.section div.txt p{
	padding:10px 0;
}

div#content div#event.section div.txt span.detailBtn {
	float:right;
	text-align: right;
	margin: 0;
}
/*
div#content div#event.section p.eventImage {
	width: 206px;
	float: left;
	padding: 0 0 0 10px;
}
div#content div#event.section dl {
	width: 440px;
	float: right;
	padding: 0 10px 0 0;
}

div#content div#event.section dl dt {
	font-size: 120%;
	font-weight: bold;
	color: #cc9900;
	margin-bottom: 10px;
	padding: 0 0 0 18px;
	background: url(images/common_icon_blue.jpg) no-repeat 0 2px;
}

div#content div#event.section dl dd {
	margin-bottom: 10px;
}

div#content div#event.section dl dd.detailBtn {
	text-align: right;
	margin: 0;
}
*/

div#content div.section ul.caseList {
	margin: 0 -20px 15px 18px;
}

div#content div.section ul.caseList li {
	width: 211px;
	float: left;
	margin-right: 15px;
}
div#content div.section ul.caseList li img{
	width:207px;
	border:#1B2332 2px solid;
}

div#content div.section ul.caseList li dl dt {
	background: #1b2332;
	text-align: center;
	padding: 4px 0;
	color: #FFF;
}
div#content div.section ul.caseList li dl dt a{
	color:#FFF;
	text-decoration:none;
}
div#content div.section ul.caseList li dl dt a:hover{
	text-decoration:underline;
}
div#content div.section ul.caseList li dl dd.clientName {
	font-size: 90%;
	text-align: right;
	color: #003366;
	margin-bottom: 4px;
}



/* second pages
======================================*/
div.innerSection {
	margin: 0 15px 40px 15px;
}

div.innerSection p.catch {
	margin: 0 0 0 0;
	font-weight: bold;
}

div.innerSection h3 {
	padding: 0 0 6px 0;
	font-size: 140%;
	font-weight: bold;
	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;
}

div#content h3.noHead {
	margin: 0 0 15px 10px;
}



div#content div.section div.caseDetail {
	display:block;
	width:680px;
	margin: 0 -30px 15px 0;
}
div#content div.section div.caseDetail div.line{
	display:block;
	clear:both;
}
div#content div.section div.caseDetail div.each{
	display:block;
	width: 330px;
	float: left;
	margin: 0 10px 15px 0;
}
div#content div.section div.caseDetail div.each dt{
	display:block;
	text-align:center;
}
div#content div.section div.caseDetail div.each dt img{
	background:url(images/case_img_midium_bg.jpg) no-repeat bottom right;
	padding:4px;
	margin-bottom:5px;
}
div#content div.section div.caseDetail div.each dd.description{
	padding:0 15px;
}

div#content div#case.section ul.caseList li {
	margin-bottom: 15px;
}

div#content div#case.section ul.caseList li dl {
	color: #FFF;
	background: url(images/case_bg_list.gif) no-repeat 0 100%;
}
div#content div#case.section ul.caseList li dl dd {
	margin-bottom: 5px;
}

div#content div#case.section ul.caseList li dl dd.description {
	margin: 0 10px 6px 10px;
	
}
div#content div#case.section ul.caseList li dl dd.description a{
	color:#FFF;
	text-decoration:none;
}
div#content div#case.section ul.caseList li dl dd.description a:hover{
	color:#FFF;
	text-decoration:underline;
}
div#content div#case.section ul.caseList li dl dd img{
	border:#1B2332 2px solid;
}
div#content div#case.section ul.caseList li dl dd.detailBtn{
	margin: 0;
	text-align: right;
}
div#content div#case.section ul.caseList li dl dd.detailBtn img{
	width:auto;
	border:none;
}

div#case div.innerSection div.case_img_large{
	display:block;
	text-align:center;
}
div#case div.innerSection div.case_img_large img{
	background:url(images/case_img_large_bg.jpg) no-repeat bottom right;
	padding:8px;
	margin:auto;
	margin-bottom:5px;
}
div#case div.innerSection img.case_img_midium{
	background:url(images/case_img_midium_bg.jpg) no-repeat bottom right;
	padding:4px;
	margin-bottom:5px;
}

/**/
div.case_detail_voice{
	display:block;
	clear:both;
	padding-top:20px;
	margin:0 0 0 -5px;
}
div.case_detail_voice:after{
	display:block;
	content:"";
	height:0;
	clear:both;
}
div.case_detail_voice img{
	float:left;
	border:#1B2332 2px solid;
	margin:0 20px 0 10px;
}
div.case_detail_voice h4 img{
	float:none;
	border:none;
	margin:0 0 15px 0;
}
div.case_detail_voice p{
	margin:0 10px;
}

/* before after */
div.beforeList {
	margin: 0 0 20px 0;
}

div.beforeList p.beforeImage {
	width: 448px;
	float: left;
}

div.beforeList p.beforeTxt {
	width: 200px;
	float: right;
}

div#beforeAfter.section {
	
}


div#beforeAfter.innerSection dl.request {
	display:block;
	width: 386px;
	float: left;
}

div#beforeAfter.innerSection dl.request dt {
	margin-bottom: 15px;
}

div#beforeAfter.innerSection dl.request dd {
	margin: 0 15px;
}

div#beforeAfter.innerSection p.beforePhoto {
	display:block;
	width: 284px;
	margin-bottom: 10px;
	float:left;
}

ul.beforeAfter {
	display:block;
	clear: both;
	width:675px;	
	margin-bottom: 20px;
}
ul.beforeAfter:after{
	display:block;
	content:"";
	height:0;
	clear:both;
}

ul.beforeAfter li {
	display:block;
	float:left;
}

ul.beforeAfter li.before {
	width: 300px;
	text-align:center;
}
ul.beforeAfter li.after {
	width: 300px;
	text-align:center;
}
ul.beforeAfter li.before img,
ul.beforeAfter li.after img{
	background:url(images/before_img_before_after02.jpg) no-repeat bottom right;
	padding:8px;
}
ul.beforeAfter li.arrow{
	display:block;
	width:72px;
	height:47px;
	background: url(images/before_arrow.gif) no-repeat center;
	text-indent:-9999px;
	margin:85px 0 0 0;
}
div.before_img_after01{
	display:block;
	text-align:center;
	clear:both;
}
div.before_img_after01 img{
	background:url(images/common_img_bg01.jpg) no-repeat bottom right;
	padding:8px;
	margin-bottom:5px;
}
img.before_img_before01{
	background:url(images/before_img_before01_bg.jpg) no-repeat bottom center;
	padding-bottom:39px;
}

/* items */
p.itemPhoto {
	text-align: center;
	margin-bottom: 25px;
}

h4.itemCatch {
	font-weight: bold;
	font-size: 120%;
	color: #cc9900;
	margin: 0 0 10px 0;
}

dl.itemDetail {
	margin: 0 15px;
}

dl.itemDetail dt {
	width: 50px;
	font-weight: bold;
}

dl.itemDetail dd {
	margin: -1.5em 0 8px 0;
	padding: 0 0 0 60px;
}


div.listItems {
}

div.listItems ul li {
	display: -moz-inline-box;
	display: inline-block;
	width: 150px;
	margin: 0 15px 20px 0;
	vertical-align: top;
}

div.listItems ul li img {
	margin-bottom: 6px;
}

* html div.listItems ul li {
  display: inline;
  zoom: 1;
}

*:first-child+html div.listItems ul li {
  display: inline;
  zoom: 1;
}


/* voice */
div#voice{
	display:block;
	margin:0 15px 50px 15px;
}
div#voice div.each{
	display:block;
	height:100%;
	width:630px;
	background:url(images/voice_bg.jpg) no-repeat bottom right #222C3F;
	margin-bottom:30px;
	padding:20px;
	color:#FFF;
}
div#voice div.each:after{
	display:block;
	content:"";
	height:0;
	clear:both;
}
div#voice img{
	background:url(images/common_img_bg01.jpg) no-repeat bottom right;
	padding:5px;
	float:left;
	margin:0 20px 0 0;
}
div#voice div.txt{
	padding:0 0 0 10px;
}
div#voice div.txt b{
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	padding:2px 0 0 10px;
	background:url(images/common_icon_03.gif) no-repeat 0 0;
}
div#voice div.txt b a{
	color:#FFF;
	text-decoration:none;
}
div#voice div.txt b a:hover{
	color:#9CC;
}
div#voice div.txt p{
	display:block;
	margin:8px 0 0 0;
}
div#voice div.txt span{
	display:block;
	margin:10px 0 0 0;
	background:url(images/voice_btn_sekou.gif) no-repeat;
	width:141px;
	height:20px;
	float:right;
}
div#voice div.txt span a{
	display:block;
	background:url(images/voice_btn_sekou.gif) no-repeat;
	width:141px;
	height:20px;
	text-indent:-9999px;
	outline:none;
	overflow:hidden;
}
div#voice div.btn_next{
	display:block;
	clear:both;
	width:141px;
	margin:0 0 0 529px;
}
div#voice div.btn_next img{
	padding:0;
	margin:0;
	float:none;
}

/* event */
div#eventPage{
	display:block;
	margin:0 15px 50px 15px;
}
div#eventPage div.each{
	display:block;
	height:100%;
	width:630px;
	background:url(images/voice_bg.jpg) no-repeat bottom right #222C3F;
	margin-bottom:30px;
	padding:20px;
	color:#FFF;
}
div#eventPage div.each:after{
	display:block;
	content:"";
	height:0;
	clear:both;
}
div#eventPage img{
	background:url(images/common_img_bg01.jpg) no-repeat bottom right;
	padding:5px;
	float:left;
	margin:0 20px 0 0;
}
div#eventPage div.txt{
	padding:0 0 0 10px;
}
div#eventPage div.txt b{
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	padding:2px 0 0 10px;
	background:url(images/common_icon_03.gif) no-repeat 0 0;
}
div#eventPage div.txt b a{
	color:#FFF;
	text-decoration:none;
}
div#eventPage div.txt b a:hover{
	color:#9CC;
}
div#eventPage div.txt p{
	display:block;
	margin:8px 0 0 0;
}
div#eventPage div.txt span{
	display:block;
	margin:10px 0 0 0;
	background:url(images/event_btn_detail.gif) no-repeat;
	width:121px;
	height:20px;
	float:right;
}
div#eventPage div.txt span a{
	display:block;
	background:url(images/event_btn_detail.gif) no-repeat;
	width:121px;
	height:20px;
	text-indent:-9999px;
	outline:none;
	overflow:hidden;
}

/* faq */
div#faq{
	display:block;
	margin:-20px 15px 50px 15px;
}
div#faq p{
	display:block;
	margin:0 20px 30px 20px;
}

div#faq h3{
	display:block;
	background:url(images/faq_t01.gif) no-repeat #222C3F;
	width:635px;
	font-weight:bold;
	font-size:110%;
	color:#FFF;
	line-height:1.2;
	padding:8px 0 8px 35px;
	margin-bottom:15px;
}
div#faq ul{
	display:block;
	list-style-type:none;
	margin:0 20px 40px 20px;
}
div#faq ul li{
	display:block;
	background:url(images/common_icon_01.gif) no-repeat 0 5px;
	padding:3px 0 7px 20px;
	border-bottom:#222C3F 1px dotted;
	margin-bottom:7px;
}
div#faq ul li a:link{
	text-decoration:none;
}
div#faq div.answer{
	display:block;
	background:url(images/faq_a.gif) no-repeat top left;
	padding:10px 20px 20px 105px;
	border-bottom:#222C3F 1px dotted;
}
div#faq div.answer p{
	display:block;
	margin:0 0 15px 0;
}
div#faq div.btn{
	display:block;
	margin:20px 20px 0 0;
	text-align:right;
}

/*staff*/
div#staff{
	display:block;
	margin:0 15px 50px 15px;
}
div#staff div.each{
	display:block;
	clear:both;
	margin-bottom:50px;
}
div#staff div.each:after{
	display:block;
	content:"";
	height:0;
	clear:both;
}
div#staff div.each img{
	background:url(images/staff_img_bg.gif) no-repeat;
	padding:3px 3px 3px 3px;
	float:left;
	margin:0 10px 10px 0;
}
div#staff div.each div.txt{
	display:block;
	width:427px;
	float:left;
}
div#staff div.each div.txt h4{
	display:block;
	background:url(images/staff_bg01.gif) no-repeat right bottom #2E3C54;
	color:#FFF;
	font-weight:bold;
	padding:5px;
	margin:0 0 10px 0;
}
div#staff div.each div.txt ul{
	display:block;
	
	list-style-type:none;
}
div#staff div.each div.txt ul li{
	display:block;
	height:100%;
	padding-bottom:7px;
	margin-bottom:7px;
	border-bottom:#CCC 1px dotted;
}
div#staff div.each div.txt ul li:after{
	display:block;
	content:"";
	height:0;
	clear:both;
}
div#staff div.each div.txt ul li b{
	display:block;
	width:100px;
	float:left;
	font-weight:normal;
}
div#staff div.each div.txt ul li p{
	display:block;
	width:327px;
	height:100%;
	float:left;
	line-height:1.5;
	margin:0;
}

/*price*/
div#price{
	display:block;
	margin:0 15px 100px 15px;
}
div#price h3{
	display:block;
	background:url(images/price_t_bg.gif) no-repeat;
	width:655px;
	height:22px;
	font-weight:bold;
	font-size:110%;
	color:#FFF;
	line-height:1.2;
	padding:8px 0 0 15px;
	margin:0;
}
div#price div.kouji{
	display:block;
	width:668px;
	clear:both;
	border:#222C3F 1px solid;
	margin-bottom:50px;
	text-align:center;
	padding:20px 0 0 0;
}
div#price div.kouji:after{
	display:block;
	content:"";
	height:0;
	clear:both;
}
div#price div.kouji img{
	margin-bottom:20px;
}
div#price div.kouji p{
	display:block;
	margin:0 30px 20px 30px;
	padding:0;
	text-align:left;
}
div#price div.kouji span{
	display:block;
	background:url(images/price_bg02.gif) no-repeat;
	float:left;
	color:#FFF;
	font-size:160%;
	font-weight:bold;
	padding:3px 0 0 100px;
	width:170px;
	height:27px;
	line-height:1.3;
	margin:0;
}
*html div#price div.kouji span{
	margin-bottom:-20px;
}
*+html div#price div.kouji span{
	margin-bottom:-20px;
}

/*flow*/
div#flow{
	display:block;
	margin:0 15px 70px 15px;
}
div#flow ul{
	display:block;
	list-style-type:none;
}
div#flow ul li{
	display:block;
	clear:both;
	height:100%;
	background:url(images/flow_arrow.gif) no-repeat bottom center;
	padding:0 0 70px 0;
	margin-bottom:15px;
}
div#flow ul li:after{
	display:block;
	content:"";
	height:0;
	clear:both;
}
div#flow ul li h3{
	display:block;
	width:600px;
	height:45px;
	font-weight:bold;
	font-size:150%;
	color:#212C3F;
	padding:15px 0 0 70px;
	margin-bottom:15px;
}
div#flow ul li img{
	background:url(images/case_img_large_bg.jpg) no-repeat right bottom;
	float:left;
	padding:5px;
	margin:0 20px 0 15px;
}
div#flow ul li div.txt{
	display:block;
	width:395px;
	float:left;
}
div#flow ul li.step06{
	background:none;
	padding:0;
}
div#flow ul li.step01 h3{
	background:url(images/flow_step1.gif) no-repeat;
}
div#flow ul li.step02 h3{
	background:url(images/flow_step2.gif) no-repeat;
}
div#flow ul li.step03 h3{
	background:url(images/flow_step3.gif) no-repeat;
}
div#flow ul li.step04 h3{
	background:url(images/flow_step4.gif) no-repeat;
}
div#flow ul li.step05 h3{
	background:url(images/flow_step5.gif) no-repeat;
}
div#flow ul li.step06 h3{
	background:url(images/flow_step6.gif) no-repeat;
}

/*service*/
div#service{
	display:block;
	margin:0 0px 70px 15px;
}
div#service h3{
	display:block;
	width:670px;
	height:30px;
	text-indent:-9999px;
	margin-bottom:15px;
}
div#service p{
	display:block;
	margin:0 10px 20px 10px;
}
div#service div#service01 h3{
	background:url(images/service_t01.gif) no-repeat;
}
div#service div#service02 h3{
	background:url(images/service_t02.gif) no-repeat;
}
div#service div#service03 h3{
	background:url(images/service_t03.gif) no-repeat;
}
div#service div#service04 h3{
	background:url(images/service_t04.gif) no-repeat;
}
div#service div#service01,
div#service div#service02{
	display:block;
	margin-bottom:50px;
}
div#service div#service03 span,
div#service div#service04 span{
	display:block;
	width:156px;
	margin:10px 0 0 514px;
}
div#service div#service03 ul,
div#service div#service04 ul{
	display:block;
	list-style-type:none;
	margin-left:10px;
	_margin-left:5px;
}
div#service div#service03 ul li,
div#service div#service04 ul li{
	display:block;
	margin-bottom:30px;
}
div#service div#service03 ul li b
div#service div#service04 ul li b{
	display:block;
	margin-bottom:10px;
}
div#service div#service04 ul li img {
	/*padding-left:10px;*/
}
div#service div#service04 ul li b img {
	margin-bottom:10px;
	padding-left:0px;
}


/*shop*/
div#shop{
	display:block;
	margin:0 15px 70px 25px;
}
div#shop div.btn{
	display:block;
	margin:-10px 0 0 510px;
	background:url(images/shop_btn.gif) no-repeat;
	width:155px;
	height:25px;
}
div#shop div.btn a{
	display:block;
	background:url(images/shop_btn.gif) no-repeat;
	width:155px;
	height:25px;
	text-indent:-9999px;
	outline:none;
}
div#shop h3{
	display:block;
	background:url(images/shop_txt01.gif) no-repeat;
	width:515px;
	height:60px;
	text-indent:-9999px;
	margin-bottom:10px;
}
div#shop img.shop{
	border:#222C3F 2px solid;
	margin-bottom:20px;
}
div#shop p{
	display:block;
	margin:0 0 15px 0;
}
div#shop div.shop01{
	display:block;
	padding-top:20px;
}
div#shop div.shop01:after{
	display:block;
	content:"";
	height:0;
	clear:both;
}
div#shop div.shop01 div.photo{
	display:block;
	width:164px;
	float:left;
}
div#shop div.shop01 div.photo img{
	border:#222C3F 2px solid;
	margin-bottom:5px;
}
div#shop div.shop01 div.photo b{
	display:block;
	/*background:url(images/shop_txt02.gif) no-repeat;
	text-indent:-9999px;
	height:30px;*/
	width:164px;
	text-align:center;
}
div#shop div.shop01 div.map{
	display:block;
	width:459px;
	background:url(images/shop_bg1.gif) no-repeat;
	padding:20px 2px 2px 2px;
	float:right;
}
div#shop div.shop02{
	display:block;
	clear:both;
	padding-top:20px;
}
div#shop div.shop02 b{
	display:block;
	background:url(images/shop_txt03.gif) no-repeat;
	width:541px;
	height:114px;
	text-indent:-9999px;
	margin:10px auto 0 auto;
}
div#shop div.txt04{
	display:block;
	margin-bottom:20px;
	text-align:center;
}
/*showroom*/
div#showroom{
	display:block;
	margin:0 15px 70px 25px;
}
div#showroom div.btn{
	display:block;
	margin:-10px 0 0 510px;
	background:url(images/showroom_btn.gif) no-repeat;
	width:155px;
	height:25px;
}
div#showroom div.btn a{
	display:block;
	background:url(images/showroom_btn.gif) no-repeat;
	width:155px;
	height:25px;
	text-indent:-9999px;
	outline:none;
}
div#showroom h3{
	display:block;
	background:url(images/showroom_txt01.gif) no-repeat;
	width:462px;
	height:60px;
	text-indent:-9999px;
	margin-bottom:10px;
}
div#showroom img.showroom{
	border:#222C3F 2px solid;
	margin-bottom:20px;
}
div#showroom p{
	display:block;
	margin:0 0 15px 0;
}
div#showroom div.showroom01{
	display:block;
	padding-top:20px;
}
div#showroom div.showroom01:after{
	display:block;
	content:"";
	height:0;
	clear:both;
}
div#showroom div.showroom01 div.photo{
	display:block;
	width:164px;
	float:left;
}
div#showroom div.showroom01 div.photo img{
	border:#222C3F 2px solid;
	margin-bottom:5px;
}
div#showroom div.showroom01 div.photo b{
	display:block;
	/*background:url(images/showroom_txt02.gif) no-repeat;
	height:30px;
	text-indent:-9999px;*/
	width:164px;
	margin-bottom:5px;
	text-align:center;
}
div#showroom div.showroom01 div.photo p{
	display:block;
	font-size:80%;
}
div#showroom div.showroom01 div.map{
	display:block;
	width:459px;
	background:url(images/shop_bg1.gif) no-repeat;
	padding:20px 2px 2px 2px;
	float:right;
}
div#showroom div.showroom02{
	display:block;
	clear:both;
	padding-top:30px;
	text-align:center;
}

/*company*/
div#company{
	display:block;
	margin:0 15px 20px 15px;
}
div#company01,
div#company02{
	display:block;
	margin:0 0 50px 0;
}
div#company01 h3,
div#company02 h3{
	display:block;
	margin:0 0 20px 0;
}
div#company table{
	border-collapse:collapse;
	border:#222C3F 1px solid;
	margin:0 10px;
}
div#company table th{
	border:#222C3F 1px solid;
	padding:8px 8px 8px 20px;
	text-align:left;
	vertical-align:top;
	background:url(images/common_icon_02.gif) no-repeat 8px 13px #E4E4E4;
	color:#222C3F;
	font-weight:bold;
	width:20%;
}
div#company02 table th{
	padding:8px;
	background:#E4E4E4;
}
div#company table td{
	border:#222C3F 1px solid;
	padding:8px;
	width:80%;
}
div#company table td ul{
	display:block;
	list-style-type:disc;
	margin:0 0 0 20px;
}

/*facility*/
div#facility{
	display:block;
	margin:0 15px 100px 15px;
	padding-top:15px;
}
div#facility h3{
	display:block;
	margin:0 0 20px 15px;
}
div#facility h4{
	display:block;
	margin:0 0 15px 15px;
}
div#facility h5{
	display:block;
	background:url(images/price_t_bg.gif) no-repeat;
	width:655px;
	height:22px;
	font-weight:bold;
	font-size:110%;
	color:#FFF;
	line-height:1.2;
	padding:8px 0 0 15px;
	margin:0 0 20px 0;
}
div#facility table{
	border-collapse:collapse;
	border:#999 1px solid;
	width:500px;
	margin:0 0 50px 15px;
}
div#facility table th{
	border:#999 1px solid;
	padding:7px 20px;
	background:#e3f0f6;
	width:80%;
}
div#facility table td{
	border:#999 1px solid;
	padding:7px 0;
	width:20%;
	text-align:center;
}
div#facility div.image{
	display:block;
	width:668px;
	clear:both;
	margin-bottom:50px;
	text-align:center;
}

/*smokewood*/
div#smokewood_btn{
	display:block;
	text-align:center;
	margin:50px 0 30px 0;
}
div#smokewood_btn img{
	margin:0 5px;
}
div#smokewood01,
div#smokewood02,
div#smokewood03,
div#smokewood04{
	display:block;
	margin:0 0 15px 15px;
}
div#smokewood01 h3,
div#smokewood02 h3,
div#smokewood03 h3,
div#smokewood04 h3{
	display:block;
	margin-bottom:15px;
}
div#smokewood01 p,
div#smokewood02 p,{
	display:block;
	margin:0 20px 0 10px;
}
div#smokewood03 p,
div#smokewood04 p{
	display:block;
	margin:0px;
}
div#smokewood03 p .text,
div#smokewood04 p .text{
	display:block;
	margin:0 20px 0 10px;
}

/*smokewood01*/
div#smokewood01 img.img01{
	margin-bottom:40px;
}
div#smokewood01 ul{
	display:block;
	list-style-type:none;
	margin:0 20px 0 10px;
}
div#smokewood01 ul li{
	display:block;
	clear:both;
	margin:0 0 15px 0;
}
div#smokewood01 ul li:after{
	display:block;
	content:"";
	height:0;
	clear:both;
}
div#smokewood01 ul li img{
	float:right;
}
div#smokewood01 ul li div.txt{
	display:block;
	float:left;
}
div#smokewood01 ul li.li01 div.txt{
	width:460px;
}
div#smokewood01 ul li.li02 div.txt{
	width:520px;
}
div#smokewood01 ul li.li03 div.txt{
	width:470px;
}
div#smokewood01 ul li div.txt b{
	display:block;
	float:none;
	margin:15px 0;
}
div#smokewood01 ul li div.txt b img{
	float:none;
}

div#smokewood01 ul li div.txt ol{
	display:block;
	list-style-type:disc;
	margin:0 0 0 30px;
}
div#smokewood01 ul li div.txt ol li{
	display:block;
	margin:0 0 10px 0;
}
div#smokewood01 strong{
	display:block;
	clear:both;
	text-align:center;
	margin:0 0 50px 0;
	padding-top:10px;
}
div#smokewood01 p{
	display:block;
	margin:0 20px 0 10px;
}
div#smokewood01 img.img02{
	margin:0 0 10px 50px;
}
/*smokewood02*/
div#smokewood02 b{
	display:block;
	margin-bottom:20px;
}
div#smokewood02 ul{
	display:block;
	list-style-type:none;
	margin:30px 60px 30px 30px;
}
div#smokewood02 ul li{
	display:block;
	background:url(images/smokewood_p2_icn.gif) no-repeat 0 5px;
	padding:0 0 0 15px;
	margin-bottom:10px;
}
div#smokewood02 p{
	margin-bottom:15px;
}
div#smokewood02 img.img{
	margin:0 0 50px 20px;
}
div#smokewood02 table{
	border-collapse:collapse;
	border:#999 1px solid;
	margin:0 20px 50px 15px;
}
div#smokewood02 table th{
	border:#999 1px solid;
	padding:7px 10px;
	background:#e3f0f6;
	width:20%;
	text-align:center;
}
div#smokewood02 table td{
	border:#999 1px solid;
	padding:7px 10px;
	width:80%;
}
/*smokewood03*/
div#smokewood03 div.smokewood03_img img{
	margin-bottom:10px;
}
div#smokewood03 p{
	margin-bottom:40px;
}
/*smokewood04*/
div#smokewood04 div#facility{
	display:block;
	margin:15px 0 0 0;
}


/* tokutei law */

#tokutei_list {
	width: 600px;
	margin: 10px 10px 10px 40px;
	padding: 10px 0 10px 20px;
	color: #a0514a;
	border: 2px solid #222C3F;
	background-color: #FFFFFF; }

	#tokutei_list p {
		float: left;
		width: 90px;
		margin: 0 auto 0 10px;
		padding: 0 0 0 5px;
		display: inline;
		background-position: center left ;
		color:#222C3F;
		font-weight:bold;
		line-height: 24px; }

	#tokutei_list ul {
		margin: 0 0 5px 25px;
		padding: 0 0 0 20px;
		color: #222C3F;
		list-style: none;
		background-color: #FFFFFF; }

	#tokutei_list li {
		width: 450px;
		margin: 0 0 5px 70px;
		padding: 0 0 0 10px;
		color: #222C3F;
		list-style: none;
		border-bottom: 1px dotted #999999;
		line-height: 22px;
		background-color: #FFFFFF; }

#tokutei li {
	font-weight: normal;
	line-height: 22px;
	list-style-type: none;
	text-align: left;
	color: #666666; }

.tokutei_w {
	width: 500px;
	font-weight: normal;
	line-height: 1.5;
	list-style-type: none;
	text-align: left;
	color: #666666; }

/* privacy policy */
#policy #box {
	padding: 0px;
	width: 640px;
	margin: 0px auto 20px auto; }

#policy .box01 {
	width: 610px;
	padding: 0px;
	margin: 0px auto 30px auto;
	background-color: #fff;
	border: 2px solid #222C3F; }

#policy .box01 { zoom: 1; /*for IE 5.5-7*/ }

	#policy .box01:after {
		content: "."; /*for modern browser*/
		display: block;
		height: 0px;
		clear: both;
		line-height: 0;
		visibility: hidden; }

	#policy .box01 img {
		padding: 5px;
		border: 1px solid #ccc;
		background-color: #eeeeee;
		margin: 10px 20px 20px 10px;
		float: right; }

#policy .box02 {
	padding: 20px;
	margin: 0px 0px 0px 0px; }

#policy div.top_txt {
	padding: 10px 10px 15px 10px;
	margin: 0px 10px 0px 10px;
	color: #222C3F;
	line-height: 140%;
	letter-spacing: 1px; }

#policy ul {
	padding: 0px 0px 4px 20px;
	letter-spacing: 2px; }

	#policy ul li {
		text-indent: -1.3em;
		list-style: none;
		padding-left: 10px;
		margin: 0px 0px 10px 5px; }


/* # sidebar
---------------------------------------------------------------------------- */

div#sidebar {
	float: left;
	width: 230px;
	margin-top: 5px;
}

div#sidebar #contactBnr {
	margin:0 0 15px;
	padding-left:37px;
	padding-top:145px;
	height:70px;
	background:url(images/common_bg_bnr_contact.gif) no-repeat;
}

div#sidebar #contactBnr a{
	width:155px;
	height:25px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
	background:url(images/common_bnr_contact.gif) no-repeat;
}

div#sidebar #contactBnr a:hover{
	width:155px;
	height:25px;
	display:block;
	text-indent: -9999px;
	overflow:hidden;
	background:url(images/common_bnr_contact_hover.gif) no-repeat;
}

div#sidebar div#sNavi {
	width: auto;
	margin-bottom: 20px;
	background: url(images/common_bg_snav.gif) no-repeat 0 100%;
	zoom: 1;
}

div#sidebar div#sNavi dl {
	padding: 10px;
	background: url(images/common_bg_snav_head.jpg) no-repeat 0 0;
	width: auto;
	zoom: 1;
}

div#sidebar div#sNavi dl dt {
	text-indent: -9999px;
	height: 1px;
}

div#sidebar div#sNavi dl dd ul li {
	margin-bottom: 10px;
}

div#sidebar div#sNavi dl dd.sub ul li {
	margin: 0 4px 10px 4px;
}

div#sidebar ul.banner li {
	margin-bottom: 5px;
}

div#sidebar p#shopInfo {
	margin: 0 0 15px -4px;
}

div#sidebar p#shopInfo img {
	position: relative;
}


div#sidebar dl#information {
	margin: 0 0 15px 0;
}

div#sidebar dl#information dt {
	margin: 0 0 10px 0;
}

div#sidebar dl#information dd ul li {
	margin: 0 0 8px 10px;
}



div#sidebar div#messageArea {
	margin-bottom: 15px;
	background: url(images/common_bg_message.gif) no-repeat 0 0;
}

div#sidebar div#messageArea h3 {
	margin: 0 0 15px 0;
}


div#sidebar div#messageArea p.messagePhoto {
	text-align: center;
	margin: 0 0 12px 0;
}

div#sidebar div#messageArea p.ownerName {
	text-align: center;
}

div#sidebar div#messageArea p.message {
	margin: 0 15px;
}


div#sidebar div.bannerArea ul {
	width: 205px;
	margin: 0 auto;
}

div#sidebar div.bannerArea ul li {
	font-size: 80%;
	margin-bottom: 15px;
	text-align: center;
}

div#sidebar div.bannerArea ul li img {
	margin-bottom: 3px;
}



/* # footer
---------------------------------------------------------------------------- */

div#footer {
	display:block;
	clear: both;
	padding: 8px 0 80px 0;
	background: #1f293a;
}

div#footer p#copyright {
	margin-bottom: 0;
	color: #FFF;
	text-align: center;
}


/* # clearfix
---------------------------------------------------------------------------- */

div#pageBody:after,
div#pageBodySecond:after,
div#header:after,
div#header ul#utility:after,
div#contentInner:after,
div.section:after,
div#content div.section ul.caseList:after,
ul.beforeAfter:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#pageBody,
div#pageBodySecond,
div#header,
div#header ul#utility,
div#contentInner,
div.section,
div#content div.section ul.caseList,
ul.beforeAfter {
	display: inline-block;
	height:100%;
}
/* Hides from IE-mac \*/
* html div#pageBody,
* html div#pageBodySecond,
* html div#header,
* html div#header ul#utility,
* html div#contentInner,
* hmml div.section,
* html div#content div.section ul.caseList,
* html ul.beforeAfter {
	height: 1%;
}
div#pageBody,
div#pageBodySecond,
div#header,
div#header ul#utility,
div#contentInner,
div.section,
div#content div.section ul.caseList,
ul.beforeAfter {
	display: block;
}
/* End hide from IE-mac */


/* #11 common classes
---------------------------------------------------------------------------- */
* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); } 


p.pageTop {
	clear: both;
	text-align: right;
	margin: -7px 35px 35px 0;
}

p.pageTop a {
}

p.date {
	margin-bottom: 0;
}


p.detailBtn {
	clear: both;
	text-align: right;
	margin-right: 20px;
}

ul.pageSitemap {
	margin: 0 15px 5px 15px;
	text-align:center;
}

ul.pageSitemap li {
	font-size: 80%;
	display: inline;
	margin: 0 6px 0 0;
	padding: 0 0 0 9px;
	background: url(images/common_bg_caselist.gif) no-repeat 0 0;
}

ul.pageSitemap li a:hover {
	text-decoration: underline;
}

p#pageTagline {
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin: 20px 0 0 0;
}

p.contactBtn {
	clear: both;
	text-align: center;
}

ul.pageMove {
	width: 670px;
	margin: 0 auto 25px auto;
}

ul.pageMove li.back {
	width: 300px;
}

ul.pageMove li.foward {
	margin-top: -1.5em;
	text-align: right;
}


/* Modules Table Of Contents
----------------------------------------

# offscreen
# float clear
# float
# align
# valign
# rollover
# font color
# font size
# last list 
# clearfix
# inline-block

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


/* # offscreen
---------------------------------------------------------------------------- */

.offscreen {
	text-indent: -9999em;
	position: absolute;
	overflow: hidden;
}


/* # float clear
---------------------------------------------------------------------------- */

.clearLeft  { clear:left; }
.clearRight { clear:right; }
.clearBoth  { clear:both; }


/* # float
---------------------------------------------------------------------------- */

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


/* # align
---------------------------------------------------------------------------- */

.alignLeft   { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight  { text-align: right !important; }


/* # valign
---------------------------------------------------------------------------- */

.valignBaseline { vertical-align: baseline; }


/* # rollover
---------------------------------------------------------------------------- */

.imgover {}


/* # font color
---------------------------------------------------------------------------- */

.attention { 
	color: #ff0000; 
}

.required { 
	color: #ff6666; 
}

.red {
	color: #FF0000;
}

/* # font size
---------------------------------------------------------------------------- */

.smallText { font-size: 83%; }


/* # last list 
---------------------------------------------------------------------------- */

.lastList {
	background: none !important;
	border: none !important;
	margin-right: 0 !important;
}


/* # clearfix 
---------------------------------------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* # inline-block
---------------------------------------------------------------------------- */

.inlineBlock {
	display: -moz-inline-box;
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .inlineBlock {
	display: inline;
	height: 1%;
}

*:first-child+html .inlineBlock {
	display: inline;
	height: 1%;
}
/* End hide from IE-mac */

div#eventPage_detail {
margin:15px 15px 40px;
}

a:hover img{
opacity: 0.5;
filter: alpha(opacity=60);
}

a.alpha:hover img{
filter: alpha(opacity=60);
opacity:0.6}

#back-next {
text-align:center;
font-weight:bold;
}

/*--------------------------------------------------------------------
各カテゴリページのサムネイルリスト　共通
--------------------------------------------------------------------*/

#common_thumnail_list {
	padding:0;
	width:680px;
	margin:0 auto;
}
#common_thumnail_list .list_box {
	float:left;
	margin:0 7px 20px;
	_margin:0 5px 20px;
	width:211px;
}

#common_thumnail_list .list_box p.img {
	border:2px solid #1B2332;
	margin:0px;
}
#common_thumnail_list .list_box .thum_txt {
	color:#777777;
	font-size:12px;
	letter-spacing:1px;
	line-height:130%;
	padding:6px;
	text-align:center;
}

#common_thumnail_list .list_box .thum_txt a{
	color:#777777;
	font-size:12px;
	letter-spacing:1px;
	line-height:130%;
}

#map_canvas {
	width:459px;
	height:300px;
}