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

	city.css

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

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

	パーツ

-------------------------------------------------- */
/* ------------------------
	visual2/メインビジュアル
------------------------ */
#visual2 {
	margin:0 0 20px;
}
#visual2 .inner {
	width:690px;
	height:320px;
	background:url(img/main/visual2/img_1.jpg) no-repeat 0 0;
	position:relative;
	margin:0 0 20px;
}
#visual2 h2 {
	position:absolute;
	top:10px;
	left:10px;
}
#visual2 .inner .obi {
	position:absolute;
	top:254px;
	left:0;
	width:690px;
	height:66px;
	background:url(../img/main/visual2/bg_01.png) repeat 0 0;
	overflow:hidden;
}
#visual2 .inner .obi h3 {
	color:#fff;
	line-height:66px;
	font-size:214%;
	font-weight:bold;
	float:left;
	padding:0 0 0 20px;
	text-shadow:1px 2px 1px rgba(0,0,0,0.6);
	letter-spacing:0.1em;
}
#visual2 .inner .obi h3 span {
	font-size:73%;
}
#visual2 .inner .obi p {
	float:right;
	color:#fff;
	font-size:93%;
	line-height:66px;
	padding:0 20px 0 0;
	letter-spacing:0.1em;
}
#visual2 h4 {
	color:#2cbfda;
	font-weight:bold;
	font-size:143%;
	line-height:1.4;
	margin:0 0 10px;
}
#visual2 p {
	line-height:1.6;
}

/* ------------------------
	iitoko2/○○のいいトコ！！
------------------------ */
#iitoko2 {
	margin:0 0 20px;
}
#iitoko2 h3 {
	background:url(../img/main/iitoko2/ttl_bg_01.gif) no-repeat 0 0;
	height:51px;
	line-height:51px;
	color:#fff;
	font-weight:bold;
	font-size:136%;
	padding:0 0 0 23px;
	margin:0 0 15px;
}
#iitoko2 h3 span {
	font-size:89%;
}
#iitoko2 .hear {
	background:url(../img/main/iitoko2/bg_02.gif) repeat-y 0 0;
	margin:0 0 25px;
}
#iitoko2 .heartop {
	background:url(../img/main/iitoko2/bg_01.gif) no-repeat 0 0;
	padding:13px 0 0;
}
#iitoko2 .hearbottom {
	background:url(../img/main/iitoko2/bg_03.gif) no-repeat left bottom;
	padding:0 0 12px;
	width:696px;
	position:relative;
	overflow:hidden;
}
#iitoko2 .hear h4 {
	position:absolute;
	top:8px;
	left:174px;
}
#iitoko2 .hear p {
	float:right;
	width:180px;
	padding:0 22px 10px 300px;
	line-height:1.35;
}
#iitoko2 .hear p.pic {
	float:left;
	width:140px;
	padding:0 0 0 14px;
}
#iitoko2 .hear p.pic img {
	border:solid 5px #fff;
}
#iitoko2 .box {
	background:url(../img/main/iitoko2/bg_05.gif) repeat-y 0 0;
	margin:0 0 10px;
}
#iitoko2 .boxtop {
	background:url(../img/main/iitoko2/bg_04.gif) no-repeat 0 0 ;
	padding:11px 0 0;
}
#iitoko2 .boxbottom {
	background:url(../img/main/iitoko2/bg_06.gif) no-repeat left bottom;
	padding:0 0 8px;
	width:696px;
	position:relative;
}
#iitoko2 .box h4 {
	position:absolute;
	top:0;
	left:0;
	margin:-18px 0 0 -30px;
}
#iitoko2 .box h5 {
	color:#2cbfda;
	font-size:115%;
	float:left;
	width:495px;
	padding:5px 0 10px 13px;
}
#iitoko2 .box p {
	float:left;
	width:330px;
	padding:0 0 12px;
}
#iitoko2 .box p.pic {
	float:left;
	width:143px;
	height:106px;
	padding:5px 0 0 28px;
	background:url(../img/main/iitoko2/bg_07.gif) no-repeat 23px 0;
}
#iitoko2 .box p.btn {
	clear:both;
	text-align:right;
	margin:-34px 0 0;
	width:674px;
}

/* ------------------------
	info/○○の概要/数字で見る○○
------------------------ */
#info {
	width:696px;
	overflow:hidden;
	margin:0 0 38px;
}
#info .about {
	width:341px;
	float:left;
	background:url(../img/main/info/bg_01.gif) repeat-y 0 0;
}
#info .about h3 {
	height:47px;
	line-height:47px;
	color:#fff;
	font-weight:bold;
	font-size:143%;
	padding:17px 0 0 25px;
	background:url(../img/main/info/ttl_bg_01.gif) no-repeat 0 0;
}
#info .about .inner {
	background:url(../img/main/info/bg_02.gif) no-repeat left bottom;
	padding:15px 15px 18px;
}
#info .about .inner h4 {
	color:#2cbfda;
	font-size:115%;
	line-height:1.5;
	margin:0 0 10px;
}
#info .about .inner p {
	line-height:1.5;
	margin:0 0 10px;
}
#info .number {
	width:341px;
	float:right;
	background:url(../img/main/info/bg_01.gif) repeat-y 0 0;
}
#info .number h3 {
	height:47px;
	line-height:47px;
	color:#fff;
	font-weight:bold;
	font-size:143%;
	padding:17px 0 0 25px;
	background:url(../img/main/info/ttl_bg_02.gif) no-repeat 0 0;
}
#info .number .inner {
	background:url(../img/main/info/bg_02.gif) no-repeat left bottom;
	padding:15px 15px 18px;
}
#info .number .inner h4 {
	color:#2cbfda;
	font-size:115%;
	line-height:1.5;
	margin:0 0 10px;
}
#info .number .inner p {
	line-height:1.5;
	margin:0 0 10px;
}


/* ------------------------
	scinex　2013.6.17.
	iitoko2_ver2 / 「○○のいいトコ！！」デザインVer2
---------------------------------- */

#iitoko2_ver2 {
	margin:0 0 20px;	/* #iitoko2と同じ */
}
#iitoko2_ver2 h3 {		/* #iitoko2と同じ */
	background:url(../img/main/iitoko2/ttl_bg_01.gif) no-repeat 0 0;
	height:51px;
	line-height:51px;
	color:#fff;
	font-weight:bold;
	font-size:136%;
	padding:0 0 0 23px;
	margin:0 0 15px;
}
#iitoko2_ver2 h3 span {		/* #iitoko2と同じ */
	font-size:89%;
}
#iitoko2_ver2 .topbnr {
	margin:0 0 10px;
	padding:0;
}
#iitoko2_ver2 .box {
	background:url(../img/main/iitoko2/bg_05.gif) repeat-y center 0;
	margin:0 0 10px;
}
#iitoko2_ver2 .boxtop {
	background:url(../img/main/iitoko2/bg_04.gif) no-repeat center 0 ;
	padding:11px 0 0;
}
#iitoko2_ver2 .boxbottom {
	background:url(../img/main/iitoko2/bg_06.gif) no-repeat center bottom;
	padding:0 0 8px;
	width:694px;
	position:relative;
}
#iitoko2_ver2 .box .boxleft {
	float:left;
	position:relative;
	width:171px;
}
#iitoko2_ver2 .box .boxright {
	float:left;
	width:495px;
	position:relative;
}

#iitoko2_ver2 .box .boxleft h4 {
	position:absolute;
	top:0;
	left:0;
	margin:-18px 0 0 -21px;
}
#iitoko2_ver2 .box .boxleft p.pic {
	width:143px;
	padding:25px 0 5px 28px;
}

#iitoko2_ver2 .box .boxright h5 {
	color:#2cbfda;
	font-size:115%;
	width:495px;
	padding:5px 0 3px 13px;
}
#iitoko2_ver2 .box .boxright p.com {
	float:left;
	width:330px;
	padding:0 0 5px 13px;
	line-height:1.5;
}
#iitoko2_ver2 .box .boxright p.btn {
	float:right;
	margin:0;
	padding:0;
}

#iitoko2_ver2 .box .boxright .detailarea {
	clear:both;
	width:485px;
	background:url(../img/main/iitoko2/dot_line.gif) repeat-x 0 0;
	padding:0;
	margin:0 0 0 10px;
	overflow:hidden;

}

#iitoko2_ver2 .box .boxright .detailarea ul {
	padding:0 0 3px 42px;
	margin:8px 0 0 0;
	background:url(../img/main/iitoko2/btn_detail.gif) no-repeat 0 2px;
	overflow:hidden;
}

#iitoko2_ver2 .box .boxright .detailarea ul li {
	float:left;
	width:auto;
	font-size: 86%;
	white-space:nowrap;
	line-height:1.5;
	margin:0 12px 0 0;
	padding:0 0 0 10px;
	background:url(../img/main/iitoko2/arrow.gif) no-repeat left center;
}

/* ------------------------
	scinex　2013.6.17.
	info_ver2 / 「概要・数字で見る」デザインVer2
---------------------------------- */

#info_ver2 {
	margin:0 0 20px;
}
#info_ver2 .box {
	background:url(../img/main/iitoko2/bg_05.gif) repeat-y center 0;
	margin:0 0 10px 0;
}
#info_ver2 .boxtop {
	background:url(../img/main/iitoko2/bg_04.gif) no-repeat center 0 ;
	padding:6px 0 0 0;
}
#info_ver2 .boxbottom {
	background:url(../img/main/iitoko2/bg_06.gif) no-repeat center bottom;
	padding:0 0 6px 0;
	width:694px;

}
#info_ver2  .info_bg {
	background:url(../img/main/iitoko2/info_bg.gif) no-repeat 6px center;
	padding:0 6px 0 6px;
	overflow:hidden;
}

#info_ver2 .box .info_h3 {
	width:153px;
}
#info_ver2 .box h3 {
	color:#FFFFFF;
	font-size:115%;
	padding:5px 10px 5px 10px;
}

#info_ver2 .box .info_h4 {
	width:340px;
}

#info_ver2 .box h4 {
	color:#2cbfda;
	font-size:115%;
	padding:5px 0 5px 25px;
}

#info_ver2 .box .info_btn {
	width:170px;
}

#info_ver2 .box p.btn {
	margin:0;
	padding:5px 0 5px 22px;
}

/* 中央揃え処理 */
#info_ver2 .box .info_h3 ,
#info_ver2 .box .info_h4,
#info_ver2 .box .info_btn  {
	display: table-cell;
	vertical-align: middle;

}
* html #info_ver2 .box .info_h3 ,
* html #info_ver2 .box .info_h4,
* html #info_ver2 .box .info_btn { /* IE 6 */
	display: inline;
	zoom: 1;
}
*:first-child+html #info_ver2 .box .info_h3 ,
*:first-child+html #info_ver2 .box .info_h4,
*:first-child+html #info_ver2 .box .info_btn { /* IE 7 */
	display: inline;
	zoom: 1;
}


/* ------------------------
	scinex　2013.11.25.
	furusato/わが街ふるさと納税
------------------------ */
#furusato {
	width:694px;
	margin:0 0 40px;
}
#furusato h3 {
	background:url(../img/main/furusato/ttl_bg_01.gif) no-repeat 0 0;
	width:621px;
	height:52px;
	padding:0 0 0 73px;
	color:#fff;
	font-size:136%;
	font-weight:bold;
	line-height:50px;
	position:relative;
}
#furusato h3 span {
	position:absolute;
	top:0;
	right:7px;
	font-size:72%;
	padding:0 0 0 14px;
	background:url(../img/main/furusato/bg_01.gif) no-repeat left center;
}
#furusato h3 a {
	background:url(../img/main/furusato/bg_02.gif) no-repeat right center;
	color:#fff;
	padding:0 20px 0 0;
}
#furusato .inner {
	width:682px;
	padding:15px 0 0 12px;
	overflow:hidden;
}
#furusato h4 {
	color:#784296;
	margin:0 0 10px;
}

#furusato #favor {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	background:url(../img/main/furusato/dot_x_01.gif) repeat-x left bottom;
}

#furusato #favor dl {
	width: 118px;
	float:left;
	margin:0 20px 0 0;
}
#furusato #favor dt {
	margin:0 0 5px 0;
}
#furusato #favor dt img {
	border:solid 1px #ccaedd;
}
#furusato #favor dd {
	font-size:86%;
}
#furusato #favor dd a {}


#furusato #purpose {
	padding:0 0 15px 0;
	margin:0 0 10px 0;
	background:url(../img/main/furusato/dot_x_01.gif) repeat-x left bottom;
}

#furusato #purpose dl {
	padding:0 0 1px 0;
}

#furusato #purpose dl dt {
	float:left;
	width:180px;
	padding:0 10px 0 5px;
	color:#FFFFFF;
	background:url(../img/main/furusato/ar_purpose.gif) right center #af8ac4 no-repeat;
}

#furusato #purpose dl dd {
	float:left;
	width:470px;
	padding:0 0 0 10px;
}

#furusato p.txt {
	float:left;
	width:420px;
	padding:0 0 20px;
	color:#784296;
	font-size:93%;
}

#furusato p.list {
	float:right;
	background:url(../img/main/furusato/btn_bg_02.gif) no-repeat right top;
}
#furusato p.list a {
	float:right;
	display:block;
	height:28px;
	line-height:28px;
	padding:0 17px 0 30px;
	background:url(../img/main/furusato/btn_bg_01.gif) no-repeat left top;
	text-decoration:none;
	color:#fff;
}



/* ------------------------
	tokusan/わが街とくさんネット
------------------------ */
#tokusan {
	width:694px;
	margin:0 0 40px;
}
#tokusan h3 {
	background:url(../img/main/tokusan/ttl_bg_01.gif) no-repeat 0 0;
	width:621px;
	height:52px;
	padding:0 0 0 73px;
	color:#fff;
	font-size:136%;
	font-weight:bold;
	line-height:50px;
	position:relative;
}
#tokusan h3 span {
	position:absolute;
	top:0;
	right:7px;
	font-size:72%;
	padding:0 0 0 14px;
	background:url(../img/main/tokusan/bg_01.gif) no-repeat left center;
}
#tokusan h3 a {
	background:url(../img/main/tokusan/bg_02.gif) no-repeat right center;
	color:#fff;
	padding:0 20px 0 0;
}
#tokusan .inner {
	width:682px;
	padding:15px 0 0 12px;
	overflow:hidden;
}
#tokusan h4 {
	color:#ff6f43;
	margin:0 0 10px;
}
#tokusan ul {
	width:682px;
	overflow:hidden;
	background-color: #ffebda;
	padding:8px 0 8px 35px;
	margin:0 0 20px;
}
#tokusan li {
	float:left;
	margin:0 35px 0 0;
}
#tokusan dl {
	width:220px;
	float:left;
	margin:0 10px 30px 0;
}
#tokusan dt {
	width:89px;
	float:left;
	margin:0 10px 0 0;
}
#tokusan dt img {
	border:solid 1px #f4b76f;
	padding:3px;
}
#tokusan dd {
	font-size:86%;
}
#tokusan dd a {}
#tokusan dd span {
	display:block;
	color:#ff6536;
	font-weight:bold;
}
#tokusan p {
	float:right;
	background:url(../img/main/tokusan/btn_bg_02.gif) no-repeat right top;
}
#tokusan p a {
	float:right;
	display:block;
	height:28px;
	line-height:28px;
	padding:0 17px 0 30px;
	background:url(../img/main/tokusan/btn_bg_01.gif) no-repeat left top;
	text-decoration:none;
	color:#fff;
}

/* ------------------------
	guide/業種別ガイド
------------------------ */
#guide {
	width:694px;
	margin:0 0 40px;
}
#guide h3 {
	background:url(../img/main/guide/ttl_bg_01.gif) no-repeat 0 0;
	height:52px;
	padding:0 0 0 80px;
	color:#fff;
	font-size:136%;
	font-weight:bold;
	line-height:52px;
}
#guide .inner {
	padding:15px 0 0 12px;
}
#guide h4 {
	color:#373e93;
	margin:0 0 10px;
}
#guide ul {
	width:678px;
	overflow:hidden;
}
#guide li {
	float:left;
	margin:0 11px 9px 0;
	width:159px;
	cursor:pointer;
	overflow:hidden;
}
#guide ul li img {
	*float:left;
}
#guide ul li ul {
	clear:both;
	display:none;
	width:157px;
	position:absolute;
	z-index:10;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	background:#fff;
}
#guide ul li.guide02 ul{
	width:672px;
	border-top:solid 1px #ccc;
}
#guide ul li.guide05 ul{
	width:1008px;
	border-top:solid 1px #ccc;
}
#guide ul li.guide08 ul{
	width:504px;
	border-top:solid 1px #ccc;
}
#guide ul li ul li {
	background:url(../img/main/guide/dot_x_01.gif) repeat-x left bottom #fff;
	padding:0 0 1px;
	margin:0;
	width:168px;
	z-index:100;
	font-size:90%;
}
#guide ul li.guide02 ul li,
#guide ul li.guide05 ul li,
#guide ul li.guide08 ul li{
	float:left;
}
#guide ul li ul li.last {
	background:none;
	padding:0;
}
#guide ul li ul li a {
	display:block;
	background:url(../img/main/guide/icon_off.gif) no-repeat 157px center #fff;
	font-size:86%;
	text-decoration:none;
	padding:3px 15px 3px 5px;
}
#guide ul li ul li a:hover {
	background:url(../img/main/guide/icon_on.gif) no-repeat 157px center #eef9fb;
}
#guide ul li.guide01 ul li a:hover {background:url(../img/main/guide/icon_01_open.gif) no-repeat 157px center #eef9fb;}
#guide ul li.guide02 ul li a:hover {background:url(../img/main/guide/icon_02_open.gif) no-repeat 157px center #eef9fb;}
#guide ul li.guide03 ul li a:hover {background:url(../img/main/guide/icon_03_open.gif) no-repeat 157px center #eef9fb;}
#guide ul li.guide04 ul li a:hover {background:url(../img/main/guide/icon_04_open.gif) no-repeat 157px center #eef9fb;}
#guide ul li.guide05 ul li a:hover {background:url(../img/main/guide/icon_05_open.gif) no-repeat 157px center #eef9fb;}
#guide ul li.guide06 ul li a:hover {background:url(../img/main/guide/icon_06_open.gif) no-repeat 157px center #eef9fb;}
#guide ul li.guide07 ul li a:hover {background:url(../img/main/guide/icon_07_open.gif) no-repeat 157px center #eef9fb;}
#guide ul li.guide08 ul li a:hover {background:url(../img/main/guide/icon_08_open.gif) no-repeat 157px center #eef9fb;}
#guide ul li.guide09 ul li a:hover {background:url(../img/main/guide/icon_09_open.gif) no-repeat 157px center #eef9fb;}
#guide ul li.guide10 ul li a:hover {background:url(../img/main/guide/icon_10_open.gif) no-repeat 157px center #eef9fb;}