@charset "utf-8";

/* New Contents- Category & Detail CSS*/

#categorycont { display: block; width: 640px; margin: 0 auto;}

/********************************************Base Designate*/
/*--テーブル--*/
table.op{
	/*float: right;*/
	clear:both;
	width: 100%;
	font-size: 93%;
	margin: 18px 39px 50px 0;
	_margin: 18px 19px 50px 0;
	border-top:1px solid #9999FF;
    border-left:1px solid #9999FF;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}

table.op th{
    border-right:1px solid #9999FF;
    border-bottom:1px solid #9999FF;
    color:#330000;
    background-color:#CCCCFF;
    padding: 5px 0;
    text-align:center;
	height: 24px;
	vertical-align: middle;
}

table.op td{
    border-right:1px solid #9999FF;
    border-bottom:1px solid #9999FF;
    padding: 5px 3px 3px;
	height: 32px;
	vertical-align: top;
}

.op1 {
	width: 40px;
	text-align: center;
	vertical-align: inherit;
}

.op2 {
	width: 175px;
	vertical-align: inherit;
}

.op3 {
	width: 38px;
	text-align: center;
	vertical-align: inherit;
}

.op4 {
	width: 38px;
	text-align: center;
	vertical-align: middle;
}

.op5 {
	width: 46px;
	text-align: center;
	vertical-align: inherit;
}

* + html body table.op{
	font-family: Meiryo,Sans-Serif;
	font-size: 11px;
}
/********************************************Base Designate*/

/********************************************Category New Designate*/

/** Thumbnail List **/
#thumblist {display: block;width: 100%; margin-left:18px; margin-top:10px;}
#thumblist ul { list-style-type:none; font-size:95%; line-height: 1.3; }
#thumblist ul div  { display:block; clear:left;}
#thumblist ul div li { float:left; width: 185px; /*height: 16em;*/margin-right:18px; margin-bottom:10px; }
#thumblist ul li img { width: 185px; margin-bottom: 5px; }

/** Review List **/
#reviewhead {background: url(../images/common/ctg_reviewhead.gif) no-repeat 0 0; padding-top: 12px;height:50px;}
#reviewhead h3 { float:left; width:400px; visibility:hidden;}
#reviewhead p { float:right; width:130px;}

/*Review Post*/
dl.reviewpost { margin-top:0px;border-bottom: 2px solid #99CC00;}
dl.reviewpost dt {clear: both; border-top: 2px solid #99CC00;padding: 0px 0 5px;}
dl.reviewpost dd { clear:both; border-top: 1px dotted #CCC; padding: 10px 0 15px; }
dl.reviewpost dd p { margin-bottom: 10px;}
dl.reviewpost dt p.tourname {
    float:left;
	background: url(../images/reg/rev_tourname.gif) no-repeat 0 0;
	padding-left: 65px;
	 width: 380px;
        margin-top:15px;
}
dl.reviewpost dt p.tourdate {
    float:right;
	background: url(../images/reg/rev_tourdate.gif) no-repeat 0 0;
	padding-left: 65px;
	font-size: 93%;
        margin-top:15px;
}
dl.reviewpost dt .reviewtitle {clear: both; padding-top: 10px;}
dl.reviewpost dt .reviewtitle p.star {float:left;width:90px; padding-top: 3px;}
dl.reviewpost dt h4 {margin-left: 100px; font-size:138.5%; color:#99CC00;}
dl.reviewpost dt p.userinfo { text-align: right; color:#FF9900; font-size: 93%;}

dl.reviewpost dd ul.postthumb {list-style-type: none; margin-top:10px;}
dl.reviewpost dd ul.postthumb li {float:left; height: 70px; width: 100px; margin-right: 15px; display:block;}

/*ul.postthumb_table {list-style-type: none;}
ul.postthumb_table li {float:left; height: 70px; width: 100px; margin-right: 10px; display:block;}

dl.reviewpost div.bottomnavi {
	clear: both;
	text-align:right;
	background: url(../images/common/bg_gr.gif);
	padding: 6px 10px 2px;
	margin-top: 10px;
}
dl.reviewpost div.bottomnavi img { margin-right:5px;}*/

/*END*******************************************Category New Designate*/


/*START*******************************************Detail New Designate*/
h3#prodtitle {
	background: url(../images/common/dtl_titlebg.gif) no-repeat 0 0;
	width: 630px;
	margin: 0 auto;
	padding: 20px;
	color:#281B88;
	font-size: 138.5%;
}
h3#prodtitle span {
	display: block;
	color:#FF6600;
	font-size: 73%;
	font-weight:normal;
}

/** Product Info Area **/
#prodmaininfo { display: block; width: 640px; margin: 0 auto;}
#prodmaininfo div#pictarea { float:left; width: 250px;}
#prodmaininfo div#infoarea { float:right; width: 380px;}

#pictarea p.fleam img { border: #E9E0CB solid 5px; width: 234px; margin-bottom: 10px;}
#pictarea ul#iconarea { list-style-type: none;}
#pictarea ul#iconarea li { float:left; height: 35px; margin-right: 2px;}

/*--詳細データ（右）--*/
table.cordlist{
	width: 100%;
    border: none;
    empty-cells: show;
	margin: 0 0 10px;
}

table.cordlist th{
	width: 110px;
	font-weight: bold;
    padding: 0.3em 0.5em;
    text-align: right;
	vertical-align: top;
	white-space: nowrap;
}

#categorycont h4.subhead {
	background: url(../images/common/subheadbar.gif) no-repeat center bottom;
	padding: 20px 0 12px 2px;
	color: #FF6600;
	font-size: 123.1%;
	margin-bottom: 8px;
}

ul#snaplist {list-style-type: none;}
ul#snaplist li { float:left; width: 120px; height:120px;margin-right:5px; margin-bottom: 10px; overflow:hidden; text-align:center;}
ul#snaplist li img {margin-bottom: 5px; }

dl.subbox {clear:both; padding-top:10px;}
dl.subbox dt {
    background:url(../images/common/dtl_subbox_headbg.gif) no-repeat 0 0;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 10px 3px;
}
dl.subbox dd {
	padding: 10px;
	border: 1px solid #3FC2FF;
	border-top: none;
}
dl.subbox dd ul {list-style-type: none;}
dl.subbox dd ul li {
    background:url(../images/common/listpoint.gif) no-repeat 0 4px;
	padding-left:15px;
	margin-bottom: 3px;
}

dl.subbox dd table.timetable {
    border-collapse: collapse;
	border-top: 1px dotted #CCC;
	width: 100%;
}
table.timetable td,table.timetable th {padding: 8px 10px;border-bottom: 1px dotted #CCC;}
table.timetable th { font-weight: normal; text-align: left; color:#281B88; white-space:nowrap; width: 7em;}

dl.subbox dd em { display:block; font-style:normal; color:#3FC2FF;}

div.anchorlink {clear: both; padding: 6px 0px; border: 1px dotted #3FC2FF; width: 100%;}
div.anchorlink ul {list-style-type:none;}
div.anchorlink ul li { float:left; margin-left: 10px;}
div.anchorlink ul li a {
    background:url(../images/common/allow_gr.gif) no-repeat 0 3px;
	text-decoration:none;
	padding-left: 16px;
	display:inline-block;
	white-space:nowrap;
}
div.anchorlink p { float:right; width:90px;}

dl.pricelist {width: 100%;}
dl.pricelist dt {float:left; clear:left; width:7em;}
*:first-child+html dl.pricelist dt {width:8em;}
dl.pricelist dd {left:7em;}
*:first-child+html dl.pricelist dd {left:8em;}
dl.pricelist em {color: #FF6600;text-decoration: line-through;font-style: normal;}

.priceheadB {color: #000000;font-size: 108%;}
.priceheadR {color: #FF3300;font-size: 108%;}