@charset "UTF-8";

#picup {
width: 660px;
color: #666666;
}

#picup #main_box {
margin: 0 0 20px 0;
}

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

#picup #co_inner {
width: 630px;
margin: 25px 0 0 30px;
}

#picup #co_inner h3#subt_best {
display: block;
width: 350px;
height: 20px;
margin: 0 0 20px 0;
background: url(../img/subt_best.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#picup #co_inner p#catch {
display: block;
width: 600px;
height: 12px;
margin: 0 0 30px 0;
text-indent: -9999px;
background: url(../img/catch.jpg) no-repeat 0 0;
}

/* -- // menu area // -- */
/* -- common -- */
#picup #co_inner h4 {
color: #e00000;
}

#picup #co_inner p {
display: block;
}

#picup #co_inner p.comment {
margin: 0 0 10px 0;
}

/* -- large -- */
#picup #co_inner #large_area {
clear: both;
width: 600px;
margin: 0 0 20px 0;
}

#picup #large_item {
background: #f4f4f4;
}

#picup #large_detail {
margin: 0 10px;
padding: 10px 0;
}

/* -- middle -- */
#picup #co_inner #middle_area {
clear: both;
width: 630px;
margin: 0 0 20px 0;
}

#picup #middle_area .middle_item {
width: 290px;
float: left;
margin: 0 20px 0 0;
background: #f4f4f4;
}

#picup #middle_area .middle_item_end {
width: 290px;
float: left;
margin: 0;
background: #f4f4f4;
}

#picup #middle_area .middle_detail {
margin: 0 10px;
padding: 10px 0;
}


/* -- small -- */
#picup #co_inner #small_area {
clear: both;
width: 630px;
}

#picup #small_area .small_item {
width: 190px;
float: left;
margin: 0 13px 20px 0;
background: #f4f4f4;
}

#picup #small_area .small_detail {
margin: 0 10px;
padding: 10px 0;
}

/* -- go_gnavi -- */
#picup #go_gnavi {
clear: both;
width: 600px;
margin: 0 0 20px 0;
}

#picup #go_gnavi p {
display: block;
width: 133px;
height: 29px;
background: url(../../common/bt_gnavi_b_on.jpg) no-repeat 0 0;
margin: 0 0 0 467px;
}

#picup #go_gnavi p a {
display: block;
width: 133px;
height: 29px;
background: url(../../common/bt_gnavi_b_off.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#picup #go_gnavi p a:hover {
background: none;
}



/* -- // attention // -- */
#picup #attention {
clear: both;
width: 600px;
font-size: 83%;
}

*html #picup #attention {
clear: both;
width: 600px;
font-size: 83%;
margin: 30px 0 0 0;
}