@charset "utf-8";

/*index用のcss*/


/*ページの基本デザイン用css*/
body {
	background: url(../img/body_bg.gif) repeat-y center;
	color: #664242;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	text-align: center;
}


body,div,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0px;
	padding: 0px;
}

ol,ul {list-style: none;}




/* リンクカラー -------------------- */

a:link { color: #00CCFF; text-decoration: none; }
a:visited { color: #0000FF; text-decoration: none; }
a:hover { color: #0000FF; text-decoration: none; }


/* --------------------------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------------------- */

#head{
	background-position: left;
	height: 60px;
	width: 804px;
	margin-bottom:30px;
	border:1px solid #003366;
}
#head .header_left{
    float:left;
    margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 0px;
	height: 60px;
	width: 336px;
	background-image:url(../img/test_header003.jpg);
}    

#head .header2{

	float: right;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 468px;
}

/* --------------------------------------------------------------------------------------
 レイアウト
--------------------------------------------------------------------------------------- */

#shadow { background: url(../img/body_bg_shadow.gif) repeat-y center; }

#wrapper {
	width: 804px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#content {
	width: 804px;
	clear: both;
	margin-top: 0px;
	background-color: #330000;
	color: #FFFFFF;
}
#twocol{
   width:804px;
   float:left;
   	background-color:#910024;
   	border:1px solid #003366;
}

/* --------------------------------------------------------------------------------------
ナビゲーションバーの基本デザイン
--------------------------------------------------------------------------------------- */
#navbar {
	width: 804px;
	height: 22px;
	position: absolute;
	left: 227px;
    top: 60px;
    background-image: url(../img/nav_bk.gif);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-bottom: solid 1px #333333;
	border-top: solid 1px #333333;
	border: 1px solid #003366;
}
#navbar h2 {
    width: 113px;
	float: left;
	text-align: center;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.7em;
	color: #FFFFFF;
	border-right: solid 1px #000033;
	border-left: none;
	padding-left: 0px;
}
#navbar a{
    color: #FFFFFF;
	text-decoration: none;
}
#navbar a:hover{
    color: #0000FF;
	text-decoration: none;
}

/* --------------------------------------------------------------------------------------
 メインページの基本デザイン　　
--------------------------------------------------------------------------------------- */

#content .main{
	width:630px;
	float:right;
	margin:auto;

}

#content .special{
	width:630px;
	float:right;
	margin:auto;

}


#content .main .koushin{
	font-size:90%;
	font-weight:800;
	color:#000000;
	border-left:10px solid #C0C0C0;
	border-right:10px solid #C0C0C0;
	background-color:#CCCCCC;
	margin-top: 30px;
	margin-left:10px;
	padding-left:5px;
	margin-bottom:5px;
	padding-top:7px;
	padding-bottom:7px;
	width:auto;
	margin-right:10px;
}

#content .main p.top-info{
 font-size:80%;
 color:#FFFFFF;
 margin-top:5px;
 margin-left:15px;
 margin-right:15px;
 margin-bottom: 25px;
 line-height:150%;
}



#content .main .item_titile {
	font-size: 100%;
	margin-top:10px;
	margin-left:10px;
	line-height: 1.5em;
	color:#FFFFFF;
	background-color:#663366;
	width:auto;
	padding:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom: 7px;
	clear:both;
}



#content span.red{
	color:#FF0000;
	font-weight:bold
}

#content .main .item_box{
    margin-bottom:35px;
	text-align:justify;
	margin-left:15px;
	margin-right:5px;
	color:#FFFFFF;
    font-size:90%;
	line-height:150%;
	clear:both;
}

#content .main .item_box a {
	color: #00FFFF;
	text-decoration: none;
}

#content .main .item_box a:hover {
	color: #00FFFF;
	text-decoration: underline;
}

#content .main .item_box02{
    float:left;
	margin-bottom:20px;
	width:48%;
	margin-right:5px;
	margin-left:5px;

}
#content .title_mini{
    color:#660066;
	font-size:90%;
	line-height:normal;
}
#content .price{
    color:#FF0000;
	font-size:90%;
	text-align:center;
}
#content .item_box02 a{
    font-size:90%;
	color:#0000FF;
	text-decoration:none;
}
#content .item_box02 a:hover{
    color:#990000;
	text-decoration:underline;
}



/*写真のデザイン*/



.img2{
	float:right;
	margin-right:5px;
	margin-left:10px;
	margin-bottom:5px;
}

.img3{
	float:left;
	margin-left:10px;
	margin-bottom:5px;
}
	


#main a{
    font-size:90%;
    color:#0000FF;
	text-decoration:underline;
}
#main a:hover{
    color:#990066;
	text-decoration:underline;
}

/*フォントの基本デザイン*/

#twocol h2{
     color:#660000;
	 font-size:150%;
	 font-weight::600;
	 text-align:center;
}
#content .path{
     text-align:left;
	 margin-left:20px;
	 color:#FFFFFF;
	 font-size:90%;
}
#content .path a{
    color:#0000FF;
	text-decoration:none;
}
#content .path a:hover{
    color:#0000FF;
	text-decoration:underline;
}





#content .main .hyouji{
     font-size:120%;
	 color:#0000FF;
	 font-weight:bold;
	 text-align:center;
}

/*カートのデザイン*/
#content main .fltR { float: right; }

#content .main .fltR {
	margin-top: 18px;
	padding: 12px 0 7px;
	width: 175px;
	background: #73001f;
}

/*----------------------------------------------------------------------------------------
左サイドの基本デザイン
----------------------------------------------------------------------------------------*/
#content .leftBox {
	width:167px;
	float:left;
	text-align: left;
	margin-left: 2px;
	margin-top: 30px;
	margin-bottom: 5px;
}

#content .leftBox .info {
	margin-left: 15px;
	margin-bottom: 15px;
}

#content .leftBox li {
    font-size:80%;
    text-align: left;
    margin-left: 2px;
	background: url(../img/leftbox_bg_03.gif) no-repeat bottom right #F4F4F4;

}
#content .leftBox li a {
	display: block;
	text-align: left;
	margin-left: 2px;
	width: 160px;
	color: #990000; 
	text-decoration: none;
}

#content .leftBox li a:hover {
		display: block;
	text-align: left;
	margin-left: 2px;
	width: 160px;
	color: #33CCFF; 
	text-decoration: underline;
}

#content .leftBox .title {
	padding: 0 10px;
	background: url(../img/leftside_title_bg.gif) no-repeat;
	height: 29px;
	line-height: 29px;
	font-size: 120%;
	font-weight: bold;
	display: block;
	color: #FFFFFF;
}

#content .leftBox .listMenu {
	padding: 0 10px;
	background-image: none;
	background-color: #F4F4F4;
	color: #564344;
	font-weight: bold;
	height: 33px;
	line-height: 33px;
	font-size: 100%;

}

#content .leftBox .listMenu_mini {
	padding: 0 10px;
	background-image: none;
	background-color: #F4F4F4;
	color: #564344;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	font-size: 90%;

}

#content .leftBox .odd {
	background-color: #F0E7E0;
}

#content .leftBox .newsBox {
	background: #f7f7ef;
	padding-bottom: 10px;
	text-align: left;
	margin-left: 2px;
}

#content .leftBox .newsBox p {
	color: #FF6600;
	padding: 0 5px;
	margin-top: 5px;
	font-size: 80%;
	text-indent: 0px;
	line-height: 1.2;
}

#content .leftBox .newsBox p span {
	font-size: 90%;
	font-weight: bold;
	color: #654342;
}


#content .leftBox li .side_ad {
	margin-left: 10px;
	margin-top: 10px;
	background-color: #FFFFFF;
	font: #663366;
}

#content .leftBox li .side_ad a {
	color: #669933;
	font-size: 85%;
	font-weight: bold;
}


p.side_afad {
	margin-top: 20px;
	margin-left: 12px;
	background: none;
}
/*----------------------------------------------------------------------------------------
	商品ページのデザイン
----------------------------------------------------------------------------------------*/
#content .special{
	width:630px;
	float:right;
	margin:auto;

}

#content .special .item_titile{
	font-size:90%;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#663366;
	width:auto;
	padding:5px;
	margin-top: 30px;
	margin-left:5px;
	margin-right:10px;
	clear:both;
}
#content .special .fltL { width: 330px; }

/*写真のデザイン*/
#content .img1{
	float: left;
	margin-top: 3px;
	margin-left:5px;
	margin-right: 5px;
	margin-bottom:5px;
}

#content .img2{
    float:right;
 	margin-top: 10px;
	margin-left:10px;
	margin-right: 10px;
	margin-bottom:5px;
}

#content .img3{
	float:left;
	margin-top: 10px;
	margin-left:10px;
	margin-bottom:5px;
}

#content .img4{
    float:right;
    margin-top: 10px;
    margin-right:10px;
    margin-bottom:5px;
}



#content .special .catch03{
    font-size:90%;
	line-height:150%;
    color:#FFFFFF;
	text-align:justify;
	margin:10px;
}

/*キャッチコピーのスタイル*/
#content .special .catch {
    color:#FF0000;
	line-height:200%;
	font-size:100%;
	text-align:justify;
	margin-left:30px;
	margin-right:25px;
	clear:both;
}

/*価格のスタイル*/
#content .price_big{
    font-size:130%;
	font-weight:bold;
	text-align:center;
	color:#FF6600;
	clear:both;
	margin-top: 25px;
	margin-bottom: 25px;
}
/*商品説明のスタイル*/
#content .special .item-detail{
  border: 1px solid #F0E68C;
  width: 530px;
  margin:10px auto;
  padding:inherit;
  background-color:#FFFFCC;

}


#content .special .item-detail h5{
  color:#330000;
  font-size:95%;
  font-weight:700;
  text-align:center;
  background-color:#F0E68C;
  padding-top:3px;
  padding-bottom:3px;
  margin-top:0px
}

#content .special .spec{
  color:#666666;
  font-size:90%;
  line-height:120%;
  padding:10px;
  text-align: left;
}

#content .special .annai{
    font-size:90%;
	color:#FF0000;
	font-weight:800;
	text-align:center;
	margin-bottom:350px;
}

#content .hyouji{
     font-size:120%;
	 color:#0000FF;
	 font-weight:bold;
	 text-align:center;
}

/*カートBOXのスタイル1*/
#item_cart{
  width: auto;
  padding: 5px 20px 0;
  margin: 15px auto;
  background-color:#CCFFCC;
  border:none;
}

#bottom_name{
   color:#660099;
   font-size:90%;
   font-weight:600;
   text-align:center;  
}
#item_cart .cart{
   padding-left:50px;
   margin-bottom: 10px;
}
#item_cart h5{
    color:#FF0000;
	font-weight:700;
	font-size:90%;
	text-align:center;
	padding:5px;
    
}


#item_cart .info a{
   color:#0000FF;
   text-decoration:none;
 
}
#item_cart .info a:hover{
   color:#0000FF;
   text-decoration:underline;
}
#item_cart .img5{
   float:left;
   padding-left:10px;
   padding-bottom:10px;
}

.img5{
    float:right;
	margin:auto;
	width: 90px;
	height: 90px;
}


/*カートBOXのスタイル2*/
#item_box h5{
  color:#FF0000;
  font-weight:700;
  font-size:90%;
  text-align:center;
}
#item_cart p{
  color:#0000FF;
  margin-left:30px;
  font-size:90%;
}

#item_box{
    float:left;
    width:300px;
	padding:5px 10px 10px;
	margin:10px auto;
	background-color:#FCFAAF;
	border:none;
}

#bottom_name01{
    color:#660099;
	font-size:95%;
}
#item_box h5{
    color:#FF0000;
	font-weight:700;
	font-size:90%;
	text-align:center;

}
#item_box p{
    text-align:center;
	font-size:90%;
}
#item_box a{
    color:#0000FF;
	text-decoration:none;
}
#item_box a:hover{
    color:#0000FF;
	text-decoration:underline;
}

#content .special .cart_text {
	font-size: 100%;
	color: FFCC99;
	margin-left: 45px;
	margin-top: 20px;
}

/*サイズ表のデザイン*/

.size {
  font-size:90%;
  border-collapse:collapse;
  border:1px solid #003366;
  color:#003366;
  width : 530px; 
  margin:auto;
}
.size th{
   background-color:#FFFF99;
   padding:3px;
   margin:3px;
   font-size : 90%;
   text-align :center;
}
.size td{
	font-size:90%;
	background-color:#FFFFCC;
	padding:3px;
}
.size th,td{
  height:120%;
  border:solid 1px;
  padding:3px;
  text-align :center;
}


/* side_adのスタイル */
#side_ad{
	margin-left:20px;
	margin-top:100px;
}


#content .special .owabi{
	font-size: 90%;
	color: #FF0000;
	margin-left: 40px;
	margin-right: 15px;
	margin-top: 25px;
	margin-bottom: 20px;
}
/*----------------------------------------------------------------------------------------
	*ボトムインフォメーションのデザイン
----------------------------------------------------------------------------------------*/

#info{
	border-collapse:collapse;
	margin-top: 5px;
    margin-bottom:0px;
	font-size:90%;
}
#info th{
    background-color:#CCCCCC;
	text-align:center;
	width:400px;
	color:#000000;
	font-size:90%;
	border:1px solid #003366;
}
#info td{
    background-color:#FFFFFF;
	text-align:center;
	height:auto;
	width:400px;
	color:#000000;
	font-size:90%;
	border:1px solid #003366;
}    

#daibiki{
    width:300px;
	border-collapse:collapse;
	border:1px solid #666666;
	margin-left: 7px;
}  
#daibiki th{
    height:6px;
    background-color:#CCCCFF;
	border:1px solid #666666;
	font-size:90%;
}
#daibiki td{
    height:5px;
    text-align:right;
    border:1px solid #666666;
	background-color:#FFFFFF;
	font-size:85%;
	padding:3px;
}

#info a{
    color:#0000FF;
	text-decoration:none;
}
#info a:hover{
    color:#0000FF;
	text-decoration:underline;
}
.event{
    color:#FF0000;
	font-weight:bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*アドレスの基本デザイン用css*/
address{
	font-family:Arial,Helvetica,sans-serif;
	font-size:80%;
	font-style:normal;
	text-align:center;
	background-color:#330000;
	color:#FFFFFF;
	padding-bottom:1px;
	clear:both;
	padding-top: 3px;
	margin-top:0px;
	margin-bottom:0px;
}
address a{
  color:#FFFFFF;
}

.linkshyu{
	font-size:80%;
	text-align:center;
	color:#000000;
	margin-top:5px;
}

.linkshyu a{
	color:#6633FF;
	text-decoration:none;
}

.linkshyu a:hover{
	color:#0000FF;
	text-decoration:underline;
}