@charset "Shift_JIS";

/****************************************************
*htmlタグ*
****************************************************/

/*bodyタグ
-------------------------*/
body{
	width: 760px;
	margin:0 auto 0 auto;
	padding:0;
	text-align:center;
	font-size: 80%;
	line-height : 150%;
	color: 333333;
	background: url(img/body_back.gif) repeat;
}

/*h1〜h6,div,ul,li,pタグ
-------------------------*/
h1,h2,h3,h4,h5,h6,div,ul,li,p{
	margin:0px;
	padding: 0px;
}

/*imgタグ
-------------------------*/
img{
	margin:0;
	padding:0;
	border: none;
}

/*リンクカラー
-------------------------*/
a{
	color: 003399;
	text-decoration: underline;
}

/*a:visited, a:active, a:link {
	color: #cc6600;
}*/

/*選択時リンクカラー
-------------------------*/
a:hover{
	color: #FF9900;
	text-decoration: underline;
}

/*フォームタグ
-------------------------*/
form{
	margin:0;
	padding: 0;
}

/****************************************************
*共通部品*
****************************************************/

/*要素右寄せ用
-------------------------*/
.r{
	margin-top:5px;
	float:right;
}

/*要素左寄せ用
-------------------------*/
.l{
	margin-top:5px;
	float:left;
}

/*日付フォント用
-------------------------*/
.day{
	color:#063666;
	font-weight: bold;
}

/****************************************************
*レイヤー構成*
****************************************************/

/*======================================
共通
======================================*/

/*全体レイヤー
-------------------------*/
#body{
	width: 760px;
	margin:0 auto 0 auto;
	/*float:left;*/
	text-align: center;
	/*background: url(img/body_back2.gif) repeat-y center;*/
}

#body_back{
	width: 760px;
	margin:0 auto 0 auto;
	/*float:right;*/
	/*text-align: center;*/
	background: url(img/body_back2.gif) repeat-y center;
}

#body2{
	width: 750px;
	margin:0 5px 0 5px;
	text-align: left;
}

/*ヘッダーレイヤー
-------------------------*/
#header{
	width:750px;
}

/*フッターレイヤー
-------------------------*/
#footer{
	width: 750px;
	clear: both;
}

/*======================================
メインページ
======================================*/

/*コンテンツレイヤー
-------------------------*/
#contents{
	width: 750px;
	height: 620px;
	background: url(img/title.jpg)	no-repeat left top;
	background-color: #727B8B;
	text-align: right;
}

/*ライトレイヤー
-------------------------*/
#right{
	width: 250px;
	height: 620px;
	text-align: left;
	float:right;
	background: #6699CC;
	clear: both;
}

/*======================================
カテゴリーページ
======================================*/

/*コンテンツレイヤー
-------------------------*/
#contents2{
	width: 750px;
	background: url(img/side_back.gif)	repeat-y;
	float:left;
}

/*レフト
-------------------------*/
#left{
	width: 167px;
	float: left;
}

/*レフト
-------------------------*/
#main{
	width: 583px;
	float:right;
	text-align: center;
	background:url(img/entry_back.jpg) no-repeat top #6699cc;
}


/****************************************************
*メインページ*
****************************************************/

/*======================================
ヘッダー
======================================*/

/*ヘッダー下部
-------------------------*/
.header01{
	width: 750px;
	height: 168px;
	background: url(img/head_01.jpg)
	no-repeat left top;
	text-align:right;
}

/*======================================
コンテンツ
======================================*/

/*コンテンツレイヤー内容枠
-------------------------*/
.contents01{
	width: 497px;
	height: 467px;
	margin:0 0px 0px 0px;
}

/*コンテンツレイヤー内容枠
-------------------------*/
.contents02{
	width: 497px;
	margin:0 0px 0px 0px;
}

/*======================================
ライト
======================================*/

/*ライトレイヤー内容枠
-------------------------*/
.right01{
	width: 209px;
	margin:0 28px 15px 13px;
}

/*ライト見出し・フォント
-------------------------*/
.right01 h2{
	margin:20px 0 15px 0;
}

.right01 h3{
	font-size: 110%;
	font-weight: normal;
	border-bottom: 2px solid #333333;
}

.right01 p.r01_day{
	margin:3px 0 10px 0;
	font-size: 90%;
	text-align: right;
}

.right01 p.r01_more{
	margin:0 0 5px 0;
	font-size: 100%;
	text-align: right;
}

/*ライト内容左側余白
-------------------------*/
.right01 h3,.right01 p{
	margin-left:8px;
}

/*======================================
フッター
======================================*/

/*フッター上部
-------------------------*/
.footer01{
	width: 750px;
	padding:5px 0 5px 0;
	background: #000000;
	text-align: center;
}

.footer01 p{
	color:#ffffff;
	font-size:85%;
	clear: both;
}

/*フッター上部メニュー
-------------------------*/
ul#f_nav{
	/*margin: 0 24px 5px 24px;*/
	margin: 0 72px 5px 72px;
	text-align: center;
	list-style-type: none;
}

ul#f_nav li{ 
	width: 96px; 
	height: 22px;
	margin-left:5px;
	float: left; 
}

ul#f_nav li#f_nav00{
	width: 96px; 
	height: 22px;
	margin-left:0;
	float:left;
}

/*フッター下部
-------------------------*/
.footer02{
	width: 750px;
	padding:10px 0 10px 0;
	background: #ffffff;
	text-align: center;
}

.footer02 img{
	margin:0 10px;
}

/****************************************************
*カテゴリーページ*
****************************************************/

/*======================================
ヘッダー
======================================*/

/*ヘッダー下部
-------------------------*/
.cat_header01{
	width: 750px;
	height: 69px;
	padding-top:137px;
	background: url(img/cat_head01.jpg)	no-repeat left top;
	text-align:right;
}

.cat_header02{
	width: 750px;
	/*height: 69px;*/
	background: url(img/cat_head02.jpg)	no-repeat right top;
	text-align:left;
}

.cat_header03{
	width: 750px;
	height: 33px;
	background: url(img/cat_head03.jpg)	no-repeat left top;
}

/*フッターメニュー
-------------------------*/
ul#cat_f_nav{
	/*padding: 3px 0 0 116px;*/
	padding: 3px 0 0 170px;
	list-style-type: none;
}

ul#cat_f_nav li{ 
	width: 86px; 
	height: 22px;
	margin-left:4px;
	float: left; 
}

ul#cat_f_nav li#cat_f_nav00{
	width: 86px; 
	height: 22px;
	margin-left:0;
	float:left;
}

/*======================================
サイドメニュー
======================================*/

/*サイドメニュー枠
-------------------------*/
.side_box{
	width: 167px;
	text-align: left;
}

/*サイドメニュー
-------------------------*/
ul#s_nav { margin: 0; padding-bottom:10px;; list-style-type: none; background:url(img/side01_menu_foo.gif) no-repeat bottom #000000;}

ul#s_nav li{ width: 161px; height: 31px;}

ul#s_nav li a { display: block; width: 161px; height: 31px; background-repeat: no-repeat; background-position: 0px 0px; }

ul#s_nav li a:hover { background-position: 0px -31px; }

ul#s_nav li a span { /*position: absolute;*/ margin-left:-9999px; }

ul#s_nav a{text-decoration: none;}

ul#s_nav a:hover{text-decoration: none;}

/*01 ABOUT
-------------------------*/
ul#s_nav li#s_nav0101 a { background-image: url(img/side_0101.gif); }
ul#s_nav li#s_nav0102 a { background-image: url(img/side_0102.gif); }
ul#s_nav li#s_nav0103 a { background-image: url(img/side_0103.gif); }
ul#s_nav li#s_nav0104 a { background-image: url(img/side_0104.gif); }
ul#s_nav li#s_nav0105 a { background-image: url(img/side_0105.gif); }
ul#s_nav li#s_nav0106 a { background-image: url(img/side_0106.gif); }

body#cat01 ul#s_nav li#s_nav0101,body#cat0101 ul#s_nav li#s_nav0101 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0102 ul#s_nav li#s_nav0102 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0103 ul#s_nav li#s_nav0103 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0104 ul#s_nav li#s_nav0104 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0105 ul#s_nav li#s_nav0105 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0106 ul#s_nav li#s_nav0106 a { background-position: 0px -31px; }

/*02 SPECIAL
-------------------------*/
ul#s_nav li#s_nav0201 a { background-image: url(img/side_0201.gif); }
ul#s_nav li#s_nav0202 a { background-image: url(img/side_0202.gif); }
ul#s_nav li#s_nav0203 a { background-image: url(img/side_0203.gif); }

body#cat02 ul#s_nav li#s_nav0201,body#cat0201 ul#s_nav li#s_nav0201 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0202 ul#s_nav li#s_nav0202 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0203 ul#s_nav li#s_nav0203 a { background-position: 0px -31px; }

/*03 ARCHIVE
-------------------------*/
ul#s_nav li#s_nav0301 a { background-image: url(img/side_0301.gif); }
ul#s_nav li#s_nav0302 a { background-image: url(img/side_0302.gif); }
ul#s_nav li#s_nav0303 a { background-image: url(img/side_0303.gif); }
ul#s_nav li#s_nav0304 a { background-image: url(img/side_0304.gif); }
ul#s_nav li#s_nav0305 a { background-image: url(img/side_0305.gif); }
ul#s_nav li#s_nav0306 a { background-image: url(img/side_0302.gif); }
ul#s_nav li#s_nav0307 a { background-image: url(img/side_0303.gif); }
ul#s_nav li#s_nav0308 a { background-image: url(img/side_0304.gif); }

body#cat03 ul#s_nav li#s_nav0301,body#cat0301 ul#s_nav li#s_nav0301 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0302 ul#s_nav li#s_nav0302 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0303 ul#s_nav li#s_nav0303 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0304 ul#s_nav li#s_nav0304 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0305 ul#s_nav li#s_nav0305 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0306 ul#s_nav li#s_nav0306 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0307 ul#s_nav li#s_nav0307 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0308 ul#s_nav li#s_nav0308 a { background-position: 0px -31px; }

/*04 GOODS
-------------------------*/
ul#s_nav li#s_nav0401 a { background-image: url(img/side_0401.gif); }
ul#s_nav li#s_nav0402 a { background-image: url(img/side_0402.gif); }
ul#s_nav li#s_nav0403 a { background-image: url(img/side_0403.gif); }

body#cat04 ul#s_nav li#s_nav0401,body#cat0401 ul#s_nav li#s_nav0401 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0402 ul#s_nav li#s_nav0402 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0403 ul#s_nav li#s_nav0403 a { background-position: 0px -31px; }

/*05 BOOKS
-------------------------*/
ul#s_nav li#s_nav0501 a { background-image: url(img/side_0501.gif); }
ul#s_nav li#s_nav0502 a { background-image: url(img/side_0502.gif); }
ul#s_nav li#s_nav0503 a { background-image: url(img/side_0503.gif); }
ul#s_nav li#s_nav0504 a { background-image: url(img/side_0504.gif); }

body#cat05 ul#s_nav li#s_nav0501,body#cat0501 ul#s_nav li#s_nav0501 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0502 ul#s_nav li#s_nav0502 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0503 ul#s_nav li#s_nav0503 a { background-position: 0px -31px; }
/*body#cat01 ul#s_nav li#s_nav0101,*/body#cat0504 ul#s_nav li#s_nav0504 a { background-position: 0px -31px; }

/*======================================
メイン
======================================*/

.entry{
width: 547px;
margin:15px 17px 30px 19px;
text-align: left;
}

.entry2{
width: 547px;
margin-bottom:20px;
}

.entry h1{
	padding:0.2em 10px 0.2em 0;
	text-align: right;
	font-family: "Geneva","Arial","Helvetica","san-serif";
	font-weight: bold;
	font-style: italic;
	font-size: 140%;
	border-bottom: 2px solid Black;
	border-right: 5px solid Black;
}

.entry h2{
	padding:0.2em 10px 0.2em 0;
	text-align: right;
	font-family: "ＪＳ明朝";
	font-weight: bold;
	font-size: 140%;
	border-right: 5px solid Black;
}

.entry h3{
	margin: 15px 0 0 0;
	padding: 0.2em 0 0.2em 10px;
	font-size: 100%;
	color: #003466;
	border-left: 5px solid #003466;
}

.entry_box{
	margin:5px 0 5px 0;
	padding:1em;
	background:#B3CDE6;
}

.stxt{
font-size:10px;
}

.entry_box_0103{
	width: 280px;
	margin:5px 0 5px 0;
	padding:1em;
	float:left;
	background:#B3CDE6;
}

.entry_box_0104{
	width: 210px;
	margin:5px 0 5px 0;
	padding:1em;
	float:left;
	background:#B3CDE6;
}

.entry_box_03{
	width: 340px;
	margin:5px 0 5px 0;
	padding:1em;
	float:left;
	background:#B3CDE6;
}

.box_l{
	width: 270px;
	height: 187px;
	float:left;
}

.box_l sml{
	font-size:5px;
}

.box_r{
	width: 270px;
	height: 187px;
	float:right;
}

.box_r2{
	margin-top:5px;
	width: 180px;
	float:right;
	text-align: center;
}

.entry p{
	margin-bottom:0.8em;
}

.box_l p,.box_r p{
	margin:0.1em 0 0.1em 137px;
	padding:0;
	   vertical-align: bottom;
}

img.buy{
margin-top:15px;
   vertical-align: bottom;
}