@charset "UTF-8";

/* S
----------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

html,body{
	width:100%;
	height:100%;
}

body {
	line-height: 140%;
	color: #000;
	background: url(../../img/exileid/header_bg.jpg) left top repeat-x #313131;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 72.5%;
	letter-spacing:1px;
	text-align:center;
}

br { letter-spacing: normal }

#wrap{
	width:100%;
}

#wrapper{
	margin:0 auto;
	width:790px;
	text-align:left;
}

#leftcolumn{
	float:left;
	width:155px;
}

#undercolumn{
	float:right;
	width:618px;
}



#imagearea{
	width:100%;
	margin-bottom:20px;
}

#header{

}

table,img,p,fieldset {
	border: 0;
}

img{
	vertical-align:bottom;
}

li {
	list-style-type: none;
}

em{
	display:none;
}

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

.clearfix{
	zoom:100%;
}

a {
	color: #2850a2;
	text-decoration : underline;
	font-weight:normal;
}

a:link {
	color: #2850a2;
	text-decoration: underline;
}

a:visited {
	color: #2850a2;
	text-decoration: underline;
}

a:hover {
	color: #2850a2;
	text-decoration: none;
}


/* header
----------------------------------------------- */

#header{
	margin:0 auto;
	width:790px;
	height:75px;
}

#header h1{
	margin-top:27px;
	width:138px;
	height:30px;
	float:left;
}

#subnavi{
	width:477px;
	float:right;
}

#subnavi ul{
	float:left;
}

#subnavi ul li{
	padding:41px 0 0 0;
	float:left;
	line-height:0;
}


#subnavi div{
	float:left;
	margin-top:35px;
	margin-left:25px;
}

/* footer
----------------------------------------------- */

#footer-wrap{
	margin-top:135px;
	width:100%;
	height:152px;
	background: url(../../img/exileid/footer_bg.jpg) left top repeat-x;
}

#footer{
	margin:0 auto;
	width:790px;
	height:152px;
	text-align:left;
	background: url(../../img/exileid/footer_logo.gif) right 21px no-repeat;
}

div.footer-navi ul li{
	float:left;
	padding-top:21px;
	padding-right:16px;
}

div#copyright{
	margin-top:13px;
}


/* login
----------------------------------------------- */

#login-area{
	margin-bottom:20px;
	width:155px;
	background: url(../../img/exileid/left_bg.gif) left top repeat-y;
}

div#loginblock{
	text-align:center;
}

div#loginblock ul li.login{
	margin:10px 0 6px 0;
}

div#loginblock ul li.forget{
	margin:0 0 14px 0;
}


/* Category
----------------------------------------------- */

#category-area{
	margin-bottom:20px;
	width:155px;
	background: url(../../img/exileid/left_bg.gif) left top repeat-y;
}

#category-area a{
	color:#fff;
	font-size:80%;
	text-decoration : underline;
}

#category-area ul li a.onlink{
	color:#507ad3;
	font-size:80%;
	text-decoration : underline;
}

#category-area ul{
	margin:0 auto;
	width:150px;
	background: url(../../img/exileid/line01.gif) left top no-repeat;
}

#category-area ul.none{
	background: none;
}

#category-area .categoryblock ul li{
	padding-left:10px;
}

#category-area ul.none li{
	padding:5px 0 0 0;
}

#category-area ul li{
	padding:5px 0 10px 0;
}

#category-area .subcategoryblock ul li{
	padding-left:20px;
	padding-right:5px;
	background: url(../../img/exileid/arrow.gif) 8px 0.9em no-repeat;
}

#category-area .sub-subcategoryblock ul li{
	padding-left:25px;
	padding-right:5px;
	background: url(../../img/exileid/arrow.gif) 13px 0.9em no-repeat;
}

#category-area .sub-sub02categoryblock ul li{
	padding-left:30px;
	padding-right:5px;
	background: url(../../img/exileid/arrow.gif) 18px 0.9em no-repeat;
}

#category-area .sub-sub03categoryblock ul li{
	padding-left:35px;
	padding-right:5px;
	background: url(../../img/exileid/arrow.gif) 23px 0.9em no-repeat;
}

#category-area .sub-sub04categoryblock ul li{
	padding-left:40px;
	padding-right:5px;
	background: url(../../img/exileid/arrow.gif) 28px 0.9em no-repeat;
}

#category-area .sub-sub05categoryblock ul li{
	padding-left:45px;
	padding-right:5px;
	background: url(../../img/exileid/arrow.gif) 33px 0.9em no-repeat;
}


#category-area a:link {
	color: #fff;
	text-decoration: underline;
}

#category-area a:visited {
	color: #fff;
	text-decoration: underline;
}

#category-area a:hover {
	color: #fff;
	text-decoration: none;
}



#category-area ul li a.onlink:link {
	color: #507ad3;
	text-decoration: underline;
}

#category-area ul li a.onlink:visited {
	color: #507ad3;
	text-decoration: underline;
}

#category-area ul li a.onlink:hover {
	color: #507ad3;
	text-decoration: none;
}



.left-bt{
	margin-bottom:10px;
}

/* list
----------------------------------------------- */

div#listtitle{
	margin-bottom:20px;
}

div.listarea{
	width:618px;
	margin-bottom:16px;
}

div.listblock{
	padding:5px;
	margin-right:16px;
	width:132px;
	height:206px;
	background:#fff;
	float:left;
}

div.listblock02{
	padding:5px;
	width:132px;
	height:206px;
	background:#fff;
	float:left;
}

div.listcomment{
	margin-top:5px;
}

.price{
	font-size:80%;
}
ul.pagenumberarea{
	width:618px;
	margin-top:30px;
	padding:10px 0;
	border-top:1px solid #747474;
	border-bottom:1px solid #747474;
	background#fff
}

ul.pagenumberarea li{
	float:left;
}

ul.pagenumberarea li.left{
	width:150px;
	color:#fff;
	float:left;
	font-size:90%;
}

ul.pagenumberarea li.center{
	width:368px;
	text-align:center;
	font-size:90%;
	color:#fff;
}

ul.pagenumberarea li.right{
	width:100px;
	text-align:right;
	font-size:90%;
}

ul.pagenumberarea li.right a,ul.pagenumberarea li.center a{
	color:#fff;
	text-decoration:underline;
}


ul.pagenumberarea li.right a:link,ul.pagenumberarea li.center a:link {
	color: #fff;
	text-decoration: underline;
}

ul.pagenumberarea li.right a:visited ul.pagenumberarea li.center a:visited {
	color: #fff;
	text-decoration: underline;
}
ul.pagenumberarea li.right a:hover,ul.pagenumberarea li.center a:hover {
	color: #fff;
	text-decoration: none;
}


/* detail
----------------------------------------------- */

div#detailarea{
	padding:20px 15px;
	width:586px;
	border:1px solid #797f88;
	background:#fff;
}

#detailleftblock{
	width:260px;
	float:left;
}
#detailleftblock center {
	border: 1px solid #ccc;
	display: block;
	width: 260px;
	height: 260px;
	*height: 262px;
	margin-bottom: 10px;
}
#detailleftblock div#main_image {
	display: table-cell;
	height: 260px;
	width: 260px;
	text-align: center;
	vertical-align: middle;
}
#detailleftblock div#main_image * {
	vertical-align: middle;
}
*:first-child + html #detailleftblock div#main_image span {
	display: inline-block;
	height: 100%;
}
* html #detailleftblock div#main_image span {
	display: inline-block;
	height: 100%;
}
#detailleftblock div#scale_image {
	display: block;
	width: 264px;
	height: 82px;
	padding-bottom:10px;
}
#detailleftblock div#scale_image dl {
	border: 1px solid #ccc;
	display: block;
	width: 80px;
	height: 80px;
	*height: 82px;
	margin-right:9px;
	float: left;
}
#detailleftblock div#scale_image dl.last {
	margin-right:0;
}
#detailleftblock div#scale_image dl dt {
	display: table-cell;
	width: 80px;
	height: 80px;
	text-align: center;
	vertical-align: middle;
}
#detailleftblock div#scale_image dl dt * {
	vertical-align: middle;
}
*:first-child + html #detailleftblock div#scale_image dl dt span {
	display: inline-block;
	height: 100%;
}
* html #detailleftblock div#scale_image dl dt span {
	display: inline-block;
	height: 100%;
}


#detailrightblock{
	width:308px;
	float:right;
}


#detailrightname .depth{
	font-size:90%;
}

#detailrightname .title-block{
	margin:10px 0 20px 0;
	padding:10px 0 10px 0 ;
	width:308px;
	border-top:1px solid #000;
	border-bottom:2px solid #000;
}

.title-block h2{
	font-size:160%;
	line-height:140%;
	color:#2850A2;
}

#detailrightname dl{
	margin-bottom:5px;
}

#detailrightname dl dt{
	width:68px;
	float:left;
}

#detailrightname dl dd{
	width:240px;
	float:left;
}

#detailrightname p.btn{
	width:308px;
	margin-top:20px;
	text-align:center;
}

#detailphotoblock{
	padding-bottom:25px;
	margin-bottom:20px;
	width:584px;
	border-bottom:1px solid #313131;
}