@charset "UTF-8";

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

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

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

#original #co_inner {
width: 609px;
margin: 30px 21px 0 30px;
}

#original #co_inner #catch h3 {
margin: 0 0 10px 0;
}
#original #cocktail_list {
margin: 0 0 20px 0;
}

/* -- // item // --*/
#original .item {
width: 194px;
margin: 0 9px 10px 0;
float: left;
background: url(../img/bg_item_c.jpg) repeat-y center top;
}

#original .item .item_t {
width: 194px;
padding: 10px 0 0 0;
background: url(../img/bg_item_t.jpg) no-repeat center top;
}

#original .item .item_b {
width: 194px;
padding: 0 0 10px 0;
background: url(../img/bg_item_b.jpg) no-repeat center bottom;
}


#original .item .item_in {
width: 172px;
margin: 0 11px;
}

#original .item h3 {
color: #591791;
margin: 0 0 10px 0;
}

#original .item .photo {
margin: 0 0 10px 0;
}

#original .item .comment {
margin: 0 0 10px 0;
}

/* -- information --*/
#original #information {
clear: both;
width: 600px;
margin: 0 0 30px 0;
background: url(../img/bg_info_c.jpg) repeat-y center top;
}

#original #information #information_t {
width: 600px;
padding: 10px 0 0 0;
background: url(../img/bg_info_t.jpg) no-repeat center top;
}

#original #information #information_b {
width: 600px;
padding: 0 0 10px 0;
background: url(../img/bg_info_b.jpg) no-repeat center bottom;
}

#original #information p {
display: block;
width: 600px;
text-align: center;
}


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

#original #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;
}

#original #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;
}

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

/* -- attention --*/
#original #co_inner .attention {
display: block;
clear: both;
width: 600px;
font-size: 83%;
}


/* -- // cooperation // --*/
#original #cooperation {
clear: both;
position: relative;
display: block;
width: 660px;
height: 98px;
background: url(../../common/bg_cooperation.jpg) no-repeat 0 0;
}

#original #cooperation h3 {
position: absolute;
display: block;
width: 94px;
height: 14px;
top: 41px;
left: 38px;
text-indent: -9999px;
background: url(../../common/subt_cooperation.jpg) no-repeat 0 0;
overflow: hidden;
}

#original #cooperation p {
font-size: 83%;
}

#original #cooperation p.img {
display: block;
width: 228px;
height: 59px;
}

#original #cooperation p.img a {
display: block;
width: 228px;
height: 59px;
text-indent: -9999px;
}

#original #cooperation #cooperation01 {
position: absolute;
display: block;
width: 228px;
height: 78px;
top: 14px;
left: 176px;
overflow: hidden;
}

#original #cooperation #cooperation01 p.img {
background: url(../../common/bt_cooperation01_on.jpg) no-repeat 0 0;
}
#original #cooperation #cooperation01 p.img a {
background: url(../../common/bt_cooperation01_off.jpg) no-repeat 0 0;
}
#original #cooperation #cooperation01 p.img a:hover {
background: none;
}

#original #cooperation #cooperation02 {
position: absolute;
display: block;
width: 228px;
height: 78px;
top: 14px;
left: 417px;
overflow: hidden;
}

#original #cooperation #cooperation02 p.img {
background: url(../../common/bt_cooperation02_on.jpg) no-repeat 0 0;
}
#original #cooperation #cooperation02 p.img a {
background: url(../../common/bt_cooperation02_off.jpg) no-repeat 0 0;
}
#original #cooperation #cooperation02 p.img a:hover {
background: none;
}