@charset "UTF-8";
/*
------------------------------------------------------------------------------------------ 
Iam DesignNetwork Corporation
stylesheet top.css
------------------------------------------------------------------------------------------ 
*/

/*---------------------------------------------------------------------
	main_slide
---------------------------------------------------------------------*/

#main_slide {
	text-align: center;
	margin: 0 auto 5px;
}

#main_slide #carousel {}

#main_slide #carousel img {}

#main_slide #prev,
#main_slide #next {
	text-indent: -999px;
	display: block;
	overflow: hidden;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 115px;
}

#main_slide #prev {
	background: url(image/prev.png) top left no-repeat;
	left: 30px;
}

#main_slide #next {
	background: url(image/next.png) top left no-repeat;
	right: 30px;
}

#top_image {}
#top_image .inner {
	width: 1000px;
	margin: 0 auto;
	padding-top: 10px;
}
#top_image .bx-wrapper { width: 100%; }
#top_image .top_slide li{
	width: 330px !important;
}
#top_image .bx-viewport {
	width: 333px !important;
}
#top_image .bx-wrapper .bx-controls-direction { width: 333px; }
#top_image .bx-wrapper .bx-controls-direction a { top: -80px; }


/*---------------------------------------------------------------------
	pagebody
---------------------------------------------------------------------*/

#top #pagebody #pagebody_inner {
	background: none;
}


.top_emergency {
	margin-bottom: 20px;
}
#alpha #alpha_inner .top_emergency .ttl {
	padding: 5px 8px;
    color: #fff;
    font-size: 140%;
	text-shadow: 1px 1px 3px #820100;
	-ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color = #820100 ,Strength = 2)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.Glow(Color = #820100 ,Strength = 2);
	background: url(/css/image/bg_emergency_01.jpg);
}
#alpha #alpha_inner .top_emergency .ttl strong {
	padding-left: 18px;
	background: url(/css/image/bg_emergency_02.png) no-repeat 1px 7px;
}
.top_emergency .inner {
	border: 2px solid #F98583;
    background-color: #fff;
	padding: 15px;
}


/*---------------------------------------------------------------------
	calendar_area
---------------------------------------------------------------------*/

#calendar_area {
	background: url(image/calendar_area_bg.gif) top left repeat-x;
}

#calendar_area .inner {
	width: 1000px;
	padding: 8px 0 3px;
	margin: 0 auto;
}

/* ttl_calendar */
#calendar_area .ttl_calendar {
	/*width:  140px;*/
	float: left;
	display: inline;
	border-right: 2px solid #CCCCCC;
}

#calendar_area .ttl_calendar p {
	font-size: 93%;
	text-align: right;
	padding-right: 15px;
}

#calendar_area .ttl_calendar p img { margin-bottom: 3px; }

/* date_list */
#calendar_area .date_list {
	width: 835px;
	float: right;
	display: inline;
	background: url(image/calendar_icon.jpg) top left no-repeat;
}

#calendar_area .date_list ul {
	padding: 0 0 0 55px;
}

#calendar_area .date_list ul li {
	font-size: 93%;
	text-align: center;
	float: left;
	display: inline;
	padding: 2px 3px 0;
	margin: 0 2px
}

#calendar_area .date_list ul li.sat { color: #2652D3; }
#calendar_area .date_list ul li.sun { color: #FF007F; }

#calendar_area .date_list ul li:hover { background: #E7D0E6; }



/*---------------------------------------------------------------------
	alpha
---------------------------------------------------------------------*/

#top #alpha .clearfix:after { margin-bottom: 0; }

#top #alpha p { margin: 0; }

#top #alpha h3,
#top #alpha h4 {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}

/* top_topics */
#top #alpha #top_topics dl { line-height: 1.2em }
	
#top #alpha #top_topics dl dt {}

#top #alpha #top_topics dl dd {
	margin: -1.2em 0 10px 7.5em;
	padding-bottom: 5px;
}

/* life_event */
#life_event {
	margin: 0 0 13px;
}
#life_event ul {
	padding: 5px 0 5px 7px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: #FFFFFF;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

#life_event ul li {
	width: 93px;
	height: 61px;
	float: left;
	margin-left: 3px;
}
#life_event ul li:first-child { margin: 0; }

/* info_news */
#info_news {
	position: relative;
	margin: 20px 0;
}

#top #info_news .link_list {
	position: absolute;
	top: 6px;
	right: 6px;
}
#top #info_news dl {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#info_news dl {
	line-height: 1.2em;
	padding: 20px 10px 0;
	background: #FFFFFF;
}
#info_news dl dt {
	padding: 0 0 0 10px;
	position: relative;
	/*background: url(image/list_mark_info.gif) 0 3px no-repeat;*/
}
#info_news dl dt::before {
	content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 0;
    height: 0;
    border: 3px solid transparent;
    border-left: 5px solid #851284;
}

#info_news dl dd {
	margin: -1.2em 0 10px 8.5em;
	padding-bottom: 7px;
	/*position: relative;
	z-index: 2;*/
}
#info_news dl dd a { position: relative; }

#info_news dl dd img { margin: 0 0 -4px 5px; }

#info_news dl dd.tag_001 { background: url(../image/site/tag/tag_001.gif) no-repeat 0 0; padding-left: 95px; }
#info_news dl dd.tag_002 { background: url(../image/site/tag/tag_002.gif) no-repeat 0 0; padding-left: 95px; }
#info_news dl dd.tag_003 { background: url(../image/site/tag/tag_003.gif) no-repeat 0 0; padding-left: 95px; }
#info_news dl dd.tag_004 { background: url(../image/site/tag/tag_004.gif) no-repeat 0 0; padding-left: 95px; }
#info_news dl dd.tag_005 { background: url(../image/site/tag/tag_005.gif) no-repeat 0 0; padding-left: 95px; }
#info_news dl dd.tag_006 { background: url(../image/site/tag/tag_006.gif) no-repeat 0 0; padding-left: 95px; }


/* top_backnumber */
#top #top_backnumber {
	margin: 0 0 25px;
}

#top #top_backnumber li {
	width: 180px;
	float: left;
	display: inline;
	margin-left: 7px;
	position: relative;
	-moz-box-shadow:2px 2px 2px rgba(136,136,136,0.65);
	-webkit-box-shadow:2px 2px 2px rgba(136,136,136,0.65);
	box-shadow:2px 2px 2px rgba(136,136,136,0.65);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#a6888888,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#a6888888,Positive=true);
	background: url(image/top_backnumber_bg.gif) top left repeat-y;
	border-bottom: 1px solid #FFD24D;
}
#top #top_backnumber li:first-child { margin: 0; }

#top #top_backnumber li div {
	font-size: 85%;
	padding: 7px 7px 15px;
	border-right: 1px solid #FFD24D;
	border-left: 1px solid #FFD24D;
}

#top #top_backnumber li .link_backnumber_list {
	width: 95px;
	height: 22px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

/* tab_menu */
#top #tab_menu li {
	width: 270px;
	height: 32px;
	float: left;
	display: inline;
	margin-right: 5px;
	cursor: pointer;
}

/* event_list */
#top #event_list {
	display: none;
	padding: 20px 10px 5px;
	border: 2px solid #339900;
}
#event_list dl {
	line-height: 1.2em;
}
#event_list dl dt {
	padding: 0 0 0 10px;
	background: url(image/list_mark_event.gif) 0 3px no-repeat;
}

#event_list dl dd {
	margin: -1.2em 0 10px 8.0em;
	padding-bottom: 10px;
}

/* bosyu_list */
#top #bosyu_list {
	padding: 20px 10px 5px;
	border: 2px solid #807BD0;
}
#bosyu_list dl {
	line-height: 1.2em;
}
#bosyu_list dl dt {
	padding: 0 0 0 10px;
	background: url(image/list_mark_info.gif) 0 3px no-repeat;
}

#bosyu_list dl dd {
	margin: -1.2em 0 10px 8.0em;
	padding-bottom: 10px;
}

/* top_bnr_area */
#top .top_bnr_area {
	width: 567px;
	margin: 10px -7px 0 0;
}
#top .top_bnr_area li {
	float: left;
	display: inline;
	margin: 0 7px 7px 0;
	width: 134.3px;
}
#top .top_bnr_area li img { width: 100%; }

.pluginLikeboxStream {
    height: 500px !important;
}


.facebook_contents {
	background-color: #fff7fb;
	text-align: center;
}


/*---------------------------------------------------------------------
	beta
---------------------------------------------------------------------*/

#top #beta {}

/* emergency */
#beta #emergency { margin: 0 0 10px; }
#beta #emergency .ttl {
	color: #fff;
	font-size: 110%;
    padding: 5px 8px;
    border-radius: 4px 4px 0 0;
	background-image:-webkit-gradient(linear,color-stop(0, rgb(204,0,0)),color-stop(0.98, rgb(255,0,0)),color-stop(0.99, rgb(255,0,0)));
	background-image:-webkit-linear-gradient(rgb(204,0,0) 0%,rgb(255,0,0) 98%,rgb(255,0,0) 99%);
	background-image:-o-linear-gradient(rgb(204,0,0) 0%,rgb(255,0,0) 98%,rgb(255,0,0) 99%);
	background-image:-ms-linear-gradient(rgb(204,0,0) 0%,rgb(255,0,0) 98%,rgb(255,0,0) 99%);
	background-image:linear-gradient(rgb(204,0,0) 0%,rgb(255,0,0) 98%,rgb(255,0,0) 99%);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcc0000,endColorstr=#ffff0000)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcc0000,endColorstr=#ffff0000);
}
#beta #emergency .ttl strong {
	padding: 4px 0 2px 15px;
    font-weight: normal;
    background: url(image/icon_emergency.png) no-repeat 0 3px;
    display: block;
}
#beta #emergency .emergency_msg {
	font-size: 107%;
	font-weight: bold;
	line-height: 1.2;
	padding: 8px 5px 5px;
	border: 2px solid #D00000;
	background: #FFFFFF;
}

#beta #emergency ul { background: #FFEFF7; }

#beta #emergency ul li {
	line-height: 1.4;
	padding: 5px 5px 5px 20px;
	border-right: 2px solid #D00000;
	border-left: 2px solid #D00000;
	border-bottom: 2px solid #D00000;
	background: url(image/list_mark_emergency.gif) 5px 9px no-repeat;
}

/* top_side_bnr */
#top ul.top_side_bnr { margin: 0 0 10px; }
#top ul.top_side_bnr li { margin-top: 4px; }
#top ul.top_side_bnr li:first-child { margin-top: 0; }
#top ul.top_side_bnr li a { display: block; }
.sp_ad { display: none; }
/* city_profile */
#top .city_profile { margin: 0 0 10px; }
#top .city_profile ul {
	background: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}
#top .city_profile ul li {
	font-size: 107%;
	line-height: 1.4;
	padding: 7px 5px 7px 10px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	background: url(image/city_profile_bg01.gif) top left repeat-y;
}
#top .city_profile ul li a {
	padding-left: 15px;
	background: url(image/city_profile_bg02.gif) center left no-repeat;
}

/* net_service */
#top .net_service { margin: 0 0 10px; }
#top .net_service ul { background: #FFFFFF; }
#top .net_service ul li {
	font-size: 107%;
	line-height: 1.4;
	padding: 7px 5px 7px 5px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#top .net_service ul li a {
	padding-left: 12px;
	background: url(image/net_service_bg.gif) center left no-repeat;
}

/* population */
.population { margin: 0 0 10px; }
.population table { border-collapse: collapse; }
.population table th {
	font-weight: normal;
	text-align: right;
	padding: 5px;
	border: 1px solid #D9D5C1;
	background: #F8EDF8;
}

.population table td {
	text-align: right;
	padding: 5px;
	border: 1px solid #D9D5C1;
}

.population table td.tal { text-align: left !important; }

/* page_access_rank */
.page_access_rank { margin: 0 0 10px; }
.page_access_rank ol {
	list-style-type: decimal;
	padding: 10px 10px 10px 30px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}
.page_access_rank ol li {}

.city_map {
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
}

/*---------------------------------------------------------------------
	gamma
---------------------------------------------------------------------*/

.event_photo {
	padding: 5px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
.event_photo_img {
	width: 188px;
	height: 130px;
	overflow: hidden;
}
.event_photo_img img { width: 100%; }
.top_free_menu ul { border: 1px solid #ccc; margin-bottom: 10px; }
.top_free_menu ul li{
	background: url(image/icon_arrow01.gif) 5px center no-repeat;
	padding: 9px 0 9px 18px;
	border-top: 1px solid #ccc;
}
.top_free_menu ul li a { display: block; }
.top_free_menu ul li:first-child{ border-top: none; }

#profile ul li { border-left: 3px solid #851284; }

.topsidebanner {
	border: 1px solid #ccc;
	padding: 8px;
	background: #fff;
}
.topsidebanner ul li img{
	width: 182px;
}