@charset "UTF-8";

/* /// NOTES - area.css //////////////////////////// 
	- 構造
	- モジュールストラクチャ（TOPイベント）
	- モジュールストラクチャ（お知らせ）
	- モジュールストラクチャ（イベント）
	- モジュールストラクチャ（RSS一覧）
	- モジュールストラクチャ（スタッフメッセージ）
	- モジュールストラクチャ（エリア情報）
 ////////////////////////////////////////////// */

/* ----------------------------------------------------- */
/*  構造   */
/* ----------------------------------------------------- */
#main_contents {
	float: left;
	width: 465px;
}

#sub_contents {
	float: right;
	width: 212px;
}

/* ----------------------------------------------------- */
/* モジュールストラクチャ（TOPイベント）    */
/* ----------------------------------------------------- */
#module_topevent {
	background-repeat: no-repeat;
	width: 652px;
	height: 205px;
	padding: 25px 41px 0 0;
	margin-bottom: 10px;
	position: relative;
}

#module_topevent h1 {
	display: none;
}

#module_topevent ul li {
	width: 143px;
	height: 179px;
	float: right;
	margin-left: 17px;
	list-style-type: none;
	background-image: url(/common/img/area/bg_topevent.png);
	background-repeat: no-repeat;
	behavior: expression(IEPNGFIX.fix(this));
}

#module_topevent ul li a {
	color: #334040;
	font-size: 11px;
	line-height: 1.1;
	display: block;
	width: 143px;
	height: 179px;
	background-image: url(/common/img/area/txt_topevent_off.gif);
	background-repeat: no-repeat;
	background-position: 66px 160px;
	text-decoration: none;
	position: relative;
}

#module_topevent ul li a:hover {
	background-image: url(/common/img/area/txt_topevent_on.gif);
}

#module_topevent ul li a img {
	position: absolute;
	top: 75px;
	left: 16px;
	border-style: none;
}

#module_topevent ul li a span.date {
	display: block;
	padding: 10px 10px 0;
}

#module_topevent ul li a span.title {
	display: block;
	font-weight: bold;
	margin-top: 2px;
	padding: 0 10px 0;
}

/* 東京 */
.area_tokyo #module_topevent {
	background-image: url(/tokyo/img/index/mv_tokyo.jpg);
}

/* 札幌 */
.area_sapporo #module_topevent {
	background-image: url(/sapporo/img/index/mv_sapporo.jpg);
}

/* 仙台 */
.area_sendai #module_topevent {
	background-image: url(/sendai/img/index/mv_sendai.jpg);
}

/* 名古屋 */
.area_nagoya #module_topevent {
	background-image: url(/nagoya/img/index/mv_nagoya.jpg);
}

/* 大阪 */
.area_osaka #module_topevent {
	background-image: url(/osaka/img/index/mv_osaka.jpg);
}

/* 広島 */
.area_hiroshima #module_topevent {
	background-image: url(/hiroshima/img/index/mv_hiroshima.jpg);
}

/* 福岡 */
.area_fukuoka #module_topevent {
	background-image: url(/fukuoka/img/index/mv_fukuoka.jpg);
}

/* 金沢 */
.area_kanazawa #module_topevent {
	background-image: url(/kanazawa/img/index/mv_kanazawa.jpg);
}

/* ----------------------------------------------------- */
/* モジュールストラクチャ（お知らせ）    */
/* ----------------------------------------------------- */
#module_info {
	margin-bottom: 25px;
}

#module_info h2 {
	width: 465px;
	height: 32px;
	background: url(/common/img/area/bg_ttle_info.gif) no-repeat 0 0;	
	border-style: none;
	padding-top: 10px;
	padding-left:12px;
	margin-top: 12px;
	color:#2B5286;
}

#module_info ul li {
	padding-bottom: 2px;
}

#module_info ul li.caution {
	padding-bottom: 5px;
}

/* ----------------------------------------------------- */
/* モジュールストラクチャ（イベント）    */
/* ----------------------------------------------------- */
#module_event {
	margin-bottom: 20px;
}

#module_event h2 {
	width: 465px;
	height: 32px;
	background: url(/common/img/area/bg_ttle_info.gif) no-repeat 0 0;
	border-style: none;
	padding-top: 10px;
	padding-left:12px;
	margin-top: 0;
	color:#2b5286;
}

#module_event ul li {
	padding-bottom: 2px;
}

#module_event h3 {
	background: url(/common/img/border_dot_blue.gif) #FFFFFF repeat-x 0 0;
	padding-top: 10px;
	border-style: none;
	margin-top: 0;
	margin-bottom: 0;
	color: #004889;
	font-size: 110%;
	clear: none;
}

#module_event h3{
	background-color:transparent!important;
	border-bottom:none!important;
}

#module_event img {
	float: left;
	margin-right: 9px;
}

#module_event p.mobile {
	margin-left: 60px;
}

/* ----------------------------------------------------- */
/* モジュールストラクチャ（RSS一覧）    */
/* ----------------------------------------------------- */
#module_rss_full {
	width: 465px;
	background: url(/common/img/area/bg_rss.gif) #FFFFFF no-repeat left bottom;
}

#module_rss_full h3 {
	width: 465px;
	height: 34px;
	background: url(/common/img/area/ttl_rss.gif) #FFFFFF no-repeat 0 0;
	border-bottom:none!important;
}

#module_rss_full div.rssreader {
	margin-top: 0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 125px;
	background-position: 13px 0;
}

/* ----------------------------------------------------- */
/* モジュールストラクチャ（スタッフメッセージ）    */
/* ----------------------------------------------------- */
#module_message {
	width: 212px;
	padding: 15px 0 46px;
	margin-bottom: 20px;
	position: relative;
	background-repeat: no-repeat;
}

#module_message h2 {
	text-indent: -9999px;
	width: 212px;
	height: 46px;
	border-style: none;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	position: absolute;
	bottom: -1px;
	background-repeat: no-repeat;
}

#module_message p {
	padding: 0 15px;
	line-height: 1.2;
}

/* 東京 */
.area_tokyo #module_message {
	background-color: #F1CC84;
	background-image: url(/tokyo/img/index/bg_message.gif);
}

.area_tokyo #module_message h2 {
	background-image: url(/tokyo/img/index/ttl_message.gif);
}

/* 札幌 */
.area_sapporo #module_message {
	/*background-color: #8CC7ED;*/
	background-image: url(/sapporo/img/index/bg_message.gif);
}

.area_sapporo #module_message h2 {
	background-image: url(/sapporo/img/index/ttl_message.gif);
}

/* 仙台 */
.area_sendai #module_message {
	background-color: #9EAEC4;
	background-image: url(/sendai/img/index/bg_message.gif);
}

.area_sendai #module_message h2 {
	background-image: url(/sendai/img/index/ttl_message.gif);
}

/* 名古屋 */
.area_nagoya #module_message {
	background-color: #EEB1C4;
	background-image: url(/nagoya/img/index/bg_message.gif);
}

.area_nagoya #module_message h2 {
	background-image: url(/nagoya/img/index/ttl_message.gif);
}

/* 大阪 */
.area_osaka #module_message {
	background-color: #A9CF66;
	background-image: url(/osaka/img/index/bg_message.gif);
}

.area_osaka #module_message h2 {
	background-image: url(/osaka/img/index/ttl_message.gif);
}

/* 広島 */
.area_hiroshima #module_message {
	background-color: #7FD5E2;
	background-image: url(/hiroshima/img/index/bg_message.gif);
}

.area_hiroshima #module_message h2 {
	background-image: url(/hiroshima/img/index/ttl_message.gif);
}

/* 福岡 */
.area_fukuoka #module_message {
	background-color: #A998DF;
	background-image: url(/fukuoka/img/index/bg_message.gif);
}

.area_fukuoka #module_message h2 {
	background-image: url(/fukuoka/img/index/ttl_message.gif);
}

/* ----------------------------------------------------- */
/* モジュールストラクチャ（エリア情報）    */
/* ----------------------------------------------------- */
#module_area {
	width: 212px;
	padding-top: 15px;
}

#module_area h2 {
	width: 212px;
	height:30px;
	color: #2B5286;
	font-size: 100%;
	/*border-top: #3685d5 2px solid;*/
	border-top:none;
	margin-top: 0;
	margin-bottom:-2px;
	padding:11px 0 12px 10px;
	background:url(/common/img/area/bg_ttl_area.gif) no-repeat 0 0;
}

#module_area h2 span {
	display: none;
}

#module_area div.overview {
	text-align: center;
	margin: 10px 0;
}

#module_area .table_b th {
	font-weight: bold;
	vertical-align: top;
	white-space: nowrap;
}

#module_area .table_b ul {
	margin-bottom: 0;
}

#module_area .table_b ul li {
	list-style-type: none;
	line-height: 1.1;
	margin-bottom: 4px;
}

#module_area div.map {
	text-align: center;
	margin: 10px 0;
}

#module_area div.map img {
	margin-bottom: 5px;
}

/* ----------------------------------------------------- */
/* モジュールストラクチャ（共通）    */
/* ----------------------------------------------------- */
#module_info #caution {
	margin-bottom: 20px;
}

#module_info #caution .bg_red {
	background: url(../img/area/bg_info_red.gif) no-repeat center bottom;
	margin-bottom: 5px;
}

#module_info #caution .bg_yellow {
	background: url(../img/area/bg_info_yellow.gif) no-repeat center bottom;
	margin-bottom: 5px;
}

#module_info #caution .bg_blue {
	background: url(../img/area/bg_info_blue.gif) no-repeat center bottom;
	margin-bottom: 5px;
}

#module_info #caution div.bg_red div.details {
	background: url(../img/area/bg_info_top_red.gif) no-repeat left top;
	padding: 10px 13px;
}

#module_info #caution div.bg_yellow div.details {
	background: url(../img/area/bg_info_top_yellow.gif) no-repeat left top;
	padding: 10px 13px;
}

#module_info #caution div.bg_blue div.details {
	background: url(../img/area/bg_info_top_blue.gif) no-repeat left top;
	padding: 10px 13px;
}

#module_info #caution div.details dl.news dt {
	position: absolute;
}

#module_info #caution div.details dl.news dd.menu_link {
	padding-left: 57px;
}

#module_info #caution div.details dl.news dd a {
	font-weight: bold;
}

#module_info #caution div.details dl.news dd a.link_red:link {
	color: #c91c00;
}

#module_info #caution div.details dl.news dd a.link_yellow:link {
	color: #f37800;
}

#module_info #caution div.details dl.news dd a.link_blue:link {
	color: #006ab4;
}

#module_info #caution div.details dl.news dd a.link_black:link {
	color: #373737;
}

#module_info #caution div.details p.important {
	margin-bottom: 0;
}


/* ----------------------------------------------------- */
/* モジュールストラクチャ（エリア情報：金沢）    */
/* ----------------------------------------------------- */
#module_info .introduction{
	overflow: hidden;
	zoom: 1;
	margin-bottom: 30px;
}
#module_info .introduction .photo{
	float: left;
	width: 237px;
}
#module_info .introduction .detail{
	float: right;
	width: 212px;
}
#module_info .introduction .detail dt.title{
	font-weight:bold;
	margin-bottom:5px;
}

.about_kanazawa{
	padding-top: 0 !important;
}


/* ----------------------------------------------------- */
/* モジュールストラクチャ（エリア情報：東京）    */
/* ----------------------------------------------------- */
#module_new h2,
#module_guidance h2{
	background: url(/common/img/area/bg_ttle_info.gif) no-repeat left top;
	border-style: none;
	color: #2B5286;
	height: 32px;
	margin-top: 0;
	padding-left: 12px;
	padding-top: 10px;
	width: 465px;
}

#module_new .inner,
#module_guidance .inner{
	padding: 0 10px;
}

#module_new .inner{
	margin-bottom: 10px;
}

#module_new .clearfix{
	zoom: 1;
}
#module_new .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}

#module_new .inner h3,
#module_guidance .inner h3{
	background-color: #ffffff !important;
	border-style: none !important;
	padding: 0;
}

#module_new .inner .area_visual_rev{
	float: left;
	width: 177px;
}

#module_new .inner .area_description_rev{
	width: 250px;
}

#module_new .inner .area_description_rev p{
	margin-bottom: 0;
}

#module_new .introduction{
	padding: 0 10px;
}

#module_new ul,
#module_guidance ul{
	list-style: none;
}

#module_new ul{
	padding: 0 10px;
}

#module_new ul li{
	vertical-align: middle;
}

#module_new ul li .pdf{
	margin-right: 10px;
}

#module_guidance h3 span{
	padding: 0 0 0 1em;
	font-weight: normal;
}

#module_guidance ul{
	list-style-type: disc;
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
}

#module_guidance ul li{
	margin: 0 0 10px 0;
}