@charset "utf-8";
/*------------------------------------------------------------------------------
[1] 各種テンプレート
	★★★#content内お知らせ
	新着更新情報
	よくある質問
	施設
	マップ
	イベント
	画像横並び（アルバム）
	広報
	市長の日記（ダイアリー）
	ごみカレンダー
	汎用トップ
	セカンドトップ（施設案内を含む）
	ライフイベント（通常ページに広告付き、なければ非表示）
	サイトマップ

[2] 共通スタイル
	色の変更ボタン
	サイドメニュー（テキストリンク、画像リンク、バナーテキストリンク）
	新着更新情報（セカンドトップ、汎用トップ）
	トピックス（セカンドトップ、汎用トップ）
	マイページ
	お問い合わせCGI
	広告欄（トップページ、セカンドトップ）
	リンク集（2列、3列、4列）
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] 各種テンプレート
*******************************************************************************/
/*==============================================================================
	★★★#content内お知らせ
==============================================================================*/
#content div.news,#content2 div.news{
	margin-bottom:20px;
	border:1px solid #CCC;
	clear:both;
}
#content div.news h2,#content2 div.news h2{
	padding:7px 5px 5px 15px;
	font-size:110%;
	background:#F0F0F0 url(images/content/news_h2.gif) repeat-x left top;
	border:none;
	border-bottom:1px solid #CCC;
}
#content div.news ul,#content2 div.news ul{
	margin:10px 10px 10px 20px;
	font-size:95%;
	list-style-type:none;
}
#content div.news ul li,#content2 div.news ul li{
	margin-bottom:5px;
	padding-left:15px;
	background:url(images/parts/mark_news.gif) no-repeat left 7px;
}
/*==============================================================================
	新着更新情報
==============================================================================*/
#content ul.newslist,#content2 ul.newslist{
	margin:0px 10px 20px 10px;
	list-style-type:none;
}
#content ul.newslist li,#content2 ul.newslist li{
	margin-bottom:5px;
	border-bottom:1px dotted #aaaaaa;
}
#content ul.newslist li img,#content2 ul.newslist li img{
	padding:9px 0px 5px 0px;
	float:left;
	vertical-align:middle;
}
#content ul.newslist li span.date,#content2 ul.newslist li span.date{
	padding:5px 0px 8px 5px;
	width:130px;
	float:left;
	color:#666666;
}
#content ul.newslist li span.newsli,#content2 ul.newslist li span.newsli{
	padding:5px 0px 8px 8px;
	width:516px;
	float:left;
}
#content2 ul.newslist li span.newsli{
	width:735px;
}
/*==============================================================================
	よくある質問
==============================================================================*/
/*------------------------------------------------------------------------------
	よくある質問詳細ページ
------------------------------------------------------------------------------*/
#content h1.question{
	margin-bottom:10px;
	padding:10px 5px 10px 12px;
	width:698px;
	font-size:120%;
	background:#eddfcc;
	border:none;
}
#content h1.question span.q{
	width:60px;
	float:left;
	display:block;
}
#content h1.question span.qtitle{
	width:630px;
	display:block;
	float:left;
	font-size:100%;
	font-weight:bold;
}
#content h2.answer{
	clear:both;
	background:none;
	border:none;
}
/*==============================================================================
	施設案内　詳細ページ
==============================================================================*/
#shisetsuicon{
	margin-bottom:15px;
	text-align:right;
}
#shisetsuicon p{
	margin:0px;
	display:inline;
}
#shisetsuicon ul{
	margin:0px;
	display:inline;
	list-style-type:none;
}
#shisetsuicon ul li{
	display:inline;
}
#shisetsuicon img{
	vertical-align:middle;
}
/*------------------------------------------------------------------------------
　マップ表示部分
------------------------------------------------------------------------------*/
#map_canvas{
	margin:0px auto 20px auto;
	width:90%;
	height:470px;
	clear:both;
	text-align:center;
}
.mapfukidashi{
	height:85px;
	font-size:95%;
	text-align:left;
}
/* IE6吹き出しの幅調整
------------------------------------------------------------------------------*/
* html .mapfukidashi{
	width:250px;
}
.mapfukidashi div.mapimage{
	width:108px;
	float:left;
}
/*==============================================================================
	★★★イベント
==============================================================================*/
/*------------------------------------------------------------------------------
	イベントカテゴリ
------------------------------------------------------------------------------*/
#content p.ecategory{
	float:left;
}
#content p.ecategory span{
	margin-left:5px;
	margin-bottom:5px;
	padding:2px 5px 2px 5px;
	display:inline-block;
	border:2px solid #ae830f;
	line-height:1.4;
}
/*------------------------------------------------------------------------------
	開催エリアカテゴリ
------------------------------------------------------------------------------*/
#content p.ereacategory{
	text-align:right;
}
#content p.ereacategory span{
	margin-left:5px;
	margin-bottom:5px;
	padding:4px 5px 4px 5px;
	display:inline-block;
	background:#eaddcd;
	line-height:1.4;
}
/*------------------------------------------------------------------------------
	イベント検索
------------------------------------------------------------------------------*/
#content table.eventform{
	margin:0px auto 10px auto;
	width:95%;
}
#content table.eventform th,
#content table.eventform td{
	padding:8px;
}
#content table.eventform input{
	margin-right:3px;
}
#content table.eventform input#text{
	width:70%;
	padding:3px;
}
#content table.eventform label{
	margin-right:10px;
}
#content p.textcenter input{
	padding:3px 10px 3px 10px;
}
/*------------------------------------------------------------------------------
	今日のイベント
------------------------------------------------------------------------------*/
#today{
	margin-bottom:30px;
	padding:5px;
	width:550px;
	float:left;
	background:#ebdecc;
}
#todayevent{
	margin:0px;
	background-color:#FFF;
	border:1px solid #ac977a;
}
#today h2{
	margin:5px 10px 10px 10px;
	padding:5px 3px 5px 5px;
	color:#2b2b2b;
	background:none;
	border-top:none;
	border-right:none;
	border-bottom:1px dotted #999;
	border-left:none;
}
#today h3{
	margin:5px 10px 5px 10px;
	padding:5px 3px 3px 25px;
	color:#2b2b2b;
	font-size:95%;
	background:url(images/event/shimekiri_bg.gif) no-repeat 5px center;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}
#today p{
	margin-bottom:10px;
}
#today ul{
	margin:0px 10px 0px 15px;
	list-style-type:none;
}
#today ul li{
	margin-bottom:8px;
	padding-left:10px;
	line-height:1.4;
	background:url(images/event/mark_event.gif) no-repeat left 5px;
}
/* 凡例：本日のイベントがあるとき
------------------------------------------------------------------------------*/
#hanrei1{
	margin-bottom:30px;
	padding:3px;
	width:126px;
	float:right;
	font-size:90%;
	background:#F6F6F6;
	border:1px solid #CCC;
}
#hanrei1 h2{
	margin:0px;
	padding:0px;
	color:#2b2b2b;
	background:none;
	border:none;
	text-align:center;
}
#hanrei1 p{
	margin:0px;
	padding:0px;
	text-align:center;
	text-indent:0px;
}
#hanrei1 ul{
	margin:5px 5px 5px 8px;
	list-style-type:none;
}
#hanrei1 ul li{
	margin-bottom:5px;
}
#hanrei1 ul li img{
	margin-right:4px;
	vertical-align:middle;
}
/* 凡例：本日のイベントがないとき
------------------------------------------------------------------------------*/
#hanrei2{
	margin-bottom:20px;
	margin-left:15px;
	padding-top:5px;
	padding-bottom:5px;
	width:95%;
	clear:both;
	background:#F6F6F6;
	border:1px solid #CCC;
}
#hanrei2 h2{
	margin:0px;
	padding:0px;
	color:#2b2b2b;
	background:none;
	border:none;
	text-align:center;
}
#hanrei2 p{
	margin-bottom:5px;
	margin-left:15px;
	font-size:90%;
	text-indent:0px;
	line-height:1.7;
}
#hanrei2 ul{
	margin:0px 0px 0px 20px;
	font-size:90%;
	list-style-type:none;
}
#hanrei2 li{
	width:18%;
	float:left;
}
#hanrei2 ul li img{
	margin-right:3px;
	vertical-align:middle;
}
/* 開催期間
------------------------------------------------------------------------------*/
.kikan{
	font-size:90%;
}
/* 開催期間マーク
------------------------------------------------------------------------------*/
.kaisaikikan{
	padding:2px 5px 2px 5px;
	font-size:75%;
	background-color:#EFEFEF;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
/* 月送り
------------------------------------------------------------------------------*/
/*　開催期間の注意　*/
#content p.kikanchui{
	margin:15px 10px 10px 10px;
	padding:3px 10px 3px 10px;
	font-size:90%;
	background-color:#EFEFEF;
	border:1px dotted #CCCCCC;
	text-indent:0px;
}
/* 募集終了マーク
------------------------------------------------------------------------------*/
span.boshuend,span.app1,span.app2{
	padding:1px 5px 1px 5px;
	font-size:75%;
	display:inline-block;
	background:#FFFADF;
	border:1px solid #CCCCCC;
}
/* カテゴリアイコン
------------------------------------------------------------------------------*/
#content table#event ul li img,#today ul li img{
	margin-left:3px;
	vertical-align:middle;
}
/* 並び替え、全件表示
------------------------------------------------------------------------------*/
#content #today p.order{
	margin:0px 10px 10px 0px;
	font-size:90%;
	text-align:right;
}
#content p.order{
	margin:0px 5px 10px 0px;
	font-size:90%;
	text-align:right;
}
#content p.order a{
	margin-left:10px;
	padding:3px 3px 3px 15px;
	background:url(images/event/mark_order.gif) no-repeat left center;
}
#content p.order a:hover{
	background:url(images/event/mark_order_o.gif) no-repeat left center;
}
#content p.order a.ordero{
	color:#2b2b2b;

	font-weight:bold;
	background:url(images/event/mark_order_o.gif) no-repeat left center;
	text-decoration:none;
}
/*------------------------------------------------------------------------------
	カレンダー
------------------------------------------------------------------------------*/
#content table#event{
	margin:0px auto 10px auto;
	width:95%;
}
#content table#event th{
	padding:5px;
}
#content table#event th.day{
	width:105px;
	font-weight:normal;
	background-color:#FFFFFF;
}
#content table#event th.sat{
	color:#069;
	font-weight:normal;
	background-color:#E8F8FF;
}
#content table#event th.sun{
	color:#C00;
	font-weight:normal;
	background-color:#FFF0F0;
}
#content table#event ul{
	margin:5px 5px 0px 5px;
	list-style-type:none;
}
#content table#event ul li{
	margin-bottom:8px;
	padding-left:10px;
	background:url(images/event/mark_event.gif) no-repeat left 5px;
	line-height:1.4;
}
#content table#event ul li img{
	vertical-align:middle;
}
/* 月送り
------------------------------------------------------------------------------*/
#content ul.month{
	margin-bottom:10px;
	list-style-type:none;
	text-align:center;
}
#content ul.month li{
	display:inline;
}
#content ul.month li.this a{
	margin:0px 10px 0px 10px;
	padding:0px 15px 0px 15px;
	display:inline-block;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	line-height:1.2;
}
#content ul.month li.pre a{
	padding-left:20px;
	background:url(images/event/pre.gif) no-repeat left center;
}
#content ul.month li.next a{
	padding-right:20px;
	background:url(images/event/next.gif) no-repeat right center;
}
/*------------------------------------------------------------------------------
	イベント検索結果
------------------------------------------------------------------------------*/
.eventkekka{
	margin-bottom:15px;
	padding:5px;
	border-top:1px solid #E3E3E3;
	border-left:1px solid #E3E3E3;
	border-right:2px solid #CCC;
	border-bottom:2px solid #CCC;
}
#content .eventkekka h3{
	margin:0px 0px 8px 0px;
	padding:5px 5px 5px 25px;
	background:#ebdecc url(images/event/eventkekka.gif) no-repeat 8px 10px;
	border-bottom:1px solid #CCC;
	line-height:1.5;
}
#content .eventkekka h3 img{
	vertical-align:middle;
}
/* イベント概要
------------------------------------------------------------------------------*/
#content .eventkekka p.outline{
	margin:0px 0px 5px 0px;
	padding:0px 5px 8px 8px;
	border:none;
	border-bottom:1px dotted #CCC;
}
/* イベント日
------------------------------------------------------------------------------*/
#content .eventkekka p.day{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 8px;
	font-size:90%;
}
/* イベント日（隔週）
------------------------------------------------------------------------------*/
#content .eventkekka p.eyear{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 10px;
	width:70px;
	float:left;
	display:inline;
	font-size:90%;
}
#content .eventkekka p.eday{
	margin:0px 0px 5px 100px;
	padding:0px 0px 0px 10px;
	font-size:90%;
	border-left:1px solid #CCC;
}
/* イベント詳細
------------------------------------------------------------------------------*/
#content .eventkekka p.eventdetail{
	margin:0px;
	padding:5px 5px 0px 0px;
	clear:both;
	font-size:90%;
	border-top:1px dotted #CCC;
	text-align:right;
}
#content .eventkekka p.eventdetail a{
	padding:2px 0px 2px 20px;
	background:url(images/event/mark_detail.gif) no-repeat left 3px;
}
/*==============================================================================
	ごみカレンダー、イベントカレンダースマホ連携ボタン
==============================================================================*/
#wrapcal #tlogo{
	margin:5px;
}
#content .evt{
	margin:25px 25px 15px 25px;
	padding:10px 0px 10px 5px;
	clear:both;
	zoom:1;
	border:3px solid #c19c38;
	text-align:left;
}
#content .evt a{
	padding:3px 0px 3px 20px;
	background:url(images/content/mark_ul.gif) no-repeat 3px 7px;
}
#content .evt p{
	margin:0px 15px 10px 15px;
}
#content .evtbtn{
	margin:0px auto 0px auto;
	width:84%;
	text-align:center;
}
#content .evtbtn .btn{
	width:50%;
	float:left;
}
#content .evt input{
	margin:0px 10px 0px 10px;
	vertical-align:bottom;
}
/*--- Googleカレンダーに複数取込画面　---*/
#wrapcal{
	margin:0px auto 0px auto;
	width:100%;
	font-size:85%;
}
#wrapcal #header,#wrapcal #headline,#wrapcal #pagebody,#wrapcal #content2{
	width:100%;
}
#wrapcal #tpath{
	width:95%;
}
#wrapcal #tlogo{
	position:relative;
}
#wrapcal #tlogo p{
	margin:0px 0px 0px 0px;
}
#wrapcal #tpath{
	margin:0px 0px 0px 0px;
}
#wrapcal #tpath p{
	margin:0px 0px 0px 0px;
}
#wrapcal #pagebody{
	padding:5px 0px 0px 0px;
}
#wrapcal #content2{
	margin-bottom:0px;
}
#wrapcal #content2 p{
	margin:0px 25px 20px 25px;
	text-align:left;
}
#wrapcal .evtdate{
	font-size:115%;
	color:#A80000;
}
#wrapcal #checkbox{
	margin:20px 20px 40px 20px;
	padding:20px 10px 20px 10px;
	border:3px solid #d9d9d9;
}
#wrapcal #checkbox p{
	margin:0px 0px 0px 0px;
	text-align:center;
}
#wrapcal #checkbox .checkboxwrap{
	margin:0px 0px 0px 10px;
	padding:10px 0px 5px 0px;
}
#wrapcal #checkbox .checkboxwrap input{
	margin:0px 10px 0px 0px;
	vertical-align:middle;
}
#wrapcal #checkbox .checkboxwrap label{
	display:block;
	margin:-17px 0px 6px 25px;
}
#wrapcal #checkbox .eventcheck{
	margin:0px 0px 0px 0px;
}
#wrapcal #checkbox .eventcheck input{
	margin:0px 5px 0px 5px;
	padding:8px 10px 8px 10px;
}
#wrapcal #checkbox .eventcheck button{
	margin:5px 5px 15px 5px;
	padding:8px 10px 8px 10px;
	font-size:100%;
}
#wrapcal #checkbox p.order{
	margin:10px 0px 10px 0px;
	font-size:100%;
	font-weight:bold;
	color:#9b0d67;
	text-align:left;
}
#wrapcal #checkbox p.order a{
	margin:0px 0px 0px 10px;
	font-weight:normal;
}
#wrapcal #checkbox p.end{
	margin:0px 10px 15px 10px;
	padding:6px;
	font-size:100%;
	font-weight:bold;
	color:#A80000;
	border:1px solid #A80000;
	text-align:center;
}
#wrapcal #content2 #inputerror{
	margin:0px 10px 10px 10px;
	padding:0px;
	background:none;
}
#content2 div#inputerror p{
	margin:0px;
	padding:10px 10px 10px 15px;
	color:#900;
	font-weight:bold;
	background:#FFF;
	border:none;
}
#wrapcal #content2 #inputerror li{
	line-height:1.4;
}
/* ポップアップ */
#lean_overlay{
	height:100%;
	width:100%;
	display:none;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index:100;
	background:#000;
}
#wrapcal #calpopup{
	width:240px;
	padding:10px 20px 10px 20px;
	display:none;
	background:#FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
	text-align:center;
}
#wrapcal #calpopup h2{
	margin-bottom:6px;
	padding:0px;
	background:none;
	border:none;
	color:#2b2b2b;
	text-align:left;
}
#wrapcal #calpopup img{
	margin-bottom:6px;
}
#wrapcal #calpopup p{
	margin:0px 0px 6px 0px;
	text-align:left;
}
/*==============================================================================
	画像横並び（アルバム）
==============================================================================*/
#img2lows .box,
#img3lows .box,
#img4lows .box{
	margin:0px 0px 10px 0px;
}
#img2lows .box .imglows p,
#img3lows .box .imglows p,
#img4lows .box .imglows p{
	margin:5px 0px 5px 0px;
	text-align:center;
	line-height:1.5;
}
/*	2列
------------------------------------------------------------------------------*/
#img2lows{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:692px;
}
#img2lows .imglows{
	margin:0px 8px 0px 8px;
	width:330px;
	float:left;
}
/*	3列
------------------------------------------------------------------------------*/
#img3lows{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:690px;
}
#img3lows .imglows{
	margin:0px 5px 0px 5px;
	width:220px;
	float:left;
}
/*	4列
------------------------------------------------------------------------------*/
#img4lows{
	margin:0px auto 0px auto;
	padding:0px 0px 10px 0px;
	width:700px;
}
#img4lows .imglows{
	margin:0px 5px 0px 5px;
	width:165px;
	float:left;
}
/*==============================================================================
	広報
==============================================================================*/
.kohobox .imageleft{
	margin:0px;
	width:375px;
}
.kohobox .imageright{
	margin:0px;
	width:315px;
}
#content .kohobox .imageright p{
	margin-right:0px;
	line-height:1.4;
}
#content .kohobox .imageright p img{
	margin-bottom:4px;
}
/*==============================================================================
	入札公告
==============================================================================*/
#content .nyusatsu h2{
	padding:4px 10px 4px 13px;
	background-position:left -3px;
}
#content .nyusatsu dl{
	margin-top:16px;
	line-height:1.5;
}
#content .nyusatsu dt{
	margin-bottom:5px;
	padding-top:3px;
	padding-bottom:3px;
	width:108px;
}
#content .nyusatsu dd{
	margin-bottom:5px;
	padding-top:3px;
	padding-bottom:3px;
	width:540px;
	border-top:1px dotted #CCC;
}
/*==============================================================================
	市長の日記（ダイアリー）
==============================================================================*/
.diarybox:after{
	content:"";
	display:block;
	clear:both;
}
.diaryright{
	margin:5px 0px 0px 15px;
	float:right;
}
/*==============================================================================
	ごみカレンダー
==============================================================================*/
/*　カレンダー
------------------------------------------------------------------------------*/
#content table.gomi td{
	padding:3px 5px 3px 5px;
	width:95px;
	font-size:95%;
	border:1px solid #CCC;
	vertical-align:top;
}
#content table.gomi th{
	width:97px;
	text-align:center;
	vertical-align:middle;
}
#content table.gomi th.gsun{
	width:70px;
	font-size:85%;
	color:#900;
	background:#FFE8E8 url(images/content/th_bg.gif) repeat-x left top;
}
#content table.gomi td.gsun{
	width:auto;
}
#content table.gomi td.gsun span{
	font-size:75%;
}
#content table.gomi th.gsat{
	width:70px;
	background:#ECF9FF url(images/content/th_bg.gif) repeat-x left top;
}
#content .gomi ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#content table.gomi td ul li{
	margin-bottom:0px;
	padding:0px 0px 6px 0px;
	line-height:1.4;
}
#content table.gomi td ul li.gomiother{
	margin-left:20px;
	padding-left:0px;
	list-style-type:disc;
}
#content table.gomi td ul li img{
	padding-right:3px;
	vertical-align:middle;
}
#content table.gomi td strong{
	margin-bottom:5px;
	padding:0px 0px 0px 5px;
	display:block;
	font-size:130%;
	background:#EFEFEF;
	line-height:1.3;
}
#content table.gomi td.gsun strong{
	color:#900;
	background:#FEEDED;
}
#content table.gomi td.gsat strong{
	color:#069;
	background:#EDF3FE;
}
/*==============================================================================
	汎用トップ
==============================================================================*/
/*------------------------------------------------------------------------------
	レイアウト
------------------------------------------------------------------------------*/
#petit{
	margin:0px auto 0px auto;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	width:920px;
	line-height:1.8;
}
#petit p.outline{
	margin:0px 10px 20px 10px;
}
#ptopnavi{
	margin-bottom:10px;
	width:920px;
}
#petitcontent{
	margin:0px;
	width:920px;
	clear:both;
}
#petitcontent #content{
	margin:0px 0px 15px 0px;
	padding:0px;
	width:100%;
	float:none;
}
#petit .smenu{
	margin:0px 0px 15px 18px;
	width:282px;
}
/*---　1列　------------------------------------------------------------------*/
#p1content{
	width:920px;
}
/*---　2列　------------------------------------------------------------------*/
#plnavi{
	width:180px;
	float:left;
	line-height:1.5;
}
#p2content{
	float:right;
	width:710px;
}
/*---　3列　------------------------------------------------------------------*/
#p3{
	float:left;
	width:710px;
}
#p3content{
	float:right;
	width:500px;
}
#prnavi{
	width:180px;
	float:right;
	line-height:1.5;
}
/*------------------------------------------------------------------------------
	詳細デザイン
------------------------------------------------------------------------------*/
/*　見出し・概要
------------------------------------------------------------------------------*/
#petit .ptitle{
	margin:0px auto 15px auto;
	clear:both;
	text-align:center;
}
/*------------------------------------------------------------------------------
	上メニュー
------------------------------------------------------------------------------*/
/* 画像
------------------------------------------------------------------------------*/
#ptopnavi ul.imgnavi{
	list-style-type:none;
	clear:both;
}
#ptopnavi ul.imgnavi li{
	margin:0px 10px 10px 0px;
	float:left;
	display:inline;
}
/* テキスト
------------------------------------------------------------------------------*/
#ptopnavi ul.txtnavi{
	list-style-type:none;
	clear:both;
}
#ptopnavi ul.txtnavi li{
	margin:0px 10px 10px 0px;
	float:left;
	display:inline;
}
#ptopnavi ul.txtnavi li a{ 
	padding:10px 8px 10px 8px;  
	display:inline-block;  
	color:#333;
	background:#FFF url(images/parts/menu_bg.gif) repeat-x left bottom;
	border:1px solid #CCCCCC;
	border-top:3px solid #2b2b2b;
	text-decoration:none;
	line-height:1.4;
}
#ptopnavi ul.txtnavi li a:hover{
	background:#F6F6F6;
}
/*------------------------------------------------------------------------------
	中央2列表
------------------------------------------------------------------------------*/
#petit #content dl{
	width:95%;
}
#petit #content dt{
	width:15%;
}
#petit #content dd{
	width:70%;
}

/*------------------------------------------------------------------------------
	色変更
------------------------------------------------------------------------------*/
/* 上メニュー（テキスト）の色変更(基本色黒2b2b2b/青1c3775/緑1e6d0e/赤8f1010/紫710b80)
------------------------------------------------------------------------------*/
#ptopnavi ul.color0 li a{ 
	border-top:3px solid #2b2b2b;
}
#ptopnavi ul.color1 li a{ 
	border-top:3px solid #1c3775;
}
#ptopnavi ul.color2 li a{ 
	border-top:3px solid #1e6d0e;
}
#ptopnavi ul.color3 li a{ 
	border-top:3px solid #8f1010;
}
#ptopnavi ul.color4 li a{ 
	border-top:3px solid #710b80;
}
/* クラスtopicsとnewsのh2色変更（基本色黒2b2b2b/青1c3775/緑1e6d0e/赤8f1010/紫710b80)
------------------------------------------------------------------------------*/
.color1 .news h2,.color1 .topics h2{
	background:#2b2b2b url(images/hanyou/h2_topics1.gif) no-repeat left top;
}
.color2 .news h2,.color2 .topics h2{
	background:#2b2b2b url(images/hanyou/h2_topics2.gif) no-repeat left top;
}
.color3 .news h2,.color3 .topics h2{
	background:#2b2b2b url(images/hanyou/h2_topics3.gif) no-repeat left top;
}
.color4 .news h2,.color4 .topics h2{
	background:#2b2b2b url(images/hanyou/h2_topics4.gif) no-repeat left top;
}
/* クラスtxtnaviとsidelinkとbannertxtの色変更（基本色黒2b2b2b/青1c3775/緑1e6d0e/赤8f1010/紫710b80)
------------------------------------------------------------------------------*/
.color0 #ptopnavi ul.txtnavi li a{ 
	border-top:3px solid #2b2b2b;
}
.color0 .sidelink h2{
	border-top:2px solid #2b2b2b;
}
.color0 .sidelink ul li{
	background:url(images/content/mark_ul.gif) no-repeat 5px 4px;
}
.color0 .bannertxt ul li a{
	border-left:4px solid #2b2b2b;
}
.color1 #ptopnavi ul.txtnavi li a{ 
	border-top:3px solid #1c3775;
}
.color1 .sidelink h2{
	border-top:2px solid #1c3775;
}
.color1 .sidelink ul li{
	background:url(images/hanyou/mark_textlink1.gif) no-repeat 5px 4px;
}
.color1 .bannertxt ul li a{
	border-left:4px solid #1c3775;
}
.color2 #ptopnavi ul.txtnavi li a{ 
	border-top:3px solid #1e6d0e;
}
.color2 .sidelink h2{
	border-top:2px solid #1e6d0e;
}
.color2 .sidelink ul li{
	background:url(images/hanyou/mark_textlink2.gif) no-repeat 5px 4px;
}
.color2 .bannertxt ul li a{
	border-left:4px solid #1e6d0e;
}
.color3 #ptopnavi ul.txtnavi li a{ 
	border-top:3px solid #8f1010;
}
.color3 .sidelink h2{
	border-top:2px solid #8f1010;
}
.color3 .sidelink ul li{
	background:url(images/hanyou/mark_textlink3.gif) no-repeat 5px 4px;
}
.color3 .bannertxt ul li a{
	border-left:4px solid #8f1010;
}
.color4 #ptopnavi ul.txtnavi li a{ 
	border-top:3px solid #710b80;
}
.color4 .sidelink h2{
	border-top:2px solid #710b80;
}
.color4 .sidelink ul li{
	background:url(images/hanyou/mark_textlink4.gif) no-repeat 5px 4px;
}
.color4 .bannertxt ul li a{
	border-left:4px solid #710b80;
}
/* 下メニューの色変更（基本色黒2b2b2b/青1c3775/緑1e6d0e/赤8f1010/紫710b80)
------------------------------------------------------------------------------*/
.color1 .smenu h2{
	background:#e0e3e8 url(images/hanyou/h2_bg_1.gif) no-repeat right top;
}
.color1 .smenu li{
	background:url(images/hanyou/mark_textlink1.gif) no-repeat left 5px;
}
.color2 .smenu h2{
	background:#dbe6d9 url(images/hanyou/h2_bg_2.gif) no-repeat right top;
}
.color2 .smenu li{
	background:url(images/hanyou/mark_textlink2.gif) no-repeat left 5px;
}
.color3 .smenu h2{
	background:#e8d9d9 url(images/hanyou/h2_bg_3.gif) no-repeat right top;
}
.color3 .smenu li{
	background:url(images/hanyou/mark_textlink3.gif) no-repeat left 5px;
}
.color4 .smenu h2{
	background:#e5dde6 url(images/hanyou/h2_bg_4.gif) no-repeat right top;
}
.color4 .smenu li{
	background:url(images/hanyou/mark_textlink4.gif) no-repeat left 5px;
}
/*==============================================================================
	セカンドトップ
==============================================================================*/
/*------------------------------------------------------------------------------
	レイアウト
------------------------------------------------------------------------------*/
#second{
	margin:0px auto 0px auto;
	padding-bottom:10px;
	width:920px;
	line-height:1.8;
}
#second p.outline{
	margin:15px 10px 20px 10px;
}
#sleft{
	width:700px;
	float:left;
}
#sright{
	width:180px;
	float:right;
	display:inline;
}
/*------------------------------------------------------------------------------
	詳細デザイン
------------------------------------------------------------------------------*/
/*　見出し・概要
------------------------------------------------------------------------------*/
/*　メニュー
------------------------------------------------------------------------------*/
.smenu{
	margin:0px 0px 15px 15px;
	width:214px;
	float:left;
	display:inline;
	font-size:100%;
	line-height:1.5;
}
.smenu h2{
	margin-bottom:10px;
	padding:8px 5px 8px 10px;
	font-size:110%;
	background:#ebdecc url(images/second/smenu_bg.gif) no-repeat right top;
	border:1px solid #2b2b2b;
	line-height:1.4;
}
.smenu h2.imglink{
	padding:0px;
	background:none !important;
	border:none;
}
.smenu h2 a{
	color:#2b2b2b;
}
.smenu h3{
	margin-bottom:5px;
	padding:0px 5px 0px 12px;
	font-size:110%;
}
.smenu p{
	margin:0px 5px 10px 10px;
	font-size:95%;
	line-height:1.5;
}
.smenu ul{
	margin-bottom:20px;
	margin-left:10px;
	list-style-type:none;
}
.smenu li{
	margin-bottom:8px;
	padding-left:18px;
	background:url(images/content/mark_ul.gif) no-repeat left 5px;
}
/*------------------------------------------------------------------------------
	メニュー（画像タイプの場合）
------------------------------------------------------------------------------*/
#secondimg .smenu{
	margin:0px 0px 15px 15px;
	padding:2px;
	width:206px;
	float:left;
	display:inline;
	font-size:100%;
	border:2px solid #ebdecc;
	text-align:center;
}
#secondimg .smenu h2{
	margin-bottom:5px;
	padding:0px;
	font-size:110%;
	text-align:left;
	background:none;
	border:none;
}
#secondimg .smenu h2 a{
	padding:8px 5px 8px 25px;
	display:block;
	color:#333333;
	background:url(images/lnavi/mark_lnavi.gif) no-repeat 6px 12px;
}
#secondimg .smenu h2 a:hover{
	background:#faefc3 url(images/lnavi/mark_lnavi_o.gif) no-repeat 6px 12px;
}
#secondimg .smenu p{
	margin:0px 10px 15px 15px !important;
	text-align:left;
}
#secondimg .smenu img{
	margin:0px auto 11px auto;
	vertical-align:bottom;
}
/*　ライフシーン
------------------------------------------------------------------------------*/
.scolumn{
	margin-bottom:20px;
	border:1px solid #2b2b2b;
	border-bottom:2px solid #2b2b2b;
}
#sright .scolumn h2{
	padding:4px 10px 4px 10px;
	font-size:110%;
	color:#ffffff;
	background:#2b2b2b;
	text-align:center;
}
.scolumn ul{
	margin:10px 6px 5px 6px;
	font-size:95%;
	list-style-type:none;
	text-align:center;
}
.scolumn ul li{
	margin-bottom:5px;
	display:inline-block;
}
/*　施設案内
------------------------------------------------------------------------------*/
.shisetsul{
	margin:15px 0px 15px 0px;
	width:310px;
	float:left;
	display:inline;
	font-size:100%;
}
.shisetsur{
	margin:15px 0px 15px 0px;
	width:310px;
	float:right;
	display:inline;
	font-size:100%;
}
.shisetsur h2,.shisetsul h2{
	margin-bottom:5px;
}
.shisetsur p,.shisetsul p{
	margin:10px;
}
/*　キーワード検索
------------------------------------------------------------------------------*/
.keywordserch{
	margin-bottom:20px;
	padding:1px;
	clear:both;
	border:1px solid #CCCCCC;
}
.keywordserch h2{
	margin-bottom:10px;
	padding:5px 10px 5px 10px;
	clear:both;
	font-size:110%;
	font-weight:bold;
	background:#F2F2E8;
	border-bottom:1px dotted #CCCCCC;
}
.keywordserch form{
	margin:10px 10px 15px 10px;
	text-align:center;
}
.keywordserch p{
	margin-bottom:15px;
	margin-left:15px;
	margin-right:15px;
}
/*==============================================================================
	ライフイベント（通常ページに広告付き、なければ非表示）
==============================================================================*/
#life{
	margin-bottom:10px;
	width:530px;
	float:left;
	display:inline;
}
/*------------------------------------------------------------------------------
	広告
------------------------------------------------------------------------------*/
#lad{
	margin-bottom:10px;
	width:140px;
	float:right;
	background:#FFF;
	border:1px solid #CCCCCC;
}
#lad h2{
	margin-bottom:10px;
	padding:5px;
	font-size:90%;
	background:#EFEFEF none;
	border:none;
	text-align:center;
}
#lad p{
	margin:0px 5px 5px 5px;
	font-size:90%;
	text-align:center;
}
#lad ul{
	margin:0px 5px 5px 5px;
	list-style-type:none;
	text-align:center;
}
#lad ul li{
	margin-bottom:8px;
}
#content #lad ul li img{
	margin-right:0px;
}
/*==============================================================================
	★★★マップ
==============================================================================*/
#map{
	margin:20px 20px 20px 20px;
	width:870px;
}
#map input{
	vertical-align:middle;
}
/*------------------------------------------------------------------------------
　カテゴリ
------------------------------------------------------------------------------*/
.mapcate1,
.mapcate2,
.mapcate3,
.mapcate4,
.mapcate5,
.mapcate6,
.mapcate7,
.mapcate8,
.mapcate9,
.mapcate10,
.mapcate11,
.mapcate12,
.mapcate13,
.mapcate14,
.mapcate15,
.mapcate16,
.mapcate17,
.mapcate18,
.mapcate19,
.mapcate20{
	width:870px;
}
.mapcate1:after,
.mapcate2:after,
.mapcate3:after,
.mapcate4:after,
.mapcate5:after,
.mapcate6:after,
.mapcate7:after,
.mapcate8:after,
.mapcate9:after,
.mapcate10:after,
.mapcate11:after,
.mapcate12:after,
.mapcate13:after,
.mapcate14:after,
.mapcate15:after,
.mapcate16:after,
.mapcate17:after,
.mapcate18:after,
.mapcate19:after,
.mapcate20:after{
    content:""; 
    display:block; 
    clear:both;
}
.mapcate1{
	background:url(images/map/ca1_bg.gif) repeat;
}
.mapcate2{
	background:url(images/map/ca2_bg.gif) repeat;
}
.mapcate3{
	background:url(images/map/ca3_bg.gif) repeat;
}
.mapcate4{
	background:url(images/map/ca4_bg.gif) repeat;
}
.mapcate5{
	background:url(images/map/ca5_bg.gif) repeat;
}
.mapcate6{
	background:url(images/map/ca6_bg.gif) repeat;
}
.mapcate7{
	background:url(images/map/ca7_bg.gif) repeat;
}
.mapcate8{
	background:url(images/map/ca8_bg.gif) repeat;
}
.mapcate9{
	background:url(images/map/ca9_bg.gif) repeat;
}
.mapcate10{
	background:url(images/map/ca10_bg.gif) repeat;
}
.mapcate11{
	background:url(images/map/ca11_bg.gif) repeat;
}
.mapcate12{
	background:url(images/map/ca12_bg.gif) repeat;
}
.mapcate13{
	background:url(images/map/ca13_bg.gif) repeat;
}
.mapcate14{
	background:url(images/map/ca14_bg.gif) repeat;
}
.mapcate15{
	background:url(images/map/ca15_bg.gif) repeat;
}
.mapcate16{
	background:url(images/map/ca16_bg.gif) repeat;
}
.mapcate17{
	background:url(images/map/ca17_bg.gif) repeat;
}
.mapcate18{
	background:url(images/map/ca18_bg.gif) repeat;
}
.mapcate19{
	background:url(images/map/ca19_bg.gif) repeat;
}
.mapcate20{
	background:url(images/map/ca20_bg.gif) repeat;
}
#mapcate{
	margin:0px 0px 10px 0px;
	padding:0px;
	width:670px;
	float:right;
	background:none;
	list-style-type:none;
}
#mapcate:after{
    content:""; 
    display:block; 
    clear:both;
}
/* 見出し
------------------------------------------------------------------------------*/
#content2 #mapcategory h2{
	margin:0px;
	padding:35px 5px 20px 5px;
	width:180px;
	float:left;
	background:none;
	border:none;
	text-align:center;
}
#content2 #mapcategory h2.cate1{
	background:#D6ECDA;
	border-top:4px solid #38A348;
}
#content2 #mapcategory h2.cate2{
	background:#FDE5CD;
	border-top:4px solid #F67F09;
}
#content2 #mapcategory h2.cate3{
	background:#E0DAF4;
	border-top:4px solid #694DCA;
}
#content2 #mapcategory h2.cate4{
	background:#D9ECF5;
	border-top:4px solid #47A3D1;
}
#content2 #mapcategory h2.cate5{
	background:#EEE3F5;
	border-top:4px solid #A975D0;
}
#content2 #mapcategory h2.cate6{
	background:#E8F4DD;
	border-top:4px solid #91C75A;
}
#content2 #mapcategory h2.cate7{
	background:#FEE1E1;
	border-top:4px solid #FC6D6D;
}
#content2 #mapcategory h2.cate8{
	background:#FFF1CB;
	border-top:4px solid #FFB900;
}
#content2 #mapcategory h2.cate9{
	background:#FEE1E1;
	border-top:4px solid #FB2828;
}
#content2 #mapcategory h2.cate10{
	background:#E0D6EB;
	border-top:4px solid #663399;
}
#content2 #mapcategory h2.cate11{
	background:#EBEBD6;
	border-top:4px solid #999933;
}
#content2 #mapcategory h2.cate12{
	background:#D6E0EB;
	border-top:4px solid #336699;
}
#content2 #mapcategory h2.cate13{
	background:#D6E0CC;
	border-top:4px solid #336600;
}
#content2 #mapcategory h2.cate14{
	background:#FFE0D6;
	border-top:4px solid #FF6633;
}
#content2 #mapcategory h2.cate15{
	background:#EBD6E0;
	border-top:4px solid #993366;
}
#content2 #mapcategory h2.cate16{
	background:#FFD6CC;
	border-top:4px solid #FF3300;
}
#content2 #mapcategory h2.cate17{
	background:#F5F5CC;
	border-top:4px solid #CCCC00;
}
#content2 #mapcategory h2.cate18{
	background:#CCE0E0;
	border-top:4px solid #006666;
}
#content2 #mapcategory h2.cate19{
	background:#CCE0FF;
	border-top:4px solid #0066FF;
}
#content2 #mapcategory h2.cate20{
	background:#F5EBCC;
	border-top:4px solid #CC9900;
}
/* メニュー
------------------------------------------------------------------------------*/
#content2 #mapcate p{
	margin:0px 0px 7px 0px;
	padding:0px;
	float:left;
}
#content2 #mapcate p a{
	margin:0px 0px 0px 7px;
	padding:3px 3px 3px 5px;
	width:145px;
	display:block;
	color:#000;
	font-size:95%;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	text-decoration:none;
}
#content2 #mapcate p a.ca1{
	background:#D6ECDA;
	border-left:4px solid #38A348;
}
#content2 #mapcate p a.ca2{
	background:#FDE5CD;
	border-left:4px solid #F67F09;
}
#content2 #mapcate p a.ca3{
	background:#E0DAF4;
	border-left:4px solid #694DCA;
}
#content2 #mapcate p a.ca4{
	background:#D9ECF5;
	border-left:4px solid #47A3D1;
}
#content2 #mapcate p a.ca5{
	background:#EEE3F5;
	border-left:4px solid #A975D0;
}
#content2 #mapcate p a.ca6{
	background:#E8F4DD;
	border-left:4px solid #91C75A;
}
#content2 #mapcate p a.ca7{
	background:#FEE1E1;
	border-left:4px solid #FC6D6D;
}
#content2 #mapcate p a.ca8{
	background:#FFF1CB;
	border-left:4px solid #FFB900;
}
#content2 #mapcate p a.ca9{
	background:#FEE1E1;
	border-left:4px solid #FB2828;
}
#content2 #mapcate p a.ca10{
	background:#E0D6EB;
	border-left:4px solid #663399;
}
#content2 #mapcate p a.ca11{
	background:#EBEBD6;
	border-left:4px solid #999933;
}
#content2 #mapcate p a.ca12{
	background:#D6E0EB;
	border-left:4px solid #336699;
}
#content2 #mapcate p a.ca13{
	background:#D6E0CC;
	border-left:4px solid #336600;
}
#content2 #mapcate p a.ca14{
	background:#FFE0D6;
	border-left:4px solid #FF6633;
}
#content2 #mapcate p a.ca15{
	background:#EBD6E0;
	border-left:4px solid #993366;
}
#content2 #mapcate p a.ca16{
	background:#FFD6CC;
	border-left:4px solid #FF3300;
}
#content2 #mapcate p a.ca17{
	background:#F5F5CC;
	border-left:4px solid #CCCC00;
}
#content2 #mapcate p a.ca18{
	background:#CCE0E0;
	border-left:4px solid #006666;
}
#content2 #mapcate p a.ca19{
	background:#CCE0FF;
	border-left:4px solid #0066FF;
}
#content2 #mapcate p a.ca20{
	background:#F5EBCC;
	border-left:4px solid #CC9900;
}
/*------------------------------------------------------------------------------
　サブカテゴリ
------------------------------------------------------------------------------*/
#mapdetail{
	margin-bottom:20px;
	width:860px;
	clear:both;
}
#mapdetail:after{
    content:""; 
    display:block; 
    clear:both;
}
/* カテゴリによって異なるボーダーの色
------------------------------------------------------------------------------*/
.mapdetail1{
	border:5px solid #D6ECDA;
}
.mapdetail2{
	border:5px solid #FDE5CD;
}
.mapdetail3{
	border:5px solid #E0DAF4;
}
.mapdetail4{
	border:5px solid #D9ECF5;
}
.mapdetail5{
	border:5px solid #EEE3F5;
}
.mapdetail6{
	border:5px solid #E8F4DD;
}
.mapdetail7{
	border:5px solid #FEE1E1;
}
.mapdetail8{
	border:5px solid #FFF1CB;
}
.mapdetail9{
	border:5px solid #FEE1E1;
}
.mapdetail10{
	border:5px solid #E0D6EB;
}
.mapdetail11{
	border:5px solid #EBEBD6;
}
.mapdetail12{
	border:5px solid #D6E0EB;
}
.mapdetail13{
	border:5px solid #D6E0CC;
}
.mapdetail14{
	border:5px solid #FFE0D6;
}
.mapdetail15{
	border:5px solid #EBD6E0;
}
.mapdetail16{
	border:5px solid #FFD6CC;
}
.mapdetail17{
	border:5px solid #F5F5CC;
}
.mapdetail18{
	border:5px solid #CCE0E0;
}
.mapdetail19{
	border:5px solid #CCE0FF;
}
.mapdetail20{
	border:5px solid #F5EBCC;
}
/* サブカテゴリ
------------------------------------------------------------------------------*/
#content2 #mapdetail p{
	margin:0px 3px 3px 0px;
	padding:0px;
	width:205px;
	display:block;
	float:left;
	color:#000;
	font-size:95%;
	line-height:1.2;
	display:inline;
}
#content2 #mapdetail p input{
	margin:3px 5px 3px 3px;
	padding:0px;
}
#mapsubcate1,
#mapsubcate2,
#mapsubcate3,
#mapsubcate4,
#mapsubcate5,
#mapsubcate6,
#mapsubcate7,
#mapsubcate8,
#mapsubcate9,
#mapsubcate10,
#mapsubcate11,
#mapsubcate12,
#mapsubcate13,
#mapsubcate14,
#mapsubcate15,
#mapsubcate16,
#mapsubcate17,
#mapsubcate18,
#mapsubcate19,
#mapsubcate20{
	padding:8px 8px 5px 8px;
	width:850px;
}
#mapsubcate1:after,
#mapsubcate2:after,
#mapsubcate3:after,
#mapsubcate4:after,
#mapsubcate5:after,
#mapsubcate6:after,
#mapsubcate7:after,
#mapsubcate8:after,
#mapsubcate9:after,
#mapsubcate10:after,
#mapsubcate11:after,
#mapsubcate12:after,
#mapsubcate13:after,
#mapsubcate14:after,
#mapsubcate15:after,
#mapsubcate16:after,
#mapsubcate17:after,
#mapsubcate18:after,
#mapsubcate19:after,
#mapsubcate20:after{
    content:""; 
    display:block; 
    clear:both;
}
/*------------------------------------------------------------------------------
　マップ表示部分
------------------------------------------------------------------------------*/
#googlemap{
	margin:0px auto 10px auto;
	width:830px;
	height:470px;
	clear:both;
	text-align:center;
}
/*------------------------------------------------------------------------------
　絞り込み
------------------------------------------------------------------------------*/
#condition{
	margin:0px 14px 15px 14px;
	width:828px;
	clear:both;
	border:1px solid #CCC;
}
#content2 #condition:after{
    content:""; 
    display:block; 
    clear:both;
}
#content2 #condition p{
	margin:0px 0px 10px 0px;
	padding:5px 10px 5px 10px;
	width:808px;
	color:#2b2b2b;
	font-size:90%;
	font-weight:bold;
	background:#EFEFEF;
}
#content2 #condition ul{
	margin:0px 0px 5px 10px;
	font-size:95%;
}
#content2 #condition ul li{
	margin:0px 0px 3px 0px;
	padding:0px;
	width:203px;
	display:block;
	float:left;
	display:inline;
}
#content2 #condition ul li input{
	margin:0px 5px 0px 0px;
	padding:0px;
}
#content2 #condition p.conditionclear{
	margin:0px;
	padding:5px 10px 10px 5px;
	clear:left;
	background:#FFF;
	text-align:right;
}
/*------------------------------------------------------------------------------
　施設の一覧
------------------------------------------------------------------------------*/
#content2 #maplist{
	margin:5px auto;
	width:100%;
	text-align:center;
}
#content2 #maplist:after{
    content:""; 
    display:block; 
    clear:both;
}
* html #content2 #maplist{
	position:relative;
}
#content2 .scrollon{
	overflow:auto;
	height:300px;
}
#content2 #maplist table{
	margin:0px auto 0px auto;
	width:95%;
	text-align:left;
	font-size:95%;
}
#content2 #maplist table caption{
	font-size:110%;
}
#content2 p.shisetsulist{
	margin:20px 10px 10px 25px;
}
#content2 p.shisetsulist a{
	padding-left:18px;
	background:url(images/header/mark_ul.gif) no-repeat left center;
}
/* アイコン
------------------------------------------------------------------------------*/
.mapicon{
	margin-right:3px;
	vertical-align:middle;
}
#content2 #maplist table td img.mapicon{
	margin-right:5px;
}
/*------------------------------------------------------------------------------
	マップ詳細ページ
------------------------------------------------------------------------------*/
.mapfukidashi{
	height:85px;
	font-size:95%;
	text-align:left;
}
/* IE6吹き出しの幅調整
------------------------------------------------------------------------------*/
* html .mapfukidashi{
	width:250px;
}
.mapfukidashi div.mapimage{
	width:108px;
	float:left;
}
/*==============================================================================
	サイトマップ
==============================================================================*/
#sitemap{
	margin:0px 15px 0px 15px;
}
#sitemap .smenu{
	margin:0px 0px 15px 18px;
	width:282px;
}
/*******************************************************************************
[2] 共通スタイル]
*******************************************************************************/
/*==============================================================================
	文字サイズ・背景色の変更ボタン
==============================================================================*/
p.bannertxt2 a{
	margin:0px 5px 10px 5px;
	padding:6px 8px 6px 8px;
	display:inline-block;
	color:#333;
	background:#FFFFFF url(images/parts/menu_bg.gif) repeat-x left bottom;
	border:1px solid #CCCCCC;
	text-decoration:none;
	white-space:nowrap;
}
p.bannertxt2 a:hover{
	background:#F5F5F5;
}
/*==============================================================================
	サイドメニュー
==============================================================================*/
/*------------------------------------------------------------------------------
	テキストリンク・画像リンク、バナーテキストリンク
------------------------------------------------------------------------------*/
.sidelink{
	margin-bottom:20px;
	line-height:1.4;
}
.sidelink h2{
	margin-bottom:0px;
	padding:8px 5px 8px 5px;
	font-size:100%;
	border-top:2px solid #2b2b2b;
}
.sidelink p{
	padding:0px 5px 8px 5px;
}
/* テキストリンク
------------------------------------------------------------------------------*/
.sidelink ul{
	margin:0px 0px 15px 0px;
	list-style-type:none;
}
.sidelink ul li{
	margin-bottom:8px;
	padding-left:22px;
	background:url(images/parts/mark_news.gif) no-repeat 5px 4px;
}
/* 画像リンク
------------------------------------------------------------------------------*/
.sidelink ul li.imglink{
	padding-left:0px;
	background:none;
}
.sidelink ul li.imglink img{
	vertical-align:bottom;
}
/*------------------------------------------------------------------------------
	バナーテキストリンク
------------------------------------------------------------------------------*/
.bannertxt{
	margin-bottom:20px;
}
.bannertxt ul{
	list-style-type:none;
}
.bannertxt ul li{
	margin-bottom:8px;
	background:#FFF url(images/parts/menu_bg.gif) repeat-x left bottom;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
.bannertxt ul li a{
	padding:6px 5px 6px 10px;
	display:block;
	color:#2b2b2b;
	font-weight:bold;
	border-left:4px solid #2b2b2b;
	border-right:1px solid #FFF;
	text-decoration:none;
}
.bannertxt ul li a span{
	margin-left:5px;
	font-weight:normal;
	font-size:70%;
}
/*==============================================================================
	新着更新情報
==============================================================================*/
.news{
	margin-bottom:20px;
	border-left:1px solid #2b2b2b;
	border-right:1px solid #2b2b2b;
	border-bottom:2px solid #2b2b2b;
	line-height:1.5;
}
.news h2{
	margin:0px;
	padding:4px 10px 4px 14px;
	font-size:110%;
	color:#ffffff;
	background:#2b2b2b url(images/parts/h2_topics.gif) no-repeat left top;
	border:none;
	border-top:2px solid #2b2b2b;
	border-bottom:2px solid #2b2b2b;
}
.news ul{
	margin:5px 10px 10px 10px;
	list-style-type:none;
}
.news ul li{
	margin-bottom:0px;
	padding:5px 0px 6px 0px;
	border-bottom:1px dotted #aaaaaa;
}
.news ul li span.date{
	width:130px;
	float:left;
	color:#666666;
}
.news li img{
	padding:4px 8px 0px 0px;
	float:left;
	vertical-align:middle;
}
.news ul li span.newsli{
	width:510px;
	float:left;
}
#p1content .news ul li span.newsli{
	width:710px;
}
#p2content .news ul li span.newsli{
	width:500px;
}
#p3content .news ul li span.newsli{
	width:308px;
}
/*==============================================================================
	トピックス
==============================================================================*/
.topics{
	margin-bottom:20px;
	border-left:1px solid #2b2b2b;
	border-right:1px solid #2b2b2b;
	border-bottom:2px solid #2b2b2b;
	line-height:1.5;
}
.topics h2{
	margin:0px 0px 10px 0px;
	padding:4px 10px 4px 14px;
	font-size:110%;
	color:#ffffff;
	background:#2b2b2b url(images/parts/h2_topics.gif) no-repeat left top;
	border:none;
	border-top:2px solid #2b2b2b;
	border-bottom:2px solid #2b2b2b;
}
.topics ul{
	margin:0px 10px 10px 16px;
	list-style-type:none;
}
.topics ul li{
	margin-bottom:7px;
	padding-left:16px;
	background:url(images/parts/mark_topics.gif) no-repeat left 6px;
}
/*==============================================================================
	マイページ
==============================================================================*/
/*------------------------------------------------------------------------------
	マイページ（左ナビ）
------------------------------------------------------------------------------*/
#mypage{
	background:#ffffff;
	border:2px solid #cccccc;
	position:fixed;
	bottom:50px;
	left:0px;
}
#mypage h2{
	margin:0px;
	float:left;
	width:40px;
	cursor:pointer;
}
div#mypageinner{
	float:left;
	width:180px;
	display:none;
}
/* 使い方
------------------------------------------------------------------------------*/
#mypage p.use{
	margin:5px 5px 5px 0px;
	float:right;
	display:inline;
	clear:none;
	font-size:90%;
}
#mypage p.use a{
	padding:4px;
	color:#333;
	background:url(images/mypage/list_bg.gif) repeat-x left bottom;
	border:1px solid #999999;
	line-height:2;
	text-decoration:none;
}
#mypage p{
	margin:10px;
	clear:both;
	color:#666;
	font-size:90%;
}
#mypage p#nodata{
	text-align:left;
}
#mypage ul{
	margin:5px 5px 15px 10px;
	clear:both;
	list-style-type:none;
	text-align:left;
}
#mypage ul li{
	margin-bottom:5px;
	padding-left:15px;
	background:url(images/lnavi/mark_lnavi.gif) no-repeat left 4px;
}
#mypage ul li span{
	font-size:90%;
}
#mypage p.list{
	text-align:right;
}
#mypage p.list a{
	padding-left:12px;
	background:url(images/parts/mark_topics.gif) no-repeat left 4px;
}
/*------------------------------------------------------------------------------
	マイページ一覧ページ
------------------------------------------------------------------------------*/
/* 並び替えボタン
------------------------------------------------------------------------------*/
#content p.mypagesort,#content2 p.mypagesort{
	margin:20px 0px 20px 30px;
}
#content p.mypagesort img,#content2 p.mypagesort img{
	cursor:pointer;
}
#content div.check ul,#content2 div.check ul{
	margin:0px 0px 0px 30px;
	float:left;
	clear:both;
	list-style-type:none;
}
#content div.check ul li,#content2 div.check ul li{
	margin:0px 0px 5px 0px;
	padding:0px;
}
/* マイページ
------------------------------------------------------------------------------*/
#content div.checkpage,#content2 div.checkpage{
	margin:0px 20px 20px 0px;
	width:810px;
	float:right;
	border:5px solid #eddfcc;
}
#content div.checkpage{
	width:590px;
}
#content div.checkpage h3,#content2 div.checkpage h3{
	float:left;
	width:580px;
}
#content div.checkpage h3{
	width:370px;
	border:none;
}
/* 編集できるとき
------------------------------------------------------------------------------*/
#content div.checkpage h3.edit,#content2 div.checkpage h3.edit{
	margin-bottom:0px;
	padding:10px 5px 10px 35px;
	background:url(images/mypage/mark_checkpage.gif) no-repeat 10px 10px;
}
/* 移動できるとき
------------------------------------------------------------------------------*/
#content div.checkpage h3.sort,#content2 div.checkpage h3.sort{
	margin-bottom:0px;
	padding:10px 5px 10px 35px;
	background:url(images/mypage/mark_checkpage2.gif) no-repeat 10px 10px;
}
/* 編集・削除ボタン
------------------------------------------------------------------------------*/
#content div.checkpage p.textright,#content2 div.checkpage p.textright{
	margin:10px 10px 0px 0px;
}
/* メモ
------------------------------------------------------------------------------*/
#content div.memo,#content2 div.memo{
	margin:5px auto 10px auto;
	padding:5px;
	width:90%;
	clear:both;
	background:url(images/mypage/checkpage_bg.gif) repeat-y left top;
	border:1px solid #CCCCCC;
	text-align:center;
}
#content div.memo:after,#content2 div.memo:after{
	content:""; 
	display:block; 
	clear:both;
}
#content div.memo h3,#content2 div.memo h3{
	padding:0px;
	width:120px;
	float:left;
	font-size:90%;
	background:none;
	text-align:left;
}
#content div.memo textarea,#content2 div.memo textarea{
	margin:0px 0px 5px 0px;
	width:90%;
}
#content div.memo p,#content2 div.memo p{
	margin:0px 0px 5px 125px;
	padding:0px;

	text-align:left;
	text-indent:0px;
}
/*==============================================================================
	お問い合わせCGI
==============================================================================*/
#content2 dd input,#content2 dd textarea{
	padding:3px;
}
#content2 p.textcenter input{
	padding:3px 10px 3px 10px;
}
#content2 dl dt img{
	vertical-align:middle;
}
/* 入力制限
------------------------------------------------------------------------------*/
.limited{
	font-weight:normal;
	font-size:90%;
}
/* エラーメッセージ表示
------------------------------------------------------------------------------*/
#content2 div#inputerror{
	margin:0px 20px 20px 20px;
	padding:8px;
	background-color:#FFE8E8;
	border:1px solid #900;
}
#content2 div#inputerror h3{
	margin:0px;
	padding:10px 10px 10px 15px;
	color:#900;
	font-weight:bold;
	background:#FFF;
	border:none;
}
#content2 div#inputerror ul{
	margin:0px;
	padding:0px 10px 10px 40px;
	background-color:#FFF;
}
/*==============================================================================
	広告欄（トップページ、セカンドトップ）
==============================================================================*/
#sad{
	margin:0px 0px 20px 0px;
	padding:0px 0px 3px 19px;
	width:929px;
	clear:both;
	background:#FFF;
	border-top:2px solid #2B2B2B;
	border-right:1px solid #2B2B2B;
	border-bottom:2px solid #2B2B2B;
	border-left:1px solid #2B2B2B;
}
#sad h2{
	margin:0px 10px 10px 0px;
	padding:6px 10px 8px 10px;
	float:left;
	display:inline-block;
	font-size:100%;
	color:#FFFFFF;
	background:#2B2B2B;
}
#sad p{
	padding:10px 10px 0px 0px;
	font-size:90%;
}
#sad ul{
	margin:0px 0px 0px 0px;
	clear:both;
	display:block;
	list-style-type:none;
}
#sad ul li{
	margin:0px 8px 8px 0px;
	float:left;
	display:inline;
}
/*==============================================================================
	リンク集(2列、3列、4列)	
==============================================================================*/
#content ul.link2,
#content ul.link3,
#content ul.link4,
#content2 ul.link2,
#content2 ul.link3,
#content2 ul.link4,
#content .link4 ul{
	margin-left:20px;
	clear:both;
	list-style-type:none;
}
#content ul.link2:after,
#content ul.link3:after,
#content ul.link4:after,
#content2 ul.link2:after,
#content2 ul.link3:after,
#content2 ul.link4:after,
#content .link4 ul:after{
    content:""; 
    display:block; 
    clear:both;
}
#content ul.link2 li,
#content2 ul.link2 li{
	margin:0px 5px 10px 0px;
	padding:0px 0px 0px 20px;
	width:46%;
	float:left;
	background:url(images/lnavi/mark_slnavi.gif) no-repeat 5px 5px;
}
#content ul.link3 li,
#content2 ul.link3 li{
	margin:0px 5px 10px 0px;
	padding:0px 0px 0px 20px;
	width:29%;
	float:left;
	background:url(images/lnavi/mark_slnavi.gif) no-repeat 5px 5px;
}
#content ul.link4,
#content2 ul.link4,
#content .link4 ul{
	padding:0px 0px 20px 0px;
	zoom:1;
}
#content ul.link4 li,
#content2 ul.link4 li,
#content .link4 ul li{
	margin:0px 5px 10px 0px;
	padding:0px 0px 0px 20px;
	width:21%;
	float:left;
	background:url(images/lnavi/mark_slnavi.gif) no-repeat 5px 5px;
}
/* リストマーク付き
------------------------------------------------------------------------------*/
#content .linkmark ul{
	margin-left:10px;
	margin-right:10px;
	list-style-type:disc;
}
#content .linkmark ul li{
	margin-left:22px;
	padding:0px;
	background:none;
}