@charset "UTF-8";
/* CSS Document */

/* outline setting*/
body { background: #E1EAEF url(../images/background.png) repeat-x; }
	
.container {	position: relative;	margin: 0 auto;	width: 880px;	overflow: visible;}
#header,#footer {	color: #FFF; text-shadow: 0 -1px 0 rgba(0,0,0,0.13);}
#header {
	position: relative;
	height: 40px;
	background: #0F0F0F; /* old browsers */
	background: -moz-linear-gradient(top, #131313 0%, #000000 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#131313), color-stop(100%,#000000)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#000000',GradientType=0 ); /* ie */
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.55);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.55);
	box-shadow: 0 3px 3px rgba(0,0,0,0.55);
	z-index: 10;
	}
#main {	position: relative;	z-index: 0;	}
#footer {padding: 50px;	}

/* sprite*/
#header .nav li a, span#booth,
#pixiv_budge,
a.gotoDetail,
.boxLayoutRight a { background: url(../images/sprite.png) no-repeat; }

#header .nav li a, span#booth,
#pixiv_budge,
a.gotoDetail { text-indent: -9999pt; }

/* class modules */
.wrapper {
	overflow: hidden;
	/height: 1%;
	/zoom: 1;
	}

.nav li { float: left; }
.nav li a { display: block; }

.boxLayoutRight {
	margin: 13px 13px 0 0;
	text-align: right;
	}
.boxLayoutRight a {
	display: inline-block;
	padding: 0 0 0 18px;
	background-position: -985px -235px;
	}
.horizontalDL {
	overflow: hidden;
	/height: 1%;
	/zoom: 1;
	}
.horizontalDL dt { clear: left; }
.horizontalDL dt,.horizontalDL dd {	float: left;	margin-right: 1em;	}
.caution { font-size: 13px;	font-weight: normal;	color: #666;	}.caution-red {	color: red;	}
.gray { color: #575859; }
.price a { font-weight: normal; }
	

/*header setting*/
#pixiv_budge { float: left; position: relative; left: 50%; margin-left: -440px;}
a#pixiv_budge {	width: 120px;	height: 110px; display: block; z-index: 100;}
h1 { width: 620px; margin: 0 auto; font-size: 13px; font-weight: normal; display: block; line-height: 40px;}
h1 a { color: #FFF!important; text-decoration: none;}

#view_archive {
    float: right;
    position: absolute;
    top: 5px;
    right: 50%;
    margin-right: -440px;
    }
a#view_archive:link , a#view_archive:visited {
	display: block;
	padding: 3px 16px;
  color: #1e90ff;
	background: #1F1F1F;
	background: -moz-linear-gradient(top, #1F1F1F 12%, #0F0F0F 66%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#1F1F1F), color-stop(66%,#0F0F0F));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1F1F1F', endColorstr='#0F0F0F',GradientType=0 );
	border: solid 1px #282828;
 	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,1), 0 1px 0 rgba(255,255,255,0.13);
	-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,1), 0 1px 0 rgba(255,255,255,0.13);
	box-shadow: inset 0 1px 0 rgba(0,0,0,1), 0 1px 0 rgba(255,255,255,0.13);
	text-shadow:0 1px 0 rgba(0,0,0,0.88);
	}
a#view_archive:hover , a#view_archive:active { background: #333; color: #66ccff;}

#twitterButton{
    float: right;
    position: absolute;
    top: 10px;
    right: 50%;
    margin-right: -300px;
}

/* footer setting */
#copyright a {
	display: block;
	width: 135px;
	height: 55px;
	margin: 21px 0 42px 26px;
	}

/* content */
#main .section {
	margin: 0 auto 16px 0;
	background: rgba(255,255,255,0.72);
	border: solid 3px #0096DB;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.55);
	}
#main .sectionSub {
	margin: 0 auto 16px 0;
	background: #fafbfd;
	border: solid 3px #cecece;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.55);
	}
    
    .separate{
    display: -webkit-box;
    display: -moz-box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    }
    
    .item-sub {
    vertical-align: top;
    display: inline-block;
    width: 242px;
    margin:20px 0;
    padding: 20px;
    font-family: Arial, sans-serif;
}
.item-sub img{ margin: 15px 20px;}
.item-sub span{ display: block;}
.item-sub h3{ margin-bottom: 15px;}
.item-sub .price{ margin-top: 15px;}
.dotSub{ background:url(../images/dotLineSub.png) repeat-y right;}

.sectionTitle {
	color: #0096DB;
	font-size: 13px;
	letter-spacing: 3px;
    width: 160px;
    height: 160px;
    background: url(../images/title-tip.png) no-repeat;
    position: relative;
    top: -112px;
    left: -3px;
    text-indent: -9999px;
    margin-bottom: -100px;
	}

.price,
.option { font-size: 13px; }
.category { font-size: 13px!important; color: #0096DB; }
span.date { font-weight: bold; }

.additional_info {
	margin: 0 0 1.5em 0;
	padding: 13px;
	background-color: #EBFDFF;
	border: solid 1px #B7D2E7;
	color: #585759;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.additional_info p { margin: 0; }

#footerInfo {
	padding: 26px;
	line-height: 2;
    color: #3e6173;
    font-weight:normal;
	}

#footerInfo h3 { margin: 0 0 5px 0; font-weight:bold;}
#footerInfo h4 {margin-bottom: 15px;}
.font-normal{font-weight:normal;}
.footerInfoDL dt{ margin-top: 15px;}

/* top */
.billboard {
	width: 964px;
	height: 738px/*512px*/;
	margin: 0 0 -226px 0;
	padding: 88px 0 0;
	background: url(../images/main-visual.png) no-repeat 424px -8px;
	}
.billboard h2 {
	margin: 0 0 16px 0;
	}
.billboard p {
	line-height: 1.5;
	color: #832400;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	}
.item {
	padding: 32px;
	background: url(../images/dotLine.png) no-repeat 0 bottom;
	}
.item_summury h3 {
	margin: 0 0 1em 0;
	line-height: 1.61;
	font-size: 16px;
	}
.item_summury span,
.article h2 span {
	display: block;
	}
.preview_area {
	float: left;
	width: 377px;
	margin-right: 13px;
	text-align: center;
    
	}
.preview_area {position: relative;}
.insert-sample{position: relative;}

.box-sample{position: relative;}
.absolute-sample{position: absolute; top: 0; left: 0;}
    
.item_summury {
	float: left;
	width: 400px;
	margin-left: 16px;
	padding-top: 8px;
	}
a.gotoDetail {
	display: block;
	width: 114px;
	height: 26px;
	background-position: -886px 0;
	}
	
/* detaoil page */
.article {
	padding: 26px 0;
	}
.article h2 {
	margin-bottom: 21px;
	font-size: 26px;
	line-height: 1.5;
	}
.article h2 .price { font-size: 21px; }

.section-inner {
	padding: 24px;
	}

.item_image {
	float: left;
	width: 442px;
	text-align: center;
	}
.yoko .item_image {
	float: left;
	width: 432px;
	margin-bottom: 21px;
	text-align: left;
	}
.content-detail {
	float: right;
	width: 358px;
	}
.yoko .content-detail {
	float: right;;
	}
.content-detail h3 {
	margin-bottom: 21px;
	font-size: 21px;
	line-height: 1.6;
	}
.content-detail h3 span { display: block; }

.users { margin: 8px 0 0 0; }
.users li { display: inline-block; /display: inline; /zoom: 1; /margin-right: 13px; }
.users li:after {
	content: " / ";
	color: #999;
	}
.users li a:link { text-decoration:none; }
.users li a:visited { text-decoration:none; color:#30c6eB; }
.users li a:hover { text-decoration: underline; }

/* 	Items & Module-Styles */
.group { display: block; }
.group:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.group { min-height: 1%;}
* html .group { height: 1%;}