@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

/* BASE -------------------------------------------------------------------------*/

body {
	font-family: Arial,'ＭＳ Ｐゴシック',sans-serif;
	background: #efefff;
	color: #555555;
	font-size: 12px;
}

ol, ul {
	list-style: none;
	list-style-image: none;
	list-style-position: outside;
}

ul li,ol li{list-style: none}

/* WRAPPER -------------------------------------------------------------------------*/

#wrapper {
	width: 928px;
	margin: 0 auto;
	padding: 0 10px;
	line-height: 0;
	background: #ffffff;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

/* HEADER -------------------------------------------------------------------------*/
#headline{
	text-align:left;
	margin:0;
	padding:3px 10px;
	background:#f3f3f3;
	zoom:1;
}
#headline:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
#headline a{
	color:#08a3ca;
}
#headline a:hover{
	color:#18427a;
}
#headline ul{
	display:inline;
	float:right;
}
#headline p{
	padding:7px;
	font-size:10px;
	float:left;
	display:inline;
}
#headline h1 {
	padding:7px;
	font-size:12px;
	font-weight: normal;
	display:inline;
	float:left;
}
#headline ul li{
	display:inline;
	font-size:12px;
	margin:0 5px;
}
#headline ul li img{
	vertical-align:middle;
	margin-right:3px;
	-ms-interpolation-mode:bicubic;
}

#header {
	clear: both;
	width: 928px;
	height: 158px;
	line-height: 0;
	padding: 0;
	line-height: 0;
	background:url(../images/common/header_bg.jpg) repeat-x bottom;
}

/* HEADER_LOGO ----------*/

#header_logo {
	clear: both;
	float: left;
	width: 120px;
	height: 83px;
	display: inline;
	margin: 15px 0 15px 10px;
}

/* HEADER_MES ----------*/

#header_mes {
	float: left;
	width: 788px;
	display: inline;
	margin: 28px 0 5px 10px;
	text-align: right;
}

#header_mes p{
	padding: 0 10px 0 0;
	line-height: 1.5;
	font-size:12px;
}

/* HEADER_SEARCH ----------*/

#header_search {
	float: right;
	width: 785px;
	height: 21px;
	padding: 0 10px 0 0;
	line-height: 0;
	font-size: 0;
}

#header_sf {
	float: right;
	width: 785px;
	height: 21px;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
}

#search_submit {
	float: right;
	width: 82px;
	display: inline;
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
	line-height: 0;
	font-size: 0;
}

* html #search_submit {
	padding: 1px 0 0 0;
}

*:first-child+html #search_submit {
	padding: 1px 0 0 0;
}

#search_submit img {
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
}

#search_input {
	float: right;
	width: 698px;
	text-align: right;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
}

.header_search_input {
	width: 194px;
	height: 15px;
	margin: 0;
	padding: 2px 3px;
	font-size: 12px;
	line-height: 1.2;
	border: 1px solid #c8c8c8;
	background: #ffffff;
}

/* MENU -------------------------------------------------------------------------*/

#menu {
	clear: both;
	width: 928px;
	height: 38px;
	line-height: 0;
}

#menu ul {
	width: 928px;
	height: 38px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu ul li {
	float: left;
	display: inline;
}

#menu01 {width: 115px; height: 38px; margin-left:15px;}
#menu02 {width: 115px; height: 38px; margin-left:10px;}
#menu03 {width: 115px; height: 38px; margin-left:10px;}
#menu01-on {width: 115px; height: 38px; margin-left:15px;}
#menu02-on {width: 115px; height: 38px; margin-left:10px;}
#menu03-on {width: 115px; height: 38px; margin-left:10px;}

#menu ul li a {
	display: block;
}

#menu01 a {width: 115px; height: 38px;}
#menu02 a {width: 115px; height: 38px;}
#menu03 a {width: 115px; height: 38px;}
#menu01-on a {width: 115px; height: 38px;}
#menu02-on a {width: 115px; height: 38px;}
#menu03-on a {width: 115px; height: 38px;}

#menu span {
	position: absolute;
	left: -5000px;
}

#menu01 a {background: url(../images/common/menu1.gif) no-repeat top left;}
#menu02 a {background: url(../images/common/menu2.gif) no-repeat top left;}
#menu03 a {background: url(../images/common/menu3.gif) no-repeat top left;}

#menu01-on a{ background:url(../images/common/menu1.gif) 0 -38px; }
#menu02-on a{ background:url(../images/common/menu2.gif) 0 -38px; }
#menu03-on a{ background:url(../images/common/menu3.gif) 0 -38px; }

#menu01 a:hover,
#menu02 a:hover,
#menu03 a:hover {
	background-position: 0 -38px;
}

/* CONTENTS -------------------------------------------------------------------------*/

#contents {
	clear: both;
	width: 928px;
	margin: 10px 0 0 0;
	padding: 0;
}

/*----------------------------------------
	contentsbox
----------------------------------------*/

.contentsbox {
    
}

.contentsbox a.users {
	padding:3px;
    color:#da4740;
    font-weight:bold;
    border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.contentsbox .thumbnail { 
    margin-right: 5px;
    float:left;
 }

.contentsbox h4 { 
    font-size:12px;
    margin: 0;
    padding: 0;
	background: #fff;
}

.contentsbox .genre { 
    font-size:10px;
    color: #999;
    margin:0 0 5px;
 }

.contentsbox .iteminfo { 

}

.contentsbox .iteminfo:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.contentsbox .iteminfo h3 {
    font-size:14px;
}

.contentsbox .iteminfo .status {
    font-size:10px;
    color: #666;
}

.contentsbox blockquote { 
	margin:10px 0 5px;
    padding: 5px 10px;
    background-color:#f0f0e0;
    font-size: 12px;
}

.contentsbox div.timestamp { 
    text-align:right;
    font-size:10px;
    color: #999;
    margin:0 0 5px;
}

.contentsbox div.release { 
    font-size:10px;
    color: #333;
}
 
/* MAIN -------------------------------------------------------------------------*/

#main {
	float: right;
	width: 728px;
	line-height: 1.5;
}

#main p {
	font-size: 12px;
	line-height: 1.7;
}

/* HEADER_NAVI ----------*/

#header_navi {
	clear: both;
	width: 718px;
	height: 16px;
	margin: 0 0 10px 0;
	padding: 2px 5px 5px 5px;
	background: url(../images/common/header_navi_bg.gif) repeat-x bottom;
}

#header_navi p {
	font-size: 12px;
	line-height: 1.5;
}

/* Search_NAVI ----------*/

#search_navi {
	clear: both;
	width: 718px;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 10px;
	background: #eaeaea;
	font-size: 12px;
	line-height: 1.5;
}

/* Page_Navi ----------*/

#page_navi {
	clear: both;
	float: left;
	width: 728px;
	display: inline;
	margin: 0 0 10px 0;
}

#page_navi ul {
	list-style-type: none;
}

#page_navi ul  li {
	float: left;
	display: inline;
	padding: 3px 7px;
	margin: 0 20px 0 0;
	border: 1px solid #cccccc;
	font-size: 15px;
	line-height: 1.5;
}

/* BANNER01 ----------*/

#banner01 {
	clear: both;
	width: 728px;
	height: 90px;
	margin: 0 0 10px 0;
}

/* BANNER02 ----------*/

#banner02 {
	clear: both;
	width: 728px;
}

#banner02 ul {
	list-style-type: none;
}

#banner02 ul li {
	float: left;
	width: 234px;
	display: inline;
	font-size: 0;
	line-height: 0;
	margin-bottom: 10px;
}

#banner02 ul li img {
	font-size: 0;
	line-height: 0;
}

/* TTL01 ----------*/

.ttl01 {
	clear: both;
	width: 698px;
	height: 40px;
	margin: 0;
	padding: 8px 5px 0 25px;
	background: url(../images/common/ttl01_bg.gif) no-repeat top left;
}

.ttl02 {
	clear: both;
	width: 718px;
	height: 62px;
	margin: 0 0 10px 0;
	padding: 5px 5px 0 5px;
	background: #eaeaea;
}

.ttl01 h2 {
	font-size: 16px;
	line-height: 1.5;
	color:#5E96D1;
}

/* TOP_SEARCH ----------*/

#top_search {
	clear: both;
	width: 708px;
	margin: 0 0 10px 0;
	padding: 10px;
	background: #eaeaea;
}

table.main_sf {
	clear: both;
	width: 708px;
	border-collapse: collapse;
}

table.main_sf th {
	font-size: 15px;
	color: #000000;
	background: #f3f3f3;
	border: 1px solid #cccccc;
	text-align: center;
}

table.main_sf td {
	font-size: 12px;
	color: #000000;
	background: #ffffff;
	border: 1px solid #cccccc;
	text-align: center;
}

table.main_sf td.main_sf_submit,
table.main_sf td.main_sf_submit img {
	font-size: 0;
	line-height: 0;
}

table.main_sf th,
table.main_sf td {
	padding: 10px;
}

/* TOP_SEARCH ----------*/

table.loginout {
	clear: both;
	width: 708px;
	margin: 0 0 10px 0;
	border-collapse: collapse;
}

table.loginout th {
	font-size: 15px;
	color: #000000;
	background: #f3f3f3;
	border: 1px solid #cccccc;
	text-align: left;
}

table.loginout td {
	font-size: 12px;
	color: #000000;
	background: #ffffff;
	border: 1px solid #cccccc;
}

table.loginout td.main_sf_submit,
table.loginout td.main_sf_submit img {
	font-size: 0;
	line-height: 0;
}

table.loginout th,
table.loginout td {
	padding: 10px;
}

/* BOX01 ----------*/

#box01 {
	clear: both;
	width: 716px;
	margin: 0 0 15px 0;
	padding: 10px 0 10px 10px;
	border: 1px solid #cccccc;
}

#box01 p {
	line-height: 1.5;
	font-size: 12px;
}

#box01 p.box01_btm_txt {
	clear: both;
	text-align: right;
	font-size: 12px;
	line-height: 1.5;
	margin: 0 10px 0 0;
	padding: 3px;
	background: url(../images/common/bg_navi.gif) no-repeat top left;
}

/* box_newshop ----------*/

table.box_newshop {
	clear: both;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

table.box_newshop tr td {
	padding: 0 0 10px 0;
	width: 141px;
	text-align: center;
	font-size: 0;
	line-height: 0;
	vertical-align: top;
	background: url(../images/common/bg_02.gif) no-repeat bottom right;
}

table.box_newshop tr td img {
	border: 1px solid #dfdfdf;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

table.box_newshop tr td .score {
	font-weight: bold;
	color: #ffa800;
	font-size: 14px;
	padding: 0 0 0 3px;
	vertical-align: middle;
}

table.box_newshop tr td p.shopimg {
	background: #ffffff;
}

table.box_newshop tr td p.shopimg a img{
	padding:3px;
	background:#fff;
	border:1px solid #ddd;
}
table.box_newshop tr td p.shopimg a img:hover{
	border:1px solid #bbb;
}

* html table.box_newshop tr td p.shopimg {
	padding: 0 0 5px 0;
}

*:first-child+html table.box_newshop tr td p.shopimg {
	padding: 0 0 0 0;
}

table.box_newshop tr td p.shopttl {
	width: 131px;
	height: 100%;
	margin: 0 0 0 0;
	padding: 5px 5px 0 5px;
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
}

table.box_newshop tr td p.shopjenre {
	width: 131px;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 5px 5px 5px;
	line-height: 1.5;
}

table.box_newshop tr td p.shopjenre a {
	font-size: 9px;
}

/* BOX02 ----------*/

#box02 {
	clear: both;
	width: 716px;
	margin: 0 0 15px 0;
	padding: 10px 0 0 10px;
	border: 1px solid #cccccc;
}

#box_newcomment {
	float: left;
	width: 348px;
	display: inline;
	margin: 0 10px 10px 0;
}

table.newcomment {
	clear: both;
	width: 348px;
	border-collapse: collapse;
}

table.newcomment th {
	width: 348px;
	font-size: 12px;
	background: url(../images/common/ttl_comment_bg.gif) top left;
	text-align: left;
}

table.newcomment th:hover{
	background: url(../images/common/ttl_comment_bg_ov.gif) top left;
}

table.newcomment th a{
	padding:0 5px;
	text-decoration:none;
	display:block;
}

table.newcomment td {
	font-size: 12px;
	color: #000000;
	background: #ffffff;
}

table.newcomment td.img {
	padding: 0 10px 0 0;
}

table.newcomment th,
table.newcomment td {
	padding: 0;
}

table.newcomment td a.authorimg img {
	padding:3px;
	background:#fff;
	border:1px solid #ddd;
}
table.newcomment td a.authorimg:hover img {
	border:1px solid #bbb;
}

/* SIDEBAR -------------------------------------------------------------------------*/

#sidebar {
	float: left;
	width: 190px;
	margin: 0;
	padding: 0;
}

/* LOGIN_FORM ----------*/

#login_form {
	clear: both;
	width: 168px;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid #cccccc;
	font-size: 0;
	line-height: 0;
}

#side_login {
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

#side_login ul {
	list-style-type: none;
}

#email,
#pass {
	width: 200px;
	height: 19px;
	padding: 3px 0 0 0;
	font-size: 12px;
	line-height: 1.5;
}

#email_side,
#pass_side {
	float: left;
	width: 50px;
	height: 19px;
	padding: 3px 0 0 0;
	font-size: 12px;
	line-height: 1.5;
}

#email_input,
#pass_input {
	float: left;
	width: 118px;
	height: 22px;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

#email_input input,
#pass_input input {
	height: 18px;
	margin: 0;
	padding: 0;
	border: 1px solid #cccccc;
}

#inputemail,
#inputpass {
	width: 114px;
	height: 20px;
}

#submit_login {
	clear: both;
	width: 166px;
	padding: 3px 0 5px 0;
}

#box_memory input {
	display: block;
	float: left;
	clear: left;
	height: 13px;
	padding: 0;
	margin: 2px 0 0 0;
	_margin: 2px 0 0 -2px;
}

#box_memory label {
	display: block;
	clear: none;
	width: 121px;
	font-size: 12px;
	line-height: 1.5;
	font-family: sans-serif;
	margin-left: 20px;
}

/* SIDE_MENU ----------*/
ul#side_data {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url(../images/common/side_data_bg.gif) no-repeat bottom right;
}

ul#side_data li{
	font-size: 12px;
	line-height: 1.5;
}

#side_menu {
	clear: both;
	width: 190px;
	font-size: 0;
	line-height: 0;
}
html>/**/body #side_menu {
	margin: 0 0 10px 0;
}

#side_menu ul {
	list-style-type: none;
	font-size: 0;
	line-height: 0;
}

#side_menu ul li {
	margin: 0;
	font-size: 0;
	line-height: 0;
}

#side_menu ul li a{
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

#side_menu ul li a img,
#side_menu ul li img  {
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

/* BOX_SIDE ----------*/

#box_side {
	clear: both;
	width: 190px;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	border-bottom: 1px solid #d1d1d1;
}

#box_side ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0;
	line-height: 0;
}

#box_side ul li {
	margin: 0;
	padding: 0 0 0 35px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.7;
	color: #000000;
	background: url(../images/common/bg_box_side_li.gif) no-repeat top left;
}

#box_side ul li ul.side_menu_child {
	list-style-type: none;
	margin: 0 0 0 -35px;
	padding: 0;
	font-size: 12px;
	line-height: 1;
}

#box_side ul li ul.side_menu_child li {
	margin: 0;
	padding: 7px 0 2px 14px;
	height:21px;
	font-size: 12px;
	line-height: 1.5;
	font-weight: normal;
	background: url(../images/common/icon_01.gif) no-repeat top left;
}
#box_side ul li ul.side_menu_child li:hover {
	background: url(../images/common/icon_01_ov.gif) no-repeat top left;
}

#box_side ul li ul.side_menu_child li a{
	text-decoration:none;
	display: block;
	height:20px;
}

/* SIDE_BANNER01 ----------*/

#side_banner01 {
	clear: both;
	width: 190px;
	font-size: 0;
	line-height: 0;
	padding: 10px 0 0 0;
}

#side_banner01 ul {
	list-style-type: none;
	font-size: 0;
	line-height: 0;
}

#side_banner01 ul li {
	margin: 0 0 5px 0;
	font-size: 0;
	line-height: 0;
	text-align: center;
}

/* SIDE_TTL ----------*/

#side_ttl {
	clear: both;
	width: 190px;
	height: 30px;
	margin: 0;
	padding: 0;
}

/* SIDE_QR ----------*/

#side_qr {
	clear: both;
	width: 190px;
	margin: 0 0 10px 0;
}

/* PAGE_COMMON -------------------------------------------------------------------------*/

#box_page {
	clear: both;
	width: 708px;
	margin: 0 0 10px 0;
	padding: 10px;
}

.mes {
	font-size: 85%;
	line-height: 1.7;
}

/* CONTACT -------------------------------------------------------------------------*/

table.cf {
	clear: both;
	width: 708px;
	border-collapse: collapse;
	margin: 0 0 10px 0;
}

table.cf th {
	font-size: 15px;
	color: #000000;
	background: #f3f3f3;
	border: 1px solid #cccccc;
	text-align: left;
}

table.cf td {
	font-size: 12px;
	color: #000000;
	background: #ffffff;
	border: 1px solid #cccccc;
}

table.cf td.type1_submit,
table.cf td.type1_submit img {
	font-size: 0;
	line-height: 0;
}

table.cf th,
table.cf td {
	padding: 10px;
}

p.submit {
	text-align: center;
}

/* SHOP -------------------------------------------------------------------------*/

/* SHOP_HEADER ----------*/

#shop_header {
	clear: both;
	width: 728px;
}

table.sh_tbl1 {
	border-collapse: collapse;
	width: 728px;
	margin: 0 0 10px 0;
}

table.sh_tbl1 th {
	background: #f4f4f4;
	border: 1px solid #cccccc;
	font-size: 15px;
	font-weight: normal;
	text-align: left;
}

table.sh_tbl1 td {
	border: 1px solid #cccccc;
	font-size: 12px;
	vertical-align: middle;
}

table.sh_tbl1 td.search_header_img {
	padding: 0 10px 0 0;
	border-top: none;
	border-bottom: none;
	border-left: none;
}

table.sh_tbl1 td.score {
	font-weight: bold;
	color: #ffa800;
	font-size: 17px;
	padding: 3px 0 0 0;
}

table.sh_tbl1 td.borderleft_none {
	border-left: none;
}

table.sh_tbl1 td.borderright_none {
	border-right: none;
}

table.sh_tbl1 th,
table.sh_tbl1 td {
	padding: 10px;
	line-height: 1.5;
}

/* SHOP_HEADER_SEARCH ----------*/

#shop_header_search {
	clear: both;
	width: 728px;
}

#shop_header_search div.shop_header_img {
	float: left;
	width: 237px;
	height: 170px;
}

#shop_header_search div.ttl {
	float: left;
	width: 140px;
	height: 60px;
}

#shop_header_search div.star {
	float: left;
	width: 212px;
	height: 52px;
	padding: 8px 0 0 0;
}

#shop_header_search div.score {
	float: left;
	width: 139px;
	height: 45px;
	padding: 15px 0 0 0;
	font-size: 15px;
	line-height: 1.5;
}

#shop_header_search div.txt {
	float: left;
	width: 351px;
	height: 52px;
	padding: 8px 0 0 0;
	font-size: 12px;
	line-height: 1.5;
}

/* SHOP_HEADER_SEARCH ----------*/

table.uh_tbl1 {
	border-collapse: collapse;
	width: 706px;
	margin: 0 0 10px 0;
}

table.uh_tbl1 th {
	background: #f4f4f4;
	border: 1px solid #cccccc;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

table.uh_tbl1 td {
	border: 1px solid #cccccc;
	font-size: 12px;
	vertical-align: middle;
}

table.uh_tbl1 td.score {
	font-weight: bold;
	color: #ffa800;
	font-size: 17px;
	padding: 3px 0 0 0;
}

table.uh_tbl1 td.borderleft_none {
	border-left: none;
}

table.uh_tbl1 td.borderright_none {
	border-right: none;
}

table.uh_tbl1 th,
table.uh_tbl1 td {
	padding: 10px;
	line-height: 1.5;
}

table.uh_tbl1 td.user_header_img {
	border-top: none;
	border-bottom: none;
	border-left: none;
	padding: 0 10px 0 0;
	vertical-align: top;
}

table.uh_tbl1 td.user_header_img img{
	padding:3px;
	background:#fff;
	border:1px solid #ddd;
}

table.uh_tbl1 td div.original_pic {
	padding: 10px 0 0 0;
	line-height: 0;
	font-size: 0;
}

/* SHOP_MENU ----------*/

#shop_menu_top,
#shop_menu_btm {
	clear: both;
	width: 728px;
	height: 39px;
	font-size: 0;
	line-height: 0;
}

#shop_menu_btm {
	margin: 0 0 10px 0;
}

#shop_menu_top ul,
#shop_menu_btm ul {
	clear: both;
	width: 728px;
	height: 40px;
	list-style-type: none;
	font-size: 0;
	line-height: 0;
}

#shop_menu_top ul li,
#shop_menu_btm ul li {
	float: left;
	width: 176px;
	height: 40px;
}

#shop_menu_top ul li,
#shop_menu_btm ul li {
	display:block;
	float:left;	
	list-style:none;
}

#shop_menu_top ul li a,
#shop_menu_btm ul li a{
	text-decoration: none;
	display: block;
	height:40px;
	text-indent:-9999px;
}
#shop_menu_top #navi01 a{ background:url(../images/common/menu_shop_01.gif); width:176px;}
#shop_menu_top #navi02 a{ background:url(../images/common/menu_shop_02.gif); width:176px;}
#shop_menu_top #navi03 a{ background:url(../images/common/menu_shop_03.gif); width:176px;}
#shop_menu_top #navi04 a{ background:url(../images/common/menu_shop_04.gif); width:176px;}
#shop_menu_top #navi05 a{ background:url(../images/common/menu_shop_05.gif); width:176px;}
#shop_menu_top #navi06 a{ background:url(../images/common/menu_shop_06.gif); width:176px;}
#shop_menu_top #navi07 a{ background:url(../images/common/menu_shop_07.gif); width:176px;}
#shop_menu_top #navi08 a{ background:url(../images/common/menu_shop_08.gif); width:176px;}
#shop_menu_top #navi09 a{ background:url(../images/common/menu_shop_09.gif); width:176px;}
#shop_menu_top #navi10 a{ background:url(../images/common/menu_shop_10.gif); width:176px;}
#shop_menu_top #navi11 a{ background:url(../images/common/menu_shop_11.gif); width:176px;}

#shop_menu_top #navi01 a:hover{ background:url(../images/common/menu_shop_01.gif) 0 40px; width:176px;}
#shop_menu_top #navi02 a:hover{ background:url(../images/common/menu_shop_02.gif) 0 40px; width:176px;}
#shop_menu_top #navi03 a:hover{ background:url(../images/common/menu_shop_03.gif) 0 40px; width:176px;}
#shop_menu_top #navi04 a:hover{ background:url(../images/common/menu_shop_04.gif) 0 40px; width:176px;}
#shop_menu_top #navi05 a:hover{ background:url(../images/common/menu_shop_05.gif) 0 40px; width:176px;}
#shop_menu_top #navi06 a:hover{ background:url(../images/common/menu_shop_06.gif) 0 40px; width:176px;}
#shop_menu_top #navi07 a:hover{ background:url(../images/common/menu_shop_07.gif) 0 40px; width:176px;}
#shop_menu_top #navi08 a:hover{ background:url(../images/common/menu_shop_08.gif) 0 40px; width:176px;}
#shop_menu_top #navi09 a:hover{ background:url(../images/common/menu_shop_09.gif) 0 40px; width:176px;}
#shop_menu_top #navi10 a:hover{ background:url(../images/common/menu_shop_10.gif) 0 40px; width:176px;}
#shop_menu_top #navi11 a:hover{ background:url(../images/common/menu_shop_11.gif) 0 40px; width:176px;}

#shop_menu_top #navi01-on a{ background:url(../images/common/menu_shop_01.gif) 0 40px; width:176px;}
#shop_menu_top #navi02-on a{ background:url(../images/common/menu_shop_02.gif) 0 40px; width:176px;}
#shop_menu_top #navi03-on a{ background:url(../images/common/menu_shop_03.gif) 0 40px; width:176px;}
#shop_menu_top #navi04-on a{ background:url(../images/common/menu_shop_04.gif) 0 40px; width:176px;}
#shop_menu_top #navi05-on a{ background:url(../images/common/menu_shop_05.gif) 0 40px; width:176px;}
#shop_menu_top #navi06-on a{ background:url(../images/common/menu_shop_06.gif) 0 40px; width:176px;}
#shop_menu_top #navi07-on a{ background:url(../images/common/menu_shop_07.gif) 0 40px; width:176px;}
#shop_menu_top #navi08-on a{ background:url(../images/common/menu_shop_08.gif) 0 40px; width:176px;}
#shop_menu_top #navi09-on a{ background:url(../images/common/menu_shop_09.gif) 0 40px; width:176px;}
#shop_menu_top #navi10-on a{ background:url(../images/common/menu_shop_10.gif) 0 40px; width:176px;}
#shop_menu_top #navi11-on a{ background:url(../images/common/menu_shop_11.gif) 0 40px; width:176px;}

/* SHOP_TITLE ----------*/
#detail-title {
	width: 703px;
	height: 72px;
	padding: 5px 0 5px 25px;
	background: url(../images/common/ttl_detail_bg.gif) no-repeat top left;
	font-size: 12px;
}
#detail-title h2 {
	color: #5E96D1;
	font-size: 18px;
	font-weight: bold;
	display:inline;
}
#detail-title .score {
	font-weight: bold;
	color: #ffa800;
	font-size: 12px;
	padding: 3px 0 0 3px;
}
#detail-title p {
	font-size: 14px;
}

#author{
	text-align:right;
	font-size: 13px;
}

h3#tag {
	font-size: 14px;
	display:inline;
}
h3#base {
	font-size: 14px;
	display:inline;
}

.tag {
	margin:0 0 10px 0;
	padding: 5px;
	width: 716px;
	border: 1px solid #cccccc;
	font-size: 14px;
}
.tag ul {
	list-style-type: none;
}
.tag ul li {
	padding:0 10px 0 0;
	float: left;
}
.tag ul li a {
	text-decoration:none;
}

.edit {
	font-size: 12px;
	color: #555555;
	font-weight: normal;
}

/* SHOP_BOX ----------*/

#shop_box {
	clear: both;
	width: 716px;
	padding: 10px 0 10px 10px;
	border: 1px solid #cccccc;
}

#shop_box div.shop_pic {
	float:left;
	width:210px;
	text-align:center;
	margin:2px 0 20px 0;
	line-height: 1.5;
	padding: 0;
}

#shop_box div.large {
	clear: both;
	float: left;
	width: 349px;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0 11px 10px 0;
}

#smallpic_box {
	float: left;
	width: 356px;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
}

#shop_box div.small1 {
	float: left;
	width: 168px;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0 10px 10px 0;
}

#shop_box div.small2 {
	float: left;
	width: 169px;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0 10px 10px 0;
}

div.large img {
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
}

div.small img {
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
}

/* SHOP_BOX_SEARCH ----------*/

#shop_box_search {
	clear: both;
	width: 716px;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 10px;
	border: 1px solid #cccccc;
}

#shop_box_search div.shop_pic {
	clear: both;
	width: 716px;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
}

#shop_box_search div.large {
	clear: both;
	float: left;
	width: 348px;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0 11px 10px 0;
}

#shop_box_search div.small {
	float: left;
	width: 168px;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0 10px 10px 0;
}

/* SHOP_BOX_TABLE ----------*/

#shop_table {
	clear: both;
	width: 706px;
}

table.sb_tbl1 {
	clear: both;
	width: 706px;
	border-collapse: collapse;
	margin: 0 0 10px 0;
}

table.sb_tbl1 th,
table.sb_tbl1 td {
	padding: 10px;
}

table.sb_tbl1 th {
	font-size: 12px;
	color: #000000;
	background: #f4f4f4;
	border: 1px solid #cccccc;
	font-weight: normal;
}

table.sb_tbl1 td {
	font-size: 12px;
	color: #000000;
	background: #ffffff;
	border: 1px solid #cccccc;
}

#shop_table2 {
	float: right;
	width: 470px;
	margin: 0 10px 0 0;
}

table.sb_tbl2 td.space {
	width: 12px;
	border: 0;
	border-left: 1px solid #cccccc;
	padding: 0;
}


table.sb_tbl2 {
	clear: both;
	width: 470px;
	border-collapse: collapse;
	margin: 0 0 10px 0;
}

table.sb_tbl2 th {
	font-size: 12px;
	color: #000000;
	background: #f4f4f4;
	border: 1px solid #cccccc;
	text-align: left;
	font-weight: normal;
}

table.sb_tbl2 td {
	font-size: 12px;
	color: #000000;
	background: #ffffff;
	border: 1px solid #cccccc;
}

table.sb_tbl2 th,
table.sb_tbl2 td {
	padding: 10px;
}

/* SHOP_INFO ----------*/

.shop_info {
	clear: both;
	width: 686px;
	margin: 0 0 10px 0;
	padding: 0 10px;
}

#comment {
	clear: both;
	margin: 0 0 10px 0;
}
#comment h4 {
	width: 686px;
	color: #999;
	font-size: 15px;
	line-height: 1.5;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background: url(../images/common/ttl_comment_bg_ov.gif) top left;
}

.shop_info p {
	font-size: 12px;
	line-height: 1.5;
}

table.comment_tbl1 {
	border-collapse: collapse;
	width: 706px;
	margin: 0 0 10px 0;
}

table.comment_tbl1 th {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 0 10px 0 0;
	line-height: 1.5;
}

table.comment_tbl1 th img{
	margin:0 0 5px 0;
	padding:3px;
	background:#fff;
	border:1px solid #ddd;
}

table.comment_tbl1 td {
	font-size: 12px;
	vertical-align: top;
	padding: 0;
	line-height: 1.5;
}

table.comment_tbl1 td span.score {
	font-weight: bold;
	color: #ffa800;
	font-size: 17px;
	padding: 3px 0 0 0;
}

table.comment_tbl1 td p.date{
	float:right;
	vertical-align:bottom;
}

table.comment_tbl1 th,
table.comment_tbl1 td {
}

table.comment_tbl1 td div.comment_title_name {
	margin:0 0 10px 0;
}

table.comment_tbl1 tr th table.comment_tbl1_vote {
	margin:0;
	padding:0;
	border:0;
	line-height: 1.2;
}
table.comment_tbl1 tr th table.comment_tbl1_vote tr td img{
	margin:0;
	padding:0;
	border:0;
}

table.comment_tbl2 {
	border-collapse: collapse;
	width: 706px;
	margin: 0;
}

table.comment_tbl2 th {
	background: #f4f4f4;
	border: 1px solid #cccccc;
	font-size: 15px;
	text-align: center;
	line-height: 1.5;
}

table.comment_tbl2 td {
	border: 1px solid #cccccc;
	font-size: 12px;
	vertical-align: middle;
	padding: 0;
	line-height: 1.5;
}
table.comment_tbl2 td img{
	vertical-align:middle;
	margin-right:5px;
	padding-bottom:2px;
}

table.comment_tbl2 td span.score {
	font-weight: bold;
	color: #ffa800;
	font-size: 17px;
}

table.comment_tbl2 th,
table.comment_tbl2 td {
	padding: 5px;
}

table.comment_tbl3 {
	border-collapse: collapse;
	width: 728px;
	margin: 0;
}

table.comment_tbl3 th {
	background: #f4f4f4;
	border: 1px solid #cccccc;
	font-size: 15px;
	text-align: center;
	line-height: 1.5;
}

table.comment_tbl3 td {
	border: 1px solid #cccccc;
	font-size: 12px;
	vertical-align: middle;
	padding: 0;
	line-height: 1.5;
}

table.comment_tbl3 td span.score {
	font-weight: bold;
	color: #ffa800;
	font-size: 17px;
}

table.comment_tbl3 th,
table.comment_tbl3 td {
	padding: 5px;
}

/* POST -------------------------------------------------------------------------*/

/* POST SMALL TABLE ----------*/
table.post_tbl1 {
	border-collapse: collapse;
	width: 350px;
	margin: 0;
}

table.post_tbl1 th {
	background: #f4f4f4;
	border: 1px solid #cccccc;
	font-size: 14px;
	text-align: center;
	line-height: 1.5;
}

table.post_tbl1 td {
	border: 1px solid #cccccc;
	font-size: 12px;
	vertical-align: middle;
	padding: 0;
	line-height: 1.5;
}

table.post_tbl1 td span.score {
	font-weight: bold;
	color: #ffa800;
	font-size: 17px;
}

table.post_tbl1 th,
table.post_tbl1 td {
	padding: 5px;
}
/* POST BIG TABLE ----------*/
table.post_tbl2 {
	border-collapse: collapse;
	width: 706px;
	margin: 0;
}

table.post_tbl2 th {
	background: #f4f4f4;
	border: 1px solid #cccccc;
	font-size: 14px;
	text-align: center;
	line-height: 1.5;
}

table.post_tbl2 td {
	border: 1px solid #cccccc;
	font-size: 12px;
	vertical-align: middle;
	padding: 0;
	line-height: 1.5;
}

table.post_tbl2 td span.score {
	font-weight: bold;
	color: #ffa800;
	font-size: 17px;
}

table.post_tbl2 th,
table.post_tbl2 td {
	padding: 3px;
	display: inline;
}

/* POST LIST ----------*/
#list_next {
	width:702px;
	margin:3px 0 0 2px;
}
#list_back {
	width:702px;
	margin:0 0 3px 2px;
}

#descript {
	width:704px;
	height:150px;
}

/* USER -------------------------------------------------------------------------*/

/* USER_MENU ----------*/

#user_menu_top,
#user_menu_btm {
	clear: both;
	width: 728px;
	height: 35px;
	font-size: 0;
	line-height: 0;
}

#user_menu_btm {
	margin: 0 0 10px 0;
}

#user_menu_top ul,
#user_menu_btm ul {
	clear: both;
	width: 728px;
	height: 35px;
	list-style-type: none;
	font-size: 0;
	line-height: 0;
}

#user_menu_top ul li,
#user_menu_btm ul li {
	float: left;
	width: 236px;
	height: 35px;
}

/* TTL03 ----------*/

.ttl03 {
	clear: both;
	width: 681px;
	height:26px;
	margin: 0 0 10px 0;
	padding: 5px 10px 5px 15px;
	background: url(../images/common/ttl03_bg.gif) no-repeat top left;
}

h3 {
	font-size: 17px;
	line-height: 1.5;
}
h3.underline{
	width:100%;
	border-bottom:3px #555555 solid;
	padding:0 0 4px;
	margin:0 0 15px;
}


.ttl04 {
	clear: both;
	width: 661px;
	margin: 0 0 10px 0;
	padding: 5px 10px 5px 15px;
	background: url(../images/common/ttl04_bg.gif) no-repeat top left;
}

h4 {
	font-size: 15px;
	line-height: 1.5;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background: #eaeaea;
}

.txt-right {
	margin: 0;
	padding: 0 10px 0 0;
	text-align: right;
}

/* FOOTER -------------------------------------------------------------------------*/

#pagetop {
	clear: both;
	width: 928px;
	padding: 30px 0 0 0;
}

#box_pagetop {
	margin: 0 0 10px 0;
	float: right;
	width: 100px;
	font-size: 15px;
	line-height: 1.5;
	text-align: center;
}

#footer {
	clear: both;
	width: 928px;
	padding: 0;
	background: #ffffff;
	border-top:1px solid #E9E9E9;
}

#footer p {
	font-size: 11px;
	line-height: 1.5;
	text-align: left;
	padding: 10px;
}

/*-----FOOTER_MENU-----*/

#footer_menu {
	clear: both;
	float: left;
	width: 908px;
	margin: 0;
	padding: 10px;
	text-align: left;
}

#footer_menu ul {
	clear: both;
	float: left;
	width: 908px;
	list-style-type: none;
}

#footer_menu ul li {
	padding: 0 0 0 15px;
	float: left;
	font-size: 12px;
	line-height: 1.7;
	background: url(../images/common/icon_footer.gif) no-repeat center left;
}

#footer_menu ul li a{
	color: #787878;
	text-decoration : none;
}

#footer_menu ul li a:hover{
	color: #368CCC;
}

/* LINK -------------------------------------------------------------------------*/

/* BTN
---------------- */
.btn-next{
	margin:0 10px 0 0;
	float:right;
}
.btn-previous{
	margin:0 0 0 0;
	float:left;
}
.btn-center{
	margin:10px 0 0 0;
	text-align:center;
}

/* BASE ------------------------*/
a:link {
	text-decoration : underline;
	color: #368CCC;
	outline:none;
}

a:visited {
	text-decoration : underline;
	color: #368CCC;
}

a:hover {
	text-decoration : none;
	color:#2D75AB;
}

a.nounderline {
	text-decoration:none;
}

a.nounderline:hover {
	text-decoration:underline;
}

/* 本のタイトル名のリンク */
a.titleLink{text-decoration:none;color:#555555;font-size:14px;}
a:link.titleLink{text-decoration:none;color:#555555}
a:visited.titleLink {text-decoration:none;color:#555555;}
a:hover.titleLink, a:active.titleLink {text-decoration: none;color:#da4740;}

/* 本のジャケ画像のリンク */
a.imgLink img{border:3px #fff solid;}
a.imgLink2 img{border:2px #e4e4e4 solid;}
a:hover.imgLink img,a:hover.imgLink2 img{border-color:#333;}

.red {
	color: #ff0000;
}

.must {
	color: #ff0000;
	font-weight: bold;
}

.info, .success, .error, .del, .none{
	width: 646px;
	font-size:12px;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
	font-weight:bold;
}
.info{
    color: #00529B;
    background:url(../images/common/i-info.jpg) no-repeat #BDE5F8  10px center;
	border:1px solid #00529b;
}
.success{
    color: #4F8A10;
    background:url(../images/common/i-success.jpg) no-repeat #DFF2BF 10px center;
	border:1px solid #4f8a10;
}
.error{
    color: #9F6000;
    background:url(../images/common/i-error.jpg) no-repeat #FEEFB3 10px center;
	border:1px solid #9f6000;
}
.del{
    color: #D8000C;
    background:url(../images/common/i-del.jpg) no-repeat #FFBABA 10px center;
	border:1px solid #d8000c;
}

.ads_top {
	margin:0 0 10px 0;
}

#pager {
	text-align:center;
}

.pager_link {
	margin:3px;
	padding:5px 10px;
	color:#333333;
	border:1px solid #333333;
	background-color:#EEEEEE;
	text-decoration:none;
}
.current_pager_link {
	margin:3px;
	padding:5px 10px;
	color:#FFFFFF;
	border:1px solid #333333;
	background-color:#00B0EC;
}