@charset "UTF-8";

/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */

/* トップ */

.itemoutline{
	margin: 0 4px 10px 0px;
	border:1px solid #FFF;
	width:310px;
	overflow:visible;
    display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5～7*/
    float:left;
}

.itembox{width:310px; border:0px solid #390;}
.itembox img.cap{float:left ; display:block; vertical-align:bottom;}
.itembox img.capb{float:left ; display:block; vertical-align:bottom;}

.itembox .inline{
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
	background:url(../img/item/itembox_bg.jpg) repeat-x left bottom;
	padding:5px 10px !important;
	width:288px;
	min-height:130px;
	_height:130px;
	float:left;
}

dl.item{float:left; margin:0 0 0px 10px; display:inline;}

dl.item dt{
	background:url(../img/common/icon_ygc.gif) no-repeat left top;
	padding:0px 0 0 16px;
	font-size:136%;
	color:#557F70;
	margin:0 0 6px 0px;
	width:125px;
}

dl.item dt a{color:#557F70;}
dl.item dt a:hover{color:#C0345C;}

dl.item dd{
	background:url(../img/common/icon_ygc_s.gif) no-repeat left center;
	padding:0 0 0 16px;
	margin:0 0 0px;
	width:125px;
}

img.itemimg01{width:130px;}



/* 一覧 */

.syl{
	border-top:1px dotted #CCC;
	padding:20px 0 0 10px;
	font-size:107%;
	margin:0 0 10px 10px;
}

.syl li{float:left;}
.syl li a{color:#333; text-decoration:underline;}
.syl li a:hover{color:#C0345C; text-decoration:underline;}

ul.itemlist{
	float:left;
	margin:0 0 15px 10px;
	width:630px;
}
/*
ul.itemlist li.kansai{
	background:url(../img/item/kansai_bg.jpg) no-repeat;
}

ul.itemlist li.kanto{
	background:url(../img/item/kanto_bg.jpg) no-repeat;
}

ul.itemlist li.kobe{
	background:url(../img/item/kobe_bg.jpg) no-repeat;
}
*/

ul.itemlist li{
	padding:5px 15px 5px 15px;
	font-size:107%;
	width:165px;
	float:left;
	border:1px solid #DDD;
	background:#EEE;
	margin:0 8px 8px 0px;
	text-align:center;
	height:251px;
	_height:251px;
}


ul.itemlist li img{}

table.itemlist_t{text-align:center;
	position:relative;}

table.itemlist_t th{
	width:165px;
	height:165px;
	height:_165px;
	vertical-align:middle;
	background:#FFF;
}

table.itemlist_t td{
	border:0px solid #666;height:40px;
	vertical-align:middle;
	line-height:1.3em;
}

ul.itemlist li a{color:#333; text-decoration:underline;}
ul.itemlist li a:hover{color:#C0345C; text-decoration:underline;}



/* 詳細 */

.detail_title{background:url(../img/item/det_h3_bg.jpg) no-repeat left top;}

.det_img{background:url(../img/item/det_bg.jpg) repeat-y left top;}

.det_img p{
	font-size:107%;
	color:#009966;
	margin: 20px 0 20px 0px;
	float:right;
	display:inline;
	width:340px;
}

.det_info{border-top:1px dotted #CCC; padding:5px 0 0 0px; margin:0 0 15px;}

.det_info dl{
	border-bottom:1px dotted #CCC;
	padding: 0 0 5px 0px;
	font-size:107%;
	float:left;
	width:640px;
	margin:0 0 5px;
}

.det_info dt{
	background:url(../img/item/info_bg01.gif) no-repeat left top;
	color:#557F70;
	padding:0px 0px;
	text-align:center;
	width:150px;
	float:left;	
}

.det_info dt{background:url(../img/item/info_bg02.gif) repeat left top;}

.det_info dd{
	float:left;	
	margin:0 0 0 15px;
	width:455px;	
}

dd.jan a{text-decoration:underline;}
dd.jan a:hover{text-decoration:underline;}



/* ------------------------------------------------------------ */
/* 見出し */
/* ------------------------------------------------------------ */


h3.list{color:#567F70;}

h4.mno{margin-bottom:10px; margin-top:10px; border:1px solid #FFF;}



.detail_btn a{
text-indent: -9999px;
display:block;
height:24px;
width:104px;
margin:0 auto;
background:url(../img/item/item_detail_btn.png) no-repeat;
}


.detail_btn a:hover{
margin:0 auto;
background-position:0 -24px;
width:104px;
}


.toriatsukai {
position:absolute;
z-index:100;
right:0px;
top:130px;
}