@charset "Shift_JIS";
#SecondPage{
	margin:0px 10px;
	padding:2px;
	background:#fff;
	text-align:left;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/*---- Title ----*/
#PageHead{
	padding:0 0 10px;
	background:#eef799;
}
#PageHead h3{
	padding:0 0 286px;
	height:179px;
	background:url(./img/title202.jpg) no-repeat 0 bottom;
}
#PageHead h4{
	margin:28px 0;
	text-align:center;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	font-size:30px;
	line-height:120%;
	color:#291;
}
#PageHead p.BodyText{
	float:left;
	margin:0 0 0 30px;
	width:430px;
	text-align:left;
	font-size:18px;
	line-height:150%;
}
#PageHead p.Map{
	margin:0 0 0 466px;
	width:500px;
	height:550px;
	box-shadow:1px 1px 1px 0 rgba(0,0,0,0.2);
}
/*---- Article ----*/
#CityList{
	background:url(./img/button001.png) no-repeat 0 0 #efb;
}
#CityList .Article{
	border-radius:4px;
	margin:8px 8px 0;
	padding:0 0 10px;
	background:#fac;
	box-shadow:0 0 2px 0 rgba(0,0,0,0.2);
}
#CityList .Article h4{
	border-radius:4px 4px 0 0;
	height:81px;
	background:url(./img/citylist001.png) no-repeat 0 0 #fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	text-indent:25px;
	font-size:36px;
	line-height:74px;
	color:#e03;
}
#CityList .Article h4 span{
	padding:0 0 0 16px;
	font-size:30px;
}
#CityList .Article div{
	border-radius:4px;
	margin:9px 10px 0;
	padding:0 0 10px;
	background:#fff;
}
#CityList .Article div .Photo{
	float:right;
	padding:20px 20px 10px 20px;
	width:440px;
}
#CityList .Article div .Photo a{
	float:left;
	display:block;
	margin:8px 2px 0 0;
	width:108px;
	height:70px;
}
#CityList .Article div .Photo a:hover{
	opacity:0.4;
}
#CityList .Article div .TextBody{
	padding:20px 0 0 20px;
	font-size:15px;
	line-height:140%;
}
#CityList .Article div .TextBody span{
	display:block;
	margin:16px 0 4px;
	text-shadow:1px 1px 0px rgba(0,0,0,0.2);
	font-size:17px;
	font-weight:bold;
	line-height:140%;
	color:#b02;
}
#CityList .Article div .TextBody span:first-child{
	margin:0 0 4px;
}
#CityList .Article div p.Link{
	clear:both;
	padding:10px 10px 5px 0;
	text-align:right;
}
#CityList .Article div p.Link a{
	display:inline-block;
	border-radius:4px;
	margin:0 15px 0 8px;
	padding:0 14px;
	background:#fac;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	color:#fff;
	width:400px;
	text-align:center;
}
#CityList .Article div p.Link a:hover{
	background:#e68;
}

/*---- Button ----*/
#CityList .Button{
	padding:30px 30px 22px;
}
#CityList .Button a{
	display:block;
	border-radius:4px;
	background:linear-gradient(to bottom, #55aa44 0%, #449933 50%, #77cc66 100%);
	box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
	color:#fff;
}
#CityList .Button a span{
	display:block;
	padding:28px 0;
	background:url(./img/button002.png) no-repeat 2px 2px;
	transition:0.2s linear;
	text-align:center;
	text-shadow:1px 1px 1px rgba(0,0,0,0.2);
	font-size:26px;
	font-weight:bold;
	line-height:34px;
	color:#fff;
}
#CityList .Button a:hover{
	background:linear-gradient(to bottom, #227711 0%, #55aa44 100%);
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.1);
	transform:translate(2px,2px);
	color:#ff0;
}
#CityList .Button a:hover span{
	color:#ff0;
}

/*2017/07/25追加*/

.Button_1 {
	background-color:#99bbff;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2);
    color: #fff !important;
    display: block;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.08em;
    padding: 10px;
    text-align: center;
    width: 830px;
	
    background-image:-moz-linear-gradient(
    top,
    #99bbff 0%,
    #7199E8 40%,
    #6894ED 52%,
    #6894ED);
 
    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#99bbff),
    color-stop(0.49,#7199E8),
    color-stop(0.52,#6894ED),
    to(#6894ED));
}

.Button_2 {
	background-color:#33cccc;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2);
    color: #fff !important;
    display: block;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.08em;
    padding: 10px;
    text-align: center;
    width: 830px;
	
    background-image:-moz-linear-gradient(
    top,
    #33cccc 0%,
    #3BB5B5 40%,
    #2DB7B7 52%,
    #2DB7B7);
 
    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#33cccc),
    color-stop(0.49,#3BB5B5),
    color-stop(0.52,#2DB7B7),
    to(#2DB7B7));
}

.Button_3 {
	background-color:#ee99cc;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2);
    color: #fff !important;
    display: block;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.08em;
    padding: 10px;
    text-align: center;
    width: 830px;
	
    background-image:-moz-linear-gradient(
    top,
    #ee99cc 0%,
    #E08BBB 40%,
    #DD89B9 52%,
    #DD89B9);
 
    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#ee99cc),
    color-stop(0.49,#E08BBB),
    color-stop(0.52,#DD89B9),
    to(#DD89B9));
}

.Button_4 {
	background-color:#eeaa99;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2);
    color: #fff !important;
    display: block;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -0.08em;
    padding: 10px;
    text-align: center;
    width: 830px;
	
    background-image:-moz-linear-gradient(
    top,
    #eeaa99 0%,
    #EA8672 40%,
    #E58370 52%,
    #E58370);
 
    background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#eeaa99),
    color-stop(0.49,#EA8672),
    color-stop(0.52,#E58370),
    to(#E58370));
}


.Button_report{
	margin: 20px;
	}
.btn_report{
	margin: 50px auto 0;
    width: 880px;
}

.Button_hover:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	color:#FFC402 !important;
}