@charset "utf-8";
/*------------------------------------------------------------------------------
[1] 各種テンプレート
	画像の回り込み無し
	新着更新情報、リンクテンプレート1
	緊急ニュース
	セカンドトップ
	サイトマップ
	音声読み上げサービスのご利用方法
	訓練用

[2] 共通スタイル
	サイドメニュー（テキストリンク、画像リンク、バナーテキストリンク）
	緊急情報
	お知らせ
	twitter
	リンクメニュー 防災マップ
	リンクメニュー　トップページの右、防災関連情報
	安否検索
	エラーページ
	リンク集(2列、3列、4列)	
	スクロールメニュー（トップページ、汎用トップ）
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] 各種テンプレート
*******************************************************************************/
/*==============================================================================
	画像の回り込み無し
==============================================================================*/
#content .imgleftbox1, #content .imgleftbox2{
	width:195px;
	float:left;
	clear:left;
}
#content .imgleftbox2{
	width:210px;
}
#content .imgleftbox1 p, #content .imgleftbox2 p{
	margin-left:0px;
	margin-right:0px;
}
#content .imgrightbox1, #content .imgrightbox2{
	width:501px;
	float:right;
}
#content .imgrightbox2{
	width:478px;
}

#content .imgleftbox1 .imgcaption, #content2 .imgleftbox1 .imgcaption,
#content .imgleftbox2 .imgcaption, #content2 .imgleftbox2 .imgcaption{
	margin-bottom:15px;
}

/*==============================================================================
	緊急ニュース
==============================================================================*/
#content ul.emepaging{
	margin:20px 0px 10px 0px;
	padding-top:4px;
	list-style-type:none;
	text-align:center;
}
#content ul.emepaging li{
	display:inline;
}
#content ul.emepaging li.pre a{
	margin-right:20px;
	padding-left:20px;
	background:url(images/parts/pre2.gif) no-repeat left center;
}
#content ul.emepaging li.next a{
	margin-left:20px;
	padding-right:20px;
	background:url(images/parts/next2.gif) no-repeat right center;
}

/*==============================================================================
	セカンドトップ
==============================================================================*/
/*------------------------------------------------------------------------------
	レイアウト
------------------------------------------------------------------------------*/
#second{
	margin:0px auto 0px auto;
	width:960px;
}
#soutline{
	margin:15px 10px 20px 10px;
}
#sleft{
	width:734px;
	float:left;
}
#sright{
	width:216px;
	float:right;
}
/* IE6 */
#sright{
	width:214px;
	float:right;
}
/*------------------------------------------------------------------------------
	詳細デザイン
------------------------------------------------------------------------------*/
/*　メニュー
------------------------------------------------------------------------------*/
.secondcontent2 h2{
	margin:0px 25px 14px 0px;
	padding:8px 5px 8px 12px;
	font-size:120%;
	color:#ffffff;
	background:#002063;
}
.secondcontent2 h2 a{
	color:#ffffff;
}
.secondcontent2 p{
	margin:0px 0px 14px 0px;
}
.smenu{
	margin:0px 25px 10px 0px;
	width:340px;
	float:left;
	display:inline;
	font-size:100%;
}
.smenu h2, .secondcontent2 .smenu h3{
	margin-bottom:12px;
	padding:4px 5px 8px 20px;
	position:relative;
	font-size:120%;
	border-bottom:3px solid #0C328F;
}
.smenu h2 a::before, .secondcontent2 .smenu h3 a::before{
	width:13px;
	height:15px;
	position:absolute;
	top:7px;
	left:1px;
	content:"";
	background:#0C328F;
}
.smenu h2 a::after, .secondcontent2 .smenu h3 a::after{
	width:4px;
	height:4px;
	position:absolute;
	top:12px;
	left:4px;
	content:"";
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.smenu p{
	margin:0px 10px 12px 10px;
	font-size:95%;
	line-height:1.6;
}
.smenu ul{
	margin-bottom:12px;
	margin-left:10px;
	list-style-type:none;
}
.smenu li{
	margin-bottom:12px;
	padding:0px 10px 0px 17px;
	position:relative;
	line-height:1.5;
}
.smenu li a::after{
	width:6px;
	height:6px;
	position:absolute;
	top:5px;
	left:0px;
	content:"";
	border-top:2px solid #0C328F;
	border-right:2px solid #0C328F;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
/*------------------------------------------------------------------------------
　ポータル
------------------------------------------------------------------------------*/
/*　トピックス
------------------------------------------------------------------------------*/
#second .news{
	margin-bottom:30px;
	margin-right:25px;
	clear:both;
	zoom:1;
}
#second .news:after{
	content: "";
	display: block;
	clear: both;
}
#second .news h2{
	margin-bottom:18px;
	padding:10px 10px 8px 8px;
	font-size:130%;
	line-height:1.4;
	border-bottom:3px solid #0C328F;
}
#second .news p{
	padding:0px 10px 14px 13px;
}
#second .news ul{
	margin:0px 0px 10px 0px;
	padding:0px;
	width:530px;
	float:left;
	display:inline;
	list-style-type:none;
	overflow:auto;
}
/* 写真がない場合 */
#second .news ul.nosnap{
	width:694px;
}
#second .news ul li{
	margin-bottom:12px;
	padding-left:30px;
	position:relative;
	line-height:1.5;
}
#second .news ul li span{
	font-size:90%;
}
#second .news ul li a::after{
	width:6px;
	height:6px;
	position:absolute;
	top:5px;
	left:11px;
	content:"";
	border-top:2px solid #0C328F;
	border-right:2px solid #0C328F;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#second .news ul.topicsdetail li a::after{
	content:none;
}
#second .news ul.objectlink{
	margin-bottom:0px;
	margin-left:0px;
	padding-bottom:6px;
	font-size:100%;
}
#second .news ul.objectlink li{
	margin-bottom:0px;
	padding-left:0px;
	background:none;
}
#second .news #snap{
	margin-top:13px;
	width:162px;
	float:right;
}
#second .news #snap p{
	margin-right:12px;
	margin-bottom:10px;
	padding:0px 0px 6px 0px;
	font-size:90%;
	line-height:1.4;
}
#second .news #snap p img{
	margin-bottom:3px;
}
#second .news ul.topicsdetail{
	margin:0px;
	padding:4px 0px 4px 0px;
	width:100%;
	display:block;
	float:none;
	clear:both;
	font-size:95%;
	font-weight:normal;
	letter-spacing:0;
	text-align:right;
}
#second .news ul.topicsdetail li{
	margin:0px 13px 0px 0px;
	padding:0px 0px 0px 18px;
	display:inline;
	position:relative;
}
#second .news ul.topicsdetail li a::before{
	width:13px;
	height:15px;
	position:absolute;
	top:2px;
	left:0px;
	content:"";
	background:#0C328F;
}
#second .news ul.topicsdetail li a::after{
	width:4px;
	height:4px;
	position:absolute;
	top:7px;
	left:3px;
	content:"";
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#second .news ul.topicsdetail li.rss{
	margin-left:10px;
	background:url(images/parts/rss.gif) no-repeat left 3px;
}
#second .news ul.topicsdetail li.rss a::before,
#second .news ul.topicsdetail li.rss a::after{
	content:none;
}
/*==============================================================================
	サイトマップ
==============================================================================*/
#sitemap{
	padding:0px 15px 0px 15px;
}
#sitemap .smenu{
	width:430px;
	border:none;
	background:none;
}
#sitemap .smenu h2{
	border-left:none;
}
#sitemap .smenu h2 a::after,
#sitemap .smenu h2 a::before{
	content:none;
}
#sitemap .smenu ul{
	margin-left:13px;
}
#sitemap .smenu li{
	margin-bottom:10px;
	padding-left:16px;
	line-height:1.4;
}

/*==============================================================================
	音声読み上げサービスのご利用方法
==============================================================================*/
#content ul.rsuse,#content2 ul.rsuse{
	margin:0px;
	padding:0px;
	float:right;
	list-style:none;
	font-size:90%;
}
#content ul.rsuse a,#content2 ul.rsuse a{
	padding:3px 0px 3px 10px;
	background:url(images/content/mark_ul.gif) no-repeat left 10px;
	display:inline-block;
}
#readspeaker_button1{
}
/*******************************************************************************
[2] 共通スタイル]
*******************************************************************************/
/*==============================================================================
	サイドメニュー
==============================================================================*/
/*------------------------------------------------------------------------------
	テキストリンク・画像リンク、バナーテキストリンク
------------------------------------------------------------------------------*/
.sidelink{
	margin-bottom:20px;
}
.sidelink h2{
	margin-bottom:0px;
	padding:8px 5px 8px 5px;
	font-size:100%;
	border-top:2px solid #0033CC;
}
.sidelink p{
	padding:0px 5px 10px 5px;
}
/* テキストリンク
------------------------------------------------------------------------------*/
.sidelink ul{
	margin:0px 0px 15px 0px;
	list-style-type:none;
}
.sidelink ul li{
	margin-bottom:8px;
	padding-left:15px;
	background:url(../site/_res/images/parts/mark_news.gif) no-repeat 5px 7px;
}
/* 画像リンク
------------------------------------------------------------------------------*/
.sidelink ul li.imglink{
	padding-left:0px;
	background:none;
}
/*------------------------------------------------------------------------------
	バナーリンク
------------------------------------------------------------------------------*/
.topnbanner{
	margin-bottom:20px;
}
.topnbanner ul{
	list-style-type:none;
}
.topnbanner ul li{
	margin-bottom:10px;
}
.topnbanner ul li a{
	padding:10px 12px;
	display:block;
	background:url(images/content/h1_bg.gif) repeat-x left bottom;
	border:1px solid #ccc;
}
.topnbanner ul li a:hover{
	background:#e1ecef;
}
.topnbanner ul li.naviimg a{
	padding-left:0px;
	display:inline;
	background:none;
	border:none;
}
.topnbanner ul li.naviimg a:hover{
	background:none;
}
/*==============================================================================
	緊急情報
==============================================================================*/
.kinkyu{
	margin-right:25px;
	margin-bottom:25px;
	clear:both;
	line-height:1.5;
	text-align:left;
	border-bottom:3px solid #ebaeae;
}
.kinkyu h2{
	padding:8px 5px 8px 10px;
	color:#FFF;
	font-size:130%;
	background-color:#b70a0a;
	line-height:1.4;
}
.kinkyu h3{
	padding:10px 10px 5px 12px;
	font-size:100%;
	border-left:3px solid #ebaeae;
	border-right:3px solid #ebaeae;
}
.kinkyu p{
	padding:14px 10px 0px 10px;
	font-weight:bold;
	line-height:1.4;
	border-left:3px solid #ebaeae;
	border-right:3px solid #ebaeae;
}
.kinkyu ol{
	margin:10px 10px 5px 40px;
	border-left:3px solid #ebaeae;
	border-right:3px solid #ebaeae;
}
.kinkyu ol li{
	padding-left:0px;
}
.kinkyu ul{
	padding:14px 10px 5px 16px;
	list-style-type:none;
	border-left:3px solid #ebaeae;
	border-right:3px solid #ebaeae;
}
.kinkyu ul li{
	margin-bottom:12px;
	padding-left:12px;
	position:relative;
}
.kinkyu ul li a::after{
	width:6px;
	height:6px;
	position:absolute;
	top:5px;
	left:-4px;
	content:"";
	border-top:2px solid #980001;
	border-right:2px solid #980001;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.kinkyu ul.topicsdetail{
	padding-top:4px;
	padding-bottom:12px;
	font-size:95%;
	font-weight:normal;
	letter-spacing:0;
	text-align:right;
}
.kinkyu ul.topicsdetail li{
	margin-left:10px;
	padding-left:18px;
	display:inline;
	position:relative;
}
.kinkyu ul.topicsdetail li a::before{
	width:13px;
	height:15px;
	position:absolute;
	top:2px;
	left:0px;
	content:"";
	background:#980001;
}
.kinkyu ul.topicsdetail li a::after{
	width:4px;
	height:4px;
	position:absolute;
	top:7px;
	left:3px;
	content:"";
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.kinkyu ul.topicsdetail li.rss{
	background:url(images/parts/rss.gif) no-repeat left 3px;
}
.kinkyu ul.topicsdetail li.rss a::after,
.kinkyu ul.topicsdetail li.rss a::before{
	content:none;
}
.kinkyu span.topicdate{
	font-size:95%;
}
/*==============================================================================
		お知らせ
==============================================================================*/
.info{
	margin-bottom:20px;
	clear:both;
	border:2px solid #2f3589;
	line-height:1.5;
}
.info h2{
	margin-bottom:14px;
	padding:8px 5px 8px 12px;
	color:#FFF;
	font-size:130%;
	background-color:#2f3589;
	line-height:1.4;
}
.info p{
	padding:0px 10px 10px 15px;
	font-weight:bold;
	letter-spacing:0.1em;
}
.info ul{
	padding:0px 10px 8px 16px;
	list-style-type:none;
}
.info ul li{
	margin-bottom:8px;
	padding-left:12px;
	position:relative;
	line-height:1.4;
}
.info ul li a::after{
	width:6px;
	height:6px;
	position:absolute;
	top:5px;
	left:-4px;
	content:"";
	border-top:2px solid #2f3589;
	border-right:2px solid #2f3589;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.info ul li .topicdate{
	font-size:90%;
}
.info ul.topicsdetail{
	padding-top:4px;
	font-size:95%;
	font-weight:normal;
	letter-spacing:0;
	background:#e8eff1;
	text-align:right;
}
.info ul.topicsdetail li{
	margin-left:10px;
	padding-right:16px;
	display:inline;
	background:url(images/top/mark_tmenu.gif) no-repeat right 2px;
}
/* お知らせ（緑） */
.infocolor1{
	border-color:#2b831e;
}
.infocolor1 h2{
	background-color:#2b831e;
}
.infocolor1 ul li a::after{
	border-top:2px solid #2B831E;
	border-right:2px solid #2B831E;
}
/* お知らせ（オレンジ） */
.infocolor2{
	border-color:#c65d00;
}
.infocolor2 h2{
	background-color:#c65d00;
}
.infocolor2 ul li a::after{
	border-top:2px solid #c65d00;
	border-right:2px solid #c65d00;
}
/* お知らせ（勧告） */
.kankoku{
	border-color:#b70a0a;
}
.kankoku h2{
	background-color:#b70a0a;
}
.kankoku ul li a::after{
	border-top:2px solid #980001;
	border-right:2px solid #980001;
}
.kankoku ul.topicsdetail li{
	background:url(images/top/mark_kinkyu2.gif) no-repeat right 2px;
}
#second .info, #second .kankoku{
	margin-bottom:25px;
	margin-right:25px;
}
#second .kankoku h2{
	border-bottom:none;
}

/*==============================================================================
	Twitter ツイッター
==============================================================================*/
.twitter{
	margin-bottom:20px;
	border-left:2px solid #067cc1;
	border-right:2px solid #067cc1;
	border-bottom:2px solid #067cc1;
}
.twitter h2{
	padding:6px 6px 6px 6px;
	font-size:110%;
	color:#ffffff;
	background:#067cc1;
}
.twitter h3{
	padding:6px 6px 0px 8px;
	font-size:95%;
	font-weight:normal;
}
.twitter p{
	padding:6px 6px 6px 8px;
	font-size:95%;
}
.twitter .twitter-timeline{
	height:290px;
}
.twitter ul{
	padding:4px 5px 4px 5px;
	border-top:1px solid #ccc;
	list-style:none;
}
.twitter ul li{
	margin-bottom:0px;
	padding-left:20px;
	padding-top:4px;
	padding-bottom:4px;
	background:url(images/content/mark_ul.gif) no-repeat 7px 10px;
	line-height:1.5;
	text-align:left;
}
.twitter ul li.naviimg{
	padding-left:0px;
	background:none;
	text-align:center;
}
.twitter ul img{
	vertical-align:bottom;
}
/*==============================================================================
	リンクメニュー 防災マップ、セカンドトップ
==============================================================================*/
.topnavi{
	margin-bottom:20px;
	border-top:4px solid #08215F;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-align:left;
}
.topnavi h2{
	padding:6px 6px 6px 6px;
	background:#dfe0e6;
	font-size:110%;
	line-height:1.3;
}
.topnavi h2 span{
	font-size:85%;
}
.topnavi p{
	margin:8px 10px 6px 10px;
	font-size:95%;
	line-height:1.4;
}
.topnavi ul{
	margin:6px 6px 6px 6px;
	list-style-type:none;
}
#lnavi .topnavi ul{
	margin:4px 7px 4px 7px;
}
.topnavi ul li{
	margin-left:3px;
	margin-right:3px;
	margin-bottom:0px;
	padding-top:5px;
	padding-left:12px;
	padding-bottom:5px;
	background:url(images/header/mark_util.gif) no-repeat 1px 9px;
}
.topnavi ul li.naviimg{
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	background:none;
}
.topnavi ul li.naviimg a{
	padding-bottom:3px;
	display:block;
}
.topnavi ul li.naviimg span{
	padding-bottom:5px;
	display:block;
}
.topnavi ul li.naviimg span.small{
	display:inline;
}
.topnavi ul img{
	margin:0px auto 0px auto;
	padding-bottom:5px;
	max-width:200px;
	height:auto;
	vertical-align:bottom;
}
.topnavi li.naviimg a img{
	display:block;
}
.topnavi li.naviimg a img + br{
	display:none;
}
.topnavi ul img.external{
	margin-left:6px;
	display:inline;
	vertical-align:middle;
}
.topnavi li.naviimg a img.external{
	display:inline;
}
.topmap{
	border-top:none;
}
.topmap h2{
	padding:8px 6px 6px 6px;
	color:#ffffff;
	background:#08215F;
}
/*------------------------------------------------------------------------------
	リンクメニュー　トップページの右、防災関連情報
------------------------------------------------------------------------------*/
#rightbox .topnavi{
	padding-bottom:6px;
}
.topnavi h3{
	margin:15px 7px 6px 7px;
	font-size:95%;
	font-weight:normal;
	line-height:1.3;
}
.topnavi h2 + h3{
	margin:10px 7px 6px 7px;
}
.topnavi h3{
	_margin:10px 6px 6px 7px;
}
.topnavi h3 img{
	margin-bottom:5px;
}
#rightbox .topnavi p{
	margin:5px 7px 0px 8px;
}
#rightbox .topnavi ul{
	margin:6px 7px 2px 7px;
/*	margin:0px;
	padding:0px 7px 0px 7px;*/
}
#rightbox .topnavi ul li{
	margin-bottom:4px;
	padding:0px auto 0px auto;
	font-size:95%;
}
/*------------------------------------------------------------------------------
	リンクメニュー　バナーリンクテンプレート
------------------------------------------------------------------------------*/
#content .topnavi{
	border:none;
}
#content .topnavi ul{
	margin:5px 15px 20px 15px;
}
.topnavi ul li.imglink{
	margin:0px;
	padding:0px 0px 15px 0px;
	background:none;
}
/*==============================================================================
	安否検索
==============================================================================*/
.anpi{
	margin-bottom:20px;
	border-top:4px solid #2f3589;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-align:left;
}
.anpi h2{
	margin-bottom:8px;
	padding:4px 6px 4px 8px;
	background:#e3ebee;
	font-size:110%;
}
.anpi h3{
	margin:8px 6px 6px 8px;
	font-weight:normal;
	font-size:100%;
}
.anpi p{
	margin:6px 6px 6px 8px;
	font-size:95%;
}
.anpi iframe{
	height:120px;
	border:1px solid #ccc;
}
#leftbox .anpi iframe{
	width:184px;
}
.anpi ul{
	padding:10px 10px 5px 10px;
	list-style-type:none;
}
.anpi ul li{
	margin-bottom:8px;
	padding-left:12px;
	background:url(images/header/mark_util.gif) no-repeat 1px 4px;
}
/*==============================================================================
	エラーページ
==============================================================================*/
#content2 .sserror{
	padding:10px;
	float:none;
}
.sserror #key{
	width:220px;
}
/*==============================================================================
	リンク集(2列、3列、4列)	
==============================================================================*/
#content ul.link2,
#content ul.link3,
#content ul.link4,
#content ul.link5,
#content2 ul.link2,
#content2 ul.link3,
#content2 ul.link4,
#content2 ul.link5{
	margin-top:15px;
	margin-left:15px;
	clear:both;
	list-style-type:none;
	line-height:1.4;
}
/* セカンドトップ */
#second .smenu ul.link2{
	margin-bottom:4px;
}
#content ul.link2 span,
#content ul.link3 span,
#content ul.link4 span,
#content ul.link5 span,
#content2 ul.link2 span,
#content2 ul.link3 span,
#content2 ul.link4 span,
#content2 ul.link5 span{
	margin-top:3px;
	display:block;
	font-size:95%;
}
#content ul.link2:after,
#content ul.link3:after,
#content ul.link4:after,
#content ul.link5:after,
#second .smenu ul.link2:after,
#content2 ul.link2:after,
#content2 ul.link3:after,
#content2 ul.link4:after
#content2 ul.link5:after{
	content:"";
	display:block;
	clear:both;
}
#content ul.link2 li,
#content2 ul.link2 li{
	margin:0px 15px 16px 0px;
	padding:2px 0px 0px 18px;
	width:44%;
	display:inline-block;
	position:relative;
	vertical-align:top;
}
#content ul.link2 li a::after,
#content2 ul.link2 li a::after,
#content ul.link3 li a::after,
#content2 ul.link3 li a::after,
#content ul.link4 li a::after,
#content2 ul.link4 li a::after,
#content ul.link5 li a::after,
#content2 ul.link5 li a::after{
	width:6px;
	height:6px;
	position:absolute;
	top:6px;
	left:0px;
	content:"";
	border-top:2px solid #08215F;
	border-right:2px solid #08215F;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* セカンドトップ */
#second .smenu ul.link2 li{
	width:40%;
	display:inline-block;
	vertical-align:top;
}
#content ul.link3 li,
#content2 ul.link3 li{
	margin:0px 13px 16px 0px;
	padding:2px 0px 0px 18px;
	width:28%;
	display:inline-block;
	position:relative;
	vertical-align:top;
}
#content ul.link4 li,
#content2 ul.link4 li,
#content ul.link5 li,
#content2 ul.link5 li{
	margin:0px 10px 16px 0px;
	padding:2px 0px 0px 18px;
	width:20%;
	display:inline-block;
	position:relative;
	vertical-align:top;
}
#content ul.link5 li,
#content2 ul.link5 li{
	width:15%;
}

/* IE6 */
#content ul.link1 li, #content2 ul.link1 li,
#content ul.link2 li, #content2 ul.link2 li,
#second .smenu ul.link2 li,
#content ul.link3 li, #content2 ul.link3 li,
#content ul.link4 li, #content2 ul.link4 li,
#content ul.link5 li, #content2 ul.link5 li{
	_display:inline;
	_zoom:1;
}
/* IE7 */
*:first-child+html #content ul.link1 li, *:first-child+html #content2 ul.link1 li,
*:first-child+html #content ul.link2 li, *:first-child+html #content2 ul.link2 li,
*:first-child+html #second .smenu ul.link2 li,
*:first-child+html #content ul.link3 li, *:first-child+html #content2 ul.link3 li,
*:first-child+html #content ul.link4 li, *:first-child+html #content2 ul.link4 li,
*:first-child+html #content ul.link5 li, *:first-child+html #content2 ul.link5 li{
	display:inline;
	zoom:1;
}
/*==============================================================================
	<p>色変更ボタン
==============================================================================*/
p.bannertxt2 a{
	margin:0px 5px 10px 5px;
	padding:6px 8px 6px 8px;
	display:inline-block;
	color:#282828;
	background:url(images/content/h3_bg.gif) repeat-x left bottom;
	border:1px solid #CCCCCC;
	text-decoration:none;
}
p.bannertxt2 a:hover{
	background:#EFEFEF;
}

/*==============================================================================
	スクロールメニュー（トップページ、汎用トップ）
==============================================================================*/
#pickup{
	margin:0px auto 20px auto;
	width:950px;
	text-align:center;
}
.main_view{
	width:950px;
	position:relative;
}
#pickup .window{
	width:950px;
	height:250px;
	overflow:hidden; /*--Hides anything outside of the set width/height--*/
	background:#FFFFFF;
}
#pickup .main{
	width:950px;
	height:250px;
	overflow:hidden; /*--Hides anything outside of the set width/height--*/
}
/*------------------------------------------------------------------------------
	停止・再生・番号ボタン共通
------------------------------------------------------------------------------*/
.main_view p.btn img,.main_view p.btn button,.main_view .paging li img{
	vertical-align:bottom;
}
/*　停止・再生ボタン
------------------------------------------------------------------------------*/
#pickup button{
	margin: 0px;
	padding: 0px;
	background: none;
	border: none;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor:pointer;
}
#pickup p.btn{
	width:55px;
	position:absolute;
	z-index:200;
	overflow:hidden;
}
/*　番号ボタン
------------------------------------------------------------------------------*/
#pickup .paging{
	display:none;/*--Hidden by default, will be later shown with jQuery--*/
	position:absolute;
	z-index:100;
}
#pickup .paging ul{
	list-style:none;
	text-align:left;
}
#pickup .paging li{
	float:left;
}
#pickup .paging a{
	display:block;
	text-align:center;
}
/*------------------------------------------------------------------------------
	■スクロールメニュー【A】画像のみ
------------------------------------------------------------------------------*/
/*　メイン枠
------------------------------------------------------------------------------*/
#scroll_a.main_view{
	height:280px;
}
#scroll_a .main{
	position:absolute;
	top:0;
	left:0;
	background:#FFFFFF;
}
#scroll_a .main p.photoleft{
	width:950px;
	height:250px;
}
/*　詳しく見る
------------------------------------------------------------------------------*/
#scroll_a .more{
	padding:3px 10px 2px 12px;
	position:absolute;
	right:10px;
	bottom:10px;
	color:#333;
	font-size:90%;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
}
#scroll_a a:hover .more{
	color:#FFFFFF;
	background:#000;
}
#scroll_a .photoleft a{
    background-color:#FFFFFF;
    display:block;
}
#scroll_a .photoleft a:hover img{
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
    opacity:0.8;
    zoom:1;
}
/*　停止・再生ボタン
------------------------------------------------------------------------------*/
#scroll_a p.btn{
	left:5px;
	top:255px;
}
/*　番号ボタン
------------------------------------------------------------------------------*/
#scroll_a .paging{
	width:880px;
	left:70px;
	top:255px;
}
#scroll_a .paging li{
	margin:0px 5px 5px 0px;
}
/*------------------------------------------------------------------------------
	■スクロールメニュー【B】画像＋テキスト
------------------------------------------------------------------------------*/
/*　左のメイン枠
------------------------------------------------------------------------------*/
#scroll_b .main p.photoleft{
	width:570px;
	height:250px;
	float:left;
}
/*　右のテキスト枠
------------------------------------------------------------------------------*/
#scroll_b .main .imgtxt{
	padding:10px;
	width:330px;
	height:230px;
	float:right;
	text-align:left;
	line-height:1.6;
}
#scroll_b .main h2{
	margin:0px 0px 10px 0px;
	font-size:120%;
	text-align:left;
	line-height:1.4;
}
/*　停止・再生ボタン
------------------------------------------------------------------------------*/
#scroll_b p.btn{
	left:610px;
	bottom:10px;
}
/*　番号ボタン
------------------------------------------------------------------------------*/
#scroll_b .paging{
	width:260px;
	left:675px;
	bottom:10px;
}
#scroll_b .paging li{
	margin:5px 5px 0px 0px;
}
/*------------------------------------------------------------------------------
	■スクロールメニュー【D】静止画
------------------------------------------------------------------------------*/
#scroll_d .imagecenter{
	margin:0px auto 15px auto;
}