@charset "utf-8";
 /*----------------------------------------------------
 ヘッダー 
----------------------------------------------------*/
.header2 {
 display:block;
 width:100%;
 height:110px;
 margin: 0px auto;
 background:url(../../image/back.png) repeat-x left top;
 border-top:solid 3px #BAA04A;
 }

#header-left {
 position:relative;
 float:left;
 width:200px;
 }
 
#header-center {
 display:block;
 float:left;
 width:750px;
 }
#header-center h1 {
 margin-top:0.1em;
 font-size:85%;
 clear:both;
 }

#navi-menu {
 width:750px;
 margin:0 auto;
 }

.search-wrap {display:block; float:right; clear:right;}
.search {display:block; float:right; clear:right; margin:0 10px 0 0;}


.sky {
 display:block;
 width:620px;
 }
.sky p {font-size:85%; text-align:right;}

.img-left {float:left; padding:5px;}
.img-right {float:right;}

 /*----------------------------------------------------
	.navSkip (Navigation Skip)
----------------------------------------------------*/
span.navSkip {
 position: absolute;
 top: 0;
 left: 0;
 }

 /*----------------------------------------------------
メイン 
----------------------------------------------------*/
.contents2 {
 display:block;
 width:100%;
 margin: 0 auto;
 }
.contents950 {
 display:block;
 width:950px;
 margin:0 auto;
 }
.contents-left {
 display:block;
 position:relative;
 float:left;
 width:635px;
 margin-right:15px;
 padding:10px 0 10px 10px;
 background-color:#FFFFFF;
 }
 
.contents-right {
 display:block;
 position:relative;
 float:right;
 width:280px;
 clear:right;
 }

.contents-left h2 {font-size:115%; padding:12px;}
.contents-left h3 {font-size:100%; padding:6px 0 12px 12px;}
.cl-txt {font-size:90%; padding:6px 20px 6px 12px; line-height:1.8;}
#main-pro img {float:left;}
.text {
 font-size:90%;
 line-height:1.8;
 padding:1em 5em 0.2em 3em;
 }

/* カテゴリー */
.category {
 display:block;
 float:left;
 width:300px;
 }
.category ul {
 list-style:none;
 margin:0 10px 0 10px;
 }
.category li {
 background:url(../../image/y12r_cc9966.gif) no-repeat left center;
 padding:5px 10px;
 line-height:1.8;
 font-size:90%;
 border-bottom:dotted 1px #BAA04A;
 }

#special {
 width: 600px;
 height:170px;
 border:solid 1px #BAA04A;
 }

.red-bold {
 font-size:120%;
 font-weight:bold;
 color:#FF0000;
 }
.red-bold-line {
 font-size:120%;
 font-weight:bold;
 margin:1em 0 0 0;
 padding:4px 0 0 0;
 color:#FF0000;
 border-top:dotted 2px #BAA04A;
 }
.red {color:#FF0000;}

.title h2 {
 font-size:120%;
 color:#990000;
 padding:4px 0 0 12px;
 }
.title h4 {
 display:block;
 height:40px;
 background:url(../../image/title-green.png) repeat-x left top;
 width:630px;
 font-size:120%;
 color:#990000;
 margin:5px 0;
 padding:4px 0 0 6px;
 clear:both;
 }
.title950 {
 display:block;
 width:950px;
 margin:0 auto;
 }

/* 商品 */
.product-wrap {
 display:block;
 position:relative;
 width:635px;
 clear:both;
 }
.product {
 display:block;
 position:relative;
 float:left;
 width:130px;
 padding:5px;
 margin:0 5px 10px 5px;
 border:solid 1px #BAA04A;
 background-color:#FFFFFF;
 font-size:90%;
 }

/* 商品最終 */
.product-end {
 display:block;
 position:relative;
 float:left;
 width:130px;
 padding:5px;
 margin:0 5px 10px 5px;
 border:solid 1px #BAA04A;
 background-color:#FFFFFF;
 font-size:90%;
 clear:right;
 }

.product-img {
 display:block;
 height:100px;
 padding-left:5px;
 text-align:center;
 clear:both;
 }
.product-title {
 text-align:center;
 font-weight:bold;
 }
.product-txt {
 display:block;
 position:relative;
 text-align:left;
 clear:both;
 }

/* カート */
.item-cart {
 display:block;
 margin:10px 0;
 }
.item-cart-img {
 float:left;
 padding-left:60px;
 margin-top:-25px;
 }
.price {
 padding:0.4em 0.4em 0.4em 1em;
 margin:35px 0 20px 0;
 font-weight:bold;
 background-color:#FFCCCC;
 }

.side_box {
 margin-top: 15px;
 width:280px;
 }
.side_box img {margin-bottom:10px;}
.side_box p {font-size:80%; line-height:1.8; border-bottom:dotted 2px #BAA04A;}
.side_box-pline {font-size:80%; line-height:1.8; border-top:dotted 2px #BAA04A; margin-top:5px;}

/* =========================================================
■Apple Breadcrumb
========================================================= */
#header-breadcrumb {
 width:950px;
 margin: 0px auto;
 }
#breadcrumb {
 font: 11px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
 background-image:url(../../image/breadcrumb/bc_bg.png);
 background-repeat:repeat-x;
 height:30px;
 line-height:30px;
 color:#9b9b9b;
 border:solid 1px #cacaca;
 width:100%;
 overflow:hidden;
 margin:0px;
 padding:0px;
 clear:left;
 }
#breadcrumb li {
 list-style-type:none;
 float:left;
 padding-left:10px;
 z-index:9;
 }
#breadcrumb a {
 height:30px;
 display:block;
 background-image:url(../../image/breadcrumb/bc_separator.png);
 background-repeat:no-repeat;
 background-position:right;
 padding-right: 15px;
 text-decoration: none;
 color:#454545;
 }
.home {
 border:none;
 margin: 8px 0px;
 }
#breadcrumb a:hover {color:#35acc5;}

/********************************************
yugaタブ
********************************************/ 
#top-tab {
 display:block;
 width:270px;
 margin:10px 0 10px 0;
 }

.tabinweight {
 background:url(../../image/cardboard.png) no-repeat left center;
 padding-left:40px;
 margin:1em 2em;
 }
.tabinweight2 {
 background:url(../../image/attention.png) no-repeat left center;
 padding-left:40px;
 margin:1em 2em;
 font-size:85%;
 }
.tabinweight3 {
 background:url(../../image/sale_s.gif) no-repeat left center;
 padding-left:40px;
 margin:1em 2em;
 color:#FF0000;
 }

.tabNav{
	position:relative;
	z-index:10;
	*zoom:1;
}
.tabNav li{
	float:left;
	margin-right:0.25em;

}
.tabNav li a{
	display:block;
	border: 1px solid #ccc;
	padding:0.25em 0.5em;
	background-color:#eee;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	text-decoration:none;
}
.tabNav li a:hover{
	background-color:#f8f8f8;
}
.tabNav li a.active{
	background-color:#fff;
	border-bottom:1px solid #fff;
}
.tabContent{
	clear:left;
	position:relative;
	top:-1px;
	z-index:1;
	border:1px solid #ccc;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	padding:1em;
	background-color:#FFFFFF;
}
.tabContent li {line-height:1.8; border-bottom:dotted 2px #BAA04A; padding:5px 0;}

/********************************************
タブ
********************************************/ 
.tabContainer {
 width: 700px;
 margin:10px 0 10px 30px;
 }

/* タブ */
.tabContainer ul.tabMenu li {
	float: left;
	margin-left: 15px;
	padding: 0;
	position: relative;
	letter-spacing: .1em;
}

/* 未選択のタブ */
.tabContainer ul.tabMenu li a {
	display: block;
	float: left;
	padding: 5px;
	border-left: 1px solid #999;
	color: #999;
	text-decoration: none;
}

/* 選択中のタブ */
.tabContainer ul.tabMenu li.active a {
	position: relative;
	top: 1px;
	border-left: 1px solid #595959;
	color: #000;
}

/* カーソルオン時 */
.tabContainer ul.tabMenu li a:hover {
	color: #000;
}

/* Q&A */
.tabContainer dl {
	clear: both;
	width: 700px;
	padding: 5px;
}

/* Q */
.tabContainer dl dt {
	margin: 0;
	padding-left: 0;
	font-weight: bold;
	color:#0000FF;
	text-decoration:underline;
}

/* A */
.tabContainer dl dd {
 font-size:90%;
 line-height:1.8;
 margin-bottom: 15px;
 padding: 5px 60px 0 5px;
 border-bottom: 1px dotted #CCC;
 }


/*----------------------------------------------------
 フッダー 
 ----------------------------------------------------*/
.google {
 display:block;
 position:relative;
 width:950px;
 margin:10px auto;
 text-align:center;
 }
#return {
 width:950px;
 margin: 10px auto;
 padding:30px 0 30px 0;
 clear:both;
 }
#return p {
 background:url(../../image/arrow-up.gif) no-repeat left center;
 padding-left:20px;
 margin-left:700px;
 }

.footer950 {
 display:block;
 width:950px;
 margin:0 auto;
 }
.footer-top {
 display:block;
 width:100%;
 height:100px;
 margin: 0 auto;
 text-align:center;
 background-image:
 background:url(../../image/back-footer.png) left bottom;
 clear:right;
 }
.footer-top ul {
 width:950px;
 margin: 0 auto;
 text-align:center;
 }
.footer-top li {
 float:left;
 padding:0 1em;
 font-size:80%;
 border-right:solid 1px #BAA04A;
 text-align:center;
 }

.footer-bottom {
 display:block;
 position:relative;
 margin-top:30px;
 text-align:center;
 }
 
.copyright {
 display:block;
 width:950px;
 margin:0 auto;
 padding-top:30px;
 text-align:center;
 }

/* カテゴリー */
.category-main {
 display:block;
 float:left;
 width:300px;
 }
.category-main ul {
 list-style:none;
 margin:0 10px 0 10px;
 }
.category-main li {
 background:url(../../image/y12r_cc9966.gif) no-repeat left center;
 padding:5px 10px;
 line-height:1.8;
 font-size:90%;
 border-bottom:dotted 1px #BAA04A;
 }

.tt-title {
 border-bottom:dotted 3px #BAA04A;
 margin:20px 0 10px 0;
 }

/* 相互リンク */
.sogolink {
	width:580px;
	line-height:1.5;
	background:url(../../image/shape_square_link.png) no-repeat left center;
	padding-left:20px;
	margin:15px 0;
	font-size:90%;
	border-bottom:1px dotted #CC66CC;
	}

.sogolink img {padding:0 5px; text-align:left;}

.form {
 display:block;
 width:600px;
 margin:0 10px 50px 10px;
 padding:30px 10px;
 }
.form-card {
 display:block;
 width:auto;
 margin:10px;
 padding:10px 0;
 border-bottom:dotted 1px #BAA04A;
 }
.visa {
 background:url(../../image/visa.png) no-repeat left bottom;
 padding-left:40px;
 height:24px;
 }
.master {
 background:url(../../image/mastercard.png) no-repeat left bottom;
 padding-left:40px;
 height:24px;
 }
.bank {
 background:url(../../image/bank.png) no-repeat left bottom;
 padding-left:40px;
 height:24px;
 }

/* 壁紙 */
.wall {
 display:block;
 position:relative;
 float:left;
 width:260px;
 padding:2px;
 margin:10px 20px;
 border:solid 1px #BAA04A;
 background-color:#FFFFFF;
 font-size:90%;
 }
.wall-end {
 display:block;
 position:relative;
 float:left;
 width:260px;
 padding:2px;
 margin:10px 20px;
 border:solid 1px #BAA04A;
 background-color:#FFFFFF;
 font-size:90%;
 clear:right;
 }

.wall-img {
 display:block;
 text-align:center;
 clear:both;
 }

/* サイトマップカテゴリー */
.category-map {
 display:block;
 float:left;
 width:280px;
 margin:20px 0;
 }
.category-map ul {
 list-style:none;
 margin:0 10px 0 10px;
 }
.category-map li {
 background:url(../../image/y12r_cc9966.gif) no-repeat left center;
 padding:5px 10px;
 line-height:1.8;
 font-size:90%;
 border-bottom:dotted 1px #BAA04A;
 } 

/********************************************
テーブルソート
********************************************/ 
/* document styles */
.disclaimer {border-top:1px solid #ccc;color:#879AB7;padding-top:.5em;font-size:.9em;}
dl {margin:0 1em;padding:0;}
dl, form {float:left;}
li {padding:.1em 0;}
hr {clear:both;width:100%;background:#fff;height:0;border:0;border-bottom:1px solid #fff;margin:0 0 1em;padding:0;}

/* table styles */
table {border:0;padding:0;margin:0 0 1em;border-left:1px solid #336;border-top:1px solid #336;float:left;clear:left;}
tr {border:0;padding:0;margin:0;}
td, th {border:0;padding:2px 6px;margin:0;border-right:1px solid #336;border-bottom:1px solid #336;background-color:#EAEEF3;}
td[axis='number'], td[axis='date'] {text-align:center;}
th {white-space:no-wrap;background-color:#B4C4D1;padding:2px 20px;}
tfoot td {border-top:1px solid #003;}
thead th {border-bottom:2px solid #003;}
.odd td {background-color:#E8ECF1;}
.even td {background-color:#DDE5EB;}
.hover td {background-color:#A5B3C9;}
.sortedminus {background-color:#ecc;}
.sortedplus {background-color:#cec;}
.selrow td {background-color:#879AB7;}

/* source-dest example styles */
#s {float:left;}
#d {float:left;clear:none;}
form#tabletool {margin:0;padding:0.5em;}
form#tabletool fieldset {width:8em;text-align:center;}
form#tabletool legend {margin:0 auto;}
form#tabletool input {margin:0.5em;}

/*お客様の声/ */
.text_li {
 padding-left:60px;
 padding-right:1em;
 padding-top:10px;
 font-size:95%;
 line-height:1.8;
 background:url(../../image/speech_bubble_blue.png) no-repeat left center;
 border-bottom:dotted 1px #FFCC99;
 }

/*発送カレンダー/ */
.text_li2 {
 padding:1em;
 font-size:95%;
 line-height:1.8;
 border-bottom:dotted 1px #FFCC99;
 }

.star {
 background:url(../../images/star.png) no-repeat left center;
 padding-left:24px;
 font-weight:bold;
 margin-top:15px;
 }

.wallpaper {
 display:block;
 margin:50px 0 0 0;
 padding-top:30px;
 }

.news-txt {
 display:block;
 pading-bottom:20px;
 border-bottom:dotted 1px #FFCC99;
 }
.news-p {
 padding:0.3em 1.5em;
 font-size:95%;
 line-height:1.8;
 }