@charset "UTF-8";

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

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

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

#index #co_inner #catch h3 {
margin: 0 0 10px 0;
}

/* -- ChangeImage -- */
#index h3#subt_premium {
display: block;
width: 195px;
height: 14px;
text-indent: -9999px;
background: url(../img/subt_premium.jpg) no-repeat 0 0;
}

#index h3#subt_manager {
display: block;
width: 167px;
height: 14px;
margin: 0 0 10px 0;
text-indent: -9999px;
background: url(../img/subt_manager.jpg) no-repeat 0 0;
}

/* -- ChangeImage -- */

#index #main_box {
margin: 0;
}

#index #co_inner #catch p {
margin: 0 0 20px 0;
}

/* -- // focusbox // -- */
#index #focusbox {
width: 600px;
padding: 0 0 20px 0;
color: #888888;
}

#index #focusbox h3 {
margin: 0 0 6px 0;
}

#index #focusbox div.photo {
width: 93px;
float: left;
margin: 0 6px 0 0;
padding: 6px 0
}

#index #focusbox div.comment {
width: 183px;
float: left;
padding: 6px 0;
}

#index #focusbox p.text {
display: block;
min-height: 96px;
height: auto !important;
height: 96px;
font-size: 83%;
}

/* -- cocktail -- */
#index #cocktail {
width: 282px;
padding: 0 6px;
margin: 0 10px 0 0;
background: url(../img/bg_focus_c.jpg) no-repeat #252525;
float: left;
}

*html #index #cocktail {
width: 294px;
padding: 0 6px;
margin: 0 10px 0 0;
background: url(../img/bg_focus_c.jpg) no-repeat #252525;
float: left;
}

#index #focusbox h3#subt_cocktail {
display: block;
width: 120px;
height: 13px;
text-indent: -9999px;
background: url(../img/subt_cocktail.gif) no-repeat 0 0;
}

/* --  --  //  -- ▽rollover▽ --  //  --  -- */
#index #cocktail p#go_cocktail {
display: block;
width: 183px;
height: 16px;
background: url(../img/cocktail_link_on.jpg) no-repeat 0 0;
}
#index #cocktail #go_cocktail a { 
display: block;
width: 183px;
height: 16px;
text-indent: -9999px;
background: url(../img/cocktail_link_off.jpg) no-repeat 0 0;
}
#index #cocktail #go_cocktail a:hover {
background: none;
}
/* --  --  //  -- △rollover△ --  //  --  -- */

/* -- bottle -- */
#index #bottle {
width: 282px;
padding: 0 6px;
margin: 0;
background: url(../img/bg_focus_b.jpg) no-repeat #323232;
float: left;
}

*html #index #bottle {
width: 294px;
padding: 0 6px;
background: url(../img/bg_focus_b.jpg) no-repeat #323232;
float: left;
}

#index #focusbox h3#subt_bottle {
display: block;
width: 106px;
height: 13px;
text-indent: -9999px;
background: url(../img/subt_bottle.gif) no-repeat 0 0;
}

/* --  --  //  -- ▽rollover▽ --  //  --  -- */
#index #bottle p#go_bottle {
display: block;
width: 183px;
height: 16px;
background: url(../img/bottle_link_on.jpg) no-repeat 0 0;
}
#index #bottle #go_bottle a {
display: block;
width: 183px;
height: 16px;
z-index: 2;
text-indent: -9999px;
background: url(../img/bottle_link_off.jpg) no-repeat 0 0;
}
#index #bottle #go_bottle a:hover {
background: none;
}
/* --  --  //  -- △rollover△ --  //  --  -- */

/* -- // manager // --*/

#index #co_inner #manager {
width: 600px;
}

#index #co_inner #manager #photo {
float: left;
margin: 0 10px 0 0;
}

#index #co_inner #manager #comment {
float: left;
width: 371px;
}

#index #co_inner #manager #comment p {
float: left;
width: 371px;
margin: 0;
}
/* -- // attention // --*/
#attention {
clear: both;
width: 660px;
padding: 10px 0;
}

/* -- // news // --*/
#index #news_box {
margin: 0 0 10px 0;
}

#index #news {
width: 650px;
height: 125px;
margin: 0 5px;
overflow: auto;
}

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

#index #news ul {
margin: 10px 0 0 20px;
}

#index #news ul li {
font-size: 83%;
list-style-type: disc;
margin: 0 0 10px 0;
line-height: 1.5;
color: #666666;
}

#index #news ul li a {
color: #666666;
text-decoration: underline;
margin: 0 0 0 10px;
}

#index #news ul li a:hover {
color: #666666;
text-decoration: none;
margin: 0 0 0 10px;
}

#index #news ul li span {
color: #666666;
margin: 0 0 0 10px;
}


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

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

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

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

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

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

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

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

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

/*-- bottom_link --*/
#index #bottom_banner {
width: 670px;
margin: 10px 0 0 0;
}

#index #bottom_banner ul {
}

#index #bottom_banner li {
width: 210px;
height: 60px;
float: left;
margin: 0 10px 10px 0;
}