@charset "utf-8";
/* ============================================================
	Main.css Ver 1.5
============================================================ */
/* ////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////

	[ Common Section ]

//////////////////////////////////////////////////////////// */

/* ============================================================
	Common Style
============================================================ */
body {
	background-color: #463219;
	color: #333333;
	font-size: 62.5%; /* 10px */
	font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.8em;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

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


.hide {
	visibility: hidden;
}
.t-hide {text-indent:-9999px;}

/* ============================================================
	ClearFix
============================================================ */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size:0.1em;
}
.clearfix {
	min-height: 1px;
	display:inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.turn {
  clear: both;
}
.edge {
	margin: 0px;
	padding: 0px;
}





/* ////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////

	[ Navigation Section ]

//////////////////////////////////////////////////////////// */

/* ============================================================
	Global Navigation
============================================================ */
#global-navi {
	background-image: url(../images/g_navi_bg.jpg);
	background-repeat: repeat-x;
	height: 40px;
	padding-bottom: 5px;
	width: 740px;
	padding-left: 60px;
	margin-bottom: 15px;
}
#global-navi ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
#global-navi li {
	margin: 0px;
	padding: 0px;
	display: inline;
	height: 40px;
	float: left;
}
#global-navi a {
	text-decoration:none;
	overflow: hidden;
	display: block;
	height: 40px;
	cursor:pointer;
	background-image: url(../images/g_navi.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;

}
#global-navi #en a {
	background-image: url(../images/g_navi_en.jpg);
}

#global-navi #naviA a, #naviA li{width:101px;}
#global-navi #naviB a, #naviB li{width:100px;}
#global-navi #naviC a, #naviC li{width:100px;}
#global-navi #naviD a, #naviD li{width:125px;}
#global-navi #naviE a, #naviE li{width:135px;}
#global-navi #naviF a, #naviF li{width:103px;}

#naviA a{background-position:0px 0px;}
#naviB a{background-position:-101px 0px;}
#naviC a{background-position:-201px 0px;}
#naviD a{background-position:-301px 0px;}
#naviE a{background-position:-426px 0px;}
#naviF a{background-position:-561px 0px;}
/*
#global-navi #naviA a:hover,#global-navi #naviA a.hover{background-position:0px -40px;}
*/



/* ////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////

	[ Layout Section ]

//////////////////////////////////////////////////////////// */

/* ============================================================
	Body & Wrapper
============================================================ */
body {
	min-width:900px;
}

#wrapper {
	width: 806px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-top: 10px;
}
#wrapper .bg-flower-left {
	position: absolute;
	left: -108px;
	top: 112px;
	z-index: 10;
}
#wrapper .bg-flower-right {
	position: absolute;
	left: 710px;
	top: 83px;
	z-index: 10;
}


/* ============================================================
	Global Header
============================================================ */
#global-header {

}
#global-header h1 {
	text-indent: -9999px;
}
#global-header #logo {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	height: 73px;
	width: 614px;
}
#global-header #logo-en {
	background-image: url(../images/logo_en.png);
	background-repeat: no-repeat;
	height: 73px;
	width: 614px;
}
#global-header #logo a,#global-header #logo-en a {
	display: block;
	height: 73px;
	width: 614px;
	overflow: hidden;
	text-indent: -9999px;
}
#global-header .header-contents {
	text-align: right;
	padding-right: 100px;
	font-size: 1.2em;
	vertical-align: middle;
	padding-top: 4px;
	margin-bottom: 10px;
}

#global-header .header-contents img {
	display: inline;
	vertical-align: middle;
	margin-right: 10px;
}





/* ============================================================
	Global Sidebar
============================================================ */
#global-sidebar {
 
}

/* ============================================================
	Contents
============================================================ */
#contents {
	background-image: url(../images/contents_inner_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	padding-top: 20px;
	padding-right: 6px;
	width: 800px;
	padding-bottom: 30px;
}
#contents .inner {

}
#contents .inner h2 {
	background-repeat: no-repeat;
	height: 40px;
	width: 689px;
	margin-left: 90px;
	margin-bottom: 20px;
}
#contents a {
	color: #930;
}

#contents-bottom {
	background-image: url(../images/contents_bottom_bg.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 806px;
}


 

/* ============================================================
	Global Footer
============================================================ */
#global-footer {
	color: #FFF;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
 
}
#global-footer p {
	padding-top: 5px;
	padding-bottom: 5px;
}

#global-footer .footer-logo img {
	display: inline;
}
#global-footer #footer-navi {
	margin-bottom: 20px;
}
#global-footer #footer-navi li {
	display: inline;
	font-size: 1.2em;
}
#global-footer #footer-navi li a {
	color: #FFF;
	margin-right: 10px;
	margin-left: 10px;
}





/* ////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////

	[ Page Elements Section ]

//////////////////////////////////////////////////////////// */
/* ============================================================
	Top Page
============================================================ */
#top {
 
}
#top .inner {
	position: relative;
}
#top .inner .bg-flower-left02 {
	position: absolute;
	left: -55px;
	top: 2333px;
	z-index: 10;
}
#top .inner .bg-left-photo {
	position: absolute;
	left: -31px;
	top: 259px;
	z-index: 10;
}
#top .inner .bg-flower-right02 {
	position: absolute;
	left: 673px;
	top: 513px;
	z-index: 10;
}
#top .inner .bg-flower-right03 {
	position: absolute;
	left: 708px;
	top: 2683px;
	z-index: 10;
}
#top #contents .inner h2 {
	background-repeat: no-repeat;
	height: 40px;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

#top .corporate-image {
	height: 662px;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/top_corporate_image.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#top .corporate-image-en {
	height: 662px;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/top_corporate_image_en.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
#top .product-list h2 {
	background-image: url(../images/h2_product_list.png);
}
#top .product-list .h2-en {
	background-image: url(../images/h2_product_list_en.png);
}
#top .product-list article {
	background-image: url(../images/product_bg.png);
	background-repeat: no-repeat;
	height: 223px;
	width: 722px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
#top .product-list figure {
	width: 300px;
	float: left;
}
#top .product-list .item-detail {
	float: right;
	width: 400px;
}
#top .product-list .item-detail .title {
	font-size: 20px;
	color: #ff3caf;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
#top .product-list .item-detail .number {
	font-size: 16px;
	color: #000;
	padding-bottom: 5px;
}
#top .product-list .item-detail .price {
	background-image: url(../images/product_price_bg.png);
	background-repeat: no-repeat;
	height: 43px;
	width: 392px;
	padding-bottom: 5px;
	padding-top: 10px;
	padding-left: 10px;

}
#top .product-list .item-detail .price span{
	font-size: 28px;
	font-weight: bold;
	color: #ff3caf;
	vertical-align: middle;
	padding-top: 2px;
}

#top .product-list .item-detail .price img {
	vertical-align: middle;
	display: inline;
}
#top .product-list .item-detail form .btn-buy {
	background-image: url(../images/product_btn_buy.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 281px;
	cursor:pointer;
	text-indent: -9999px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-bottom: 5px;
}

#top .product-list .item-detail form .en {
	background-image: url(../images/product_btn_buy_en.jpg);
}

#top .product-list .item-detail .remark {
	font-size: 12px;
}

#top .customer-voice h2 {
	background-image: url(../images/h2_customer_voice.png);
}
#top .customer-voice .h2-en {
	background-image: url(../images/h2_customer_voice_en.png);
}
#top .customer-voice ul {
	width: 725px;
	margin-right: auto;
	margin-left: auto;
}
#top .customer-voice ul li {
	float: left;
	margin-right: 15px;
}

#top .customer-voice ul .voice-A {
	height: 405px;
	width: 229px;
	background-image: url(../images/customer_voice_01.png);
	background-repeat: no-repeat;
}
#top .customer-voice ul .voice-A-en {
	background-image: url(../images/customer_voice_01_en.png);
}
#top .customer-voice ul .voice-B {
	height: 405px;
	width: 234px;
	background-image: url(../images/customer_voice_02.png);
	background-repeat: no-repeat;
}
#top .customer-voice ul .voice-B-en {
	background-image: url(../images/customer_voice_02_en.png);
}
#top .customer-voice ul .voice-C {
	height: 405px;
	width: 229px;
	background-image: url(../images/customer_voice_03.png);
	background-repeat: no-repeat;
	margin-right: 0px;
}
#top .customer-voice ul .voice-C-en {
	background-image: url(../images/customer_voice_03_en.png);
}

/* ============================================================
	Acount Page
============================================================ */
#acount {
 
}
#acount h2{
	background-image: url(../images/h2_acount.png);
 
}
#acount h2.en{
	background-image: url(../images/h2_acount_en.png);
 
}
#acount section {

}
#acount section .inner {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
}

#acount section h3 {
	font-size: 13px;
	font-weight: bold;
	color: #463219;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 15px;
}
#acount section p {
	font-size: 1.2em;
	margin-bottom: 25px;
	padding-right: 10px;
	padding-left: 10px;

}
#acount section ul {
	margin-bottom: 25px;

}
#acount section ul li {
	font-size: 1.2em;
	text-indent: -16px;
	padding-right: 10px;
	padding-left: 26px;
}
#acount section ul li img {
	display: inline;
	vertical-align: middle;
}


/* ============================================================
	Credit Page
============================================================ */
#credit {
 
}
#credit h2{
	background-image: url(../images/h2_credit.png);
 
}
#credit h2.en{
	background-image: url(../images/h2_credit_en.png);
 
}
#credit section {

}
#credit section .inner {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
}

#credit section h3 {
	font-size: 13px;
	font-weight: bold;
	color: #463219;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 15px;
}
#credit section p {
	font-size: 1.2em;
	margin-bottom: 25px;
	padding-right: 10px;
	padding-left: 10px;

}
#credit section p img {
	display: inline;
	vertical-align: middle;
}
#credit section p span {
	color: #F00;

}


/* ============================================================
	Company Page
============================================================ */
#company {
 
}
#company h2{
	background-image: url(../images/h2_company.png);
 
}
#company h2.en{
	background-image: url(../images/h2_company_en.png);
 
}
#company section {

}
#company section .inner {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
}
#company section .inner table {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	width: 720px;
	font-size: 1.2em;
}
#company section .inner table th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	width: 139px;
	padding: 8px;
	vertical-align: middle;
}
#company section .inner table td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding: 8px;
}
#company section .inner table ul {
	padding-top: 10px;
}
#company section .inner table ul li {
	padding-left: 19px;
	text-indent: -19px;
	padding-bottom: 5px;
}


/* ============================================================
	Faq Page
============================================================ */
#faq {
 
}
#faq h2{
	background-image: url(../images/h2_faq.png);
 
}
#faq h2.en{
	background-image: url(../images/h2_faq.png);
 
}
#faq section {

}
#faq section .inner {
	width: 723px;
	margin-right: auto;
	margin-left: auto;
}
#faq section .inner article {
	margin-bottom: 20px;

}
#faq section .inner article h3{
	border: 2px solid #473319;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #473319;
}
#faq section .inner article .answer {
	width: 723px;
	margin-bottom: 20px;
	background-image: url(../images/faq_answer_bg_top.png);
	background-repeat: no-repeat;
	padding-top: 10px;
}
#faq section .inner article .answer .text {
	padding-right: 13px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(../images/faq_answer_bg.png);
	background-repeat: repeat-y;
	font-size: 1.2em;
}
#faq section .inner article .answer .bottom {
	background-image: url(../images/faq_answer_bg_bottom.png);
	background-repeat: no-repeat;
	height: 5px;
	width: 723px;
}

/* ============================================================
	Privacypolicy Page
============================================================ */
#privacypolicy {
 
}
#privacypolicy h2{
	background-image: url(../images/h2_privacypolicy.png);
 
}
#privacypolicy h2.en{
	background-image: url(../images/h2_privacypolicy_en.png);
 
}
#privacypolicy section {

}
#privacypolicy section .inner {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
}

#privacypolicy section h3 {
	font-size: 13px;
	font-weight: bold;
	color: #463219;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 15px;
}
#privacypolicy section p {
	font-size: 1.2em;
	margin-bottom: 25px;
	padding-right: 10px;
	padding-left: 10px;

}
#privacypolicy section .inner .text-A {
	margin-bottom: 10px;
}

#privacypolicy section .inner .end {
	text-align: right;
}

#privacypolicy section ul {
	margin-bottom: 20px;
	font-size: 1.2em;

}
#privacypolicy section  .list-A li {
	text-indent: -16px;
	padding-right: 10px;
	padding-left: 45px;
}
#privacypolicy section .list-B li {
	text-indent: -16px;
	padding-right: 10px;
	padding-left: 36px;
}

/* ============================================================
	Contact Page
============================================================ */
#contact {
 
}
#contact h2{
	background-image: url(../images/h2_contact.png);
 
}
#contact h2.en{
	background-image: url(../images/h2_contact_en.png);
 
}
#contact section {

}
#contact section .inner {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
}

#contact section h3 {
	font-size: 13px;
	font-weight: bold;
	color: #463219;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 15px;
}
#contact section p {
	font-size: 1.2em;
	margin-bottom: 25px;
	padding-right: 10px;
	padding-left: 10px;
	width: 540px;
	margin-right: auto;
	margin-left: auto;
}
#contact section .inner p span, #contact section .inner table span {
	color: #FF4BC8;
}
#contact section .inner .mailform {
	width: 543px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/contact_bg_top.png);
	background-repeat: no-repeat;
	padding-top: 5px;
}
#contact section .inner .mailform table {
	background-image: url(../images/contact_bg.png);
	background-repeat: repeat-y;
	width: 543px;
	font-size: 1.2em;
	border-collapse:separate;
	border-spacing:10px;
}
#contact section .inner .mailform table th {
	background-color: #463219;
	padding: 4px;
	color: #FFF;
	text-align: center;
	width: 110px;
	vertical-align: middle;
}
#contact section .inner .mailform table td {

}
#contact section .inner .mailform table textarea {
	width: 300px;
	height: 100px;
}




#contact section .inner .mailform.png .bottom {
	background-image: url(../images/contact_bg_bottom.png);
	background-repeat: no-repeat;
	height: 5px;
	width: 543px;
}
#contact section .inner .mailform .btn-box {
	text-align: center;
	padding-bottom: 5px;
}

#contact section .inner .mailform .btn {
	background-image: url(../images/contact_btn_bg.jpg);
	height: 30px;
	border: 1px solid #666;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}