@charset "utf-8";
 /*----------------------------------------------------
 ヘッダー 
----------------------------------------------------*/
.header2 {
 display:block;
 width:100%;
 height:100px;
 margin: 0px auto;
 background:url(../../images/back-head.png) repeat-x top;
 }

#header-left {
 position:relative;
 float:left;
 width:200px;
 }
 
#header-center {
 display:block;
 float:left;
 width:750px;
 }

#header h1 {
 font-size:180%;
 padding:15px;
 color:#0066CC;
 }
#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;}
.img-right {float:right;}

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

 /*----------------------------------------------------
メイン 
----------------------------------------------------*/
.contents2 {
 display:block;
 width:100%;
 margin: 0px auto;
 }
.contents950 {
 display:block;
 width:950px;
 margin:0 auto;
 }
.contents-left {
 display:block;
 position:relative;
 float:left;
 width:950px;
 padding:10px 0 10px 10px;
 background-color:#FFFFFF;
 background:url(../../images/body.jpg) no-repeat right top;
 }
 
.contents-right {
 display:block;
 position:relative;
 float:right;
 width:380px;
 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;
 }

.half {
 display:block;
 text-align:center;
 position:absolute;
 top:100px;
 z-index:3;
 width:500px;
 height:400px;
 background:#FFFFFF;
 filter:Alpha(opacity=90);
 -moz-opacity:0.9;
 opacity:0.90;
 }

.half-right {
 display:block;
 text-align:center;
 position:absolute;
 top:0px;
 z-index:3;
 width:380px;
 margin:0 20px;
 background:#FFFFFF;
 filter:Alpha(opacity=75);
 -moz-opacity:0.75;
 opacity:0.75;
 background:url(../../images/body.jpg) no-repeat top;
 height:478px;
 left:570px;
 }
.half-right p {
 padding:10px;
 }

/* カテゴリー */
.category {
 display:block;
 padding-left:20px;
 }

.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:105%;
 }

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

.red-bold {
 font-size:90%;
 font-weight:bold;
 color:#FF0000;
 }
 
.red-bold-w {
 font-size:110%;
 font-weight:bold;
 color:#FF0000;
 background-color:#FFFFFF;
 width:520px;
 }
.red-bold-w img {
 float:left;
 padding-right:10px;
 padding-bottom:20px;
 padding-top:20px;
 }

.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-bold-line-venue {
 font-size:140%;
 font-weight:bold;
 margin:20px 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-yellow.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;
 height:110px;
 }

/* 商品 */
.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;}


/********************************************
プロダクトタブ
********************************************/ 
#items {
 width:850px;
 margin-top:10px;
 padding:15px 0;
 clear:both;
 }
/* root element for tabs  */
#items ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
#items ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
#items ul.tabs a { 
	background: url(../../images/blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	border-style:none;
}

#items ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
#items ul.tabs a:hover {
	background-position: 0 -31px;	
	color:#fff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#items ul.tabs a.current, #items ul.tabs a.current:hover, #items ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
	border-style:none;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
#items ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
#items ul.tabs a.s:hover 	{ background-position: -553px -31px; }
#items ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
#items ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
#items ul.tabs a.l:hover 	{ background-position: -248px -31px; }
#items ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
#items ul.tabs a.xl 		{ background-position: 0 -0px; width:248px; }
#items ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
#items ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
#items .panes div.pane {
 display:none;
 }

/* tab pane修正するときはここ */
#items .panes div {
 display:none;
 padding:15px 10px;
 border:1px solid #999;
 border-top:0;;
 font-size:90%;
 line-height:1.8;
 background-color:#fff;
 }
#items .panes p {
 font-size:105%;
 line-height:1.8;
 padding:0.5em;
 }

#items dt {float:left;}
#items dd {margin-bottom:10px;}

/********************************************
タブ
********************************************/ 
.tabContainer {
 display:block;
 width: 850px;
 margin:10px;
 }

/* タブ */
.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: 850px;
	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;
 border-bottom: 1px dotted #CCC;
 }


/********************************************
フォーム
********************************************/ 
.myform{
margin:0 auto;
width:400px;
padding:14px;
}
.myform em {color:#FF0000;}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 15px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(../../images/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

.select-class {margin-left:150px;}

/*----------------------------------------------------
 フッダー 
 ----------------------------------------------------*/
.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: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:10px;
 text-align:center;
 }

.google {
 display:block;
 position:relative;
 width:950px;
 margin:0 auto;
 }

.reg {
 font-size:85%;
 }

.red-c {color:#FF0000; padding-left:0.5em; font-size:110%;}
.blue {color:#0000FF; padding-left:0.5em; font-size:110%;}
.purple {color:#FF00FF; padding-left:0.5em; font-size:110%;}
.black {color:#000000; padding-left:0.5em; font-size:110%;}
.txt-center {text-align:center;}

.bread {
 font-size:85%;
 font-weight:normal;
 }

.aboutus {
 margin:0 auto;
 padding:20px;
 }