@charset "utf-8";

/* ================================================== *
’†‘º‰ÆCSS Information

File name: container.css
Created: 2008-09-23	
Last update: 2008-09-23

 * ================================================== */

/*---------------------------------------------------
 __container
 ---------------------------------------------------- */
body{
	background:url(../img/bg.gif);
}
#container{
	margin: 0 auto;
	width: 778px;
	background:url(../img/top_bg.gif);
}

/*---------------------------------------------------
 __header
 ---------------------------------------------------- */

h1{
	left: -999px;
	top: -999px;
	position: absolute;
}

/*---------------------------------------------------
 __navi
 ---------------------------------------------------- */
#navi{
	margin: 0;
	padding: 0 0 0 98px;
	background: url(../img/navi_bg.gif) repeat-x;
}
#navi ul {
  margin: 0;
  padding: 9px;
  height: 58px;
}
#navi ul li {
  margin: 0 12px 0 0;
  padding: 0;
  float: left;
}
#navi .rollover01, #navi .rollover02, #navi .rollover03{
	width:181px;
	height:58px;
}
#navi .rollover01{
	background:url(../img/top_menu01_on.gif) no-repeat left bottom;
}
#navi .rollover02{
	background:url(../img/top_menu02_on.gif) no-repeat left bottom;
}
#navi .rollover03{
	background:url(../img/top_menu03_on.gif) no-repeat left bottom;
}
#navi .rollover01 a, #navi .rollover02 a, #navi .rollover03 a{
	display:block;
	width:181px;
	height:58px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
#navi .rollover01 a:hover, #navi .rollover02 a:hover, #navi .rollover03 a:hover{
	text-indent:-9999px;
}

/*---------------------------------------------------
 __fla
 ---------------------------------------------------- */

#fla{
	border-bottom:30px solid #000000;
}

/*---------------------------------------------------
 __contents
 ---------------------------------------------------- */
#contents {
	clear: both;
	width: 778px;
	margin-top: 20px;
}

/*---------------------------------------------------
 __main
 ---------------------------------------------------- */
#main {
	width: 778px;
	margin:0;
	padding:0 0 0 0;
	background: url(../img/main_bg.gif) no-repeat left top;
	border-top:1px solid #000000;
}


#main .legacy2{
	text-align:center;
	font-size:115%;
	font-weight:bold;
	clear:both;
	/**margin:15px 107px 5px 107px;**/
	margin:15px 137px 5px 137px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:1.5em;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;

}


#main .section {
	margin:0 107px 0 107px;
	padding-top:30px;
	clear:both;
	width:567px;
	color:#CCCCCC;
}
#main .section a{
	color:#FFFFFF;
}
#main .section h2{
	margin: 0 17px 0 0;
	padding:5px 0 0 0px;
}
#main .section .section_l{
	float:left;
	width:134px;
	margin-left:0;
}
#main .section .section_r{
	float:right;
	width:395px;
	padding-left:17px;
	border-left:1px solid #3e3e3e;
	font-size:95%;
}
#main .section .section_r .osusume_img{
	float:right;
	margin:0 0 0 20px;
	padding:3px;
	background:url(../img/recommend_img_frame.gif) no-repeat;
}
.red{
	color:#CC0000;
}

/* news-style --------------------------------------- */
#main .section #news{
	margin:0;
	color: #bebebe;
	width: 395px;
}
#main .section #news dl{  

}
#main .section #news dt {  
	float: left;  
	margin-left: 0px;   
	padding: 1px 0 2px 0;  
	clear: both;
	line-height:1.15em;
} 
#main .section #news dd {
	width: 298px;  
	margin-left: 82px;  
	padding: 0 10px 2px 0;
	border-right:1px solid #3e3e3e;
	line-height:1.25em;
}


/*---------------------------------------------------
 __‰ð�œ
 ---------------------------------------------------- */

.empty {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}


/*---------------------------------------------------
 __footer
 ---------------------------------------------------- */

#footer{
	clear:both;
	width: 778px;
	background: url(../img/footer_bg.gif) no-repeat bottom;
	color:#bebebe;
}
#footer #footlink {
    margin:34px 107px 0 107px;
	width:500px;
}
#footer #footlink ul {
	
}
#footer #footlink li {
	margin: 0 0 0px 0;
	float:left;
	border-left: 1px solid #cccccc;
	padding:0 8px;
}
#footer #footlink li.last {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
#footer #shopinfo{
	margin:0 107px;
	padding-top:38px;
	color:#cccccc;
	font-size:90%;
}
#footer #shopinfo img{
	float:right;
	margin: 4px 0 25px 25px;
}
#footer address{
	clear:both;
	margin:0 107px 0 107px;
	padding-top:22px;
	line-height:1.5em;
}
#footer address .name{
	font-size:115%;
	font-weight:bold;
	margin:0;
	padding:0;
}
#footer #copy{
	text-align:right;
	margin:46px 0 15px 0;
	padding-right:50px;
}

#footer #legacy{
	text-align:center;
	font-size:115%;
	font-weight:bold;
	clear:both;
	/**margin:15px 107px 5px 107px;**/
	margin:15px 137px 5px 137px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:1.5em;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;

}


/* Link Color ----------------------------------------------------- */  
a,
a:link {  
	color: #bebebe;  
	text-decoration: none;  
}  
a:visited {  
	color: #bebebe;  
	text-decoration: none;  
}  
a:hover {  
	color: #bebebe;
	text-decoration: underline; 
}  
a:active {  
	color: #bebebe;
	text-decoration: underline;
}