@charset "Shift_JIS";

/*------------------------------------------------------------------------------------

トップページ

---------------------------------------------------------------------------------------- */



/*--------------------header_home----------------------*/
#header_home {
background-color: #f4e7c4; /* ヘッダの背景色 */
background: url(../img/home_header_bg.jpg) no-repeat; 
background-position:top left;
height:123px;
}


.header_home_left {
float:left;
margin-left:35px;
padding-top:30px;
width:760px;
}

.header_home_right {
padding-top:73px;
float:left;
}



/*--------------------main_img----------------------*/
.home_main_img{
margin:0;
padding:0;
}




/*--------------------gnavi----------------------*/
.home_gnavi{
width: 100%;
}

.home_gnavi ul.h_menu{
list-style-type: none;
margin:0;
padding:0;
width: 100%; /* IE 6のために幅の指定が必要 */
}


.home_gnavi ul.h_menu li.btn_home a{
float:left;
display: block;
position: relative; /* IE6用 */
background: url(../img/home_gnavi_home.jpg) no-repeat;
width:102px;
height:73px;
text-indent: -9999px;
margin-left:40px;
}

.home_gnavi ul.h_menu li.btn_home a:hover{
display: block;
position: relative; /* IE6用 */
}



.home_gnavi ul.h_menu li.btn_shop a{
float:left;
display: block;
position: relative; /* IE6用 */
background: url(../img/home_gnavi_shop.jpg) no-repeat;
width:125px;
height:73px;
text-indent: -9999px;
margin-left:40px;
}

.home_gnavi ul.h_menu li.btn_shop a:hover{
display: block;
position: relative; /* IE6用 */
}



.home_gnavi ul.h_menu li.btn_map a{
float:left;
display: block;
position: relative; /* IE6用 */
background: url(../img/home_gnavi_map.jpg) no-repeat;
width:104px;
height:73px;
text-indent: -9999px;
margin-left:40px;
}

.home_gnavi ul.h_menu li.btn_map a:hover{
display: block;
position: relative; /* IE6用 */
}



.home_gnavi ul.h_menu li.btn_schedule a{
float:left;
display: block;
position: relative; /* IE6用 */
background: url(../img/home_gnavi_schedule.jpg) no-repeat;
width:196px;
height:73px;
text-indent: -9999px;
margin-left:40px;
}

.home_gnavi ul.h_menu li.btn_schedule a:hover{
display: block;
position: relative; /* IE6用 */
}



.home_gnavi ul.h_menu li.btn_history a{
float:left;
display: block;
position: relative; /* IE6用 */
background: url(../img/home_gnavi_history.jpg) no-repeat;
width:177px;
height:73px;
text-indent: -9999px;
margin-left:40px;
}

.home_gnavi ul.h_menu li.btn_history a:hover{
display: block;
position: relative; /* IE6用 */
}






/*--------------------cg_menu----------------------*/
.home_cg_menu{
width: 100%;
}

.home_cg_menu ul.cg_menu{
list-style-type: none;
margin:0;
padding:0;
width: 100%; /* IE 6のために幅の指定が必要 */
}


.home_cg_menu ul.cg_menu li.btn_food a{
float:left;
display: block;
position: relative; /* IE6用 */
background: url(../img/home_cg_btn_food.jpg) no-repeat;
width:247px;
height:64px;
text-indent: -9999px;
margin-top:40px;
margin-left:40px;
}

.home_cg_menu ul.cg_menu li.btn_food a:hover{
display: block;
position: relative; /* IE6用 */
}



.home_cg_menu ul.cg_menu li.btn_medical a{
float:left;
display: block;
position: relative; /* IE6用 */
background: url(../img/home_cg_btn_medical.jpg) no-repeat;
width:247px;
height:64px;
text-indent: -9999px;
margin-top:40px;
margin-left:60px;
}

.home_cg_menu ul.cg_menu li.btn_medical a:hover{
display: block;
position: relative; /* IE6用 */
}



.home_cg_menu ul.cg_menu li.btn_money a{
float:left;
display: block;
position: relative; /* IE6用 */
background: url(../img/home_cg_btn_money.jpg) no-repeat;
width:247px;
height:64px;
text-indent: -9999px;
margin-top:40px;
margin-left:60px;
}

.home_cg_menu ul.cg_menu li.btn_money a:hover{
display: block;
position: relative; /* IE6用 */
}



.home_cg_menu ul.cg_menu li.btn_shopping a{
float:left;
display: block;
position: relative; /* IE6用 */
background: url(../img/home_cg_btn_shopping.jpg) no-repeat;
width:247px;
height:64px;
text-indent: -9999px;
margin-top:27px;
margin-left:40px;
}

.home_cg_menu ul.cg_menu li.btn_shopping a:hover{
display: block;
position: relative; /* IE6用 */
}



.home_cg_menu ul.cg_menu li.btn_school a{
float:left;
display: block;
position: relative; /* IE6用 */
background: url(../img/home_cg_btn_school.jpg) no-repeat;
width:247px;
height:64px;
text-indent: -9999px;
margin-top:27px;
margin-left:60px;
}

.home_cg_menu ul.cg_menu li.btn_school a:hover{
display: block;
position: relative; /* IE6用 */
}



.home_cg_menu ul.cg_menu li.btn_other a{
float:left;
display: block;
position: relative; /* IE6用 */
background: url(../img/home_cg_btn_other.jpg) no-repeat;
width:247px;
height:64px;
text-indent: -9999px;
margin-top:27px;
margin-left:60px;
}

.home_cg_menu ul.cg_menu li.btn_other a:hover{
display: block;
position: relative; /* IE6用 */
}












/*------------------------------------------
2020/05　吉祥寺公園通り商店会のゴールデンウィーク中の取り組み　注意書き
------------------------------------------*/
.home_2020gw_t{
background-color: #ff5500;
margin-top:20px;
margin-left:30px;
margin-right:30px;
color:#fff;
text-align:center;
font-size:17px;
letter-spacing:0.1em;
font-weight:bold;
line-height:38px;
}


.home_2020gw_txt{
margin-left:30px;
margin-right:30px;
border-left:2px solid #ff5500;
border-right:2px solid #ff5500;
border-bottom:2px solid #ff5500;
padding-top:10px;
padding-bottom:17px;
text-align:center;
line-height:26px;
letter-spacing:0.02em;
}

.home_2020gw_txt_red{
color:#ff5500;
}

.home_2020gw_txt .attention{
font-weight:bold;
padding-top:12px;
padding-bottom:12px;
}