@charset "utf-8";
/* for IE5.5-7 */
.clrfix {
	zoom: 1;
}
.clrfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
/* for MacIE */
/*\*/*/ .clrfix {
 display: inline-table;
}
/**/


/* tags
---------------------------------------------------- */
html {
	overflow-y: scroll;
}
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #333;
	font: 62.5% Arial, Helvetica, sans-serif;
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, san-serif;
}
a:link, a:visited {
	color: #0055AA;
	text-decoration: none;
}
a:hover, a:active {
	color: #f60;
	text-decoration: none;
}
img {
	border-style: none;
	vertical-align: bottom;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
p {
	font-size: 1.3em;
	line-height: 180%;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
#gnavi {
	background: none repeat scroll 0 0 #FFFFFF;
}
/* adlink
---------------------------------------------------- */
#adlink {
	background:url(/static/common/images/adlink.gif) no-repeat left top;
	text-align: left;
	padding-left: 50px;
	width:592px;
	margin: 8px auto 8px auto;
}
#adlink a {
	margin: 0 8px 0 0;
	text-decoration:none;
	font-size:1em;
}
/* common class
---------------------------------------------------- */
.txtbold1 {
	color: #f60;
}
.txtsmall {
	font-size: 11px;
}
.bnrbx1 {
	margin: 0px 0px 20px;
}
/* 一覧リンク
---------------------------------------------------- */
.list {
	background:url("/static/common/images/ar2.gif") no-repeat scroll right center transparent;
	clear:both;
	margin:0;
	padding:0 18px 0 0;
	text-align:right;
}

/* html5対応
==================================================================== */


section, hgroup, nav, article, header, footer {
	display:block;
}
body {
	background: #E6E6E6 url(/static/common/images/back.gif) repeat;
}

a:hover, a:active {
	text-decoration: none;
	background: #E1F3F9;
}
img {
	border-style: none;
	vertical-align: top;
}
/* ヘッダー
==================================================================== */

header {
	text-align: left;
	_zoom: 1;
	overflow: hidden;
	background: #FFF;
}
header .inner {
	width: 972px;
	padding-top: 8px;
	margin-right: auto;
	margin-left: auto;
}
header h1#logo {
	float:left;
	width: 205px;
	padding: 0px 0px 0px;
	border:none;
	margin:5px 0 0 0;
}
header .toolmenu {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #FFEACA;
	padding: 10px 0px 10px 10px;
	color: #888888;
	border: 1px solid #FF9900;
	float: right;
}
header .toolmenu ul {
	list-style-type: none;


	margin:0;
	padding:0;
}
header .toolmenu ul li {
			font-size:1.2em;
	display: block;
	float: left;
	margin-right: 15px;
}
header .toolmenu ul li a {
	color:#600;
	font-weight:bold;
}
header .toolmenu ul li.login {
	background: url(/static/common/images/nav.png) no-repeat -32px -102px;
	padding-left:18px;
	padding-bottom: 2px;
}
header .toolmenu ul li.account {
	background: url(/static/common/images/nav.png) no-repeat -191px -102px;
	padding-left:18px;
	padding-bottom: 2px;
}
header .toolmenu ul li.cart {
	background: url(/static/common/images/nav.png) no-repeat -351px -102px;
	padding-left:20px;
	padding-bottom: 2px;
}
header .toolmenu ul li.help {
	background: url(/static/common/images/nav.png) no-repeat -514px -102px;
	padding-left:18px;
	padding-bottom: 2px;
}
nav {
	_zoom: 1;
	overflow: hidden;
	margin: 0 auto;
	padding:10px 0px;
	clear: both;
}
nav ul {
	list-style-type: none;
	margin:0;
	padding:0px;
	float: left;
}
nav ul li {
	display: inline;
	float: left;
	height: 30px;
}
nav ul li a {
	display: block;
	height: 30px;
}
nav ul li span {
	display:none;
}
nav ul li.home {
	background: url(/static/common/images/nav.png) no-repeat 0px 0px;
	width: 115px;
}
nav ul li.new {
	background: url(/static/common/images/nav.png) no-repeat -115px 0px;
	width: 125px;
}
nav ul li.book {
	background: url(/static/common/images/nav.png) no-repeat -240px 0px;
	width: 125px;
}
nav ul li.soft {
	background: url(/static/common/images/nav.png) no-repeat -365px 0px;
	width: 124px;
}
nav ul li.event {
	background: url(/static/common/images/nav.png) no-repeat -489px 0px;
	width: 120px;
}
nav ul li.home .active {
	background: url(/static/common/images/nav.png) no-repeat 0px -37px;
}
nav ul li.home a:hover {
	background: url(/static/common/images/nav.png) no-repeat 0px -37px;
}
nav ul li.new .active {
	background: url(/static/common/images/nav.png) no-repeat -115px -37px;
}
nav ul li.new a:hover {
	background: url(/static/common/images/nav.png) no-repeat -115px -37px;
}
nav ul li.book .active {
	background: url(/static/common/images/nav.png) no-repeat -240px -37px;
}
nav ul li.book a:hover {
	background: url(/static/common/images/nav.png) no-repeat -240px -37px;
}
nav ul li.soft .active {
	background: url(/static/common/images/nav.png) no-repeat -365px -37px;
}
nav ul li.soft a:hover {
	background: url(/static/common/images/nav.png) no-repeat -365px -37px;
}
nav ul li.event .active {
	background: url(/static/common/images/nav.png) no-repeat -489px -37px;
}
nav ul li.event a:hover {
	background: url(/static/common/images/nav.png) no-repeat -489px -37px;
}
nav #search {
	width:280px;
	float:right;
	background:none;
	padding:0;
}
#search form {
	background:none;
	padding:0;
	margin:0;
}
#search input {
	background: url(/static/common/images/search.png) no-repeat left center;
	border:#CCC solid 1px;
	padding:5px 5px 5px 20px;
	float:left;
}
#search form button {
	border: 0 none;
	cursor: pointer;
	height: 30px;
	width: 54px;
	background: url(/static/common/images/bo_search.png) no-repeat center top;
	padding:0;
}
#search form input.size1 {
	width:196px;
}
#search form button span {
	display: none;
}
#search form select, #search form input, #search form span {
	vertical-align: middle;
}
/* homeトップ
==================================================================== */


#home_contents section, #main section {
	background: #FFF;
	padding:10px;
	margin-bottom: 20px;
}
#home_contents section h2 {
	margin:10px 0 10px;
	padding:0;
}
/* aside
==================================================================== */
aside {
	float: right;
	width: 280px;
	padding:12px 0 0;
}
aside section {
	background: #FFF;
	padding: 10px;
}
aside h2 {
	text-align:center;
	margin-bottom: 10px;
}
aside #cart, aside #info, aside #new, aside #rank, aside #support, aside #sp, aside #kikaku {
	/* background:#FFF url(none);*/
	background:#FFF;
	padding:10px;
		margin: 0px 0px 20px;

}
/* カート
==================================================================== */
aside #cart p {
	padding:0;
	font-weight: bold;
	text-align: right;
	/* background: url(none);*/
	background: none;
	margin:0;
}
aside #cart ul {
	padding:0;
	margin: 0px;
	list-style: none;
}

#cart p img {
	vertical-align: middle;
	margin: 0px 0px 2px 10px;
}
/* お知らせ
==================================================================== */
aside #info dl {
	padding:0;
	margin: 0px;
}
#info p {
	padding:0;
	/* background: url(none);*/
	background: none;
	margin:0;
	text-align: right;
}
aside #info h2 {
	margin: 0px 0px 10px;
}
aside #info dt {
	font-size: 1.3em;
	line-height: 110%;
	color: #f60;
	margin: 0px;
	padding: 0px;
}
aside #info dd {
	font-size: 1.3em;
	line-height: 160%;
	margin: 0px 0px 7px;
	padding: 0px 0px 7px;
	background: url(/static/common/images/dt1.gif) repeat-x left bottom;
}
aside #info p a {
	background: url(/static/common/images/ar2.gif) no-repeat right center;
	padding: 0px 18px 0px 0px;
}
/* 新着・ランキング
==================================================================== */
#new ul, #rank ul, #support ul {
	background:none;
	padding:0;
	list-style: none outside none;
	margin:0;
}
#new dl, #rank dl {
	width: 200px;
	float: right;
	margin: 0px;
	padding: 0px;
}
#new p, #rank p {
	margin: 0;
	clear: both;
	background: url(/static/common/images/ar2.gif) no-repeat right center;
	text-align: right;
	padding: 0px 18px 0px 0px;
}
#new h2, #rank h2 {
	margin: 0px 0px 10px;
}
#new ul li, #rank ul li {
	background: url(/static/common/images/dt1.gif) repeat-x left bottom;
	display: block;
	margin: 0px 0px 8px;
	padding: 0px 0px 12px;
	clear: both;
}
#new img.imgleft, #rank img.imgleft {
	float: left;
}
#new dt, #rank dt {
	font-size: 1.3em;
	padding: 0px;
	margin: 0px;
	line-height: 150%;
}
#new dd, #rank dd {
	font-size: 1.2em;
	line-height: 150%;
	margin: 0px;
	padding: 0px;
}

#rank dt.rank1 {
}
#rank dt.rank2 {
}
#rank dt.rank3 {
}
/* 右メニュースペシャルショップ・広告企画
==================================================================== */

#sp ul, #kikaku ul {
	padding:0;
	margin: 0px;
	list-style: none;
}

#sp, #kikaku {
	margin: 0px 0px 20px;
	padding: 0px 0px 2px;
}
#sp h2, #kikaku h2 {
	margin: 0px 0px 10px;
}
#sp ul li {
	_zoom: 1;
	overflow: hidden;
	background: url(/static/common/images/dt1.gif) repeat-x left bottom;
	display: block;
	margin: 0px 0px 8px;
	padding: 0px 0px 0px;
	clear: both;
}
#sp dl, #kikaku dl {
	margin:0;
	padding:0;
}
#sp dt {
	background:url("/static/common/images/ar3.gif") no-repeat scroll left center transparent;
	font-size:1.3em;
	margin:0 0 6px;
	padding:0 0 0 20px;
}
/* support
---------------------------------------------------- */

#support h2 {
	margin: 0px 0px 8px;
}
#support li ,#kikaku ul li, #cart ul li {
	font-size: 1.3em;
	line-height: 180%;
	background: url(/static/common/images/ar4.gif) no-repeat left 6px;
	padding: 0px 0px 0px 18px;
}
/* スペシャルショップh2相殺
==================================================================== */
#home_contents section#special h2 {
	margin: 0 0 10px;
	padding: 10px 0 10px 10px;
}
/* フッター
==================================================================== */
footer {
	clear: both;
	background: #ffffff;
	margin: 35px 0px 0px;
}
#footer_home {
	margin: 0px auto;
	width: 972px;
	text-align: left;
	padding: 25px 0px 20px;
}
#footer_body {
	margin: 0px auto;
	width: 98%;
	min-width: 972px;
	text-align: left;
	padding: 25px 0px 20px;
}
.footer_ul1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 110px;
}
.footer_ul1 li {
	font-size: 1.2em;
	line-height: 180%;
	background: url(/static/common/images/ar5.gif) no-repeat left center;
	padding: 0px 0px 0px 12px;
}
#footer_r {
	float: right;
	width: 490px;
	text-align: right;
}
#footer_r ul.totop {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#footer_r ul.totop li {
	font-size: 1.3em;
	line-height: 180%;
	background: url(/static/common/images/ar6.gif) no-repeat right center;
	padding: 0px 17px 0px 0px;
}
#footer_r p {
	margin: 0px 0px 5px;
}
#footer_r div img {
	vertical-align: middle;
	margin: 0px 0px 0px 15px;
}

