@charset "utf-8";

body, h1, h2, h3, h4, form { margin: 0; padding: 0 }
body {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;	background: url(/img/bg.jpg) repeat-x top center #E9E9E9;
	font-size: 83%;
	padding: 0 0 10px 0;
	color:#666;
}

.container {
        width: 798px;
        padding: 15px 15px 5px 15px;
        margin: 3px 0;
        border-left: 1px solid #333333;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #333333;
	background:#F8F8F8 url(/img/tab_back.png) repeat-x scroll left top;

}

#wrapper {
	background: transparent url(/img/stage_bg.gif) no-repeat;
	width: 900px;
	margin: auto;
	text-align: left;
	padding: 10px;
	background-color: #333;
}



/* rounded */

#tab {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #c70000;
}

#tab li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#tab a:link, #tab a:visited {
        float: left;
        font-size: 12px;
        line-height: 14px;

        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #C70000;
}

#tab a:link.active, #tab a:visited.active, #tab a:hover {
        color: #C66000;
}


.main_title {
	display:block;
        padding: 15px;
        margin: 10px 0 10px 0px;
}

a:link { color:#C70000; text-decoration: none;}
a:active { color: #999; text-decoration: none; border-bottom: 1px dashed #999; }
a:visited { color: #CC3D3D; text-decoration: none; }
a:hover { color: #C66; text-decoration: none; }

hr { 
	border-top: 1px dotted #999;
	border-right-width: 0;
	border-bottom-width: 0; 
	border-left-width: 0; 
	margin: 8px 0 8px 0; padding: 0; color: #F8F8F8;
	clear: both;
}

.bg_l { background: url(/img/stage_bg_l.png) no-repeat;
        margin: 10px 0 0 72px;
        float: left;
}

.bg_r { background: url(/img/stage_bg_r.png) no-repeat;
        margin: 10px 72px 0 0;
        float: left;
}

h1 {
	font-size: 180%;
	margin: 0;
	padding: 5px;
	text-align: left;
	color:#FFF;
}
h1 a:link, h1 a:visited {
	color:#FFF;
	text-decoration: none;
	border: 0;
}
h1 a:hover, h1 a:active {
	color:#CCC;
	text-decoration: none;
	border: 0;
}
h2 {
	font-size: 100%;
	text-align: left;
	margin: 0 225px 0 0;
	color:#666;
	font-weight: normal;
	padding: 0 5px 5px 5px;
}


#side {
	width: 216px;
	float:right;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background: #F8F8F8;
}

#side h3 {
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	padding: 8px 0 0 30px;
	background: url(/img/sidetitle.jpg) top right no-repeat #f8f8f8;
	text-align: left;
	height: 29px;
	height: 21px;
}

#side ul {
	font-size: 90%;
	list-style-type: none;
	padding: 6px 12px 8px 12px;
	text-align: left;
	margin-left: 8px;
}

#side ul li {
	padding: 2px 0 2px 16px;
	list-style-type: none;
	background: url(/img/bullet.jpg) 0 5px no-repeat;
	line-height: 1.25;
	text-align: left;
}

#side p{
	font-size: 90%;
	padding: 6px 12px 8px 12px;
	margin: 0;
}

.header{
	font-size: 90%;
	padding: 6px 12px 8px 12px;
	background: url(/img/diagonal.jpg) top center repeat-x;
	margin: 0;
	text-align: left;
}

#side ul li a, #side ul li a:link, #side ul li a:visited, #side ul li a:hover, #side ul li a:active {
	border: 0;
}


#side img {
	margin: 8px auto;
	border: 1px solid #999;
}

#side form {
	padding: 8px; 
	margin: 0;
	background: url(/img/diagonal.jpg) top center repeat-x #f8f8f8;
	text-align: left;
}
#searchbox {
	width: 120px;
}

/* Copyright */
#footer {
	padding: 8px 15px 10px 15px;
	margin: 0;
	font-size: 85%;
}


#main {
	width:660px;
	float:left;
	background-color:#fff;
	padding:8px;
}

#main h3 {
	font-size: 110%;
	padding: 16px 12px 4px 12px;
	background: url(/img/lefttop.jpg) repeat-x top left #cccccc;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	color: #333;
}

#main h3 a:link, #main h3 a:visited, #main h3 a:hover, #main h3 a:active { 
	border-bottom-width: 0;
}
#main h3 a:visited { 
	color: #C70000
}
#main .h2-01 h2{
font-size:16px;
}
#main .h3-01 h3{
font-size:14px;
}

.content {
	margin: 0;
	padding: 15px 15px 25px 15px;
	line-height: 1.4;
	border-top-width: 0;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom-width: 0;
	background: url(/img/diagonal_s.jpg) top center repeat-x #fcfcfc;
}

.content img {
	border: 1px solid #999;
	margin: 3px;
}
.content blockquote {
	width: 90%;
	background: #FFF;
	border: 1px solid #CCC;
	padding: 0;
	margin: 10px 0 0 20px;
}
.content blockquote p {
	padding: 8px 20px;
	margin: 0;
}
.content ol, .content ul {
	margin: 0;
	padding: 0 0 0 25px;
}
.content ol li {
	margin-left: 18px;
}
.content ul li {
	background: url(/img/bullet.jpg) no-repeat 0 6px;
	padding-left: 18px;
	margin-left: 0;
	list-style-type: none;
}

.sub { 
	margin: 0 0 10px 0;
	padding: 10px 15px;
	font-size: 83%;
	text-align: right;
	border-top-width: 0;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background: url(/img/diagonal_rs.jpg) top center repeat-x #cccccc;
}
.sub li {
	display: inline;
	color: #4C4C4C;
	margin: 0;
	padding: 0;
}
.sub a {
	margin-right: 0.3em;
}
.sub a:link {
	text-decoration: none;
}
.sub a:visited {
	color: #666;
	text-decoration: none;
}
.sub a:hover {
	color: #999;
	text-decoration: none;
}

.sub a.totop { border-width: 0; margin: 0; }
.sub a.totop img { border-width: 0; margin: 0; }

#main #comment_post form {
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
	}

#comment_post dl {
	width: 100%;
	margin: 0;
	padding: 8px 0;
}
#comment_post dl dt {
	letter-spacing: 0.03em;
	font-weight: bold;
}
#comment_post dl dd {
	font-size: 90%;
	margin: 0;
	padding: 0 0 0.5em 0;
}

#comment_post dl textarea {
	width: 80%;
}
#himitsu {
	width: auto;
}

#nav { 
	text-align: center;
	padding: 0 10px 10px 10px;
	color: #fff;
}
#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active { 
	font-weight: bold;
}


textarea, input {
	font: normal normal normal 100%/1.5 "FF2DFF3320FF3030B430B730C330AF", "30D230E930AE30CE20Pro20W3", HiraKakuPro-W3, Osaka, verdana ,arial ,sans-serif;
}

.news-comment {padding-top: 10px; padding-bottom: 20px;}

#menu a {display: block; margin: 0; padding: 4px;}
#menu a:hover {background-color: #FFFF99;}
#menu a.Top {padding-left: 3px; border-bottom: 1px dotted #999999;}
#menu a.Main {padding-left: 3px; border-bottom: 1px dotted #999999;}

#category a {display: block; margin: 0; padding: 4px;}
#category a:hover {background-color: #FFFF99;}
#category a.Top {padding-left: 3px;border-bottom: 1px dotted #999999;}
#category a.Main {padding-left: 3px; border-bottom: 1px dotted #999999;}
#category a.Sub {padding-left: 3px; border-bottom: 1px dotted #999999; background-color: #fcfcfc;}

.xitem_list {float: left; width: 33%; padding-top: 10px; padding-bottom: 10px;}
.xitem {width: 130px; text-align: right;}
.xitem img {margin-top: 3px; padding: 3px;}
.xitem .name {text-align: left; padding: 3px;}
.xitem .other {padding: 3px;}
.xitem .comment {text-align: left; padding: 3px;}

.xitem_list2 {padding-top: 10px; padding-bottom: 10px;}
.xitem2 {}
.xitem2 img {margin-top: 3px; padding: 3px;}
.xitem2 .thumb {float: left;}
.xitem2 .name {padding: 3px; background-color: #DDDDDD;}
.xitem2 .other {width: 30%; padding: 3px; text-align: right;}
.xitem2 .comment {text-align: left; padding: 3px;}

.xitem_detail {text-align: center; font-size: 12px;}
.xitem_detail img {border: 1px solid #CCCCCC; background-color: #FFFFFF; margin: 3px; padding: 3px;}
.xitem_detail .thumb {float: left; margin-top: 10px; width: 33%;}
.xitem_detail .img-comment {padding: 3px;}
.xitem_detail .comment {padding: 3px; text-align: left;}
.xitem_detail .about {text-align: right;}
.xitem_detail .about .other {padding: 3px;}

.item2 {border-top: solid 1px #dddddd; height: 55px; padding: 5px 0;}
.item2 img {margin-top: 3px; padding: 3px;}
.item2 .thumb {float: left;}
.item2 .name {
	width: 44%;
	float: left;
	padding: 3px 0 3px 10px;
	background: #c0c0c0;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.item2 .comment {
	width: 52%;
	float: left; 
	text-align: left; 
	padding: 3px 0 3px 10px;
}
.item2 .spacer {
	width: 44%;
	float: left;
	padding: 3px 0 3px 10px;
	background: #c0c0c0;
}
.item2 .price {width: 20%; float: left; text-align: right;}
.item2 .other {width: 32%; float: left; text-align: right;}


.item_detail {text-align: center; font-size: 12px;}
.item_detail img {border: 1px solid #CCCCCC; background-color: #cef; margin: 3px; padding: 3px;}
.item_detail .thumb {float: left; margin-top: 10px; width: 33%;}
.item_detail .img-comment {padding: 3px;}
.item_detail .comment {padding: 3px; text-align: left;}
.item_detail .about {text-align: right;}
.item_detail .about .other {padding: 3px;}
.item_detail .other {width: 17%; height: 1.6em; float: left; padding: 3px; text-align: right;}
.item_detail .price {width: 78%; height: 1.6em; float: left; padding: 3px; text-align: right;}

.sortlinks {width: 100%;font-size: 12px;border-bottom: 1px dotted #666666;}
.sortlinks .link {padding-right: 20px;float: left;}

.pagelinks {width: 100%; font-size: 12px; border-bottom: 1px dotted #666666;}
.pagelinks .left {float: left; width: 38%;}
.pagelinks .right {float: left; width: 60%; text-align: right; padding: 4px;}

.cartin {text-align: center;}
.cartin_item {border-bottom: 1px dotted #666666;}
.cartin .name {text-align: left; padding: 3px;}

.cartin .price {text-align: right; padding: 3px;}
.cartin .subtotal {text-align: right; padding: 3px;}
.cartin .total {text-align: right; padding: 3px;}
.cartin .submit {padding-top: 20px;}

table, tr, th, td {
	border-collapse:collapse;
	border-spacing:0;
}
.table1 {
	font-size: 12px;
	width: 100%;
	border-spacing:0;
}
.table1 td {
	padding: 3px;
	border: 1px solid #CCCCCC;
}
.table1 th {
	background-color: #666666;
	border: 1px solid #CCCCCC;
	color: #FFFFFF;
}
.table1 .td1 {background-color: #666666; color: #FFFFFF;}
.table1 .td2 {background-color: #EEEEEE; text-align: center;}
.table1 .td3 {background-color: #FFFFFF;}
.table1 #main1 {text-align: left;}
.table1 #center1 {text-align: center;}
.table1 #side1 {text-align: right;}



.header_news {
        width: 828px;
        height: 14px;
        text-align: right;
        font-size: 86%;
	overflow: hidden;
}

.header_news a ul li{
        font-color: #cb3b80;
       	list-style-type: none;
       	font-weight: bold;
}

.item_list {
       	width: 100%;
       	height: 55px;
       	font-size: 12px;
}

#center0  {
display:none;
}

.clearfloat {
	clear:both;
	font-size:1px;
	height:0;
	line-height:0;
}
.center {
	text-align:center;
}