@charset "UTF-8";

/*********/
/* index */
/*********/

#index {
color: #595959;
}

#index h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_sky.jpg) no-repeat 0 0;
}

#index #catch {
width: 600px;
margin: 0 0 30px 30px;
}

#index h3#sub_title {
display: block;
width: 600px;
height: 20px;
margin: 25px 0 20px 0;
background: url(../img/subt_sky_s.gif) no-repeat left top;
text-indent: -9999px;
}

#index p#catch_sky {
	display: block;
	width: 600px;
	height: 13px;
	background: url(../img/img_sky_01.gif) no-repeat left top;
	text-indent: -9999px;
}


/* -- // main_box // -- */
#index #main_box {
width: 660px;
padding: 0;
margin: 0 0 10px 0;
}

#index #image {
width: 600px;
margin: 0 0 30px 30px;
}

/* -- // main_box end // -- */
/* -- // container // -- */
#index .container {
clear: both;
width: 600px;
margin: 0 0 30px 30px;
border: 1px solid #cccccc;
background: url(../img/bg_sky.jpg) repeat-x left bottom #FFFFFF; 
}

#index .container .inner {
clear: both;
width: 560px;
padding: 30px 0;
margin: 0 0 0 30px;
}

#index .container .inner .in_photo {
width: 285px;
margin: 0 30px 0 0;
float: left;
}

#index .container .inner .in_box {
width: 226px;
float: left;
}

#index .container h3#subt_sky01 {
display: block;
width: 156px;
height: 13px;
margin: 0 0 10px 0;
background: url(../img/sub_sky_02.gif) no-repeat left top;
text-indent: -9999px;
}

#index .container h3#subt_sky02 {
display: block;
width: 227px;
height: 14px;
margin: 0 0 10px 0;
background: url(../img/sub_sky_03.gif) no-repeat left top;
text-indent: -9999px;
}

#index .container h3#subt_sky03 {
display: block;
width: 142px;
height: 14px;
margin: 0 0 10px 0;
background: url(../img/sub_sky_04.gif) no-repeat left top;
text-indent: -9999px;
}

/* history */
#index #info {
clear: both;
width: 600px;
margin: 0 0 30px 30px;
background: url(../img/bg_info_c.jpg) repeat-y left top;
}

#index #info_t {
width: 600px;
padding: 20px 0 0 0;
background: url(../img/bg_info_t.jpg) no-repeat left top;
}
#index #info_b {
width: 600px;
padding: 0 0 20px 0;
background: url(../img/bg_info_b.jpg) no-repeat left bottom;
}

#index #info p {
margin: 0 20px;
font-size: 83%;
}

/* jump */
#index #jump {
width: 600px;
background: #ffffff;
border: 1px solid #cccccc;
padding: 10px 0;
margin: 0 0 20px 30px;
}

#index #jump_in {
height: 24px;
margin: 0 0 0 118px;
}

#index #jump p.jump_box {
display: block;
width: 170px;
height: 24px;
float: left;
margin: 0 20px 0 0;
}

#index #jump p.jump_box a {
display: block;
width: 170px;
height: 24px;
text-indent: -9999px;
}

#index #jump p#bt_item { background: url(../img/btn_sky_01_o.jpg) no-repeat left top; }
#index #jump p#bt_cafe { background: url(../img/btn_sky_02_o.jpg) no-repeat left top; }

#index #jump p#bt_item a { background: url(../img/btn_sky_01.jpg) no-repeat left top; }
#index #jump p#bt_cafe a { background: url(../img/btn_sky_02.jpg) no-repeat left top; }

#index #jump p#bt_item a:hover { background: none; }
#index #jump p#bt_cafe a:hover { background: none; }


/* -- // panorama_box end // -- */

/*********/
/* best */
/*********/

#best {
color: #595959;
}

#best h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_item.jpg) no-repeat 0 0;
}

#best #catch {
width: 600px;
margin: 0 0 20px 30px;
}

#best h3#sub_title {
display: block;
width: 600px;
height: 20px;
margin: 25px 0 0 0;
background: url(../img/subt_item_s.gif) no-repeat left top;
text-indent: -9999px;
}

#best p#catch_sky {
display: block;
width: 580px;
height: 12px;
background: url(../img/img_sky_01.gif) no-repeat left top;
text-indent: -9999px;
}


/* -- // main_box // -- */
#best #main_box {
width: 660px;
padding: 0;
margin: 0 0 10px 0;
}

#best #image {
width: 600px;
margin: 0 0 30px 30px;
}

/* -- // main_box end // -- */

#best #ranking {
width: 600px;
margin: 0 0 30px 30px;
}

/* -- // container // -- */
#best .container {
clear: both;
width: 600px;
padding: 20px 0;
background: #f0eeec; 
}

#best .mini_container_l {
float: left;
margin: 20px 20px 0 0;
padding: 20px 0;
background: #f0eeec; 
}

#best .mini_container_r {
float: left;
margin: 20px 0 0 0;
padding: 20px 0;
background: #f0eeec; 
}

#best .tbox_inner {
width: 560px;
margin: 0 0 0 20px;
background: #fafaf9;
}

#best .box_inner {
margin: 0 20px;
padding: 0 0 10px 0;
background: #fafaf9;
}

/* .int(InTop) */

#best .int_photo {
width: 310px;
margin: 0 10px 0 0;
float: left;
}

#best .int_box {
width: 240px;
float: left;
}

/* .in */

#best .in_photo {
width: 250px;
}

#best .in_box {
width: 250px;
}

#best .just-ta {
width: 250px;
}

#best .just-tb {
width: 250px;
}


/* top area */
#best .top_area {
clear: both;
width: 240px;
margin: 10px 0 0 0;
}

#best .tarea_img {
width: 50px;
float: left;
text-align: center;
margin: 0 10px 0 0;
}

#best .tarea_text {
width: 180px;
float: left;
}

#best .tarea_text p {
color: #8a1e40;
}

#best .tarea_text p span {
font-weight: bold;
}

/* middle area */
#best .middle_area {
width: 240px;
clear: both;
display:block;
margin: 10px 0 0 0;
}

#best .marea_text {
width: 120px;
margin: 0 10px 0 0;
padding: 0 0 0 10px;
float: left;
}

#best .tmarea {
margin: 0 10px 0 0;
}

#best .tmarea img {
float: right;
margin: 0 0 0 10px;
}


#best .marea {
margin: 0 0 0 10px;
}

#best .marea img {
float: right;
margin: 0 0 0 10px;
}

*html #best .marea_text {
width: 130px;
margin: 0 10px 0 0;
padding: 0 0 0 10px;
float: left;
}

#best .marea_img {
width: 100px;
float: left;
}

#best .marea p span {
margin-top: 10px;
font-size: 83%;
}


/* bottom area */
#best .barea_text {
clear: both;
margin: 0 10px;
}

#best .barea_price {
clear: both;
text-align: right;
margin: 10px 10px 0 10px;
font-size: 83%;
}

#best .bareat_price {
clear: both;
text-align: right;
margin: 20px 10px 0 10px;
font-size: 83%;
}

#best #new_box {
clear: both;
width: 600px;
margin: 0 0 0 30px;
}

#best #new_box h3 {
color: #a23155;
margin: 0 0 10px 0;
}

#best .n_item {
min-height: 108px;
height: auto !important;
height: 108px;
margin: 0 0 30px 0;
}

#best .n_item_img {
width: 220px;
float: left;
padding: 0 30px 0 0;
}

#best .n_item_text {
width: 350px;
float: left;
}

#best .n_item_text .price {
margin: 10px 0 0 0;
font-size: 83%;
}

#best #new_box .separator {
clear: both;
padding: 0 0 30px 0;
font-size: 1px;
}


#best #original_item {
clear: both;
width: 600px;
margin: 0 0 30px 30px;
}

#best .oitem {
margin: 0 0 30px 0;
}

#best .oitem_img {
width: 220px;
float: left;
margin: 0 30px 0 0;
}

#best .oitem_text {
width: 350px;
float: left;
}

#best .oitem_text ul ,
#best .oitem_text li {
font-size: 100%;
line-height: 1.5;
}

#best .oitem_text li {
font-size: 83%;
}

#best h3#subt_best01 {
display: block;
clear: both;
width: 125px;
height: 13px;
font-size: 75%;
margin: 0 0 30px 30px;
background: url(../img/sub_item_02.gif) no-repeat left top;
text-indent: -9999px;
}

#best h3#subt_best02 {
display: block;
clear: both;
width: 57px;
height: 13px;
margin: 0 0 30px 30px;
background: url(../img/sub_item_03.gif) no-repeat left top;
text-indent: -9999px;
}

#best h3#subt_best03 {
display: block;
clear: both:
width: 141px;
height: 13px;
margin: 0 0 30px 30px;
background: url(../img/sub_item_04.gif) no-repeat left top;
text-indent: -9999px;
}

/* history */
#best #info {
clear: both;
width: 600px;
margin: 0 0 30px 30px;
background: url(../img/bg_info_c.jpg) repeat-y left top;
}

#best #info_t {
width: 600px;
padding: 10px 0 0 0;
background: url(../img/bg_info_t.jpg) no-repeat left top;
}
#best #info_b {
width: 600px;
padding: 0 0 10px 0;
background: url(../img/bg_info_b.jpg) no-repeat left bottom;
}

#best #info p {
margin: 0 20px;
font-size: 83%;
}