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

@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: #808080; 	text-decoration: none;}
a:link {
	color: #808080;
	text-decoration: none;
}
a:visited {  }
a:hover   { color: #ff931e;}
a:active  {  }

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

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: #666;
	text-align: center;
}


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

div#layout {
	text-align: left;
}


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

div#header {
	padding-top: 10px;
}

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

div#header #tagline {
	margin: 0 0 8px 0;
}

div#header #logo {
	padding: 0;
}

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

div#header ul#utility {
	float: right;
	margin: -60px 0 0 0;
}

div#header ul#utility li {
	display: inline;
	background: url(images/common_icon_arrow.gif) no-repeat 0 2px;
	padding-left: 12px;
	margin-left: 10px;
}

div#header ul#utility li a {
	text-decoration: none;
}


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

div#gNav {
	background: url(common/images/bg_gnav.gif) repeat-x left top;
}

div#gNav dl {
	margin: 0 auto;
	width: 935px;
}

div#gNav dl dt {
	overflow: hidden;
	position: absolute;
	text-indent: -9999em;
}

div#gNav dl dd ul {
	clear: both;
	text-align: right;
	margin-bottom: 5px;
}

div#gNav dl dd ul li {
	display: inline;
	letter-spacing: 0.2em;
}

div#gNav dl dd ul li#gNavHome a {
	border-left: 1px solid #808080;
}

div#gNav dl dd ul li a {
	text-decoration: none;
	padding: 4px 20px;
	border-right: 1px solid #808080;
}

div#gNav dl dd ul li a:hover {
	color: #ff931e;
}



/* # pageBody & visual
---------------------------------------------------------------------------- */
div#visual {
	border-top: 2px solid #234f3c;
	border-bottom: 2px solid #234f3c;
}

div#visual div#visualInner {
	clear: both;
	margin: 0 auto;
	width: 935px;
	min-width: 935px;
	position: relative;
}

* html div#visual div#visualInner {
	margin: 0 auto;
	position: relative;
	width: 935px;
}




div#visual div#visualInner dl.visualNavigation {
	position: absolute;
	left: 0;
	top: 0;
	width: 172px;
	height: 464px;
	overflow: hidden;
	padding: 4px 19px 12px 17px;
	font-size: 120%;
	zoom: 1;
	z-index: 1;
	background: url(images/top_bg_visual.png) repeat 0 0;
	color:#FFF;
}




div#visual div#visualInner dl.visualNavigation a,
div#visual div#visualInner div#newsArea a {
	color: #FFF;
	text-decoration: none;
}

div#visual div#visualInner dl.visualNavigation a:hover,
div#visual div#visualInner div#newsArea a:hover {
	color: #ff931e;
}


div#visual div#visualInner dl.visualNavigation dt {
	padding: 13px 0 0 25px;
	background: url(images/common_bg_snav_title.gif) no-repeat 0 100%;
	z-index: 9999;
}

div#visual div#visualInner dl.visualNavigation dd ul li {
	padding: 7px 0 0 40px;
	background: url(images/common_bg_snav_normal.gif) no-repeat 0 100%;
	z-index: 9999;
}

div#visual div#visualInner dl.visualNavigation dd ul li.lastChild {
	background: url(images/common_bg_snav_end.gif) no-repeat 0 100%;
}

div#visual div#visualInner div#newsArea {
	position: absolute;
	top: 0;
	right: 0;
	width: 220px;
	height: 220px;
	overflow: auto;
	padding: 15px 8px;
	background: url(images/top_bg_visual.png) repeat 0 0;
}

div#visual div#visualInner div#newsArea dl dt {
	color: #FFFFFF;
	margin-bottom: 10px;
	padding-left: 20px;
	background: url(images/common_icon_news_arrow.gif) no-repeat 0 5px;
	font-size: 120%;
}

div#visual div#visualInner div#newsArea dl dd ul li {
	margin-bottom: 8px;
	padding: 0 0 0 8px;
	background: url(images/common_icon_news.gif) no-repeat 0 5px;
	color:#FFF;
}



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

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

/*
*:first-child+html div#visualInner h1 {
	margin-left: -5501px;
}
*/

div#pageBody {
	margin: 0 auto 20px;
	padding: 17px 0 0;
	text-align: left;
	width: 935px;
}


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

div#content {
	float: right;
	width: 700px;
}


div#content h2 {
	font-size: 120%;
	margin-bottom: 10px;
	border-bottom: 1px solid #234f3c;
}

div#content h2 span {
	color: #FFFFFF;
	padding: 4px 60px 4px 20px;
	background: url(images/common_bg_mh.gif) no-repeat 100% 100%;
}

div#content h2.title {
	border: 0;
	font-size: 160%;
	display: block;
	font-weight: bold;
	padding: 10px 5px 18px 5px;
	zoom: 1;
	background: url(images/common_bg_mh_second.gif) no-repeat 0 100%;
}

div#content h2.title span {
	color: #454545;
	padding: 0;
	background: none;
}


div#content h3 {
	font-weight: bold;
	padding-bottom: 4px;
	margin-bottom: 8px;
	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;
}


div#content h4 {
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 8px;
	background: url(images/common_icon_h4.gif) no-repeat 0 4px;
}

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


div#content div#eventInfo.section dl {
	margin: 0 50px 15px 20px;
}

div#content div#eventInfo.section dl dt {
	width: 150px;
	float: left;
	clear: left;
	margin-bottom: 22px;
}

div#content div#eventInfo.section dl dd {
	width: 450px;
	float: right;
	line-height: 1.8;
	padding: 2px 0 6px 0;
	background: url(images/common_bg_note_dotted.gif) repeat-y 0 0;
}

div#content div#eventInfo.section dl dd .title {
	font-weight:bold;
}

div#mapInfo.section {
	border-top: 1px solid #234f3c;
	padding: 22px 0 0 17px;
}

div#mapInfo.section p.map {
	width: 362px;
	float: left;
}

div#mapInfo.section ul.shopList {
	width: 310px;
	float: right;
}

div#mapInfo.section ul.shopList li {
	margin-bottom: 12px;
	line-height: 1.4;
	font-size: 80%;
}

div#mapInfo.section ul.shopList li strong {
	color: #234f3c;
	font-size: 120%;
	font-weight: normal;
}


ul.topBnr li.case {
	float: left;
	margin-bottom:20px;
}


ul.topBnr li.recommend {
	float: right;
}


/* Exterior */

div.gardenDesign ul {
	margin-left: 25px;
}

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

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

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

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

div.gardenDesign ul li dl dt {
	font-weight: bold;
}

div.gardenDesign ul li dl dd {
	margin-left: 3px;
	padding-left: 12px;
	background: url(images/common_icon_arrow_sub.gif) no-repeat 0 4px;
	color: #808080;
}




div.listItems {
	margin-left: 25px;
}

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;
}

div.listItems ul li dl dt {
	font-weight: bold;
	padding-bottom: 3px;
	margin-bottom: 3px;
	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;
}

div.listItems ul li dl dd.caseName {
	font-weight: bold;
}


div.detail div.section p {
	margin-bottom: 25px;
}

div.detail div.section p.mainPhoto {
	margin-bottom: 5px;
	text-align:center;
}

div.detail div.section ul.detailPhotoList li {
	width: 345px;
	margin-bottom: 25px;
}

div.detail div.section ul.detailPhotoList li.photoFirst {
	float: left;
}

div.detail div.section ul.detailPhotoList li.photoSecond {
	float: right;
}

div.detail div.section ul.detailPhotoList li dl dt {
	margin-bottom: 5px;
}

div.detail div#customerVoice.section dl dt {
	width: 350px;
	float: left;
	margin-right: 10px;
}

div.detail div#customerVoice.section dl dd {
	width: 340px;
	float: left;
}


div.plan div.section div.RightBox {
	/*width: 380px;*/
	margin-left:350px;
}

div#content.plan h4 {
	margin-bottom: 12px;
}


/* garden service */
div#content.gardenService h3 {
	margin-bottom: 10px;
}

div#content.gardenService div.servicePhotoArea {
	width: 300px;
	float: left;
}

div#content.gardenService div.servicePhotoArea ul.photoList li {
	margin-bottom: 10px;
}

div#content.gardenService div.serviceTextArea {
	width: 380px;
	float: right;
}


div#content.gardenService div.section ul.plantList {
	
}

div#content.gardenService div.section ul.plantList li {
	display: -moz-inline-box;
	display: inline-block;
	width: 120px;
	margin: 0 15px 0 0;
	vertical-align: top;
	font-size: 80%;
}


* html div#content.gardenService div.section ul.plantList li {
  display: inline;
  zoom: 1;
}

*:first-child+html div#content.gardenService div.section ul.plantList li {
  display: inline;
  zoom: 1;
}

div#content.gardenService div.section ul.plantList li h5 {
	font-size: 120%;
	color: #993300;
}

div#content.gardenService div.section ul.plantList li img {
	display: block;
	margin-bottom: 6px;
}


div#content.gardenService div.section div.locaText {
	width: 420px;
	margin-right: 10px;
	float: left;
}

div#content.gardenService div.section p.locaPhoto {
	width: 122px;
	float: left;
}


div#content.gardenService div.section ul.goodsList li {
	display: -moz-inline-box;
	display: inline-block;
	width: 330px;
	margin: 0 15px 20px 0;
	vertical-align: top;
}

* html div#content.gardenService div.section ul.goodsList li {
  display: inline;
  zoom: 1;
}

*:first-child+html div#content.gardenService div.section ul.goodsList li {
  display: inline;
  zoom: 1;
}


div#content.gardenService div.section ul.goodsList ul li {
	display: -moz-inline-box;
	display: inline-block;
	width: 120px;
	margin: 0 20px 20px 0;
	vertical-align: top;
}

* html div#content.gardenService div.section ul.goodsList ul li {
  display: inline;
  zoom: 1;
}

*:first-child+html div#content.gardenService div.section ul.goodsList ul li {
  display: inline;
  zoom: 1;
}


dl.display dt {
	width: 150px;
	float: left;
}

dl.display dd {
	width: 530px;
	float: right;
}

dl.shop dt {
	width: 300px;
	float: left;
}

.shokusai{
	font-size:150%;
	line-height:200%;
}

dl.shop dd {
	line-height:200%;
	width: 300px;
	float: right;
}

div.exteriorLast {
	padding-bottom: 170px;
	background: url(images/gd07_i_02.jpg) no-repeat 100% 100%;
}

ul.maintananceList li {
	display: -moz-inline-box;
	display: inline-block;
	width: 330px;
	margin: 0 10px 20px 0;
	vertical-align: top;
	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;
}

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

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

ul.maintananceList li p {
	width: 100px;
	float: left;
}

ul.maintananceList li dl {
	width: 220px;
	float: right;
}

ul.maintananceList li dl dt {
	color: #999;
}

ul.maintananceList li dl dd {
	font-size: 120%;
}

/* conference */
dl.contactList {
	margin-bottom: 40px;
}

dl.contactList dt {
	width: 10em;
	font-weight: bold;
}

dl.contactList dd {
	margin: -1.6em 0 15px 0;
	padding: 0 0 0 10em;
}

p.contactText {
	width: 400px;
	float: left;
}

p.contactBtn {
	width: 250px;
	float: right;
}


/* shop */
div#shopInfo {
	margin-left: 25px;
}

div#shopInfo ul {
	
}

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

div#shopInfo ul li img {
	margin-bottom: 6px;
}

* html div#shopInfo ul li {
  display: inline;
  zoom: 1;
}

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

dl.shopService {
	margin-bottom: 15px;
}

dl.shopService dt {
	width: 100px;
	float: left;
}

dl.shopService dd {
	width: 580px;
	float: right;
}


/* shop detail */
div#shopLayout {
	margin-top: 45px;
}

div#shopLayout h3 {
	background: none;
}

div#shopLayout h3 span {
	font-size: 100%;
	color: #666666;
	margin: 0 25px;
}

div#shopLayout ul.shopInfo {
	width: 300px;
	float: left;
	margin-top: 25px;
}

div#shopLayout ul.shopInfo li {
	margin-bottom: 10px;
}

div#shopLayout p.map {
	width: 360px;
	float: right;
}


/* company  */
div.section dl#outline dt {
	padding-left: 12px;
	width: 8em;
	background: url(images/common_icon_arrow_sub.gif) no-repeat 0 4px;
}

div.section dl#outline dd {
	margin: -1.6em 0 15px 0;
	padding: 0 0 0 8em;
}


div#service dl {
	padding: 0 0 10px 0;
	margin-bottom: 10px;
	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;
}

div#service dl dt {
	width: 49px;
	float: left;
}

div#service dl dd {
	width: 620px;
	float: right;
}

div#service dl dd p.crestText {
	color: #00A3DE;
	margin-bottom: 5px;
}

div#service dl dd p.kanban {
	color: #ED6D20;
	margin-bottom: 5px;
}

div#service dl dd p.innatural {
	color: #234E3C;
	margin-bottom: 5px;
}

div#service dl dd p.waizm {
	color: #E00915;
	margin-bottom: 5px;
}


/* recruit */
div#content.recruit dl {
	padding: 0 0 10px 0;
	margin-bottom: 10px;
	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;
}

div#content.recruit dl dt {
	padding-left: 12px;
	width: 8em;
	background: url(images/common_icon_arrow_sub.gif) no-repeat 0 4px;

}

div#content.recruit dl dd {
	margin: -1.6em 0 5px 0;
	padding: 0 0 0 8em;
}

/* privacy */
div#content.privacy ul li {
	padding: 5px 0 5px 10px;
	border-left: 5px solid #71A728;
	margin-bottom: 15px;
}

div#content.privacy p {
	margin: 25px 0 0 550px;
}


/* link site */
div#content.linkSite dl dt {
	padding-left: 12px;
	width: 15em;
	border-left: 5px solid #71A728;
}

div#content.linkSite dl dd {
	margin: -1.6em 0 15px 0;
	padding: 0 0 0 16em;
}



/* seasonList */
ul.seasonList {
	
}

ul.seasonList {
	margin-left: 25px;
}

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

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

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

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

p.number {
	width: 150px;
	float: left;
}

ol.number {
	width: 530px;
	float: right;
}

ol.number li {
	margin-bottom: 8px;
}


/* eco goods */
div.section dl.ecoGoods {
	margin-bottom: 20px;
}

div.section dl.ecoGoods dt {
	width: 150px;
	float: left;
}

div.section dl.ecoGoods dd {
	width: 530px;
	float: right;
}


/* collaboration */
div.section dl.collaboration {
	margin-bottom: 20px;	
}

div.section dl.collaboration dt {
	width: 100px;
	float: left;
}

div.section dl.collaboration dd {
	width: 580px;
	float: right;
}

div.section dl.collaboration dd p.list_box_date {
	margin: 0;
}


div.section dl.collaboration01 {
	margin-bottom: 20px;
}

div.section dl.collaboration01 dt {
	width: 232px;
	float: left;
}

div.section dl.collaboration01 dd {
	width: 450px;
	float: right;
}


div.section div.collaboration02 {
	width: 400px;
	float: left;
}

div.section div.collaboration02 ol li {
	margin-bottom: 15px;
}


div.section div.collaboration03 {
	width: 530px;
	float: right;
}

div.section div.collaboration03 ul.linkList li {
	margin-bottom: 10px;
	padding-left: 12px;
	background: url(images/common_icon_arrow.gif) no-repeat 0 4px;
}


/* news */
div.section ul.newsList {
	margin-bottom: 15px;
	padding-bottom: 8px;
	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;
}

div.section ul.newsList li {
	display: inline;
	margin-right: 15px;
	padding-left: 12px;
	background: url(images/common_icon_arrow_sub.gif) no-repeat 0 2px;
}


div#news dl {
	padding: 0 0 10px 0;
	margin-bottom: 10px;
	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;
}

div#news dl dt {
	width: 150px;
	float: left;
}

div#news dl dd {
	/*width: 570px;
	float: right;*/
	margin-left:155px;
}

/* event */
div#event dl {
	padding: 0 0 10px 0;
	margin-bottom: 10px;
	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;
}

div#event dl dt {
	width: 240px;
	float: left;
}

div#event dl dd {
	width: 430px;
	float: right;
}

/* books */
div#books dl {
	padding: 0 0 10px 0;
	margin-bottom: 10px;
	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;
}

div#books dl dt {
	width: 210px;
	float: left;
}

div#books dl dd {
	width: 460px;
	float: right;
}


div#content.faq dl dt {
	font-size: 120%;
	padding-left: 12px;
	background: url(images/common_icon_arrow.gif) no-repeat 0 5px;
}

div#content.faq dl dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(images/common_bg_dotted.gif) repeat-x 0 100%;
}


/* contact */
table.formTable {
	width: 700px;
	border-collapse: collapse;
}

table.formTable th {
	padding: 5px;
	border: 1px solid #bbbbbb;
	vertical-align: top;
}

table.formTable td {
	padding: 5px;
	border: 1px solid #bbbbbb;
}


/* sitemap */
div#sitemap.section h3 {
	margin-top: 20px;
	padding: 0 0 1px 0;
}

div#sitemap.section h3 a {
	display: block;
	padding: 5px;
}

div#sitemap.section h3 a:hover {
	background: #d2e8d2;
}

div#sitemap.section ul {
	margin-left: 10px;
}

div#sitemap.section ul li ul li {
	padding: 10px 0 0 17px;
	background: url(images/sitemap_icon.gif) no-repeat 0 100%;
}

div#sitemap.section ul li ul li.lastChild {
	background: url(images/sitemap_icon_last.gif) no-repeat 0 100%;
}

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

div#sidebar {
	float: left;
	width: 210px;
}

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


div#sidebar div.sideDescription {
	margin-bottom: 13px;
	background: url(images/common_bg_side_descriptio.gif) no-repeat 0 100%;
}

* html div#sidebar div.sideDescription {
	padding-bottom: 30px;
}

*:first-child+html div#sidebar div.sideDescription {
	padding-bottom: 30px;
}

div#sidebar div.sideDescription dl {
	padding: 18px 14px;
	background: url(images/common_bg_side_description_head.gif) no-repeat 0 0;
}

div#sidebar div.sideDescription dl dt {
	margin-bottom: 8px;
}

div#sidebar div.sideDescription dl dd {
	font-size: 80%;
}


/* second content sideNav */
div#sidebar dl.nav {
	margin-top: -10px;
	padding: 0 19px 12px 17px;
	font-size: 120%;
	color:#808080;
}

div#sidebar dl.nav a {
	text-decoration: none;
}

div#sidebar dl.nav a:hover {
	color: #ff931e;
}

div#sidebar dl.nav dt {
	padding: 13px 0 0 25px;
	background: url(images/common_bg_s_snav_title.gif) no-repeat 0 100%;
}

div#sidebar dl.nav dd ul li {
	padding: 7px 0 0 40px;
	background: url(images/common_bg_s_snav_normal.gif) no-repeat 0 100%;
}

div#sidebar dl.nav dd ul li.lastChild {
	background: url(images/common_bg_s_snav_end.gif) no-repeat 0 100%;
}

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

div#footer {
	clear: both;
}

div#footer ul.footerNav {
	text-align: center;
	padding: 3px 0 5px 0;
	border-top: 2px solid #234f3c;
	border-bottom: 2px solid #234f3c;
}

div#footer ul.footerNav li {
	display: inline;
	font-size: 0.8em;
}

div#footer ul.footerNav li a {
	padding: 2px 6px;
	border-right: 1px solid #808080;
}

div#footer ul.footerNav li.home a {
	border-left: 1px solid #808080;
}


div#footerInner {
	margin: 0 auto;
	padding: 10px 0;
	width: 935px;
}

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

div#footerInner dl {
	width: 450px;
	float: left;
}

div#footerInner dl dt {
	float: left;
	width: 60px;
	margin-right: 10px;
}

div#footerInner dl dd {
	float: left;
	line-height: 1.2;
}

div#footerInner p#footerLogo {
	width: 192px;
	float: right;
	margin-top: 10px;
}


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

div#gNav dl dd ul:after,
div#pageBody:after,
div#footerInner:after,
div.section:after,
ul.topBnr:after,
div#content div#eventInfo.section dl:after,
ul.maintananceList li:after,
div#service dl:after,
dl.shopService:after,
div.section dl.ecoGoods:after,
div.section dl.collaboration:after,
div.section dl.collaboration01:after,
div#news dl:after,
div#event dl:after,
div#books dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#gNav dl dd ul,
div#pageBody,
div#footerInner,
div.section,
ul.topBnr,
div#content div#eventInfo.section dl,
ul.maintananceList li,
div#service dl,
dl.shopService,
div.section dl.ecoGoods,
div.section dl.collaboration,
div.section dl.collaboration01,
div#news dl,
div#event dl,
div#books dl {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html div#gNav dl dd ul,
* html div#pageBody,
* html div#footerInner,
* hmml div.section,
* html ul.topBnr,
* html div#content div#eventInfo.section dl,
* html ul.maintananceList li,
* html div#service dl,
* html dl.shopService,
* html div.section dl.ecoGoods,
* html div.section dl.collaboration,
* html div.section dl.collaboration01,
* html div#news dl,
* html div#event dl,
* html div#books dl{
	height: 1%;
}
div#gNav dl dd ul,
div#pageBody,
div#footerInner,
div.section,
ul.topBnr,
div#content div#eventInfo.section dl,
div#service dl,
dl.shopService,
div.section dl.ecoGoods,
div.section dl.collaboration,
div.section dl.collaboration01,
div#news dl,
div#event dl,
div#books dl {
	display: block;
}
/* End hide from IE-mac */


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

p.catch {
	font-size: 120%;
	font-weight: bold;
}

p.catchLarge {
	font-size: 140%;
	font-weight: bold;
	color: #234E3C;
}

strong.important {
	color: #CC0000;
}

ol#topicPath {
	position: absolute;
	top: 95px;
	right: 0;
	text-align: right
}

ol#topicPath li {
	color: #FFF;
	display: inline;
	font-weight: bold;
}

ol#topicPath li a {
	font-weight: normal;
	color: #FFFFFF;
	padding: 0 8px 0 0;
	background: url(images/common_icon_topicpath.gif) no-repeat 100% 4px;
}

ol#topicPath li a:link {
	text-decoration: none;
}

ol#topicPath li a:hover {
	color: #ff931e;
}


span.new {
	padding: 3px;
	margin-right: 2px;
	color: #FFF;
	background: #cc0000;
}

p#pageTop {
	clear: both;
	text-align: right;
	padding-top: 15px;
}

p#pageTop a {
	background: url(images/common_icon_pagetop.gif) no-repeat 0 5px;
	padding-left: 10px;
}

p.date {
	margin-bottom: 0;
}

/* 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#content.faq dl {
	width:598px;
	margin-right:auto;
	margin-left:10px;
	margin-bottom:30px;
	border-bottom:#030 1px dotted;
	padding:10px 0px 5px;
}

div#content.faq dl dt {
	font-size: 120%;
	padding-left: 25px;
	background:url(images/faq_q.gif) no-repeat left 1px;
	padding-bottom:2px;
	border-bottom:#030 2px solid;
	margin-bottom:5px;
}

div#content.faq dl dd {
	margin:0px 20px 0px 30px;
	padding-left:12px;
	padding-bottom:5px;
	background: url(images/common_icon_arrow.gif) no-repeat left 3px;
}

div#content.faq_detail dl {
	width:598px;
	margin-right:auto;
	margin-left:10px;
	margin-bottom:30px;
	border-right:#030 3px groove;
	border-bottom:#030 3px groove;
	padding:10px 10px 5px 0px;
}

div#content.faq_detail dl dt {
	font-size: 120%;
	padding-left: 25px;
	background:url(images/faq_q.gif) no-repeat left 1px;
	padding-bottom:2px;
	border-bottom:#030 2px solid;
	margin-bottom:5px;
}

div#content.faq_detail dl dd {
	margin:0px 20px 0px 30px;
	padding-left:12px;
	padding-bottom:5px;
	background: url(images/common_icon_arrow.gif) no-repeat left 3px;
}

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

/*--最下層アンダーリンク--*/

.back {
	width:320px;
	float:left;
	text-align:left;
	margin:30px 10px 40px 15px;
	}

.next {
	width:320px;
	float:right;
	clear:right;
	text-align:right;
	margin:30px 15px 40px 0px;
}

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