/**  

common.css   Date: 2009.3.13

==============================
Used Hacks are 

html>body .xxx{margin:10px} //for except IE
*html .xxx {width: 202px}  //for IE
_width//for IE4-6
behavior:url(iepngfix.htc) // png transparent for IE
*:first-child+html{}// for IE7
html* .xxx {width: 202px}  //for safari

@charset "shift_jis";

for alpha images:
xxx a:hover{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6; 
}

body{
	font-size:80%;
}

html:not(:target) body{
	font-size:90%;
}

@import url("./window.css");

==============================

**/
@import url("cart.css");
@import url("under.css");
@import url("under02.css");

/* Initial Setting */

*{margin:0; padding:0; background-repeat:no-repeat; line-height:140%; font-size:100%; font-family:verdana, Arial, Helvetica, sans-serif;}

a {text-decoration:none}

img, table {border: none}



li {list-style: none}

h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%;}

.clear{clear:both; height:0; line-height:0; font-size:0}

.space10 {height: 10px}

.space20 {height: 20px}

.space30 {height: 30px}

.space40 {height: 40px}

.space100 {height: 100px}

.left {float:left}

.right {float:right}

.Link{
	background-image: url(../images/ArrowGray.gif);
	background-position: left center;
	padding-left: 20px;
}

.Link a{
	color:#0099FF;
	text-decoration:underline
}

.Link a:hover{
	color:#FF9900;
}

.Red{
	color:#FF0000;
}

	
/* Initial Setting */


body{
	text-align:center;
	color:#333;
	background-image: url(../images/BG.gif);
	background-repeat: repeat;
	font-size:80%;
}

html:not(:target) body{
	font-size:90%;
}

#Wrapper{
	height:auto;
	text-align:center;
	border-top:solid 3px #FFCC00
}

#Contents{
	width:950px;
	text-align:left;
	margin:0 auto;
}

#Contents h1{
	color:#FFFFFF;
	font-size:10px
}

*html #Logo{
	behavior:url(iepngfix.htc)
}

#Contents #Account{
	text-align:right
}

*html #Contents #Account img{
	behavior:url(iepngfix.htc)
}

#Contents #Header ul{
	color:#FFFFFF;
	font-size:10px;
	margin-right:10px;
}

*html #Contents #Header ul{
	margin-right:0;
	margin-left:216px
}

#Contents #Header ul a{
	color:#000000;
	font-size:10px;
	font-weight:bold;
	
}

#Contents #Header ul li {
	float:left;
	margin-right:1px
}

#Contents #Header ul li a{
	float:left;
	background-image: url(../images/Bt.png);
	height: 20px;
	width: 108px;
	padding-top:16px;
	text-align:center
}

*html #Contents #Header ul li a{
	background-image: url(../images/Bt.gif);
	height: 36px;
}

#Contents #Header ul li a:hover{
	background-image: url(../images/BtH.png);
	color:#FF9900;
	padding-top:12px;
	height: 24px;
}

*html #Contents #Header ul li a:hover{
	background-image: url(../images/BtH.gif);
	height: 36px;
}



#selected a{
	background-image: url(../images/BtH.png)!important;
	color:#FF9900!important;
	padding-top:12px!important;
	height: 24px!important;
}

*html #selected a{
	background-image: url(../images/BtH.gif)!important;
	height: 36px!important;
}


#Contents #Header .right{
	position:relative
}

#Contents #Header #Welcome{
	position:absolute;
	color:#FFFFFF;
	font-size:12px;
	top:0;
	left:-80px
}

*html #Contents #Header #Welcome{
	left:140px
}

#Contents #Header #Welcome a{
	color:#0099FF;
	text-decoration:underline
}

#Contents #Header #Welcome a:hover{
	color:#FF9900
}

/************************      MAIN     *******************************************/


#MainTop{
	background-image: url(../images/ContentsTop.png);
	height: 16px;
	width: 950px;
	text-align:center;
	line-height: 16px;
}

*html #MainTop{
	behavior:url(iepngfix.htc);
	margin-top:-16px
}

#MainMid{
	background-image: url(../images/ContentsMid02.png);
	height: auto;
	width: 950px;
	background-repeat:repeat-y;
	margin-bottom:-1px
}


#MainBtm{
	background-image: url(../images/ContentsBtm02.png);
	height: 50px;
	width: 950px;
	line-height: 16px;
}

*html #MainBtm{
	behavior:url(iepngfix.htc)
}

/** LEFT BOX SETTING **/
#MainMid .left{
	width:730px;
}

#MainMid .left #inLeft{
	margin:0 0 10px 10px
}
/** //LEFT BOX SETTING **/


#Categories {
	margin-top:20px
}

#Categories h3{
	margin:10px 0
}

#Categories .left{
	width:344px;
	margin:6px 0 0 6px
}

#NewItems{
	margin:14px 0 0 0
}

#NewItems h3{
	margin:20px 0 10px 0
}

#NewItems .Top{
	background-image: url(../images/ItemTop.png);
	height: 14px;
	width: 157px;
	line-height:14px
}

#NewItems .Mid{
	background-image: url(../images/ItemMid.png);
	background-repeat:repeat-y;
	width: 157px;
	text-align:center;
	padding:6px 0;
	height:220px!important
}

#NewItems .Btm{
	background-image: url(../images/ItemBtm.png);
	height: 14px;
	width: 157px;
	line-height:14px
}

#NewItems .Mid .WrapImg a{
	border:solid 1px #CCCCCC;
	width:120px;
	display:block;
	margin:0 auto;
	padding:1px
}

#NewItems .Mid .WrapImg a:hover{
	border:solid 1px #FF9900;
}

#NewItems .Mid .WrapImg img{
	border:solid 1px #FFFFFF
}

#NewItems .Mid p a{
	color:#0099FF;
	text-decoration:underline;
}

#NewItems .Mid p a:hover{
	color:#FF9900;
}

#NewItems .Mid p {
	margin:6px 8px 0 8px;
	font-size:12px;
	text-align:left
}


#NewItems .Mid .Price{
	color:#CC0000;
	font-weight:bold;
	text-align:center;
	background-image: url(../images/BgPrice.gif);
	background-repeat: repeat;
	margin-top:10px
}

#NewItems .Mid .Name{
	text-align:center;
}

#NewItems .WrapItem{
	margin:14px 0 0 16px;
	float:left;
	position:relative
}

.WrapItem .Term{
	color:#FF0000;
	font-weight:bold;
	text-align:center!important;
	margin:4px 0!important
}

*html #NewItems .WrapItem{
	margin:14px 8px 0 8px;
}

#NewItems .WrapItem .Icon{
	position:absolute;
	top:-8px;
	left:-4px
}

*html .Icon{
	behavior:url(iepngfix.htc)
}

#News{
	margin:16px 0 0 0
}

#News h3{
	padding-top:10px
}

#News table{
	margin:0 10px;
	margin-top:16px
}

#News th{
	font-size:10px;
	font-weight:normal;
	padding:8px 10px;
	border-bottom:1px solid #CCCCCC;
	width:50px
}

#News td{
	font-size:12px;
	padding:8px 10px;
	border-bottom:1px solid #CCCCCC;
	width:500px;
	border-left:1px solid #CCCCCC
}




/************************      RIGHT     *******************************************/


/** RIGHT BOX SETTING **/
#MainMid .right{
	width:220px;
	font-size:12px
}

#MainMid .right #inRightTop{
	background-image: url(../images/RightTop.png);
	height: 11px;
	width: 208px;
	line-height:11px
}

#MainMid .right #inRightMid{
	background-image: url(../images/RightMid.png);
	width: 208px;
	background-repeat: repeat-y;
	text-align:center
}


#MainMid .right #inRightBtm{
	background-image: url(../images/RightBtm.gif);
	height: 11px;
	width: 208px;
}
/** //RIGHT BOX SETTING **/


#MainMid .right #inRightMid .Top{
	margin:0 auto
}

#MainMid .right #inRightMid .Mid{
	background-image: url(../images/RankingMid.png);
	width: 194px;
	background-repeat: repeat-y;
}

#MainMid .right #inRightMid .Btm{
	background-image: url(../images/RankingBtm.png);
	width: 194px;
	height: 4px;
}



/** RANKING **/


#no01{
	background-image: url(../images/No1.gif);
	background-position: 4px top;
	height:190px;
	text-align:left
}




#no02{
	background-image: url(../images/No2.gif);
	background-position: 4px top;
	height:181px;
	text-align:left
}


#no03{
	background-image: url(../images/No3.gif);
	background-position: 4px top;
	height:181px;
	text-align:left
}



#MainMid .right #inRightMid .Wrap{
	width: 194px;
	margin:0 auto 10px auto;
}

*html #MainMid .right #inRightMid .Wrap{
	margin:0 auto;
}

#MainMid .right #inRightMid .Wrap .wrap_items{
	width:124px;
	height:auto;
	margin:0 0 0 45px
}


#inRightMid .Mid .WrapImg a{
	border:solid 1px #CCCCCC;
	width:120px;
	display:block;
	padding:1px;
}


#inRightMid .Mid .WrapImg a:hover{
	border:solid 1px #FF9900;
}

#inRightMid .Mid .WrapImg img{
	border:solid 1px #FFFFFF
}


#inRightMid .Mid p {
	width:118px;
	margin:4px 0 0 0;
	
}

#inRightMid .Mid p a{
	color:#0099FF;
	text-decoration:underline;
}

#inRightMid .Mid p a:hover{color:#FF9900;}


#inRightMid .Mid .Price{
	color:#CC0000;
	font-weight:bold;
	text-align:center
}

.Price span{
	font-size:10px;
}

#inRightMid .Mid .Name{
	text-align:center;
}

#inRightMid .Mid .line{
	border-bottom:solid 1px #CCCCCC;
	height:1px;
	margin:10px 10px 14px 10px
}






/** //RANKING **/







#inRightMid .Mid ul{
	text-align:left;
	padding-top:4px
}

#inRightMid .Mid #Level01 li {
	padding:0 10px 5px 10px
}

#inRightMid .Mid #Level01 a{
	color:#333333;
	background-image: url(../images/ArrowGray.gif);
	background-position: left center;
	padding-left: 20px;
}

.onmark {
	color:#FF0000!important;
}

#inRightMid .Mid #Level01 a:hover{
	color:#FF6600
}


#inRightMid .Mid #Level02 a{
	color:#333333;
	background-image: url(../images/ArrowGray2.gif);
	background-position: left center;
	padding-left: 16px;
}
#inRightMid .Mid #Level02 {
	margin:0px 0 0 4px
}


#inRightMid #Guide ul{
	text-align:left;
	padding-top:4px
}

#inRightMid #Guide ul li {
	padding:0 10px 5px 10px
}

#inRightMid #Guide ul a{
	color:#333333;
	background-image: url(../images/ArrowGray.gif);
	background-position: left center;
	padding-left: 20px;
}



#inRightMid #Guide ul a:hover{
	color:#FF6600
}


#inRightMid .Mid #Level02 a{
	color:#333333;
	background-image: url(../images/ArrowGray2.gif);
	background-position: left center;
	padding-left: 16px;
}
#inRightMid .Mid #Level02 {
	margin:0px 0 0 4px
}

#inRightMid .Mid form{
	text-align:left
}

#inRightMid .Mid form .Fselect{
	width:156px;
	padding:1px;
	margin:4px 0 0 15px
}

#inRightMid .Mid form .Ftext{
	width:150px;
	padding:1px;
	margin:4px 0 0 15px
}

#inRightMid .Mid .Bt{
	text-align:center;
}

#inRightMid .Mid .Bt a{
	margin:10px auto 0 auto;
	width:109px;
	height:21px;
	background-image: url(../images/BtBlack.png);
	color:#FFFFFF;
	display:block;
	font-size:10px;
	text-align:center;
	font-weight:bold;
	padding-top:4px;
	padding-bottom:6px;
	_height:25px;
}

#inRightMid .Mid .Bt a:hover{
	background-image: url(../images/BtBlackH.png);
	color:#CCCCCC
}

#inRightMid .Mid .MLeft{
	margin:0 0 0 15px;
	padding-top:6px
}


#inRightMid #Cart .Mid  p{
	margin:0 0 4px 15px;
	text-align:left!important;
}

*html #inRightMid #Cart .Mid{
	text-align:left!important;
}

*:first-child+html #inRightMid #Cart .Mid{
	text-align:left!important;
}

#inRightMid #Cart .Mid #Sum{
	font-weight:bold;
	color:#CC0000
}

#inRightMid #Cart{
	position:relative
}

#inRightMid #Cart .Icon{
	position:absolute;
	top:20px;
	left:140px
}


#inRightMid #Shopinfo .Mid .WrapImg a{
	width:177px;
	margin:0 auto;
}

#Pagetop{
	text-align:right;
	width:726px;
}

#Pagetop a{
	text-align:right;
}


#FooterMenu{
	margin:8px 0 0 16px;
	float:left;
	width:500px
}

#FooterMenu li{
	float:left;}

#FooterMenu li a{
	float:left;
	background-image: url(../images/ArroBtm.gif);
	background-position: left center;
	padding-left: 24px;
	font-size:10px;
	font-weight:bold;
	color:#666666;
	margin-right:10px
}

#FooterMenu li a:hover{
	text-decoration:underline
}

#Copyright{
	font-size:11px;
	width:400px;
    float:right;
	text-align:right;
	padding-right:10px;
	margin-top:8px
}






/**********  LIST ************/



#List{
	width:703px;
	background-image: url(../images/ListCat.gif);
	height: 74px;
	position:relative
}


.ListBtm{
	background-image: url(../images/ListCatBtm.gif)!important;
	height: 46px!important;
	margin-top:20px
}

#List h3{
	color:#CC6600;
	width:170px;
	padding-left:20px
}


#List {
	font-size:12px;
	font-weight:bold
}

#List a{
	color:#0099FF;
	text-decoration:underline
}

#List a:hover{
	color:#FF9900
}

#List span{
	color:#FF0000
}

#List table{
	position:absolute;
	top:35%;	
}

.ListBtm table{
	top:25%!important;	
}

#wrap_navi{
	margin:20px 20px
}

#wrap_navi a{
	color:#0099FF;
	text-decoration:underline
}

#wrap_navi a:hover{
	color:#FF9900
}

#wrap_navi table{
	font-size:12px;
	width:100%;
	font-weight:bold
}

html:not(:target) #wrap_navi .Navi{
	width:240px;
	text-align:right;
}

#wrap_navi .Navi{
	width:340px;
	text-align:right;
}

html:not(:target) #wrap_navi .Order{
	width:200px;
	text-align:right;
}

#wrap_navi .Order{
	width:300px;
	text-align:right;
}

#search_zero{
	text-align:center;
	font-size:12px;
	margin:40px;
	background-image: url(../images/bg_title_gray.gif);
	background-repeat: repeat;
}

#search_zero table{
	width:100%;
	color:#FF0000
}

#search_zero table td{
	padding:20px
}

#BCNavi {
	font-size:10px;
	margin:2px 0 0 4px
}

#BCNavi a{
	font-size:10px;
	background-image: url(../images/ArrowGray2.gif);
	background-position: left 2px;
	padding-left: 12px;
	color:#333333;
	text-decoration:underline
}

#BCNavi a:hover{
	color:#FF9900
}

#BCNavi span{
	font-size:10px;
	background-image: url(../images/ArrowGray2.gif);
	background-position: left 2px;
	padding-left: 12px;
	color:#333333;
}

/**********  DETAIL ************/

#ItemDetail {
	margin-top:10px
}


#ItemDetail .left{
	width:380px;
	padding:4px;
}

#ItemDetail .right{
	width:300px;
	padding:4px;
	margin-right:20px
}

*html #ItemDetail .right{
	margin-right:10px
}


#ItemDetail .left table{
	background-image: url(../images/BgDetail.gif);
	background-repeat: repeat;
	padding:2px 3px
}

#ItemDetail .left table img{
	border:1px solid #FFFFFF
}



#ItemDetail .left .ex{
	font-size:10px;
	background-image: url(../images/ArrowCircle.gif);
	background-position: left 0;
	padding-left:15px;
	margin-top:4px
}



#ItemDetail .right h3{
	font-size:16px
}

#ItemDetail .right td{
	padding:10px 5px
}

#ItemDetail .right th{
	text-align:right;
	padding:10px 20px 10px 0
}

#ItemDetail .right .Icon img{
	margin-right:6px
}

#ItemDetail .right .Price{
	color:#CC0000;
	font-weight:bold;
	font-size:14px
}

.Price span{
	font-size:10px;
}

#ItemDetail .right .BgGray{
	background-image: url(../images/BgDetail.gif);
	background-repeat: repeat;
}

#ItemDetail .right .Num{
	width:30px;
	padding:1px
}


#Example{
	margin:14px 0 0 0
}

#Example h3{
	margin:20px 0 10px 0
}

#Example .WrapImg{
	margin:20px
}

#Example .WrapImg img{
	border:1px solid #CCCCCC;
	padding:1px
}


#Comment{
	margin:14px 0 0 0;
	font-size:12px
}

#Comment h3{
	margin:20px 0 10px 0
}

#Comment h4{
	font-weight:bold;
	margin:4px 0
}

#Comment p{
	margin-right:20px;
	padding-bottom:14px;
	border-bottom:solid 1px #CCCCCC;
}

#Comment .Com{
	margin:0 20px 20px 20px;
	
}

#Comment #BtCom{
	text-align:right;
	margin:0 26px 10px 0;
	
}





#Recommend .WrapImg a{
	border:solid 1px #CCCCCC;
	width:120px;
	display:block;
	margin:0 auto!important;
	padding:1px;
}

*html #Recommend .WrapImg a,*:first-child+html #inRightMid .Mid .WrapImg a{
	margin:0 auto!important;
}


#Recommend p {
	width:118px;
	margin:0 auto!important;
}

*html Recommend p, *:first-child+html #Recommend p{
	margin:0 auto!important;
}

#Recommend #osusume{
	font-size:10px;
	margin-bottom:10px;
	text-align:left!important;
	margin-left:16px;
	display:block
}


#Checked{
	margin:14px 0;
}

#Checked .WrapImg a{
	border:solid 1px #CCCCCC;
	width:65px;
	height:65px;
	padding:1px;
	vertical-align:middle;
    display:table-cell;
	background-color:#FFFFFF
}

html:not(:target) #Checked .WrapImg a{
	height:69px;
}

*html #Checked .WrapImg a{
	border:none;
	width:65px;
	height:auto;
	padding:0;
    display:block;
	background-color:none
}

#Checked .WrapImg a:hover{
	border:solid 1px #FF9900;
}

#Checked .Item{
	width:300px;
	padding:10px;
	background-image: url(../images/BgDetail.gif);
	background-repeat: repeat;
	float:left;
	margin-left:10px;
	margin-top:10px
}

*html #Checked .Item{
	height:75px
}

#Checked .Item .ImgLeft{
	float:left;
	width:80px;
}

#Checked .Item .TextRight{
	float:left;
	width:200px;
	font-size:12px
}

#Checked .Item .TextRight .Name {
	margin:4px 0
}


#Checked .Item .TextRight .Name a{
	color:#0099FF;
	text-decoration:underline;
}
#Checked .Item .TextRight .Name a:hover{
	color:#FF9900
}


.TextRight .Price{
	color:#CC0000;
	font-weight:bold;
}

.Price span{
	font-size:10px;
}


#Cat{
	margin:0 1px
}
#Cat a{
	overflow:hidden
}


#Cat01 a{
	background-image: url(../images/MenuNecklace.png);
	height: 46px;
	width: 191px;
	text-indent:-9999px;
	display:block
}

#Cat01 a:hover{
	background-image: url(../images/MenuNecklaceH.png);
}

#Cat02 a{
	background-image: url(../images/MenuEaring.png);
	height: 46px;
	width: 191px;
	text-indent:-9999px;
	display:block
}

#Cat02 a:hover{
	background-image: url(../images/MenuEaringH.png);
}

#Cat03 a{
	background-image: url(../images/MenuRing.png);
	height: 46px;
	width: 191px;
	text-indent:-9999px;
	display:block
}

#Cat03 a:hover{
	background-image: url(../images/MenuRingH.png);
}


#Cat04 a{
	background-image: url(../images/MenuBracelet.png);
	height: 46px;
	width: 191px;
	text-indent:-9999px;
	display:block
}

#Cat04 a:hover{
	background-image: url(../images/MenuBraceletH.png);
}

#Cat05 a{
	background-image: url(../images/MenuOthers.png);
	height: 46px;
	width: 191px;
	text-indent:-9999px;
	display:block
}

#Cat05 a:hover{
	background-image: url(../images/MenuOthersH.png);
}

#Sword{
	text-align:left;
	font-size:10px;
	margin-left:16px
}



/** MYPAGE **/


h2.Title{
	font-size:14px;
	font-weight: bold;
	color: #CC6600;
	background-image: url(../images/ListCatBtm.gif);
	height: 33px;
	width:682px;
	padding:13px 0 0 20px!important;
}

*html h2.Title{
	height:46px;
	width:702px;
}


#mypagecolumn{
	padding:10px 0 10px 10px;
	font-size:12px
}

#mynavarea ul{
    margin:20px 0 0 10px;
}


#mynavarea .button_like li{
    float:left;
	margin-right:1px
}

#mynavarea .button_like li a{
	background-image: url(../images/MypageTab.png);
	height: 23px;
	width: 138px;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	padding-top:12px;
	text-align:center
}

#mynavarea .button_like li a:hover{
	background-image: url(../images/MypageTabH.png);
	color:#FF9900
}

#mynavarea #TabSelected a{
	background-image: url(../images/MypageTabH.png);
	color:#FF9900
}

#TabBorder{
	border-top:solid 5px #333333;
	width:694px;
	margin-left:10px
}


#mynavarea #Point{
	margin:20px 0 0 10px;
	width:230px;
	border:2px solid #FF9900;
	background-color:#FFFFCC;
	padding:10px
}



#mypagecolumn table{
	font-size:12px;
	background-color:#CCCCCC;
	margin:30px 0;
	width:650px;
	border-collapse:collapse
}

#mypagecolumn table th{
	font-size:12px;
	background-image: url(../images/BgDetail.gif);
	background-repeat: repeat;
	padding:8px;
	text-align:left;
	color:#666666;
	border:1px solid #CCCCCC
}

#mypagecolumn table td{
	font-size:12px;
	background-color:#FFFFFF;
	padding:8px;
	text-align:left;
	border:1px solid #CCCCCC
}

#mycontentsarea{
	margin-left:10px
}


.Itext{
	width:180px;
	padding:1px;
}

.cbox{
	margin:10px 0 10px 100px;
	display:block
}

olor:#FF6600
}

.tblareabtn {margin-top:10px}


/** SHOPPING INFORMATION **/

#shoppinginfo{
	margin:50px 10px 20px 0;
	font-size:12px;
}

#shoppinginfo h3{
	font-weight:bold;
	background-color:#CCCCCC;
	width:170px;
	padding:0 0 0 20px;
	margin:0
}


#shoppinginfo .wrapper{
	border:solid 1px #CCCCCC
}

#shoppinginfo h4{
	background-image: url(../images/arrow_title_bg_gray.gif);
	background-position: left center;
	background-color:#E5E5E5;
	margin:20px 10px 10px 10px;
	padding:2px 0 2px 20px;
	font-weight:bold
}

#shoppinginfo h4 span a{
	background-image: url(../images/arrow_blue_link_bg_gray.gif);
	color: #0099FF;
	background-position: left center;
	font-weight:normal!important;
	padding-left:16px;
	text-decoration:underline;
	margin-left:14px
}

#shoppinginfo p{
	margin:0 30px 10px 30px;
}

#shoppinginfo p img{
	border:solid 1px #CCCCCC
}

#shoppinginfo .wrap_table{
	margin:0 0 0 30px;
	width:400px
}

#shoppinginfo .wrap_table table{
	background-color: #CCCCCC;
	width:100%
}

#shoppinginfo .wrap_table th{
	background-color: #E5E5E5;
	padding:4px;
	text-align:center
}

#shoppinginfo .wrap_table td{
	background-color: #FFFFFF;
	padding:4px;
	text-align:center
}

#shoppinginfo h5{
	background-image: url(../images/ArrowGray2.gif);
	background-position: left center;
	margin:10px 0 4px 30px;
	padding-left:14px;
}

#shoppinginfo p.inner{
	margin:0 30px 10px 41px;
}

#shoppinginfo p.inner_arrow{
	margin:0 30px 10px 27px;
	background-image: url(../images/ArrowGray2.gif);
	background-position: left 3px;
	padding-left:14px;
}


/** SHOP INFO **/

#shopinfo_wrapper {
	font-size:12px;
	margin-bottom:60px
}

#shopinfo_wrapper p{
	margin:20px
}

#shopinfo_wrapper p.message{
	font-size:14px;
	font-weight:bold;
}

#shopinfo_wrapper h2{
	margin:0 0 0 16px;
}



#shopinfo_wrapper h3{
	font-size:14px;
	font-weight:bold;
	color: #996600;
	background-image: url(../images/arrow_circle_shopinfo.gif);
	background-position: left 0px;
	padding-left: 24px;
	margin-left:20px
}

#shopinfo_wrapper .line{
	background-image: url(../images/line_01.gif);
	background-repeat: repeat-x;
	margin:40px 20px
}

#shopinfo_wrapper .float_wrapper {
	margin:20px
}

#shopinfo_wrapper .float_wrapper .wrap_img{
	border:1px solid #CCCCCC;
	padding:1px;
	width:291px;
	height:203px;
	float:left;
	background-color:#EEEEEE;
	position:relative;
	
}

#shopinfo_wrapper .float_wrapper .wrap_img span{
	position:absolute;
	top:45%;
	left:35%;
}

#shopinfo_wrapper .float_wrapper .wrap_table{
	width:360px;
	float:right
}

#shopinfo_wrapper .float_wrapper .wrap_table table{
	background-color:#CCCCCC;
	font-size:12px
}

#shopinfo_wrapper .float_wrapper .wrap_table table th{
	background-image: url(../images/BgDetail.gif);
	background-repeat: repeat;
	padding:10px
}


#shopinfo_wrapper .float_wrapper .wrap_table table td{
	background-color:#FFFFFF;
	padding:10px
}


#shopinfo_wrapper h4{
	font-weight: bold;
	background-image: url(../images/ArrowGray.gif);
	background-position: left center;
	padding-left:18px;
	margin:30px 0 0 20px
}

#shopinfo_wrapper h4 span{
	font-weight:normal!important;
	font-size:10px;
	margin-left:6px
}

#shopinfo_wrapper .wrap_map{
	margin-top:4px!important;
	width:534px;
	height:200px;
	border:solid 2px #CCCCCC
}


/** GUIDE **/


.guide h3{
    font-size:14px;
	font-weight:bold;
	background-image:url(../images/bg_title_br.gif);
	background-repeat:repeat;
	padding:2px 6px;
	border-left:solid 5px #996600;
	margin:30px 20px 30px 0;
}


.guide .left_img{
    float:left;
	text-align:center;
	width:375px;
}

.guide .left_img a img{
	border:1px solid #CCCCCC
}


.guide .right_txt{
    float:left;
	width:300px;
	padding-left:14px
}


.guide_message{
    font-weight:bold;
	margin:10px
}

#guide_tb img{
    border:1px solid #CCCCCC;
	margin:10px 0
}

#guide_tb .in{
    margin-top:10px!important;
	width:500px
}

#guide_tb {
    margin-top:10px!important;
}

.guide_tb {
    margin-top:10px!important;
	margin-bottom:4px!important;
}

#guide04 {
    margin-right:20px  ;
	margin-left:10px
}

#guide04 div{
    text-indent:-1.3em;
	margin-left:1em
}

#guide04 p{
	margin-left:1em;
	margin-top:4px
}



#navi{
	text-align:center;
	font-size:12px
}

#navi a{
	border:1px solid #ccc;
	padding:4px 8px;
	background-color:#eee;
	color:#0099FF;
	text-decoration:underline
}

#navi strong{
	border:1px solid #FF6600;
	background-color:#FF9900;
	padding:4px 8px;
	color:#FF6600
}


#navi a:hover{
	border:1px solid #FF6600;
	background-color:#FF9900;
	color:#FF6600
}


.qr_map{
	margin:20px 40px
}


#contact_area{
	text-align:center;
	position:relative
}


#contact_area #email{
	width:206px;
	height:20px;
	position:absolute;
	top:98px;
	left:295px;
}

#contact_area #form{
	width:240px;
	height:38px;
	position:absolute;
	top:72px;
	left:396px;
}