@charset "UTF-8";
@import url("base.css");
@import url("extensions.css");

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 01.wrapper style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#wrapper {
	margin: 0px auto 0px auto;
	width: 800px;
	background: #FFFFFF url(../images/all/bodyback.jpg) repeat-y left;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 02.header style                                                        */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#header {
	width: 800px;
	height: 150px;
	background: url(../images/top/headerback.jpg);
	text-align: left;
}
div#header h1 {
}
div#header .logo {
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 03.navigator style                                                     */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 04.container style                                                     */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#container {
	margin: 0px auto 0px auto;
	clear: both;
	text-align: left;
}
hr#eof {
	clear: both;
	visibility: hidden;
	height: 1px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 05.contents style                                                      */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#contents {
	float: left;
	width: 650px!important;
	background-color: #FFFFFF;
}
div#contents h2 {
	color: #003399;
	font-size: 120%;
	margin-top: 10px;
	margin-left: 10px;
}
div#contents h3 {
	color: #990000;
	margin-top: 10px;
	margin-left: 10px;
	border-bottom: 1px solid #CC9900;
	margin-right: 10px;
	border-left: 5px solid #990000;
	padding-left: 10px;
}
div#contents .topic1 {
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 10px;
}
div#contents .comres {
	float: left;
	height: 120px;
	width: 180px;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 95%;
}
div#contents .shop01 {
	width: 640px;
}
div#contents .shopcase {
	background: #333333;
	width: 300px;
	float: left;
	margin-left: 10px;
	border: 1px solid #333333;
	margin-top: 10px;
}
div#contents .shopimg {}
div#contents .shopcom5 {
	font-size: 12px;
	line-height: 14px;
	height: 70px;
	background: #FFFFFF;
	margin: 5px;
	padding-left: 3px;
}
div#shotorihiki {
	float: left;
	width: 650px!important;
	background-color: #FFFFFF;
	font-size: 12px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 06.sidebar style                                                       */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#sidebar {
	float: left;
	width: 150px!important;
	display: block;
}

/* --- ナビゲーションバー --- */
.nav {
	width: 150px; /* ナビゲーションの幅 */
	font-size: 80%;
	background: url(../images/all/menuback_2.jpg) repeat-y bottom;
	display: block;
}

/* --- メニューエリア --- */
.nav .nl {
	padding: 0; /* 最上部の枠線 */
	list-style-type: none;
	text-align: left;
	margin-left: 8px;
	display: block;
}

/* --- メニュー項目 --- */
.nav .nl li {
	padding-top: 1px;
}

/* --- リンク --- */
.nav .nl li a {
	display: block;
	position: relative; /* リンクエリアのパディング（上右下左） */
	background: url(../images/all/menu1.jpg) no-repeat 2px center; /* 左側の垂直線 */
	text-decoration: none; /* テキストの下線（なし） */
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 18px;
	width: 124px;
	color: #333333;
}
/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
	background: url(../images/all/menu2.jpg) no-repeat 2px 5px; /* ポイント時の垂直線 */
	display: block;
	color: #CC3333;
}
/* --- サイドバーアドレス部分 --- */
.ad {
	font-size: 12px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #990000;
	background: url(../images/all/ad_back.jpg);
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 07.footer style                                                        */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#footer {
	clear: both;
	width: 800px;
	background: #683939;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 08.copyright style                                                     */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#copyright {
	padding: 2px;
	color: #999999;
	clear: both;
	line-height: normal;
}
div#copyright p {
	font-size: 14px;
	color: #FFFFCE;
}
div#copyright span {
	font: 12px "Myriad Pro", "Verdana", "Arial", "Helvetica", "sans-serif";
	color: #CCCCCC;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 09.other class style                                                   */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.imgfright {
	float: right;
	margin-right: 10px;
}
.imgfleft {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/