@import "base.css";

body {
	margin: 0; padding: 0;
	background: #fff;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #444;
}
.container {width: 940px; margin: 0 auto; overflow: hidden; font-size: 140%; position: relative; line-height:1.8em;}
#sidenav {
	width: 210px;
	height:100%;
	position: fixed;
	float: left;
	background:#451971;
}
*html #sidenav {
	position: absolute; 
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
#sidenav #logo{
	margin:30px 0 10px 0;
}
#sidenav ul {
	margin: 0; padding: 0 20px 10px 20px;
	list-style: none;
	background: url(sidenav_hr.gif) no-repeat right bottom;
}
#sidenav ul li{
	width:170px;
	margin:0 0 5px 0;
	padding:0;
	display: inline;
}
#sidenav p{
	margin:0 0 10px 0;
}
#content {
	float: right;
	width: 700px;
	padding: 0;
}
#content h1 {
	width:700px;
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	height: 20px;
	margin: 0;
	padding: 7px 0 0 0;
	font-size:80%;
}
#content h2#main{
	margin:25px 0 0 0;
}
#content h3{
	text-align:center;
	margin:40px 0 10px 0;
}
#content h4{
	color:#451971;
	font-size:150%;
	font-weight:bold;
	margin:0;
}
.img_r{
	float:right;
	margin:0 0 15px 15px;
}
.img_l{
	float:left;
	margin:0 15px 15px 0;
}

/* infomation
--------------------------------------------------------*/
.info_l{
	float:left;
	margin-top:10px;
}
.info_r{
	float:right;
	margin-top:10px;
}
.click{margin:10px 0;}
.leaflet {
width:700px;
overflow:hidden;
margin:10px 0;}

.leaflet ul{
margin-left:-8px;
display:block;
}

.leaflet li{
	width:162px;
	float:left;
	border: 1px solid #CCCCCC;
	padding:2px;
	margin:8px 0 8px 8px;
	text-align:center;
}

/* topics
--------------------------------------------------------*/
#content dl#new{
	margin:10px 20px;
	height:130px;
	overflow:auto;
}
#content dl#new dt{
	width:80px;
	float:left;
}
#content dl#new dd{
	padding-left:90px;
}

/* concept
--------------------------------------------------------*/
.concept_bg{
	height:700px;
	background:url(img/concept_bg.jpg) no-repeat;
	padding:20px 20px 0 200px;
	text-align:center;
	color:#fff;
}
#concept{
	margin-top:40px;
}

/* shop list
--------------------------------------------------------*/
#shop01{
	background:url(img/shop01_bg.jpg) no-repeat top right;
	padding-right:360px;
}
#shop02{
	background:url(img/shop02_bg.jpg) no-repeat top right;
	padding-right:360px;
}
#shop03{
	background:url(img/shop03_bg.jpg) no-repeat top right;
	padding-right:360px;
}
#shop01 p,
#shop02 p,
#shop03 p{
	padding-left:15px;
}
#shop01,
#shop02{
	margin-bottom:60px;
}
#shop03{
	margin-bottom:60px;
	height:700px;
}
.shop_sti{
	width:320px;
	background:#BE0080;
	padding-left:10px;
	color:#fff;
	font-weight:bold;
	margin:5px 0 0 0;
}


.shop04{
	padding: 0 20px;
}

.shop04 .staff_img{
	width:170px;
	height:260px;
	float:left;
}
.shop04 .staff_img02{
	width:170px;
	height:300px;
	float:left;
}
.shop04 .staff_text{
	width:420px;
	height:260px;
	float:right;
}
.shop04 .staff_text02{
	width:420px;
	height:300px;
	float:right;
}

.shop04 dl {
	overflow: hidden;
	height: 25px;
	margin: 0 10px 5px 10px;
	border-bottom:1px #666666 dashed;
}

.shop04 dl dt {
	float: left;
	font-size:100%;
	font-weight: bold;
	width:130px;
	text-indent:10px;
}
.shop04 dl dd {
	width: 250px;
	font-size:100%;
	margin-left: 140px;
}
.shop04 ul{
	margin:20px 0 20px 30px;
}
.shop04 ul li{
	width:145px;
	height:30px;
	float:left;
}


#content h4.staff_h4{
	color:#451971;
	font-size:150%;
	font-weight:bold;
	margin:20px 0 10px;
	padding: 10px 0 0;
	border-top: 5px solid #dad3e1;
}

/* after
--------------------------------------------------------*/
.af{margin-top:-12px;}

/* blog
--------------------------------------------------------*/
.small{
	font-size:80%;
}
.blog_waku{
	margin:10px 10px 30px 10px;
	border-bottom:#CCCCCC 1px dashed;
	height:190px;
}
.blog_img{
	width:180px;
	height:170px;
	float:left;
}
.blog_text{
	width:460px;
	float:right;
	margin:0 0 0 15px;
}
#rss{
	height:80px;
	overflow:auto;
	margin:10px 0 0 0
}
#rss dt {
    clear: both;
    float: left;
    margin: 0;
	font-size:80%;
}
.ajaxFeederEntryDate{
	margin:0 10px 0 0;
}

/* catalog
--------------------------------------------------------*/
.catalog_waku{
	margin:10px 10px 30px 10px;
}
.frame {
	overflow: hidden;
	width: 680px;
	margin:20px 20px 30px 20px;
	padding-bottom: 20px;
	border-bottom:1px #451971 dashed;
}
#content .frame h4 {
	margin-bottom: 15px;
	font-size: 100%;
	font-weight: bold;
}
.frame .fleft {
	margin-right: 20px;
	float:left;
}
.frame .fright {
	margin-left: 20px;
	float:right;
}
/* other
--------------------------------------------------------*/
.gotop{
	width:700px;
	margin:20px 0 0 0;
	text-align:right;
}
#footer{
	text-align:center;
	font-size:95%;
}

/* link
--------------------------------------------------------*/
ul.link{
	width:600px;
	margin:0 auto;
}
ul.link li{
	float:left;
	margin:0 10px 10px 0;
}
ul.link li.last{
	margin:0 0 10px 0;
}



 
.tiny{
	margin: 0 0 30px;
	border-bottom: 1px solid #ccc;
}

.tiny iframe{
	border: none;
}