@charset "UTF-8";

/*********************************
共通
**********************************/
* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #CCCCCC;
	text-align: center;
}

.wrapper {
	width: 948px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	background-color: #FFFFFF;
}

.container {
	width:948px;
	background-color:#EAEAEA;
	clear:both;
}

.contents_box {
	width:932px;
	margin:0px 8px;
}

img.mid,
input.mid,
span.mid
{
   vertical-align: middle;
}

.color_white { color: #FFFFFF; }
.color_orange { color: #77ae00; }
.color_sky { color: #33CCFF; }
.color_dark_gray { color: #999999; }
.color_navy { color: #359FAC; }
.color_viridian { color: #009999; }
.color_red { color: #FF1007; }
.color_black { color: #000000; }

.font_80 { font-size: 80%; }
.font_120 { font-size: 120%; }
.font_130 { font-size: 130%; }
.font_150 { font-size: 150%; }
.font_180 { font-size: 180%; }
.font_200 { font-size: 200%; }
.font_250 { font-size: 250%; }

.font_bold { font-weight: bold; }

.line_orange { width: 100%; height: 3px; background-color: #77ae00; clear: both; }
.line_orange_1p { width: 100%; height: 1px; background-color: #77ae00; clear: both; }
.line_gray { width: 100%; height: 3px; background-color: #B2B2B2; clear: both; }
.line_gray_1p { width: 100%; height: 1px; background-color: #B2B2B2; clear: both; }
.line_gray_2p { margin-top: 10px; margin-bottom: 10px; width: 420px; height: 2px; background-color: #D8D8D8; float: both; }
.line_gray_4p { width: 100%; height: 4px; background-color: #B2B2B2; clear: both; }

.bg_gray { background-color: #B2B2B2; }
.bg_herf_gray { background-color: #F2F2F2; }

.spacer100 { height: 100px; clear:both; }
.spacer50 { height: 50px; clear:both; }
.spacer30 { height: 30px; clear:both; }
.spacer25 { height: 25px; clear:both; }
.spacer20 { height: 20px; clear:both; }
.spacer15 { height: 15px; clear:both; }
.spacer10 { height: 10px; clear:both; }
.spacer05 { height: 5px; clear:both; }
.spacer00 { clear:both; }

a {	text-decoration: none; }
a.orange:link {	color: #77ae00; } /*とり急ぎグリーンに変更*/
a.orange:visited { color: #77ae00; } /*とり急ぎグリーンに変更*/
a.white:link {	color: #FFFFFF; }
a.white:visited { color: #FFFFFF; }
a.black:link {	color: #000000; }
a.black:visited { color: #000000; }
a.red:link {	color: #FF0000; }
a.red:visited {	color: #FF0000; }
a.gray:link {	color: #B2B2B2; }
a.gray:visited { color: #B2B2B2; }
a.green:link {	color: #5DAB8F; }
a.green:visited { color: #5DAB8F; }
a.darksky:link {	color: #00AABB; }
a.darksky:visited {	color: #00AABB; }
a.underline_on { text-decoration: underline; }

.padding_05 { padding: 05px; }
.padding_10 { padding: 10px; }
.padding_15 { padding: 15px; }
.padding_20 { padding: 20px; }

.padding_l_05 { padding-left: 05px; }
.padding_l_10 { padding-left: 10px; }
.padding_l_15 { padding-left: 15px; }
.padding_l_20 { padding-left: 20px; }

.padding_r_05 { padding-right: 05px; }
.padding_r_10 { padding-right: 10px; }
.padding_r_15 { padding-right: 15px; }


.padding_lr_05 { padding-left: 5px; padding-right: 5px; }
.padding_lr_10 { padding-left: 10px; padding-right: 10px; }
.padding_lr_15 { padding-left: 15px; padding-right: 15px; }

.padding_t_05 { padding-top: 05px; }
.padding_t_10 { padding-top: 10px; }
.padding_t_15 { padding-top: 15px; }
.padding_t_45 { padding-top: 45px; }

.padding_tl_05 { padding-top: 05px; padding-left: 05px; }
.padding_tl_10 { padding-top: 10px; padding-left: 10px; }
.padding_tl_15 { padding-top: 15px; padding-left: 15px; }
.padding_tl_20 { padding-top: 20px; padding-left: 20px; }

.padding_tr_05 { padding-top: 05px; padding-right: 05px; }
.padding_tr_10 { padding-top: 10px; padding-right: 10px; }
.padding_tr_15 { padding-top: 15px; padding-right: 15px; }
.padding_tr_20 { padding-top: 20px; padding-right: 20px; }

.margin_05 { margin: 05px; }
.margin_10 { margin: 10px; }
.margin_15 { margin: 15px; }
.margin_20 { margin: 20px; }
.margin_40 { margin: 40px; }

.margin_l_05 { margin-left: 05px; }
.margin_l_10 { margin-left: 10px; }
.margin_l_15 { margin-left: 15px; }

.margin_r_05 { margin-right: 05px; }
.margin_r_10 { margin-right: 10px; }
.margin_r_15 { margin-right: 15px; }

.margin_t_05 { margin-top: 05px; }
.margin_t_10 { margin-top: 10px; }
.margin_t_15 { margin-top: 15px; }

.margin_tb_05 { margin-top: 05px; margin-bottom: 05px; }
.margin_tb_10 { margin-top: 10px; margin-bottom: 10px; }
.margin_tb_15 { margin-top: 15px; margin-bottom: 15px; }

.line_height_120 { line-height: 120%; }
.line_height_150 { line-height: 150%; }

.float_l { float: left; }
.float_r { float: right; }

.width_100 { width: 100%; }
.width_60 { width: 60%; }
.width_50 { width: 50%; }
.width_40 { width: 40%; }
.width_30 { width: 30%; }
.width_25 { width: 25%; }


/*********************************
ヘッダ部
**********************************/
.header {
	width: 948px;
}
.header_title {
	margin-top: 10px;
	margin-left: 5px;
	float: left;
}

.header_logo {
	width:300px;
 	margin-top: 0px ;
	text-align:center;
}

.header_search {
	width: 340px;
	float: left;
	padding-top: 18px;
	margin-bottom: 25px;
}

.header_search_back {
	width: 340px;
	height: 34px;
	background-image: url("../img/header_serch_bg.gif");
	position: relative;
}

.header_search_box {
	position: absolute;
	top: 7px;
	left: 10px;
}

.header_search_btn {
	position: absolute;
	top: 4px;
	left: 284px;
}


.header_info_01 {
	width: 550px;
	height: 30px;
	margin-top: 5px;
	margin-right: 6px;
	float: right;
	text-align:right;
}


.header_info_02 {
	width: 270px;
	float: right;
	margin-top: 36px;
	margin-left: 10px;
}

.header_menu {
	width: 948px;
	float: left;
	text-align:left;
}

.header_menu_btn_blank {
	width: 25px;
	float: left;
	text-align:left;	
}

.header_menu_btn_a {
	width: 140px;
	float: left;	
}

.header_menu_btn_a2 {
	width: 117px;
	float: left;	
}

.header_menu_btn_b {
	width: 90px;
	margin-top: 15px;
	float: left;	
}

.header_menu_btn_b2 {
	width: 82px;
	margin-top: 15px;
	float: left;	
}

.header_line {
	width: 948px;
	height: 3px;
	background-color: #77ae00;
	clear: both;
}

/*********************************
ヘッダーメニュー
**********************************/

.pointer { cursor: pointer; }

.menu_welcome {	display:block; background: url(../img/menu_my_town_tip_on.gif) no-repeat 0 0; }
.menu_map {	display:block; background: url(../img/menu_map_on.gif) no-repeat 0 0; }
.menu_calendar { display:block; background: url(../img/menu_calendar_on.gif) no-repeat 0 0; }
.menu_towntv { display:block; background: url(../img/menu_tv_on.gif) no-repeat 0 0; }
.menu_towntv2 { display:block; background: url(../img/menu_tv2_on.gif) no-repeat 0 0; }
.menu_project { display:block; background: url(../img/menu_s_project_on.gif) no-repeat 0 0; }
.menu_invite { display:block; background: url(../img/menu_s_invitation_on.gif) no-repeat 0 0; }
.menu_reserve { display:block; background: url(../img/menu_s_reserve_on.gif) no-repeat 0 0; }
.menu_ranking { display:block; background: url(../img/menu_s_ranking_on.gif) no-repeat 0 0; }
.menu2_welcome {	display:block; background: url(../img/menu2_my_town_tip_on.gif) no-repeat 0 0; }
.menu2_blog {	display:block; background: url(../img/menu2_blog_on.gif) no-repeat 0 0; }
.menu2_map {	display:block; background: url(../img/menu2_map_on.gif) no-repeat 0 0; }
.menu2_calendar { display:block; background: url(../img/menu2_calendar_on.gif) no-repeat 0 0; }
.menu2_towntv { display:block; background: url(../img/menu2_tv_on.gif) no-repeat 0 0; }
.menu2_towntv2 { display:block; background: url(../img/menu2_tv2_on.gif) no-repeat 0 0; }
.menu2_project { display:block; background: url(../img/menu2_s_project_on.gif) no-repeat 0 0; }
.menu2_invite { display:block; background: url(../img/menu2_s_invitation_on.gif) no-repeat 0 0; }
.menu2_reserve { display:block; background: url(../img/menu2_s_reserve_on.gif) no-repeat 0 0; }
.menu2_ranking { display:block; background: url(../img/menu2_s_ranking_on.gif) no-repeat 0 0; }
.mymenu_home { display:block; background: url(../img/my_menu_myhome_on.gif) no-repeat 0 0; }
.mymenu_blog { display:block; background: url(../img/my_menu_myblog_on.gif) no-repeat 0 0; }
.mymenu_mess { display:block; background: url(../img/my_menu_mes_on.gif) no-repeat 0 0; }
.mymenu_favo { display:block; background: url(../img/my_menu_favorite_on.gif) no-repeat 0 0; }
.mymenu_foot { display:block; background: url(../img/my_menu_footprint_on.gif) no-repeat 0 0; }
.mymenu_prof { display:block; background: url(../img/my_menu_profile_on.gif) no-repeat 0 0; }
.mymenu_conf { display:block; background: url(../img/my_menu_config_on.gif) no-repeat 0 0; }
.commu_menu_commu_home { display:block; background: url(../img/commu_menu_commu_home_on.gif) no-repeat 0 0; }
.commu_menu_commu_map { display:block; background: url(../img/commu_menu_commu_map_on.gif) no-repeat 0 0; }
.commu_menu_topics { display:block; background: url(../img/commu_menu_topics_on.gif) no-repeat 0 0; }
.commu_menu_member { display:block; background: url(../img/commu_menu_member_on.gif) no-repeat 0 0; }
.commu_menu_introduction { display:block; background: url(../img/commu_menu_introduction_on.gif) no-repeat 0 0; }
.commu_menu_questionnaire { display:block; background: url(../img/commu_menu_questionnaire_on.gif) no-repeat 0 0; }
.commu_menu_play_commu { display:block; background: url(../img/commu_menu_play_commu_on.gif) no-repeat 0 0; }
.note_tab_machi { display:block; background: url(../img/tab_machi_p_on.gif) no-repeat 0 0; }
.note_tab_kifu { display:block; background: url(../img/tab_kifu_on.gif) no-repeat 0 0; }
.note_tab_emy { display:block; background: url(../img/tab_emy_on.gif) no-repeat 0 0; }
.note_tab_tuuka { display:block; background: url(../img/tab_tuuka_on.gif) no-repeat 0 0; }
.note_tab_credit { display:block; background: url(../img/tab_credit_on.gif) no-repeat 0 0; }

.movie2_tab_new { display:block; background: url(../img/move_tab_new_on.gif) no-repeat 0 0; }
.movie2_tab_dantai { display:block; background: url(../img/move_tab_dantai_on.gif) no-repeat 0 0; }
.movie2_tab_event { display:block; background: url(../img/move_tab_event_on.gif) no-repeat 0 0; }
.movie2_tab_other { display:block; background: url(../img/move_tab_other_on.gif) no-repeat 0 0; }

.map2_tab_01 { display:block; background: url(../img/map2_tab_01_on.gif) no-repeat 0 0; }
.map2_tab_02 { display:block; background: url(../img/map2_tab_02_on.gif) no-repeat 0 0; }
.map2_tab_03 { display:block; background: url(../img/map2_tab_03_on.gif) no-repeat 0 0; }
.map2_tab_04 { display:block; background: url(../img/map2_tab_04_on.gif) no-repeat 0 0; }
.map2_tab_05 { display:block; background: url(../img/map2_tab_05_on.gif) no-repeat 0 0; }
.map2_tab_06 { display:block; background: url(../img/map2_tab_06_on.gif) no-repeat 0 0; }

.friend_menu_f_home { display:block; background: url(../img/friend_menu_friend_home_on.gif) no-repeat 0 0; }
.friend_menu_send_mess { display:block; background: url(../img/friend_menu_send_message_on.gif) no-repeat 0 0; }
.friend_menu_blog { display:block; background: url(../img/friend_menu_read_blog_on.gif) no-repeat 0 0; }
.friend_menu_schedule { display:block; background: url(../img/friend_menu_schedule_on.gif) no-repeat 0 0; }
.friend_menu_friendlist { display:block; background: url(../img/friend_menu_friend_list_on.gif) no-repeat 0 0; }
.friend_menu_community { display:block; background: url(../img/friend_menu_community_on.gif) no-repeat 0 0; }
.friend_menu_mv { display:block; background: url(../img/friend_menu_movie_on.gif) no-repeat 0 0; }
.friend_menu_point_pay { display:block; background: url(../img/friend_menu_point_pay_on.gif) no-repeat 0 0; }


.menu_welcome a,
.menu_map a,
.menu_calendar a,
.menu_towntv a,
.menu_towntv2 a,
.menu_project a,
.menu_invite a,
.menu_reserve a,
.menu_ranking a,
.menu2_welcome a,
.menu2_blog a,
.menu2_map a,
.menu2_calendar a,
.menu2_towntv a,
.menu2_towntv2 a,
.menu2_project a,
.menu2_invite a,
.menu2_reserve a,
.menu2_ranking a,
.mymenu_home a,
.mymenu_blog a,
.mymenu_mess a,
.mymenu_favo a,
.mymenu_foot a,
.mymenu_prof a,
.mymenu_conf a,
.commu_menu_commu_home a,
.commu_menu_commu_map a,
.commu_menu_topics a,
.commu_menu_member a,
.commu_menu_introduction a,
.commu_menu_questionnaire a,
.commu_menu_play_commu a,
.note_tab_machi a,
.note_tab_kifu a,
.note_tab_emy a,
.note_tab_tuuka a,
.note_tab_credit a,
.movie2_tab_new a,
.movie2_tab_dantai a,
.movie2_tab_event a,
.movie2_tab_other a,
.map2_tab_01 a,
.map2_tab_02 a,
.map2_tab_03 a,
.map2_tab_04 a,
.map2_tab_05 a,
.map2_tab_06 a,
.friend_menu_f_home a,
.friend_menu_send_mess a,
.friend_menu_blog a,
.friend_menu_schedule a,
.friend_menu_friendlist a,
.friend_menu_community a,
.friend_menu_mv a,
.friend_menu_point_pay a
{
	display:block;
}

.menu_welcome a:hover,
.menu_map a:hover,
.menu_calendar a:hover,
.menu_towntv a:hover,
.menu_towntv2 a:hover,
.menu_project a:hover,
.menu_invite a:hover,
.menu_reserve a:hover,
.menu_ranking a:hover,
.menu2_welcome a:hover,
.menu2_blog a:hover,
.menu2_map a:hover,
.menu2_calendar a:hover,
.menu2_towntv a:hover,
.menu2_towntv2 a:hover,
.menu2_project a:hover,
.menu2_invite a:hover,
.menu2_reserve a:hover,
.menu2_ranking a:hover,
.mymenu_home a:hover,
.mymenu_blog a:hover,
.mymenu_mess a:hover,
.mymenu_favo a:hover,
.mymenu_foot a:hover,
.mymenu_prof a:hover,
.mymenu_conf a:hover,
.commu_menu_commu_home a:hover,
.commu_menu_commu_map a:hover,
.commu_menu_topics a:hover,
.commu_menu_member a:hover,
.commu_menu_introduction a:hover,
.commu_menu_questionnaire a:hover,
.commu_menu_play_commu a:hover,
.note_tab_machi a:hover,
.note_tab_kifu a:hover,
.note_tab_emy a:hover,
.note_tab_tuuka a:hover,
.note_tab_credit a:hover,
.movie2_tab_new a:hover,
.movie2_dantai_new a:hover,
.movie2_event_new a:hover,
.movie2_other_new a:hover,
.map2_tab_01 a:hover,
.map2_tab_02 a:hover,
.map2_tab_03 a:hover,
.map2_tab_04 a:hover,
.map2_tab_05 a:hover,
.map2_tab_06 a:hover,
.friend_menu_f_home a:hover,
.friend_menu_send_mess a:hover,
.friend_menu_blog a:hover,
.friend_menu_schedule a:hover,
.friend_menu_friendlist a:hover,
.friend_menu_community a:hover,
.friend_menu_mv a:hover,
.friend_menu_point_pay a:hover
{
	background-color: transparent;
}

.menu_welcome a:hover img,
.menu_map a:hover img,
.menu_calendar a:hover img,
.menu_towntv  a:hover img,
.menu_towntv2  a:hover img,
.menu_project a:hover img,
.menu_invite a:hover img,
.menu_reserve a:hover img,
.menu_ranking a:hover img,
.menu2_welcome a:hover img,
.menu2_blog a:hover img,
.menu2_map a:hover img,
.menu2_calendar a:hover img,
.menu2_towntv  a:hover img,
.menu2_towntv2  a:hover img,
.menu2_project a:hover img,
.menu2_invite a:hover img,
.menu2_reserve a:hover img,
.menu2_ranking a:hover img,
.mymenu_home a:hover img,
.mymenu_blog a:hover img,
.mymenu_mess a:hover img,
.mymenu_favo a:hover img,
.mymenu_foot a:hover img,
.mymenu_prof a:hover img,
.mymenu_conf a:hover img,
.commu_menu_commu_home a:hover img,
.commu_menu_commu_map a:hover img,
.commu_menu_topics a:hover img,
.commu_menu_member a:hover img,
.commu_menu_introduction a:hover img,
.commu_menu_questionnaire a:hover img,
.commu_menu_play_commu a:hover img,
.note_tab_machi a:hover img,
.note_tab_kifu a:hover img,
.note_tab_emy a:hover img,
.note_tab_tuuka a:hover img,
.note_tab_credit a:hover img,
.movie2_tab_new a:hover img,
.movie2_tab_dantai a:hover img,
.movie2_tab_event a:hover img,
.movie2_tab_other a:hover img,
.map2_tab_01 a:hover img,
.map2_tab_02 a:hover img,
.map2_tab_03 a:hover img,
.map2_tab_04 a:hover img,
.map2_tab_05 a:hover img,
.map2_tab_06 a:hover img,
.friend_menu_f_home a:hover img,
.friend_menu_send_mess a:hover img,
.friend_menu_blog a:hover img,
.friend_menu_schedule a:hover img,
.friend_menu_friendlist a:hover img,
.friend_menu_community a:hover img,
.friend_menu_mv a:hover img,
.friend_menu_point_pay a:hover img
{
	visibility: hidden;
}

/*********************************
フッター部
**********************************/
.footer { width:948px; }
.footer_line { width: 948px; height: 1px; background-color: #77ae00; }

.footer_link { text-align: center; margin-top: 3px; margin-bottom: 3px; }