/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:0 dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:0 solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


body, div, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, ul, li { margin:0; padding:0; }
body {
	line-height: 120%;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 84%;
}

h1 { font-size: 100%; font-weight: normal; }
h2 { font-size: 130%; line-height: 140%; }
img {
	border: 0;
}

a:link,a:visited,a:hover { color: #0E4BB1;}

ul { list-style: none; }

/* ブックフェア専用 */
#center { margin: 0 auto; width: 700px; }
#comment { margin: 0 auto; padding: 5px; border: solid 1px #D1C9AE; width: 90%; color: navy; font-size: 90%; }
/* #comment { margin-left: 20px; padding: 5px; border: solid 1px #D1C9AE; width: 80%; color: navy; font-size: 90%; } */
img.back { margin-top: 50px; text-align: center; width: 72; height: 19; }
#nomarg { margin: 0; border: none; }

/* テキスト */
.orange { color: #FF6600; }
.orange-b { font-size: 140%; color: #FF6600; font-weight: bold; }
.red { color:#FF0000; }
.pro-price {
	font-size: 110%;
	color:#FF0000;
	font-weight: bold;
}

/* 部品 */
.sp-h15 { height: 15px; }
.sp-h10 { height: 10px; }
.sp-h5 { height: 5px; }


#container { margin: 0 auto; width: 750px; }
.pankuzu { padding: 12px 0; }

/* 左メニュー */
#left-menu { float: left; width: 190px; background-color: #E5E0CD; padding: 7px 0; border: 1px solid #D1C9AE; text-align:center; margin-right: 20px; }
#left-menu img { vertical-align: top;}
.w-box { background: #fff; border: 1px solid #BDB28F; width: 174px; margin: 0 auto; text-align: left; }
.w-box-w { background: url(/images_n/w-box_bg.gif) repeat-y; width:182px; margin: 0 auto; }
.w-box-head { background:url(/images_n/w-box_head.gif) no-repeat; width: 182px; height: 2px; margin: 1px auto 0 auto; }
.w-box-foot { background:url(/images_n/w-box_foot.gif) no-repeat; width: 182px; height: 4px; margin: 0 auto; }

.genre-title { margin: 10px 6px; padding-left: 8px; border-left: 4px solid #775B3E; }
.genre-s { margin: 0 10px; background:url(/images_n/icon_folder.gif) no-repeat left; padding-left: 18px; }
 
.genre-s2 { margin: 0 10px; background:url(/images_n/icon_folder.gif) no-repeat left; padding: 3px 0px 3px 18px; }

ul.genre { margin: 5px 10px 15px; }
a:link.arrow{ margin: 0px; padding: 5px 0 5px 30px; display:block; background: url(/images_n/arrow_ge01.gif) no-repeat; background-position: 10% 60%; text-decoration: none;}
a:visited.arrow{ margin: 0px; padding: 5px 0 5px 30px; display:block; background: url(/images_n/arrow_ge01.gif) no-repeat; background-position: 10% 60%; text-decoration: none;}
a:hover.arrow{ margin: 0px; padding: 5px 0 5px 30px; display:block; background: url(/images_n/arrow_ge01.gif) no-repeat; background-position: 10% 60%; text-decoration: none;}
ul.genre li { margin: 0px; padding: 0; background: url(/images_n/left_dotline.gif) repeat-x; background-position: 0% 100%;}
li#ge-over { margin: 0px; padding: 0; background: url(/images_n/left_dotline.gif) repeat-x #f5f5f5; background-position: 0% 100%;}
a:link.arrow2{ margin: 0px; padding: 5px 0 5px 30px; display: block; background: url(/images_n/arrow_ge02.gif) no-repeat; background-position: 10% 60%; text-decoration: none;}
a:visited.arrow2{ margin: 0px; padding: 5px 0 5px 30px; display: block; background: url(/images_n/arrow_ge02.gif) no-repeat; background-position: 10% 60%; text-decoration: none;}
a:hover.arrow2{ margin: 0px; padding: 5px 0 5px 30px; display: block; background: url(/images_n/arrow_ge02.gif) no-repeat; background-position: 10% 60%; text-decoration: none;}

ul.shoppingguide { margin: 10px 10px;}
ul.shoppingguide li { margin: 0px; padding: 5px 0 5px 23px; background:url(/images_n/arrow_sh.gif) no-repeat 6px 8px; border-bottom: 1px solid #ddd; }

ul.official { margin: 10px 10px;}
ul.official li { margin: 0px; padding: 5px 0 5px 23px; background:url(/images_n/arrow_of.gif) no-repeat 6px 8px; border-bottom: 1px solid #ddd; }




/* 一覧 */
#right { margin-left: 210px; }
.clip { background: url(./icon_clip.gif) no-repeat 1px 1px; padding-left: 25px; font-weight: bold; margin-bottom: 10px; }
.page-list { border-bottom: 1px solid #999; border-top: 1px solid #999; padding: 10px 0; }
.page-pw { float: left; }
.page-sw { float: right; }
.page-tx { padding-top: 10px; }

.check-du {
	font-size: 100%;
	border: 1px solid #ccc;
	background:url(./icon_darrow.gif) no-repeat 4px 4px;
	padding: 8px 0 8px 30px;
	margin: 18px 0 0;
}
.check-du2 {
	font-size: 100%;
	margin: 0 auto;
	border: 1px solid #ccc;
	padding: 16px 0 16px 6px;
}
.check-du2 img { vertical-align:middle; margin: 0 5px; }

.productbox {
	padding-bottom: 15px;
	line-height: 140%;
	background: url(/images_n/main_dotline.gif) repeat-x;
	background-position: 0% 100%;
	margin: 0 0 60px 4%;
}
.productbox table {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
.productbox td { vertical-align: top; }
.pro-bname {
	font-size: 115%;
	font-weight: bold;
	margin-bottom: 5px;
	white-space: normal;
}
.pro-ch {
	width: 18px;
	font-size: 80%;
}
.ipproch {
	margin-right: 6px;
	vertical-align: middle;
	display: block;
}
.pro-pix {
	margin-right: 10
];
	margin-right: 0px;
}
.pro-des {
	margin-bottom: 15px;
	font-size: 84%;
	line-height: 1.3em;
}
.pro-bt { text-align: right; }
.pro-btbox { margin-top: 5px; }
.pro-btbox img { margin-right: 6px; }
.bt-shop { float: right; }
.bt-wish {
	margin-left: 0px;
	margin-top: 2px;
	line-height: 18px;
}
.bt-sh { margin: 0px 0 0 5px; vertical-align: middle;  }



/* ジャンルTOP */
#genre-center { width: 500px; float: left;}
#genre-contact { margin-bottom: 30px; padding: 14px; line-height:140%; border: 1px solid #cccccc; font-size: 102%; text-align:left; }
#genre-contact span { color: #ff6600; }

#c-index01 { width: 500px; height: 38px; background: url(/images_n/genre-c-index01.gif) no-repeat;}
#c-index01 img { padding: 11px 0px 0px 397px;}
.c-table01 { padding: 15px 0px; background: url(/images_n/genre-dotline.gif) repeat-x; background-position: 0% 100%; width: 242px;}
.c-table01 img{ padding: 0px 8px 0px 0px;}
.c-table01-2{ vertical-align:top;}
.new-bname { font-size: 100%; font-weight: bold; margin-bottom: 5px; }
.new-bauthor { font-size: 80%; margin-bottom: 8px; }
#c-index02 { margin:30px 0px 15px 0px; width: 500px; height: 38px; background: url(/images_n/genre-c-index02.gif) no-repeat;}
#c-index02 img { padding: 11px 0px 0px 397px;}
#c-table02 { text-align:left;}
.c-table02-img{ margin:0px auto; padding: 0px 12px 0px 12px; width: 25%;}
.c-table02-txt{ padding: 0px 12px 6px 12px; vertical-align: top;}
#c-index03 { margin:30px 0px 15px 0px; width: 500px; height: 38px;}
#osusume_title h3{ margin-bottom: 6px;font-size:108%;}
#c-table03 td{ font-size:100%; vertical-align: top;}
#c-table03-img1 img{ margin-right: 5px; border: 1px solid #999999;}
.c-table03-img2 img{ margin:0px 5px 5px 0px;border: 1px solid #cccccc;}
#c-table03-txt{ padding-top: 5px;}
#genre-right { width: 160px; float: right;}
#genre-r01 { margin-bottom:15px;}
#genre-r01-td01 { padding: 14px 8px 8px 8px; border-right: 2px solid #CFBFA9; border-left: 2px solid #CFBFA9; background-color: #F4F9FF;}
#genre-r01-td01 img { margin-bottom: 3px;}
#genre-r01-td01_2 { padding: 5px; border-right: 2px solid #CFBFA9; border-left: 2px solid #CFBFA9; border-bottom: 2px solid #CFBFA9; background: url(/images_n/genre-r01-dotline.gif) repeat-x; background-position: 0% 0%;}
#genre-r01-td01_2 img { margin-right: 3px;}
#genre-r01-td01_3 { vertical-align: top;}
#genre-r02 { margin-bottom:15px;}
#genre-r02-smoll { font-size:80%;}
#genre-r02-td01 { padding: 14px 8px 8px 8px; border-right: 2px solid #CFBFA9; border-left: 2px solid #CFBFA9; background-color: #FEF2D7;}
#genre-r02-td01 img { margin-bottom: 3px;}
#genre-r02-td01_2 { padding: 5px; border-right: 2px solid #CFBFA9; border-left: 2px solid #CFBFA9; border-bottom: 2px solid #CFBFA9; background: url(/images_n/genre-r01-dotline.gif) repeat-x; background-position: 0% 0%;}
#genre-r02-td01_2 img { margin-right: 3px;}
#genre-r02-td01_3 { padding-bottom: 5px; border-bottom: 1px solid #cccccc; }
#genre-r02-td01_4 { padding: 3px; text-align: right; font-size: 80%; }
#genre-r03 { margin-bottom:15px;}
.genre-r03-td01 { padding: 1px; border-right: 2px solid #CFBFA9; border-left: 2px solid #CFBFA9; border-bottom: 1px solid #CFBFA9;}
#genre-r03-td01_2 { padding: 1px; border-right: 2px solid #CFBFA9; border-left: 2px solid #CFBFA9; border-bottom: 2px solid #CFBFA9;}
.genre-r03-td01_3 { padding:8px 2px 0px 2px; background-color: #EFECE0; vertical-align:top;}
.genre-r03-td01_4 { padding:5px; vertical-align:top;}
.genre-r03-td01_5 { padding:5px 5px 5px 0px; vertical-align:top;}

#rec { background: url(../images_n/rec_bg.gif); padding: 5px; margin-bottom: 20px; line-height: 140%; }
.rec-box { background: #fff; padding: 15px; }
.rec-box img { border: 1px solid #ccc; padding: 15px; }
.rec-box table { margin: 15px 0 0 0; }
.rec-box td { padding: 0 10px 0 5px; width: 145px; }



/* フッター */
#footer { margin-top: 20px; background: url(/images_n/footer_bg.gif) repeat-x; }
#footer-navi { padding: 22px 0px 0px 0px; text-align: center; font-size:78%;}
#footer-copyright { margin: 0px auto; padding: 18px 0px 30px 0px; width: 315px;}