@charset "Shift_JIS";

/* 左
---------------------------------------------------- */

#left{
float:left;
width:158px;
}

/* bgの設定 */
#left ul{
	height:530px;
	background-color: #f8f8f8;
	background-image: url(../img/left_bg.gif);
	background-repeat: no-repeat;
}

/* 左ボタン共通の設定 */

#left_green a,#left_itaku a,#left_shopping a,#left_shop a,#left_gift a,#left_news a{
display:block;
text-indent:-9999px;
}

/* グリーン日記ボタンの設定 */

li#left_green{
background:url(../img/left_green02.gif) no-repeat;
margin:0 0 0 16px;
}

#left_green a{
background:url(../img/left_green.gif) no-repeat;
width:136px;
height:98px;
}

#left_green a:hover{
background:none;
}

/* 販売委託のボタン設定 */
li#left_itaku{
background:url(../img/left_itaku02.gif) no-repeat;
margin:4px 0 0 16px;
}

#left_itaku a{
background:url(../img/left_itaku.gif) no-repeat;
width:136px;
height:96px;
}

#left_itaku a:hover{
background:none;
}


/* カタログショッピングボタンの設定 */

li#left_shopping{
background:url(../img/left_shopping02.gif) no-repeat;
margin:4px 0 0 16px;
}

#left_shopping a{
background:url(../img/left_shopping.gif) no-repeat;
width:136px;
height:106px;
}

#left_shopping a:hover{
background:none;
}

/* お店紹介ボタンの設定 */

li#left_shop{
background:url(../img/left_shop02.gif) no-repeat;
margin:4px 0 0 16px;
}

#left_shop a{
background:url(../img/left_shop.gif) no-repeat;
width:136px;
height:83px;
}

#left_shop a:hover{
background:none;
}

/* 青竹セットボタンの設定 */

li#left_gift{
background:url(../img/left_gift02.gif) no-repeat;
margin:5px 0 0 16px;
}

#left_gift a{
background:url(../img/left_gift.gif) no-repeat;
width:136px;
height:106px;
}

#left_gift a:hover{
background:none;
}

/* チェーンソーアートボタンの設定 */

li#left_news{
background:url(../img/left_news02.gif) no-repeat;
margin:5px 0 0 16px;
}

#left_news a{
background:url(../img/left_news.gif) no-repeat;
width:136px;
height:106px;
}

#left_news a:hover{
background:none;
}


/* 住所部分の設定 */
#add{
background:url(../img/left_add.gif) no-repeat;
width:158px;
height:152px;
}

#add p{
padding:45px 0 0 30px;
line-height:140%;
font-size:10px;
}




/* 中央
---------------------------------------------------- */

#middle{
float:left;
width:493px;
}

/* ピックアップ部分の設定 */
#middle_pickup{
background:url(../img/middle_pickup.gif) no-repeat;
width:493px;
height:274px;
}

#middle_pickup div{
float:left;
}

#middle_meiko img {
margin:64px 0 0 22px;
padding:10px 10px 5px 10px;
}

#middle_take img {
margin:86px 0 0 10px;
padding:10px 10px 5px 10px;
}

#middle_tokusen img {
margin:73px 0 0 10px;
padding:10px 10px 5px 10px;
}

/* What's Newの設定 */
#middle_new{
background:url(../img/middle_new.gif) no-repeat;
width:493px;
height:250px;
}

#middle_new h3{
text-indent:-9999px;
}

#middle_new ul{
margin:43px 0 0 60px;
}

#middle_new li{
line-height:190%;
background:url(../img/line.gif) no-repeat 0 20px;
}

/* ランキングの設定 */
#ranking{
background:url(../img/middle_ranking.jpg) no-repeat;
width:493px;
height:233px;
}

#ranking h3{
text-indent:-9999px;
}

#ranking li{
float:left;
}

#no1 a,#no2 a,#no3 a{
display:block;
width:110px;
height:110px;
text-indent:-9999px;
}

#no1 a{
margin:-3px 0 0 50px;
}

#no2 a{
margin:-3px 0 0 35px;
}

#no3 a{
margin:-3px 0 0 35px;
}


#no1 p,#no2 p,#no3 p{
font-size:10px;
line-height:140%;
}

#no1 p{
padding:30px 0 0 60px;
}

#no2 p{
padding:30px 0 0 45px;
}

#no3 p{
padding:30px 0 0 35px;
}



/* 右
---------------------------------------------------- */

#right{
float:left;
width:273px;
}

#right ul{
background:url(../img/right_bg.gif) no-repeat;
width:152px;
height:449px;
}

/* 仲間リンクボタンの設定 */

li#link{
background:url(../img/right_link02.gif) no-repeat;
margin:0 0 0 19px;
}


#link a{
display:block;
background:url(../img/right_link.gif) no-repeat;
width:120px;
height:60px;
text-indent:-9999px;
}

#link a:hover{
background:none;
}

/* 名店番付ボタンの設定 */

li#meiten{
background:url(../img/right_meiten02.gif) no-repeat;
margin:10px 0 0 19px;
}

#meiten a{
display:block;
background:url(../img/right_meiten03.gif) no-repeat;
width:120px;
height:60px;
text-indent:-9999px;
}

#meiten a:hover{
background:none;
}

/* 京都大学専用ページボタンの設定 */

li#senyou{
background:url(../img/right_senyou02.gif) no-repeat;
margin:10px 0 0 19px;
}

#senyou a{
display:block;
background:url(../img/right_senyou.gif) no-repeat;
width:120px;
height:90px;
text-indent:-9999px;
}

#senyou a:hover{
background:none;
}

/* コマツゼノアボタンの設定 */

#zenoa a{
display:block;
background:url(../img/right_zenoa.gif) no-repeat;
width:120px;
height:60px;
text-indent:-9999px;
margin:10px 0 0 19px;
}

/* 三脚梯子ボタンの設定 */

#hashigo a{
display:block;
background:url(../img/right_hashigo.gif) no-repeat;
width:120px;
height:90px;
text-indent:-9999px;
margin:10px 0 0 19px;
}

/* カウンターの設定 */

#pan h2{
float:left;
}

#pan #count{
text-align:right;
padding-top: 5px;
}
#pan #count img {
vertical-align: middle;
}

#pan p{
float:left;
padding:6px 0 0 650px;
font-size:10px;
}