@charset "UTF-8";

* {margin:0;padding:0;}

/* BASIC ========================================*/

body {
text-align:center;
font-family:"メイリオ", Meiryo,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
background:url(../../images/bg01.gif) repeat-x center top;
-webkit-text-size-adjust: 100%;}

A:link {
	COLOR:#664422;TEXT-DECORATION:none;}
A:visited {
	COLOR:#880000;TEXT-DECORATION:none;}
A:hover {
	COLOR:#EE0000;TEXT-DECORATION:underline;}

body , h1 , h2 , h3 , h4 , h5 , h6 , table {
	font-size:13px;
	line-height:1.7;}

.fontsize-m {font-size:1em;}
.fontsize-m table {font-size: 1em;}
.fontsize-l {font-size: 1.05em;}
.fontsize-l table {font-size: 1em;}

.f-12 {font-size:93%; line-height:1.3;}
.f-14 {font-size:117%; line-height:1.5;}
.f-18 {font-size:150%;}

img , a {
	border: none;
	vertical-align: top;}

p {
	margin:0;
	padding:0;}
	
ol , ul , li {
	list-style:none;}

hr {
	clear:both;
	margin:40px 0;
	border:0;
    height:1px;
    background: #999;
    background-image: -webkit-linear-gradient(left, #eee, #aaa, #eee);
    background-image:    -moz-linear-gradient(left, #eee, #aaa, #eee);
    background-image:     -ms-linear-gradient(left, #eee, #aaa, #eee);
    background-image:      -o-linear-gradient(left, #eee, #aaa, #eee);}

.aligncenter {
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;}
.alignright {
	float:right;
	margin:3px 0 20px 20px;}
.alignleft {
	float:left;
	margin:3px 20px 20px 0;}

blockquote {
	margin:30px 0 0 0;
	padding:18px;
	background:#FCFaF8;
	border:2px solid #e9e6e3;
	border-radius:5px;}
.block {
	margin:30px 0 0 0;
	padding:18px;
	background:#FCFaF8;
	border:2px solid #e9e6e3;
	border-radius:5px;}
blockquote.white {
	background:#fff;
	border:2px solid #fff;}
.block-white {
	margin:30px 0 0 0;
	padding:18px;
	background:#fff;
	border:2px solid #fff;
	border-radius:5px;}


h2 {
	font-weight:normal;
	color:#2cae3b;
	font-size:224%;
	line-height:1.1;
	letter-spacing:-2px;
	padding:0 0 6px 0;
	margin:5px 0 34px 0;
	background:url(../../images/bg_h2.gif) no-repeat left bottom;}

h3 {
	color:#7f6713;
	font-size:139%;
	line-height: 1.1;
	padding:0 0 3px 0;
	border-bottom:1px dotted #444333;
	margin:0 0 18px 0;}

h4 {
	color:#661100;
	font-weight:bold;
	font-size:125%;
	line-height:1.1;
	margin:10px 0 10px 0;}

h5 {
	font-weight:normal;
	text-align:center;
	border-top:1px solid #777;
	border-bottom: 1px solid #777;
	margin:30px 0 0 0;
	padding:18px 0px;}
	
h6 {
	font-weight:normal;
	margin:9px 0 0 0;
	font-size:93%;
	line-height:1.1;
	text-align:center;}



/* btn ===================*/

.btn {
	transition:all .3s;
	filter:alpha(opacity=100)!important;
	-moz-opacity:1!important;
	opacity:1!important;}
.btn:hover {
	filter:alpha(opacity=60)!important;
	-moz-opacity:0.6!important;
	opacity:0.6!important;}



/* clearfix =========================*/

.clearfix:before , .clearfix:after {
	display:table;
	content:" ";}
.clearfix:after {
	clear:both;}



/* LAYOUT =========================*/

#wrapper {
	width:100%;}

.container-white {
	clear:both;
	width:100%;
	text-align:center;
	padding:50px 0;
	background-color:#fff;}

.container-gray {
	clear:both;
	width: 100%;
	text-align:center;
	padding:50px 0;
	background-color:#eeeeea;}

.contents {
	position:relative;
	width:980px;
	margin:0 auto;
	text-align:left;}

/* LAYOUT INDEX ========================================*/

#main {
	padding:10px 0 70px 0;
	float:left;
	width:620px;}

#main .p-title {
	padding:47px 0 5px 0;
	border-bottom:2px solid #1e437d;
	margin:0 0 24px 0;}


#sidebar {
	padding:55px 0 70px 0;
	float:right;
	width:300px;}

.fb-page {
	padding:3px;
	background-color:#e3e3e3;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;}




/* HEADER ========================================*/

#header {
	width:100%;}

#header-contents {
	position:relative;
	margin:0 auto;
	width:1000px;
	height:88px;
	text-align:left;}

#header-contents h1 {
	position:absolute;
	left:77px;
	top:56px;
	width:500px;
	z-index:1001;
	font-size:11px;
	line-height:1.1;
	color:#777;
	font-weight:normal;}
	
#header-contents #logo {
	position:absolute;
	left:-50px;
	top:0;
	width:420px;
	z-index:1000;}

#header-contents #font {
	position:absolute;
	right:0;
	top:31px;
	width:226px;
	height:28px;}
#header-contents #font li {
	float:left;}
#header-contents #font li#fontsize-m ,
#header-contents #font li#fontsize-l {
	cursor:pointer;}




/* MAINIMG ========================================*/

#mainimg {
	position:relative;
	width:100%;
	height:360px;
	border-top:2px solid #333;
	border-bottom:2px solid #333;}

#mainimg #ttl {
	display:none;
	position:absolute;
	text-align:center;
	line-height:1.1;
	font-size:109%;
	font-weight:bold;
	width:1000px;
	left:50%;
	margin:0 0 0 -500px;
	top:193px;}

#mainimg #ttl #ttl-left {
	padding:0 0 0 10px;
	text-align:left;}

#mainimg #mainimg-contents {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:360px;
	z-index:-100;
	background-repeat:no-repeat;
	background-position:center center;}




/* MAINIMG SLIDER ========================================*/

.wideslider {
	width: 100%;
	text-align:left;
	position:relative;
	overflow:hidden;
	border-top:2px solid #333;
	padding:0 0 5px 0;
	background:#333;}

.wideslider ul , .wideslider ul li {
	float:left;
	display:inline;
	overflow:hidden;}

.wideslider ul li img {
	width:100%;
	display:none;}

.wideslider_base {
	top:0;
	position:absolute;}

.wideslider_wrap {
	top:0;
	position:absolute;
	overflow:hidden;}

.slider_prev,
.slider_next {
	top:0;
	overflow:hidden;
	position:absolute;
	z-index:100;
	cursor:pointer;
	background:#000;}

.pagination {
	bottom:1px;
	left:0;
	width:100%;
	height:3px;
	text-align:center;
	position:absolute;
	z-index:200;}

.pagination a {
	margin:0 0 0 0;
	width:333px;
	height:3px;
	display:inline-block;
	overflow:hidden;
	background:#aa6600;}

.pagination a.active {
	background:#ff9900;
	filter:alpha(opacity=100)!important;
	-moz-opacity:1!important;
	opacity:1!important;}

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

.wideslider ul {
	display:inline-block;
	overflow:hidden;}




/* MENU BREAD ========================================*/

#g-menu {
	width:100%;
	height:124px;
	background:#333222 url(../../images/b00.gif) repeat-x center top;}

#g-menu ul {
	width:1000px;
	margin:0 auto;
	padding:16px 0 0 0;}
#g-menu ul li {
	float:left;}

#bread {
	clear:both;
	padding:13px 0 14px 0;
	color:#554433;
	font-size:12px;
	line-height:1.1;
	width:100%;
	background:url(../../images/b00.gif) repeat-x center bottom;}




/* FOOTER ========================================*/

#item {
	clear:both;
	width:100%;
	padding:29px 0;
	text-align:center;
	background:url(../../images/footer04.gif) repeat-y center center;}

#item td {
	width:50%;
	font-size:93%;
	line-height:1.3;}
#item td.left {
	padding:0 28px 0 3px;}
#item td.right {
	padding:0 3px 0 28px;}

#item td .txt {
	float:right;
	width:300px;}

#item td .txt .ttl {
	font-weight:bold;
	font-size:109%;
	padding:0 0 9px 0;}

#inquiry {
	clear:both;
	width:100%;
	text-align:center;
	padding:35px 0 38px 0;
	background:#355c90;}

#inquiry td {
	color:#fff;
	vertical-align:bottom;}

#footer {
	clear:both;
	width:100%;
	font-size:93%;
	text-align:center;
	padding:25px 0 25px 0;
	background:#ededed;
	color:#555;}
#footer img {
	margin:0 0 12px 0;}
#footer #footer-menu {
	padding:20px 0 0 0;
	line-height:1.1;}

#page-top {
	position:fixed;
	bottom:20px;
	right:20px;
	font-size:77%;}
#page-top a {
	background:#666;
	text-decoration:none;
	color:#fff;
	width:100px;
	padding:20px 0;
	text-align:center;
	display:block;
	border-radius:5px;}
#page-top a:hover {
	text-decoration:none;
	background:#999;}




/* PRODUCTS ========================================*/

table.p-products-intro {}
table.p-products-intro td {
	font-size:109%;
	line-height:1.5;
	vertical-align:center;}


.p-produtcs-link {
	background-color:#fff;
	padding:1px 0 1px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}
.p-produtcs-link table td {
	border:1px solid #cccbbb;
	padding:3px;
	width:25%;
	vertical-align:top;
	text-align:center;
	font-size:91%;
	line-height:1.1;}
.p-produtcs-link table td:hover {
	border:1px solid #ff9900;}
.p-produtcs-link table td a {
	display:block;
	color:#222;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:center top;}
.p-produtcs-link table td p.ttl {
	padding:30px 0 16px 0;
	font-size:209%;
	letter-spacing:-1px;}
.p-produtcs-link table td p.english {
	padding:0 0 27px 0;
	font-size:91%;}
.p-produtcs-link table td p.point {
	margin:0 10px 11px 10px;
	padding:10px 0 9px 0;
	background-color:#dfd6a0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}



table.p-products {
	margin:40px 0 0 0;}
table.p-products td {
	vertical-align:top;}

table td.td-right {
	vertical-align:top;
	padding:0 0 0 50px;}



table.p-products-list {
	border-top:1px solid #bbb;
	border-left:1px solid #bbb;
	margin:0 0 9px 0;}
table.p-products-list th {
	padding:12px 0;
	line-height:1.2;
	text-align:center;
	font-weight:normal;
	background:#f4f3e9;
	vertical-align:center;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;}
table.p-products-list td {
	padding:12px 0;
	line-height:1.2;
	text-align:center;
	vertical-align:center;
	background:#fff;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;}



#p-products-item {
	clear:both;
	margin:24px 0 0 0;
	padding:15px;
	font-size:93%;
	line-height:1.3;
	background:#eceadf;}
#p-products-item .txt {
	float:right;
	width:340px;}
#p-products-item .txt .ttl {
	font-weight:bold;
	font-size:109%;
	padding:0 0 9px 0;}



#p-kibimaru {
	position:relative;}
#p-kibimaru #p-kibimaru-contents {
	position:absolute;
	right:35px;
	top:415px;
	width:310px;}
#p-kibimaru #p-kibimaru-contents .txt {
	padding:15px;
	font-size:93%;
	line-height:1.3;
	background:#eceadf;}
#p-kibimaru #p-kibimaru-contents .txt .ttl {
	font-weight:bold;
	font-size:109%;
	padding:18px 0 9px 0;}





/* PARTS ========================================*/

.profile-ttl {
	font-family:Georgia,arial,helvetica,sans-serif;
	font-weight:normal;
	font-size:200%;
	line-height:1.1;
	letter-spacing:0.1em;}

table.p-tbl {
	margin:0 0 0 0;
	border-top:1px solid #dfdfd3;}
table.p-tbl th {
	vertical-align:center;
	text-align:center;
	background:#f7f7f0;
	padding:13px 0 12px 0;
	border-bottom:1px solid #dfdfd3;}
table.p-tbl td {
	vertical-align:top;
	padding:13px 5px 12px 10px;
	background:#fff;
	border-bottom:1px solid #dfdfd3;}
table.p-tbl td .notice {
	padding:5px 0px 0px;
	color:#CC0000;}

table.p-form {
	margin:0 40px 30px 40px;
	border-top:1px dotted #afa066;
	border-right:1px dotted #afa066;}

table.p-form th {
	text-align:center;
	line-height:1.2;
	padding:15px 0;
	background:#f5f3ed;
	border-bottom:1px dotted #afa066;
	border-left:1px dotted #afa066;}

table.p-form th .hissu {
	margin:5px 0 0 0;
	color:#F00;}
table.p-form td .notice {
	margin:6px 0 0 0;
	color:#900;}

table.p-form td {
	padding:15px 8px 15px 15px;
	background:#FFF;
	border-bottom:1px dotted #a58e3a;
	border-left:1px dotted #a58e3a;}

a.link-btn {
	display:inline-block;
	background-color:#dfdfd3;
	color:#664433;
	padding:10px 18px 9px 17px;
	line-height:1.1;
	margin:15px 6px 5px 0;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;}

a.link-btn:hover{
	background:#e3e3e0;
	color:#995544;}



/* PARTS FAQ ============================================*/


table.faq-q {
	margin:30px 0 0 20px;}

table.faq-q th {
	vertical-align:center;
	text-align:left;
	font-size:125%;
	line-height:1.1;
	color:#7f6713;
	border-right:1px dotted #444333;}
table.faq-q th p {
	padding:0 0 3px 0;
	border-bottom: 1px dotted #444333;}

table.faq-q td {
	vertical-align:top;
	text-align:left;
	font-size:109%;
	line-height:1.1;
	padding:0 0 0 19px;}
table.faq-q td p {
	padding:4px 0 4px 0;}

ul#faq-a li {
	line-height:1.4;
	margin:0 0 17px 0;
	padding:16px;
	background-color:#fcfcfa;
	border:2px solid #e9e6e3;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}
ul#faq-a li .ques {
	font-size:125%;
	font-weight:bold;
	color:#664422;
	border-bottom:1px dotted #BBB;
	padding:2px 0 4px 31px;
	margin:0 0 10px 0;
	background:url(../../images/faq_q.gif) no-repeat left top;}
ul#faq-a li .answ {
	padding:2px 0 4px 31px;
	background:url(../../images/faq_a.gif) no-repeat left top;}



/* THANKS-ERROR ========================================*/

#thanks-error {
	padding:60px 30px;
	text-align:center;}