/*-----------------------------------------------------*/
/*-----------------------2002/7/27---------------------*/
/*-----------------------------------------------------*/



/*------------------- TOP MEMU : Fixed----------------------*/


	A.darkgray1:link, A.darkgray1:active, A.darkgray1:visited
	{	font-size: 8pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #333333;
 	 	text-decoration: none;
	}
	
	A.darkgray1:hover
	{	font-size: 8pt;
	  color: #666666;
	  font-weight: bold;
	  letter-spacing:-1px;
		text-decoration: none;
		background: url(/fs/image/style/hover_dot.gif) repeat-x bottom;
	}
 
 A.darkgray2:link, A.darkgray2:active, A.darkgray2:visited
	{	font-size: 8pt;
	  letter-spacing:-1px;
		color: #333333;
 	 	text-decoration: none;
	}
	
	A.darkgray2:hover
	{	font-size: 8pt;
	  color: #666666;
	  letter-spacing:-1px;
		text-decoration: none;
		background: url(/fs/image/style/hover_dot.gif) repeat-x bottom;
	}
 
	A.lightgray:link, A.lightgray:active, A.lightgray:visited
	{	font-size: 8pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #ebebeb;
 	 	text-decoration: none;
	}
	
	A.lightgray:hover
	{	font-size: 8pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #cccccc;
		text-decoration: none;
		background: url(/fs/image/style/hover_dot.gif) repeat-x bottom;
	}



  A.white:link, A.white:active, A.white:visited
	{	font-size: 8pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #ffffff;
 	 	text-decoration: none;
	}
	
	A.white:hover
	{	font-size: 8pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #f0f0f0;
		text-decoration: none;
		background: url(/fs/image/style/hover_dot.gif) repeat-x bottom;
	}
	
	A.white2:link, A.white2:active, A.white2:visited
	{	font-size: 8pt;
	  letter-spacing:-1px;
		color: #ffffff;
 	 	text-decoration: none;
	}
	
	A.white2:hover
	{	font-size: 8pt;
	  letter-spacing:-1px;
		color: #f0f0f0;
		text-decoration: none;
		background: url(/fs/image/style/hover_dot.gif) repeat-x bottom;
	}
	
	A.brown:link, A.brown:active, A.brown:visited
	{	font-size: 8pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #990000;
 	 	text-decoration: none;
	}
	
	A.brown:hover
	{	font-size: 8pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #cc6600;
		text-decoration: none;
		background: url(/fs/image/style/hover_dot.gif) repeat-x bottom;
	}
	
	A.brown1:link, A.brown1:active, A.brown1:visited
	{	font-size: 8pt;
	  letter-spacing:-1px;
		color: #990000;
 	 	text-decoration: none;
	}
	
	A.brown1:hover
	{	font-size: 8pt;
	  letter-spacing:-1px;
		color: #cc6600;
		text-decoration: none;
		background: url(/fs/image/style/hover_dot.gif) repeat-x bottom;
	}
	
	
  A.darkblue:link, A.darkblue:active, A.darkblue:visited
	{	font-size: 8pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #000066;
 	 	text-decoration: none;
	}
	
	A.darkblue:hover
	{	font-size: 8pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #0066cc;
		text-decoration: none;
		background: url(/fs/image/style/hover_dot.gif) repeat-x bottom;
	}



  A.lightblue:link, A.lightblue:active, A.lightblue:visited
	{	font-size: 8pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #DFEFFF;
 	 	text-decoration: none;
	}
	
	A.lightblue:hover
	{	font-size: 8pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #99CCFF;
		text-decoration: none;
		background: url(/fs/image/style/hover_dot.gif) repeat-x bottom;
	}



  A.darkgreen:link, A.darkgreen:active, A.darkgreen:visited
	{	font-size: 8pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #666633;
 	 	text-decoration: none;
	}
	
	A.darkgreen:hover
	{	font-size: 8pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #999966;
		text-decoration: none;
		background: url(/fs/image/style/hover_dot.gif) repeat-x bottom;
	}



  A.lightgreen:link, A.lightgreen:active, A.lightgreen:visited
	{	font-size: 8pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #cccc66;
 	 	text-decoration: none;
	}
	
	A.lightgreen:hover
	{	font-size: 8pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #F1F1D6;
		text-decoration: none;
		background: url(/fs/image/style/hover_dot.gif) repeat-x bottom;
	}
	
	
	
	A.purple:link, A.purple:active, A.purple:visited
	{	font-size: 8pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #996699;
 	 	text-decoration: none;
	}
	
	A.purple:hover
	{	font-size: 8pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #B18BB1;
		text-decoration: none;
		background: url(/fs/image/style/hover_dot.gif) repeat-x bottom;
	}
	
	A.login:link, A.login:active, A.login:visited
	{	font-size: 9pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #999999;
 	 	text-decoration: none;
	}
	
	A.login:hover
	{	font-size: 9pt;
	  font-weight: bold;
	  letter-spacing:-1px;
		color: #666666;
		text-decoration: none;
		background: url(/fs/image/style/hover_dot.gif) repeat-x bottom;
	}
  
/*------------------------- OVERALL -------------------------*/


  BODY, TABLE, TR, TD, INPUT, TEXTAREA,Select
	{	font-size: 9pt;
		letter-spacing:0px;		
		scrollbar-3dlight-color:#666666;
    scrollbar-arrow-color:#ffffff;
    scrollbar-base-color:#CFCFCF;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-face-color:#CFCFCF;
    scrollbar-highlight-color:#FFFFF;
    scrollbar-shadow-color:#666666;
	 padding:0px;
	 margin:0px;}


  A:link, A:active, A:visited
	{	font-size: 9pt;
		color: #333333;
 	 	text-decoration: none;
	}
	
	A:hover
	{	font-size: 9pt;
		color: #999999;
		text-decoration: underline;
	}
	
	A img
	{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

/*------------------- Rotation Banner bgcolor ----------------------*/		
	
	.bnnrbg
	{	background-color: #999999}

/*------------------- Shop Helper Color ----------------------*/			
	.helper
	{	font-weight: bold;
	  color: #ff6600; }
	
/*------------------- ABOUT MAIN PAGE ----------------------*/	
	
	A.goods:link, A.goods:active, A.goods:visited
	{	font-size: 9pt;
		color: #666666;
 	 	text-decoration: none;
	}
	
	A.goods:hover
	{	font-size: 9pt;
		color: #999999;
		text-decoration: underline;
	}
	
	
	A.price:link, A.price:active, A.price:visited
	{	font-family:Arial.Helvetica.sans_serif;
		font-size: 9pt;
	  font-weight: bold;
		color: #CF6600;
 	 	text-decoration: none;
	}
	
	A.price:hover
	{	font-family:Arial.Helvetica.sans_serif;
		font-size: 9pt;
	  font-weight: bold;
		color: #FF9900;
		text-decoration: none;
	}
	
	
	A.freelink1:link, A.freelink1:active, A.freelink1:visited
	{	font-size: 9pt;
		color: #666699;
 	 	text-decoration: none;
	}
	
	A.freelink1:hover
	{	font-size: 9pt;
		color: #990099;
		text-decoration: none;
		background: url(/fs/image/style/hover_dot.gif) repeat-x bottom;
	}
	
	
	A.freelink2:link, A.freelink2:active, A.freelink2:visited
	{	font-size: 9pt;
		color: #2B663E;
 	 	text-decoration: none;
	}
	
	A.freelink2:hover
	{	font-size: 9pt;
		color: #009966;
		text-decoration: none;
		background: url(/fs/image/style/hover_dot.gif) repeat-x bottom;
	}
	
	
	.title1
	{	font-weight: bold;
	  color: #2B2B2B;
	  background-color: #E8E5B7}
	
	.title2
	{	font-weight: bold;
	  color: #5F8E70;
	  background-color: #D2F2DD}
	
	.titleline1
	{	background-color: #90BCA0}
	
	.titleline2
	{	background-color: #C0D9C9}
	
	.titleline3
	{	background-color: #B8D4C1}
	
/*------------------- ABOUT SUB PAGE ----------------------*/	
	
	.subttltxt
	{	font-family:Arial.Helvetica.sans_serif;
	  font-size: 12pt;
	  font-weight: bold;
		color: #367049;}
		
	.subttline1
	{	background-color: #66A37A}
	
	.subttline2
	{	background-color: #B8D4C1}
		
	.msgbox1
	{	background-color: #666666}
		
	.msgbox2
	{	background-color: #f0f0f0}
	
	.msgbox3
	{	background-color: #cccccc}
	
	
	
	
	.s_ttline1
	{	background-color: #66A37A}
	
	.s_ttline2
	{	background-color: #C0D9C9}
	
	.s_ttl
	{	background-color: #F0FBF3;
	  font-weight: bold;
	  color: #194C2A}
		
	
	.tablettl
	{	background-color: #C0D9C9;
	  color: #333300;
	  font-weight: bold;}
	
	.tableborder
	{	background-color: #90BCA0}
	
	.tablebg
	{	background-color: #F0FBF3}
	
	
	.infoline
	{	background-color: #90BCA0;}
	
	A.infoover:link, A.infoover:active, A.infoover:visited
	{	font-size: 9pt;
	  font-weight: bold;
		color: #ffffff;
		background-color: #ff9900;
 	 	text-decoration: none;
	}
	
	A.infoover:hover
	{	font-size: 9pt;
	  font-weight: bold;
		color: #ffffcc;
		background-color: #ff9900;
		text-decoration: none;		
	}
	
	A.infoout:link, A.infoout:active, A.infoout:visited
	{	font-size: 9pt;
	  font-weight: bold;
		color: #305C3E;
		background-color: #F0FBF3;
 	 	text-decoration: none;
	}
	
	A.infoout:hover
	{	font-size: 9pt;
	  font-weight: bold;
		color: #305C3E;
		background-color: #C0D9C9;
		text-decoration: underline;		
	}
	
	.infoover
	{	background-color: #F0FBF3;
	}
	  
	.infoout
	{	background-color: #F0FBF3;
	}
	
	.infopoint
	{	background-color: #66A37A;}
	


/*------------------- ITEM LIST : Added by crosscsh ----------------------*/	
	.itemdetailbackborder
	{	background-color: #D0E5E6;}

	.itemdetailborder
	{	background-color: #7EC7BC;}

	.itemdetailcellheader
	{	background-color: #9DE5E1;}

	.itemdetailcell
	{	background-color: #FFFFFF;}

	.itemlistbackborder
	{	background-color: #EEEEEE;}

	.itemlistborder
	{	background-color: #AFAFAF;}

	.itemlistheader
	{	background-color: #DADADA;
		font-size:8pt;
		cursor:default;
	}

	.itemlistselectedheaderup
	{	color: #FFFFFF;
		font-size:8pt;
		background:#4ACE2D url('/fs/image/search/up.gif');
		background-repeat:no-repeat;
		background-position:right center;
		cursor:default;
	}


	.itemlistselectedheaderdown
	{	color: #FFFFFF;
		font-size:8pt;
		background:#4ACE2D url('/fs/image/search/down.gif');
		background-repeat:no-repeat;
		background-position:right center;
		cursor:default;
	}


	.itemlistcellodd
	{	background-color: #FFFFFF;
		font-size:8pt;
	}

	.itemlistcelleven
	{	background-color: #F6F6F6;
		font-size:8pt;
	}

	.itemlistselectedcell
	{	background-color: #C2EEED;
		font-size:8pt;
	}





	.itemdetailbackborder2
	{	background-color: #E0D4C8;}

	.itemdetailborder2
	{	background-color: #C8B57D;}

	.itemlistbackborder2
	{	background-color: #EEEEEE;}

	.itemlistborder2
	{	background-color: #AFAFAF;}

	.itemlistheader2
	{	background-color: #DADADA;
		font-size:8pt;
		cursor:default;
	}

	.itemlistselectedheaderup2
	{	color: #FFFFFF;
		font-size:8pt;
		background:#4ACE2D url('/fs/image/search/up.gif');
		background-repeat:no-repeat;
		background-position:right center;
		cursor:default;
	}


	.itemlistselectedheaderdown2
	{	color: #FFFFFF;
		font-size:8pt;
		background:#4ACE2D url('/fs/image/search/down.gif');
		background-repeat:no-repeat;
		background-position:right center;
		cursor:default;
	}


	.itemlistcellodd2
	{	background-color: #FFFFFF;
		font-size:8pt;
	}

	.itemlistcelleven2
	{	background-color: #F6F6F6;
		font-size:8pt;
	}

	.itemlistselectedcell2
	{	background-color: #E5D99C;
		font-size:8pt;
	}


/*------------------- SEARCH : Added by crosscsh ----------------------*/	
	.50alpha
	{
		cursor:hand;
		text-decoration: underline;
	}
	
	


/*----------------------------------------------------*/	
/*---------------------- ATTO ------------------------*/	
/*----------------------------------------------------*/		
	
/*---------------------- header ------------------------*/	



body{
background-color:#faf9f8;
        margin: 0;
        padding: 0;
        font-weight: normal;
        font-size:100%;
        font-size: 75%; /* IE */
        line-height: 1.7;
        font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

html>/**/body {
  font-size: 12px; /* Except IE */
}


.clear{ clear:both;}



.hd{
	margin:0px;
	width:920px;
}
.hd1{
	color:#CCCCCC;
	font-size:10px;
	text-align:left;
	padding:0;
	letter-spacing: 1px;
	background-color: #847876;
}
.hd1 h1{
	font-weight:normal;
	font-size:10px;
	margin:0px auto;
	padding:3px 10px;
}
.hd2{
	padding:0px;
	color:#CCCCCC !important;
	text-align:right;
	letter-spacing: 1px;
	background-color: #494342;
}
.hd2 h1{
	color:#CCCCCC !important;
	font-weight:normal;
	margin:0px auto;
	width:920px;
}

.hd2 a{
	margin:0px;
	color:#CCCCCC !important;
	padding:5px 7px;
	font-size:12px;
	display:block;
	float:right;
	background-image: url(../../img_at/header/line.gif);
	background-repeat: no-repeat;
	background-position: left center;
} 
.hd2 a:hover {
	color:#CCCCCC !important;
	background-color: #6E6463;
	background-image: url(../../img_at/header/line.gif);
	background-repeat: no-repeat;
	background-position: left center;
} 
.hd2 a.now {
	color:#CCCCCC !important;
	background-color: #6E6463;
	background-image: url(../../img_at/header/line.gif);
	background-repeat: no-repeat;
	background-position: left center;} 
	
.toplist_bg{
	background-image:url(../../img_at/left/left_search_line.gif);
	background-repeat: repeat-y;
	padding:4px 15px;
	text-align:left;
}

.toplist_bg div{
	padding:0 !important;
	margin:0 !important;
	width:230px !important;
}

.toplist_bg div ul{
	padding:0!important;
	margin:0!important;
}
.toplist_bg li{
	list-style-type:none;
	background:url(../../img_at/left/icon_01.gif) no-repeat left center;
	padding:5px 5px 5px 23px;
	margin:0
}




.toplist_bg div.atto_tg2{
	padding:0 !important;
	width:230px !important;
}
.toplist_bg div.atto_tg2 a{
	font-weight:bold; color:#1898F9;
}

.toplist_bg div.atto_tg2_sub{
	display:none;
	margin:5px 0 15px!important;
}


.toplist_bg div.atto_tg{
}
.toplist_bg div.atto_tg ul li{
	list-style-type: none;
	background:url(../../img_at/left/icon_mini.gif) no-repeat 10px top;
	padding:0 0 0 30px !important;
	margin-bottom:7px;
	display:block;
}


.toplist_bg ul.atto_list3{
	margin-bottom:15px !important;
	background:#F5F5F5;

}
.toplist_bg ul.atto_list3 li{
	list-style-type:none;
	background:none;
	padding:2px 5px 2px 20px;
}


.toplist_bg li.minus{
	list-style-type: none;
	background:url(../../img_at/left/icon_02.gif) no-repeat left center;
	padding:2px 15px 2px 30px;
}

.toplist_bg li a{}
.toplist_bg li.mini a{font-weight:bold; color:#333333;text-decoration: underline;}
.toplist_bg li.mini a:hover{
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.toplist_bg li.mini {margin: 3px 20px 0px 15px;
	background-image:url(../../img_at/left/icon_mini.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	list-style-type: none;
}
.search_keyword{
	padding:0 15px 0 15px;
	background-image: url(../../img_at/left/left_bt04_in.gif);
	background-repeat: repeat-y;
}
/*---------------------- footer ------------------------*/	
.footer_top {
	background-color: #F8F8F4;
	width: 920px;
}


.footer_top div.box1 { /* ボックス1 */
	background-color: #FFFFFF;
	float:left;
	border: 3px solid #CEF1F9;
	width: 430px;
} 

.footer_top div.box2 { /* ボックス2 */
	background-color: #FFFFFF;
	border: 3px solid #CEF1F9;
	float:right;
	width: 430px;
}
.clears{  clear:both;}
.pa30{padding:30px;}
.pa20{padding:16px;}
.pa10{padding:10px;}
.pa_r10{padding-right:10px;}
.pa_r20{padding-right:30px;}
.ma10 img{margin:0 2px;}
img.mi{vertical-align: middle;}

.ft{
	width: 920px;
	font-size:10px;
	padding:0px;
	color:#CCCCCC;
	text-align:right;
	letter-spacing: 1px;
	background-color: #FFF;
}

.ft a{
	font-size:10px;
	margin:0px;
	color:#333333;
	padding:5px 15px;
	display:block;
	float:left;
	background-image: url(../../img_at/footer/icon2.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.ft a:hover {
	font-size:10px;
	background-image: url(../../img_at/footer/icon2.gif);
	background-repeat: no-repeat;
	background-position: left center;
} 
.ft strong{
	margin:0px;
	color:#333333;
	padding:5px 15px;
	font-size:9px;
	display:block;
	float:right;
	font-weight: normal;
} 
/*---------------------- main ------------------------*/	
.main_top {
	background-color: #FFFFFF;
	width: 655px;
}


.main_top div.main_box1 { /* ボックス1 */
	background-color: #FFFFFF;
	float:left;
	width: 440px;
} 

.main_top div.main_box2 { /* ボックス2 */
	background-color: #FFFFFF;
	float:right;
	width: 200px;
}
.top_ranking table{	width: 195px;	border: 1px solid #DCCFAE;}
.top_ranking table a,top_ranking table a:visited{
	font-size:10px !important;
	color: #0E84F7 !important;
	text-decoration: underline !important;
}
.top_ranking table a:hover{
	font-size:10px;
	color: #0E84F7;
	text-decoration: none;
}

.top_ranking td  {	padding:2px;}
.top_ranking td.td2  {
	background-color: #F2F2F2;
}

.base_in {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}


.base_in em{
	background-image:url(../../img_at/left/icon_mini.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	list-style-type: none;
	font-style: normal;
	color: #1898F9;
	font-weight: bold;
}

.base_in a{
	font-weight: bold;
	text-decoration: underline;
}
.base_in a:hover {
	font-weight: bold;
	text-decoration: none;
}



div.base_box{
	background:#FFFFFF;
	width:420px;
}
div.base_in{
	padding:5px;
	position:relative;
	text-align: left;
}


div.base_box a.imgbox{
	display:block;
	width:70px;
	height:87px;
	float:right;
}
div.base_box a.imgbox p{
	background: #716564 url();
	width:70px;
	height:87px;
	overflow:hidden;
}

div.base_box a.imgbox p:hover{
	width:70px;
	height:87px;
	overflow:hidden;
	background-color: #858585;
}

div.base_box a.imgbox p img{
padding:1px;}

div.base_box p{
	width:330px;
	float:left;
}

div.base_box p em{
	font-size:84%;
}

div.base_box p a{
	display:block;
	margin-bottom:5px;
}





div.base_box2{
	background:#FFFFFF;
	width:420px;
}
div.base_in2{
	padding:5px;
	position:relative;
	text-align: left;
}
.base_in2 {	border-bottom-width: 0px;}

div.base_box2 p img{
padding:1px;}

div.base_box2 p{
	width:410px;
	float:left;
}

div.base_box2 p em{
	font-size:84%;
}

div.base_box2 p a{
	display:block;
	margin-bottom:5px;
}
.base_in2 em{
	background-image:url(../../img_at/left/icon_mini.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-left: 15px;
	list-style-type: none;
	font-style: normal;
	color: #1898F9;
	font-weight: bold;
}

.base_in2 a{
	font-weight: bold;
	text-decoration: underline;
}
.base_in2 a:hover {
	font-weight: bold;
	text-decoration: none;
}

/*---------------------- END ------------------------*/	
