/********************
Common Setting
********************/
body{
	background: #fff url('images/bg_body.jpg') top center;
	color: #666;
}

p{
	line-height: 1.5;
}

.float_l{ display: inline; float: left; }
.float_r{ display: inline; float: right; }
.clr{ clear: both; }

.align_l{ text-align: left; }
.align_r{ text-align: right; }
.align_c{ text-align: center; }

.hdn{ visibility: hidden; }
.none{ display: none; }

.accent1{ color: #900; }
.accent2{ color: #004; }
.accent3{ color: #21663b; font-family: Arial; font-size: 153.9%; }

.clr1{ color:#482f17; }
.clr2{ color:#6b6a46; }
.clr3{ color:#745122; }

.alt{ display: none; }


.gotop{
	clear: both;
	width: 87px;
	height: 21px;
	margin: 10px 0px 0px 540px;
}

.gotop a{
	display: block;
	width: 87px;
	height: 21px;
	background: url('images/common/go_top.png');
	text-indent: -9999px;
}


/********************
Basic Boxes Setting
********************/
#container{
	width: 910px;
	margin: 0 auto;
	background: url('images/bg_container.jpg') repeat-y 0 400px;
}

#header{
	position: relative;
	width: 910px;
	height: 160px;
	background: url('images/bg_header.jpg');
}

#top_image{
	width: 880px;
	height: 220px;
	padding: 10px 15px;
/*	background: url('images/bg_top_image.jpg') no-repeat top center;*/
}

.wrapper{
	clear: both;
	width: 870px;
	margin: 0 0 10px 20px;
}

.wrapper .float_r{
	width: 630px;
	color: #000;
}

.wrapper h2{
	width: 630px;
	height: 30px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

#footer{
	clear: both;
	width: 880px;
	height: 45px;
/*	border-top: 1px solid #7a4e7a;*/
	padding: 0 15px;
	background: #fff url('images/bg_footer.png') no-repeat;
	color: #666;
	font-size: 77%;
	}


/********************
Header Setting
********************/
#caps{
	width: 910px;
	height: 20px;
	color: #ccc;
	overflow: hidden;
}

#caps .catch_copy{
	font-weight: normal;
	width: 420px;
	float: left;
}

#caps .shop_name{
	width: 420px;
	float: right;
	text-align: right;
}
#header dl{
	visibility: hidden;
}
h1{
	float: left;
	width: 260px;
	height: 100px;
	overflow: hidden;
}

h1 a{
	display: block;
	width: 260px;
	height: 100px;
	text-indent: -9999px;
}

#header dl{
	float: right;
	width: 280px;
	height:  100px;
	overflow: hidden;
}

.align_c{
	text-align: center;
}


/********************
Navigtion
********************/

#navi{
	width: 880px;
	height: 30px;
	padding: 0 15px;
	overflow: hidden;
	background: url('images/navi.png') no-repeat;
}

#navi li{
	display: inline;
	width: 110px;
	height: 30px;
	float: left;
}

#navi Li a{
	display: block;
	width: 110px;
	height: 30px;
	background: url('images/navi.png') no-repeat;
	text-indent: -9999px;
}

#navi01 a:link,
#navi01 a:visited{ background-position:  -15px    0px;}
#navi01 a:hover  { background-position:  -15px  -30px;}
#navi01 a:active { background-position:  -15px  -60px;}

#navi02 a:link,                          
#navi02 a:visited{ background-position: -125px    0px;}
#navi02 a:hover  { background-position: -125px  -30px;}
#navi02 a:active { background-position: -125px  -60px;}

#navi03 a:link,                          
#navi03 a:visited{ background-position: -235px    0px;}
#navi03 a:hover  { background-position: -235px  -30px;}
#navi03 a:active { background-position: -235px  -60px;}

#navi04 a:link,                          
#navi04 a:visited{ background-position: -345px    0px;}
#navi04 a:hover  { background-position: -345px  -30px;}
#navi04 a:active { background-position: -345px  -60px;}

#navi05 a:link,                          
#navi05 a:visited{ background-position: -455px    0px;}
#navi05 a:hover  { background-position: -455px  -30px;}
#navi05 a:active { background-position: -455px  -60px;}

#navi06 a:link,                          
#navi06 a:visited{ background-position: -565px    0px;}
#navi06 a:hover  { background-position: -565px  -30px;}
#navi06 a:active { background-position: -565px  -60px;}

#navi07 a:link,                          
#navi07 a:visited{ background-position: -675px    0px;}
#navi07 a:hover  { background-position: -675px  -30px;}
#navi07 a:active { background-position: -675px  -60px;}

#navi08 a:link,                          
#navi08 a:visited{ background-position: -785px    0px;}
#navi08 a:hover  { background-position: -785px  -30px;}
#navi08 a:active { background-position: -785px  -60px;}

/********************
sidebanner setting
********************/
#side_banners{
	display: inline;
	float: left;
	width: 208px;
	height: 528px;
	margin: 10px 10px 0 0;
	border: 1px solid #8b2f02;
}

#side_banners ul li{
	width: 202px;
	height: 125px;
	margin: 5px 0 0 3px;
}

#side_banners ul li a{
	display: block;
	width: 202px;
	height: 125px;	
	text-indent: -9999px;
}

#sbanner01 a{ background: url('images/side_banner_gravure.jpg'); }
#sbanner02 a{ background: url('images/side_banner_movie.jpg'); }
#sbanner03 a{ background: url('images/side_banner_recruit.jpg'); }
#sbanner04 a{ background: url('images/side_banner_mailmag.jpg'); }


/********************
Footer Setting
********************/
#fnavi{
	width: 860px;
	margin: 0 0 0 20px;
}

#fnavi li{
	float: left;
	width: 170px;
	height: 20px;
}

#fnavi li a:link,
#fnavi li a:visited{
	display: block;
	width: 170px;
	height: 20px;
	padding: 0 0 1px 0;
	color: #fff;
	font-family: 'century gothic';
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}

#fnavi li a:hover{
	border-bottom: 1px dotted #fff;
	padding: 0;
}

#fnavi li a:active{
	border-bottom: 1px solid #fff;
	padding: 0;
}

#footer #license{
	float: left;
	width: 300px;
	height: 20px;
	padding: 20px 0 0 20px;
	font-size: 12px;
}

#footer #copyright{
	float: right;
	width: 500px;
	height: 20px;
	padding: 20px 0px 0 0;
	font-size: 12px;
	text-align: right;
}

.topix_box h3{
/*	width: 204px;*/
	height: 30px;
	text-indent: -9999px;
	margin: 10px ;
}



#mobile{
	clear: both;
	display: inline;
	float: left;
	width: 206px;
	height: 279px;
	margin: 0 10px 0 0;
	padding: 2px 0 0 2px;
	border: 1px solid #8b2f02;
	background: url('images/top/bg_mobile.jpg') no-repeat 2px 2px;
	color: #fff;
	font-size: 85%;
}