@charset "utf-8";

/* CSS Document */

/*------------------------------------------------------------------------------------------------------------------
　base style
-------------------------------------------------------------------------------------------------------------------*/

body{	
color:#343434;
font-size:14px;
margin:0;
height:100%;
position:relative;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.6;
overflow-x:hidden;
background-image:url(../image/back.gif);
}

body > #primary {
height: auto;
}


a:link {color:#cf3434; text-decoration:underline;}
a:visited {color:#cf3434; text-decoration:underline;}
a:hover {color:#e59c0e; text-decoration:underline;}

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

#lineup-font-size-sampler {
	display:none;
}

/*------------------------------------------------------------------------------------------------------------------
　Expression
-------------------------------------------------------------------------------------------------------------------*/

.clear { clear:both; }
.under { margin-bottom:20px; }
.right { float:right;}
.left { float:left;}
.floatside {overflow:hidden;}

.ro img:hover,.ro:hover {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.last {
	margin-bottom:0 !important;
}

h3 {
	color:#7bc53a;
	font-size:18px;
	margin:0;
	padding:0;
	margin-bottom:10px;
	font-weight:bold;
}

h4 {
	color:#7cc80f;
	font-weight:bold;
	font-size:15px;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

.photo-l {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.photo-r {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}

.photo-l img {
	height:auto;
}

.photo-r img {
	height:auto;
}

.photo-c {
	text-align:center;
}

.photo-c img {
}

/*------------------------------------------------------------------------------------------------------------------
　wp-pagenavi
-------------------------------------------------------------------------------------------------------------------*/

.wp-pagenavi {
	border-top:#d1d1d1 3px double;
	margin-top:10px;
	padding-top:40px;
	display:block !important;
	clear:both !important;
	text-align:center;
}
.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
		color:#333333 !important;
		text-shadow:0px 1px #F6F6F6 !important;
		padding:6px 9px 6px 9px !important;
		border:solid 1px #B6B6B6 !important;
		box-shadow:0px 1px #EFEFEF !important;
		-moz-box-shadow:0px 1px #EFEFEF !important;
		-webkit-box-shadow:0px 1px #EFEFEF !important;
		background:#E6E6E6 !important;
		background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
		font-size:12px !important;
		margin-right:3px !important;
		text-decoration:none !important;
}	
.wp-pagenavi a:hover {
		color:#fff !important;
		text-shadow:0px 1px #4E802C !important;
		border-color:#478223 !important;
		background:#599F2F !important;
		background:-moz-linear-gradient(top,#9FE355 1px,#79BF4A 1px,#599F2F) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9FE355),color-stop(0.02,#79BF4A),color-stop(1,#599F2F)) !important;
		color:#FFFFFF !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;

}
 .wp-pagenavi span.current{
		padding:6px 9px 6px 9px !important;
		border:solid 1px #DCDCDC !important;
		color:#fff !important;
		box-shadow:0px 1px #E7E7E7 !important;
		-moz-box-shadow:0px 1px #E7E7E7 !important;
		-webkit-box-shadow:0px 1px #E7E7E7 !important;
		margin-right:3px !important;
		text-shadow:0px 1px #4E802C !important;
		border-color:#478223 !important;
		background:#599F2F !important;
		background:-moz-linear-gradient(top,#9FE355 1px,#79BF4A 1px,#599F2F) !important;
		background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#9FE355),color-stop(0.02,#79BF4A),color-stop(1,#599F2F)) !important;
}

/*------------------------------------------------------------------------------------------------------------------
　Primary
-------------------------------------------------------------------------------------------------------------------*/

#primary {
width:100%;
height:100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#article-primary {
	background-image:url(../image/contents-under-back.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	width:100%;
}

article {
width:1000px;
margin-left:auto;
margin-right:auto;
position:relative;
padding-top:40px;
}

#left-window {
	width:700px;
	float:left;
	margin-bottom:50px;
}

#right-window {
	width:260px;
	float:right;
	margin-bottom:50px;
}

/*------------------------------------------------------------------------------------------------------------------
　Mainvisual
-------------------------------------------------------------------------------------------------------------------*/

#mainvisual {
	background-image:url(../image/mainvisual/frame.png);
	width:760px;
	height:298px;
	padding-top:12px;
	margin-left:-30px;
	margin-bottom:35px;
}

#mainvisual ul {
	list-style:none;
	margin:0;
	padding:0;
	width:686px;
	height:286px;
	margin-left:37px;
}

#mainvisual ul li {
	width:686px !important;
	height:286px !important;
}

.bx-prev { display:block; width:28px !important; height:58px !important; top:123px !important; left:9px !important; overflow:visible; }
.bx-next { display:block; width:28px !important; height:58px !important; top:123px !important; right:9px !important; overflow:visible; }
.bx-prev:hover { background-image:url(../image/mainvisual/left.png);}
.bx-next:hover { background-image:url(../image/mainvisual/right.png);}

/*------------------------------------------------------------------------------------------------------------------
　Header
-------------------------------------------------------------------------------------------------------------------*/

header {
	background-image:url(../image/header/back.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:214px;
	width:100%;
	position:relative;
}

header #header-window {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

header .logo {
	background-image:url(../image/logo-top.png);
	background-repeat:no-repeat;
	background-position:top;
	width:193px;
	height:188px;
	display:block;
	position:absolute;
	top:0;
	left:-10px;
	z-index:10;
}

header .logo a {
	background-image:url(../image/logo.png);
	background-repeat:no-repeat;
	width:183px;
	height:121px;
	display:block;
	position:absolute;
	top:67px;
	left:10px;
	z-index:10;
}

header .logo a:hover {
	animation: inout 3s ease;
	animation-iteration-count: infinite;
	-webkit-animation: inout 1s; /* Safari & Chrome */
	-webkit-animation-iteration-count:1;
	-moz-transform-origin: 50% 0;  
    -webkit-transform-origin: 50% 0;
}

@keyframes inout {
  0%   { transform :perspective( 600px ) rotateX( 0deg ); }
  25%   { transform :perspective( 600px ) rotateX( -15deg ); }
  75%   { transform :perspective( 600px ) rotateX( 15deg ); }
  100%   { transform :perspective( 600px ) rotateX( 0deg ); }
}


.top-comment {
	position:absolute;
	top:36px;
	left:215px;
	width:520px;
	height:100px;
}

h1 {
	font-size:16px;
	color:#ff8a00;
	margin:0;
	padding:0;
	text-shadow:-1px -1px #ffffff,1px -1px #ffffff,-1px 1px #ffffff,1px 1px #ffffff;
}

h2 {
	font-size:13px;
	color:#333333;
	font-weight:normal;
	margin:0;
	padding:0;
	text-shadow:-1px -1px #ffffff,1px -1px #ffffff,-1px 1px #ffffff,1px 1px #ffffff;
}

header .tel {
	background-image:url(../image/header/tel.png);
	position:absolute;
	right:-3px;
	top:32px;
	width:267px;
	height:53px;
}

header #option {
	position:absolute;
	top:89px;
	right:0;
	width:250px;
	height:26px;
}

header #option a img {
	float:right;
	margin-left:7px;
}


/*------------------------------------------------------------------------------------------------------------------
　Navi
-------------------------------------------------------------------------------------------------------------------*/

nav {
	background-image:url(../image/navi/back.png);
	background-repeat:repeat-x;
	height:70px;
	width:100%;
	position:absolute;
	bottom:0;
}

nav ul {
	width:1000px;
	height:70px;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	list-style:none;
}

nav ul li a { display:block; height:63px; background-repeat:no-repeat; float:right;}

nav ul li.navi01 a { background-image:url(../image/navi/navi01_off.png); width:132px; }
nav ul li.navi02 a { background-image:url(../image/navi/navi02_off.png); width:131px; }
nav ul li.navi03 a { background-image:url(../image/navi/navi03_off.png); width:131px; }
nav ul li.navi04 a { background-image:url(../image/navi/navi04_off.png); width:131px; }
nav ul li.navi05 a { background-image:url(../image/navi/navi05_off.png); width:131px; }
nav ul li.navi06 a { background-image:url(../image/navi/navi06_off.png); width:133px; }

nav ul li.navi01 a:hover { background-image:url(../image/navi/navi01_on.png); }
nav ul li.navi02 a:hover { background-image:url(../image/navi/navi02_on.png); }
nav ul li.navi03 a:hover { background-image:url(../image/navi/navi03_on.png); }
nav ul li.navi04 a:hover { background-image:url(../image/navi/navi04_on.png); }
nav ul li.navi05 a:hover { background-image:url(../image/navi/navi05_on.png); }
nav ul li.navi06 a:hover { background-image:url(../image/navi/navi06_on.png); }

nav ul li.navi01 a.active { background-image:url(../image/navi/navi01-active_off.png); width:132px; }
nav ul li.navi02 a.active { background-image:url(../image/navi/navi02-active_off.png); width:131px; }
nav ul li.navi03 a.active { background-image:url(../image/navi/navi03-active_off.png); width:131px; }
nav ul li.navi04 a.active { background-image:url(../image/navi/navi04-active_off.png); width:131px; }
nav ul li.navi05 a.active { background-image:url(../image/navi/navi05-active_off.png); width:131px; }
nav ul li.navi06 a.active { background-image:url(../image/navi/navi06-active_off.png); width:133px; }

nav ul li.navi01 a.active:hover { background-image:url(../image/navi/navi01-active_on.png); }
nav ul li.navi02 a.active:hover { background-image:url(../image/navi/navi02-active_on.png); }
nav ul li.navi03 a.active:hover { background-image:url(../image/navi/navi03-active_on.png); }
nav ul li.navi04 a.active:hover { background-image:url(../image/navi/navi04-active_on.png); }
nav ul li.navi05 a.active:hover { background-image:url(../image/navi/navi05-active_on.png); }
nav ul li.navi06 a.active:hover { background-image:url(../image/navi/navi06-active_on.png); }

/*------------------------------------------------------------------------------------------------------------------
　Side
-------------------------------------------------------------------------------------------------------------------*/

.contact-bana a {
	background-image:url(../image/side/contact.png);
	width:260px;
	height:140px;
	display:block;
	margin-bottom:20px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
}

.contact-bana a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.side-company {
	background-color:#ffffff;
	margin-bottom:20px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
}

.side-company .company-detail {
	padding-left:17px;
	padding-right:17px;
	padding-bottom:17px;
}

.side-company .company-detail table {
	margin-bottom:15px;
}

.side-company .company-detail table th {
	font-size:14px;
	color:#7bc53a;
	font-weight:normal;
	width:66px;
	text-align:left;
	vertical-align:top;
}

.side-company .company-detail table td {
	font-size:14px;
	color:#3c3c3c;
	vertical-align:top;
}

.side-bana01 a {
	background-image:url(../image/side/side-cate01.png);
	display:block;
	width:260px;
	height:100px;
	margin-bottom:10px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
}

.side-bana02 a {
	background-image:url(../image/side/side-cate02.png);
	display:block;
	width:260px;
	height:100px;
	margin-bottom:10px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
}

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

#footer {
	width:100%;
}

#footer-cc {
	background-image:url(../image/footer/ccback.png);
	width:100%;
	height:80px;
}

#footer-cc-window {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	color:#ffffff;
	text-shadow: 1px 1px 1px #000000;
	position:relative;
	padding-top:25px;
}

.topback a {
	position:absolute;
	top:4px;
	right:0;
	background-image:url(../image/footer/topback.png);
	width:69px;
	height:65px;
	display:block;
}

#footer-contents {
	background-image:url(../image/footer/contents-back.gif);
	width:100%;
	padding-top:44px;
	margin-top:-6px;
}

#footer-contents #footer-contents-window {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

#footer-contents #footer-contents-window .logo a {
	background-image:url(../image/footer/logo.png);
	width:312px;
	height:86px;
	float:left;
}

#footer-contents #footer-contents-window .fnavi {
	width:650px;
	height:170px;
	float:right;
	text-align:right;
}

#footer-contents #footer-contents-window .fnavi a {
	color:#e75454;
}

#footer-contents #footer-contents-window .fnavi .footer-company {
	font-size:14px;
	color:#292929;
	margin-top:20px;
}

/*------------------------------------------------------------------------------------------------------------------
　Additional
-------------------------------------------------------------------------------------------------------------------*/

.subtitle {
	background-image:url(../image/contents/subtitle.png);
	width:700px;
	height:63px;
	position:relative;
	margin-bottom:30px;
	text-indent:20px;
	line-height:66px;
	color:#f49100;
	font-size:20px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
}

.subtitle p {
	margin:0;
	padding:0;
	font-weight:bold;
	display:inline;
	padding-left:10px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#left-window iframe {
	padding:10px;
	margin-bottom:30px;
	border:solid 1px #ffcc82;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);
}

#left-window table {
	margin-bottom:30px;
	background-color:#ffc064;
	width:100%;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08);
}

#left-window table th {
	width:25%;
	background-color:#fff3e3;
	color:#e48300;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
}

#left-window table td {
	width:75%;
	background-color:#ffffff;
}

/*----------------------------------------------------------------------------
   Home
------------------------------------------------------------------------------*/

#information {
	padding-bottom:40px;
}

#information .subtitle {
	background-image:url(../image/contents/top/subtitle01.png);
	width:700px;
	height:63px;
	position:relative;
	margin-bottom:30px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.17);
}

#information .subtitle .archive-button a {
	background-image:url(../image/contents/top/archive-button_off.png);
	width:134px;
	height:40px;
	position:absolute;
	right:10px;
	top:13px;
}

#information .subtitle .archive-button a:hover {
	background-image:url(../image/contents/top/archive-button_on.png);
}

#information #information-list-primary {
	height:573px;
	overflow:hidden;
	position:relative;
}

#subpage #information #information-list-primary {
	height:auto;
	overflow:visible;
	position:relative;
}

#information #information-list-primary .information-list {
	width:668px;
	height:auto;
	padding-bottom:25px;
}

#subpage #information #information-list-primary .information-list {
	width:698px;
	height:auto;
	padding-bottom:25px;
}

#information #information-list-primary .information-list .title {
	height:53px;
	border-left:4px solid #a7d57e;
	padding-left:18px;
	font-size:18px;
	color:#7bc53a;
	font-weight:bold;
	line-height:23px;
	padding-top:2px;
	margin-bottom:20px;
}

#information #information-list-primary .information-list .title span {
	font-size:15px;
	color:#676767;
	font-weight:normal;
}

#information #information-list-primary .information-list .photo {
	padding:7px;
	float:left;
	margin-right:28px;
	margin-bottom:20px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.13);
}

#point {
	background-image:url(../image/contents/top/point-back.png);
	height:446px;
	width:100%;
}

#point #point-window {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

#point .point-list {
	width:304px;
	height:361px;
	float:left;
	margin-top:44px;
	margin-right:44px;
	background-position:top;
	background-repeat:no-repeat;
	background-color:#ffffff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.13);
}

#point .point-list.cate01 { background-image:url(../image/contents/top/point01.png); }
#point .point-list.cate02 { background-image:url(../image/contents/top/point02.png); }
#point .point-list.cate03 { background-image:url(../image/contents/top/point03.png); margin-right:0; }


/*----------------------------------------------------------------------------
   Company
------------------------------------------------------------------------------*/

#company {
}

#company .mv {
	background-image:url(../image/contents/company/mv.png);
	width:700px;
	height:200px;
	margin-top:-30px;
	margin-bottom:30px;
}

#company .company-main-comment {
	margin-bottom:20px;
	text-align:center;
}

#company .company-main-comment p {
	display:block;
	margin:0;
	padding:0;
	text-align:center;
	margin-bottom:15px;
	color:#7bc53a;
	font-size:22px;
	font-weight:bold;
	line-height:20px;
}

#company .company-main-comment p span {
	font-size:14px;
	color:#C7C7C7;
	font-family:"Times New Roman", Times, serif;
}


/*----------------------------------------------------------------------------
   Contact
------------------------------------------------------------------------------*/

#contact {
}

#contact .mv {
	background-image:url(../image/contents/contact/mv.png);
	width:700px;
	height:200px;
	margin-top:-30px;
	margin-bottom:30px;
}

/*----------------------------------------------------------------------------
   Products
------------------------------------------------------------------------------*/

#products {
}

#products .mv {
	background-image:url(../image/contents/products/mv.png);
	width:700px;
	height:200px;
	margin-top:-30px;
	margin-bottom:40px;
}

.category-name {
	border-top:3px solid #7fce59;
	height:65px;
	color:#45c00b;
	font-size:18px;
	font-weight:bold;
	padding-top:15px;
}

.category-name span {
	color:#8d8d8d;
}

.products-primary {
	width:730px;
}

.products-list a {
	width:218px;
	min-height:218px;
	display:block;
	text-decoration:none;
	background-color:#ffffff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
	margin-right:23px;
	margin-bottom:23px;
	float:left;
}

.products-list a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.products-list a .thum {
	width:218px;
	height:170px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}

.products-list a .title {
	padding:17px;
	color:#434343;
	font-size:15px;
}

.pan {
	font-size:14px;
	color:#000000;
	margin-bottom:25px;
	margin-top:-5px;
}

.pan a {
	color:#e98700;
}

.products-detail {
	margin-bottom:25px;
}

.products-detail img {
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
	max-width:700px;
	height:auto;
}

.products-detail iframe {
	margin-top:0px !important;
	margin-bottom:0px !important;
	border:none !important;
	padding:0 !important;
}

.products-under-navi {
	text-align:center;
}

.show-back a {
	height:46px;
	line-height:46px;
	border:2px solid #7bc53a;
	padding-left:38px;
	padding-right:38px;
	text-align:center;
	display:inline-block;
	font-size:18px;
	color:#3bb501;
	text-decoration:none;
}

.show-back a span {
	margin-right:10px;
}

.show-back a:hover {
	background-color:#7bc53a;
	color:#ffffff;
}

/*----------------------------------------------------------------------------
   Result
------------------------------------------------------------------------------*/

#result {
}

#result .mv {
	background-image:url(../image/contents/result/mv.png);
	width:700px;
	height:200px;
	margin-top:-30px;
	margin-bottom:30px;
}

.result-primary {
	width:730px;
}

.result-list a {
	width:328px;
	min-height:292px;
	display:block;
	text-decoration:none;
	background-color:#ffffff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
	margin-right:23px;
	margin-bottom:23px;
	float:left;
	text-align:center;
}

.result-list a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.result-list a .thum {
	width:328px;
	height:246px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}

.result-list a .title {
	padding:17px;
	color:#434343;
	font-size:15px;
}


/*----------------------------------------------------------------------------
   ShowRoom
------------------------------------------------------------------------------*/

#showroom {
}

#showroom .mv {
	background-image:url(../image/contents/showroom/mv.png);
	width:700px;
	height:200px;
	margin-top:-30px;
	margin-bottom:30px;
}

#showroom .showroom-comment {
	margin-bottom:5px;
	font-size:28px;
	color:#45c00b;
	font-weight:bold;
}

#showroom .contents01 {
	margin-left:-11px;
	margin-top:20px;
}

#showroom .contents02 {
	margin-top:20px;
}

#showroom .contents03 {
	border:solid 4px #e8e8e8;
	background-color:#ffffff;
	padding:20px;
	background-image:url(../image/contents/showroom/contents03.png);
	background-repeat:no-repeat;
	background-position:top;
	margin-top:15px;
	position:relative;
	padding-top:194px;
}

#showroom .contents03 .option01 {
	position:absolute;
	top:88px;
	left:20px;
	width:360px;
	height:100px;
}

#showroom .contents03 .option01 span {
	color:#3ac56e;
}

#showroom .contents03 .option02 {
	width:700px;
}

#showroom .contents03 .option02 img {
	margin-right:20px;
	float:left;
}

/*----------------------------------------------------------------------------
   Q&A
------------------------------------------------------------------------------*/

#qa {
}

#qa .mv {
	background-image:url(../image/contents/qa/mv.png);
	width:700px;
	height:200px;
	margin-top:-30px;
	margin-bottom:30px;
}

#qa-rule {
	background-color:#ffffff;
	border:3px solid #edde99;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
	padding:3px;
	margin-bottom:40px;
}

#qa-rule ul {
	display:block;
	background-image:url(../image/contents/qa/rule-back.gif);
	list-style:none;
	margin:0;
	padding:0;
	width:94%;
	height:96%;
	padding-left:3%;
	padding-right:3%;
	padding-top:2%;
	padding-bottom:2%;
}

#qa-rule ul li {
	background-image:url(../image/contents/qa/list-icon.png);
	background-repeat:no-repeat;
	background-position:0px 6px;
	margin:0;
	padding:0;
	color:#ff1010;
	padding-left:17px;
	margin-bottom:5px;
}

#qa-rule ul li a {
	color:#ff1010;
}

#qa-rule ul li a:hover {
	color:#ffa132;
}

.qa-list {
	margin-bottom:20px;
	background-color:#ffffff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}

.qa-list .qa-title {
	background-image:url(../image/contents/qa/q-title-back.png);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#f2f2f2;
	border-top:4px solid #d53838;
	padding-top:25px;
	padding-bottom:30px;
	position:relative;
	padding-left:74px;
	font-size:18px;
	color:#242424;
}

.qa-list .qa-answer {
	background-image:url(../image/contents/qa/a.png);
	background-position:top left;
	background-repeat:no-repeat;
	min-height:40px;
	margin-left:20px;
	padding-left:53px;
	color:#d53838;
	font-weight:bold;
	font-size:18px;
	line-height:25px;
	padding-top:8px;
	margin-top:20px;
	margin-bottom:15px;
}

.qa-list .qa-detail {
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	font-size:16px;
	color:#242424;
}

.qa-icon-q {
	background-image:url(../image/contents/qa/q.png);
	width:40px;
	height:40px;
	position:absolute;
	left:20px;
	top:20px;
}

/*----------------------------------------------------------------------------
   PP
------------------------------------------------------------------------------*/

#pp {
}

#pp h4 {
	text-indent:3px;
}

#pp h4 span {
	margin-right:5px;
}

#pp .pp-list {
	border-bottom:1px dotted #CDCDCD;
	margin-bottom:20px;
	padding-bottom:20px;
}

/*----------------------------------------------------------------------------
   sitemap
------------------------------------------------------------------------------*/

.sitemap-list {
	float:left;
	width:210px;
	margin-right:20px;
	line-height:1.8;
}

.sitemap-list ul {
	margin:0;
	padding:0;
	margin-left:20px;
}

.sitemap-list ul li ul {
	padding-left:0px;
}


/*----------------------------------------------------------------------------
   recruit
------------------------------------------------------------------------------*/

.recruit-text {
	margin-bottom:20px;
}