@charset 'UTF-8';

/*###############################################################################*/
/*
/*全ページ共通　css
/*
/*###############################################################################*/

/*--------------------------------------
クラス名ID名はすべて g- で始める
--------------------------------------*/

/*--------------------------------------
基本色
                (標準)  (馴染み)
電車バス       :#2ebf00 #5b4
マイカー       :#66e000 #7c3
施設タウン     :#a8f000 #aae800
市内ルート     :#ffe600 #ffe300
交通まちづくり :#fc0    #xxxxxx
情報センター   :#FF8A00 #xxxxxx
--------------------------------------*/

/*タグ初期化*/
img{border:0;vertical-align:top;}
p,h1,h2,h3,h4,h5,h6,form{margin:0;padding:0;}
ul{margin:0;padding:0;list-style-type:none;}
li{margin:0;padding:0;list-style-type:none;}

/*###############################################################################*/
/*
/*汎用クラス
/*
/*###############################################################################*/

/*汎用印刷制御クラス
*******************************************************************************/
.noPrint      {display:;}
.print        {display:none;}

/*汎用テキストクラス
*******************************************************************************/
.tB           {font-weight:bold;}
.tT           {font-weight:normal;}
.tGr          {color:#888;}
.tGr8         {color:#888;}
.tGrA         {color:#aaa;}
.tGrC         {color:#ccc;}
.tWh          {color:#fff;}
.t10          {font-size:10px;}
.t12          {font-size:12px;}
.t14          {font-size:14px;}
.tR           {text-align:right;}
.tLf          {text-align:left;}
.tC           {text-align:center;}

/*汎用フォントファミリークラス
*******************************************************************************/
.ff           {font-family:'ＭＳ Ｐゴシック',sans-serif;}
.ffEn         {font-family:'Arial', 'ＭＳ Ｐゴシック', sans-serif;}


/*汎用フロートクラス
*******************************************************************************/
.clear        {clear:both;}
.fLeft        {float:left;}
.fRight       {float:right;}

/*汎用リンククラス
*******************************************************************************/
a             {color:#33f;text-decoration:underline;}
a:hover       {color:#f80;text-decoration:none;}
.aGr a,
a.aGr         {color:#888}
.aGr a:hover,
a.aGr:hover   {color:#f80}
.aNoUb a,
a.aNoUb       {text-decoration:none;}
.aNoUb a:hover,
a.aNoUb:hover {text-decoration:none;}

/*汎用リンクボタン枠つき
*******************************************************************************/
a.g-naviLink{
	margin-right:8px;
	padding:5px 4px;
	border:1px #eee solid;
	background-color:#fff;
	background-repeat:no-repeat;
	color:#999;
	text-decoration:none;
}

a.g-naviLink:hover{
	border:1px #ddd solid;
	background-color:#f3f3f3;
	background-repeat:no-repeat;
	color:#888;
}

/*汎用リンクボタン矢印つき
*******************************************************************************/
.g-arrowLink{
	margin-right:6px;
	padding:0 0 0 16px;
	background:url(../common_image/icon_btnarrow_right.gif) left center no-repeat;
}
.g-arrowLinkLeft{
	margin-right:6px;
	padding:0 0 0 16px;
	background:url(../common_image/icon_btnarrow_left.gif) left center no-repeat;
}
.g-arrowLinkPulldown{
	margin-right:6px;
	padding:0 0 0 14px;
	background:url(../common_image/icon_btnarrow_pulldown.gif) left center no-repeat;
}
.g-arrowLinkWhite{
	margin-right:6px;
	padding:0 0 0 16px;
	background:url(../common_image/icon_btnarrow_white_right.gif) left center no-repeat;
}

/*汎用出発地・到着地ボタン
*******************************************************************************/
a.g-s{
	float:left;
	display:block;
	width:81px;
	height:22px;
	margin:0 4px 0 0;
	padding:0;
	text-indent:-9999px;
	text-align:left;
	background:url(../common_image/button_sg_normal_s.gif) no-repeat;
}
a.g-s      {background-position:0 0;}
a.g-s:hover{background-position:0 -22px;}

a.g-g{
	float:left;
	display:block;
	width:81px;
	height:22px;
	margin:0 4px 0 0;
	padding:0;
	text-indent:-9999px;
	text-align:left;
	background:url(../common_image/button_sg_normal_g.gif) no-repeat;
}
a.g-g      {background-position:0 0;}
a.g-g:hover{background-position:0 -22px;}

/*汎用リストクラス
*******************************************************************************/
/*通常リスト*/
ul.listNml{
	margin:0;padding:0;
}
/*スクロールリスト(指定height範囲でスクロール)*/
ul.listScr{
	overflow:auto;
	/*height:HTMLサイドでインラインにて設定*/
	margin:0;padding:0;
}
ul.listScr li,
ul.listNml li{
	margin:0;padding:3px 2px 3px 4px;
	border-style:dotted none none none;
	border-width:1px 0 0 0;
	border-color:#ccc;
}

/*汎用テーブルクラス
*******************************************************************************/
.g-table{
    border:none;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
.g-table th{
    border:none;
    text-align:center;
}
.g-table td{
    border:none;
}

/*汎用フロートボックス(表示非表示を切り替え)(jsと連携)
*******************************************************************************/
.float                       {position:absolute;}
.floatParent                 {}
.float-normal                {position:absolute;margin:1px 0 0 0;z-index:999;}
.float-normal iframe.fl-shim {position:absolute;z-index:9;}
.float-normal .fl-contents   {position:absolute;z-index:10;background:#fff;border:1px solid #ccc;}
.g-formLabel                 {color:#666;margin:0 3px 0 0;padding:1px 2px;background:#fff;}

/*汎用タブ切り替え用クラス(jsと連携)
*******************************************************************************/
/*
寸法が同じ領域に対し重なり合ったabsoluteの要素を表示・非表示する場合はclassにkirikaeを記述
例：<div id="changeSpace1" class="kirikae visibleFalse">
異なる場所に配置された異なる寸法の要素を表示・非表示する場合はkirikaeを記述しない。
例：<div id="changeSpace1" class="visibleFalse">
*/
.kirikaeSpace {position:relative;}
.kirikae      {position:absolute;top:0;left:0;}
.visibleTrue  {display:block;}
.visibleFalse {display:none;}

/*汎用カレンダークラス
*******************************************************************************/
img#calendarHeader{
	width:200px;
	height:12px;
	margin:0;
	padding:0;
	/*background:#f00;*/
}
table#calendar{
	float:left;
	border-collapse:collapse;
	width:200px;
	margin:0;padding:0;
	background:#fff;
}
table#calendar td{
	overflow:hidden;
	margin:0 1px 1px 0;
	padding:1px 2px;
	text-align:center;
	color:#888;
	border:#eee 1px solid;
	font-family:'Arial', 'Tahoma', sans-serif;
}
* html body table#calendar td{
	padding:3px 2px;
}
table#calendar td a          {color:#333;}
table#calendar td.nml        {background:#fff;}
table#calendar td.nmltoday   {background:#555;color:#fff;}
table#calendar td.sat        {background:#e8f5dd;}
table#calendar td.sattoday   {background:#555;color:#fff;}
table#calendar td.sun        {background:#ffeecc;}
table#calendar td.suntoday   {background:#555;color:#fff;}
table#calendar td.shuku      {background:#ffeecc;}
table#calendar td.shukutoday {background:#555;color:#fff;}
table#calendar td.furi       {background:#ffeecc;}
table#calendar td.furitoday  {background:#555;color:#fff;}

/*汎用ローディングオーバレイ
*******************************************************************************/
.loadingOverlay{}

/*汎用画像クラス
*******************************************************************************/
.new{margin:0 2px;}/*new画像*/






















/*###############################################################################*/
/*
/*スプライト
/*
/*###############################################################################*/
/*スプライト共通
*******************************************************************************/
.g-sprite{
	display:block;
	outline:none;
	background:transparent repeat;
}
a.g-sprite{
	overflow:hidden;
	font-size:0;
	line-height:0;
	text-decoration:none;
	padding:0;
}
/*スプライト(sprite_search.gif)
*******************************************************************************/
.g-spSearchMiniS,
.g-spSearchMiniG,
.g-spSearchMidS,
.g-spSearchMidG,
.g-spSearchListDivTrain,
.g-spSearchListDivBus,
.g-spSearchFromToDivTrain,
.g-spSearchFromToDivBus{
	background-image:url(../common_image/sprite_search.gif);
}
/****小S****/
.g-spSearchMiniS           {background-position:      0      0; width:  14px; height:  14px;}
/****小G****/
.g-spSearchMiniG           {background-position:      0  -14px; width:  14px; height:  14px;}
/****普通S****/
.g-spSearchMidS            {background-position:  -14px      0; width:  24px; height:  24px;}
/****普通G****/
.g-spSearchMidG            {background-position:  -14px  -24px; width:  24px; height:  24px;}
/****路線区分:電車****/
.g-spSearchListDivTrain    {background-position:  -38px      0; width:  48px; height:  16px;}
/****路線区分:バス****/
.g-spSearchListDivBus      {background-position:  -38px  -16px; width:  48px; height:  16px;}
/****路線区分:駅****/
.g-spSearchFromToDivTrain  {background-position:  -86px      0; width:  14px; height:  14px;}
/****出発地目的地区分:バス停****/
.g-spSearchFromToDivBus    {background-position:  -86px  -14px; width:  35px; height:  14px;}

























/*###############################################################################*/
/*
/*グローバルレイアウト
/*
/*###############################################################################*/

/*ベースレイアウト
*******************************************************************************/
body{
	font-family:'ＭＳ Ｐゴシック',sans-serif;
	margin:0;padding:0 0 16px;
	background:#fff url(../common_image/bg_head.gif) top left repeat-x;
	text-align:center;
	color:#000;
}
#g-containerOut{
	width:100%;
	margin:0;padding:0;
	text-align:center;
	background:url(../common_image/bg_foot.gif) bottom left repeat-x;
}
#g-container{
	width:960px;
	margin:0 auto;padding:0;
	text-align:left;
}
/*ヘッダ
*******************************************************************************/
#g-head{
	height:66px;
	background:url(../common_image/bg_headimage.gif) no-repeat;
}
#g-head h1{
	display:block;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	width:190px;height:66px;
	margin:0;padding:0;
	background:url(../common_image/head_logo.gif) no-repeat;
}
#g-head h1 a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:190px;height:66px;
	margin:0;padding:0;
	background:url(../common_image/head_logo.gif) no-repeat;
}
#g-head h1        {background-position:0 0;}
#g-head h1 a      {background-position:0 0;}
#g-head h1 a:hover{background-position:0 -66px;}

#g-head #g-headSub{
	float:right;
	text-align:right;
	margin:6px 0 0 0;padding:0;
}
#g-head #g-headSub #g-headSubLang{
}
#g-head #g-headSub #g-headSubSize{
	margin:4px 0 0 0;padding:0;
}
/*グローバルメニュー
*******************************************************************************/
#g-Menu{
	overflow:hidden;
	width:960px;height:24px;
	margin:0;padding:0;
}
#g-Menu ul{
	overflow:hidden;
	width:960px;height:24px;
	margin:0;padding:0;
}
#g-Menu li{
	display:block;
	overflow:hidden;
	float:left;
	margin:0;padding:0;
	text-indent:-9999px;
	background:url(../common_image/head_gmenu.gif) no-repeat 0 0;
}
#g-Menu li a{
	display:block;
	overflow:hidden;
	margin:0;padding:0;
	background:url(../common_image/head_gmenu.gif) no-repeat 0 0;
}
#g-Menu li#mS,#g-Menu li#mS a{
	width:160px;height:24px;margin:0;padding:0;
}
#g-Menu li#m1,
#g-Menu li#m2,
#g-Menu li#m3,
#g-Menu li#m4,
#g-Menu li#m5,
#g-Menu li#m6{
	width:159px;height:24px;margin:0 0 0 1px;padding:0;
}
#g-Menu li#m1 a,
#g-Menu li#m2 a,
#g-Menu li#m3 a,
#g-Menu li#m4 a,
#g-Menu li#m5 a,
#g-Menu li#m6 a{
	width:159px;height:24px;margin:0;padding:0;
}

#g-Menu li#m1         {background-position:    0      0   ;}
#g-Menu li#m2         {background-position: -161px    0   ;}
#g-Menu li#m3         {background-position: -321px    0   ;}
#g-Menu li#m4         {background-position: -481px    0   ;}
#g-Menu li#m5         {background-position: -641px    0   ;}
#g-Menu li#m6         {background-position: -801px    0   ;}
#g-Menu li#mS         {background-position: -961px    0   ;}
#g-Menu li#m1 a       {background-position:    0      0   ;}
#g-Menu li#m2 a       {background-position: -161px    0   ;}
#g-Menu li#m3 a       {background-position: -321px    0   ;}
#g-Menu li#m4 a       {background-position: -481px    0   ;}
#g-Menu li#m5 a       {background-position: -641px    0   ;}
#g-Menu li#m6 a       {background-position: -801px    0   ;}
#g-Menu li#mS a       {background-position: -961px    0   ;}
#g-Menu li#m1 a:hover {background-position:    0    -24px ;}
#g-Menu li#m2 a:hover {background-position: -161px  -24px ;}
#g-Menu li#m3 a:hover {background-position: -321px  -24px ;}
#g-Menu li#m4 a:hover {background-position: -481px  -24px ;}
#g-Menu li#m5 a:hover {background-position: -641px  -24px ;}
#g-Menu li#m6 a:hover {background-position: -801px  -24px ;}
#g-Menu li#mS a:hover {background-position: -961px  -24px ;}

/*パンくず
*******************************************************************************/
#g-pankuzu{
	position:relative;
	margin:16px 0 0 0;padding:0;
	text-align:left;
}
/*市内ルート検索状態表示
*******************************************************************************/
#g-rtCondition{
	position:absolute;
	right:0;
	top:0;
	border:1px solid #b5daf7;
	background:#e4f3ff;
	margin:0;
	padding:3px;
}
#g-rtCondition a{
	color:#5070ff;
}
#g-rtCondition #g-rtCdTtl,
#g-rtCondition #g-rtCdSName{
	float:left;
	margin-right:12px;
}
#g-rtCondition #g-rtCdSIcn,
#g-rtCondition #g-rtCdSDiv,
#g-rtCondition #g-rtCdGIcn,
#g-rtCondition #g-rtCdGDiv,
#g-rtCondition #g-rtCdGName{
	float:left;
	margin-right:2px;
}



/*交通障害情報表示
*******************************************************************************/
#g-trafficAlert{
	border:#fcc 1px solid;
	background:#ffe4e0;
	padding:4px;
	margin:18px 0 0;
}

/*ページタイトル
*******************************************************************************/
h2#g-midashi{
	height:94px;
	margin:8px 0;padding:0;
	text-align:left;
	text-indent:-9999px;
	/*background:htmlで設定*/
}

/*サイドバー内の灰色ボックス
*******************************************************************************/
#g-Side .g-SideBox{
	margin-bottom:10px;
	padding-bottom:6px;
	background:#eee;
}
#g-Side .g-SideBox img{
	margin-bottom:3px;
}

/*共通フォーマット
*******************************************************************************/
#g-Content{
	margin:0;padding:0;
	text-align:left;
}
/*右側にサイドボックスを設ける場合追加*/
#g-Content #g-Side{
	float:right;width:200px;margin:0;padding:0 0 10px 16px;
}
* html body #g-Content #g-Side{width:216px;}
#g-Content #g-ContentSide{
	float:left;width:744px;margin:0;padding:0;text-align:left;
}
#g-Side ul{margin:0;padding:0 8px;}
#g-Side li{
	margin:0;
	padding:5px 0;
	border-top:dotted 1px #ccc;
}
#g-Side li a{text-decoration:none;}
#g-Side .more{padding:4px 6px 0 0;text-align:right;}

/*トップページフォーマット
*******************************************************************************/
#g-IndexContent{
	clear:both;
	margin:0;padding:0;
	background:url(../common_image/bg_sm_middle.gif) top left repeat-y;
}
#g-IndexContent #g-ContentTop{
	margin:0;padding:0;
	background:url(../common_image/bg_sm_top.gif) top left no-repeat;
}
#g-IndexContent #g-ContentBtm{
	margin:0;padding:0;
	background:url(../common_image/bg_sm_bottom.gif) bottom left no-repeat;
}
#g-IndexContent #g-ContentSide{
	float:right;width:744px;margin:0;padding:0;text-align:left;
}
#g-IndexContent #g-SideMenuSide ul{margin:0;padding:0;}
#g-IndexContent #g-SideMenuSide li{margin:3px 0 3px 5px;padding:0;}
#g-IndexContent #g-SideMenuSide .more{padding:4px 6px 0 0;text-align:right;}
#g-IndexContent #g-SideMenuSide{
	float:left;width:200px;margin:0;padding:16px 16px 10px 0;
}
* html body #g-IndexContent #g-SideMenuSide{width:216px;}
/*サイドバー内の取り組みリンク(トップページ)*/
#g-IndexContent #g-SideMenuSide ul#g-torikumi{
	margin:32px 0;padding:0 7px;
	background:#eee;
}
#g-IndexContent #g-SideMenuSide ul#g-torikumi li{
	margin:0 0 0 0;padding:5px 0;
	list-style-type:none;
	list-style-position:outside;
	/*border-width:1px 0 0;border-style:dotted none none;border-color:#aaa;*/
}

/*ページナビゲーション（ページ末）
/*セクションナビゲーション（ページ途中）
*******************************************************************************/
#g-PageNavi{
	clear:both;
	width:960px;height:38px;
	margin:16px 0 0 0;padding:0;
}
.g-SectionNavi{
	clear:both;
	width:960px;height:38px;
	margin:0;padding:0;
}
#g-PageNavi a.g-PageNaviLeft,
.g-SectionNavi a.g-PageNaviLeft,
#g-PageNavi a.g-PageNaviRight,
.g-SectionNavi a.g-PageNaviRight{
	padding:5px 4px;
	border:1px #eee solid;
	background-color:#fff;
	background-repeat:no-repeat;
	color:#999;
	text-decoration:none;
}
#g-PageNavi a.g-PageNaviLeft:hover,
.g-SectionNavi a.g-PageNaviLeft:hover,
#g-PageNavi a.g-PageNaviRight:hover,
.g-SectionNavi a.g-PageNaviRight:hover{
	border:1px #ddd solid;
	background-color:#f3f3f3;
	background-repeat:no-repeat;
	color:#888;
}
#g-PageNavi a.g-PageNaviLeft,
.g-SectionNavi a.g-PageNaviLeft{
	float:left;
	padding-left:20px;
	margin:0 10px 0 0;
	background-position:left top;
}
#g-PageNavi a.g-PageNaviRight,
.g-SectionNavi a.g-PageNaviRight{
	float:right;
	padding-right:20px;
	margin:0 0 0 10px;
	background-position:right top;
}
/*フッタ
*******************************************************************************/
#g-Footer{
	clear:both;
	width:960px;height:62px;
	margin:0;padding:8px 0 0 0;
	text-align:right;
}
* html body #g-Footer{
	height:70px;
}
#g-Footer p{
	margin:0 0 8px 0;padding:0;
	text-align:center;
}
#g-Footer #g-ftRenewalMessage{
	margin:0 0 7px 0;
	padding:0 0 3px;
	border-bottom:1px solid #ccc;
	text-align:center;
}
#g-Footer #g-ftMenu{
	margin:0;padding:0 0 0 0;
	text-align:right;
}
#g-Footer img{
	float:right;
	margin-left:16px;
}
#g-Footer #g-ftCopyright{
	margin:0;padding:0 0 0 0;
	text-align:right;
}

/*###############################################################################*/
/*
/*カテゴリトップ共通レイアウト
/*
/*###############################################################################*/

/*検索パネル領域
*******************************************************************************/
#g-2ndPanel{
	margin:0 0 14px;
	width:744px;
	height:434px;
}
#g-2ndPSub{
	float:left;
	width:202px;
	height:434px;
	margin:0 10px 0 0;
}
#g-2ndPMain{
	float:right;
	width:530px;
	height:432px;
	border:#aaa 1px solid;
}
/*切り替えタブ領域
*******************************************************************************/
.g-tabBase{
	/*width:522px;*/
	height:32px;
	margin:0;
	padding:0 0 0 8px;
	background:url(../common_image/bg_tabBase.gif) left bottom repeat-x;
}
* html body .g-tabBase{
	/*width:530px;*/
}
/*割り込み：検索結果画面のタブ*/
#g-kekkaPHeadTabBase{
	width:950px;
	height:32px;
	margin:0;
	padding:0 0 0 8px;
	/*background:url(../common_image/bg_tabBase.gif) left bottom repeat-x;*/
}
* html body #g-kekkaPHeadTabBase{
	width:958px;
}
ul.g-tab{
	overflow:hidden;
	height:26px;
	margin:0;
	padding:6px 0 0 0;
}
* html body ul.g-tab{
	height:32px;
}
ul.g-tab li{
	overflow:hidden;
	display:block;
	height:30px;/*hiddenされるため長め*/
	float:left;
	margin:2px 0 0 0;/*2px(onmouse時移動分)*/
	padding:6px 7px 0;
	border-color:#ccc;
	border-width:1px 1px 0 0;
	border-style:solid solid none none;
	text-align:center;
	color:#444;
	background:url(../common_image/bg_tab.gif) 0 0 repeat-x;
}
* html body ul.g-tab li{
	height:36px;/*hiddenされるため長め*/
}
ul.g-tab li.first{
	border-width:1px 1px 0 1px;
	border-style:solid solid none solid;
}
/*マップ表示時のマップ領域
*******************************************************************************/
#g-kensakuMapHead{
	width:530px;
	height:46px;
	background:#fff url(../common_image/bg_panel_head_full_s.gif) left bottom no-repeat;
}
#g-kensakuMap{
	overflow:hidden;
	width:530px;
	height:340px;
}
/*カテゴリボタン領域
*******************************************************************************/
#g-cButton{
	height:44px;
	width:486px;
	margin:0;padding:0;
}
#g-cButton .cbCount{
	float:left;
	overflow:hidden;
	width:54px;
	height:10px;
	text-align:center;
}
#g-cButton .cbArea{
	float:left;
	width:53px;height:34px;
	margin-right:1px;
	cursor:pointer;
}
#g-cButton .cbButton{
	text-indent:-9999px;
	width:53px;height:34px;
	margin:0;
}
#g-cButton .cb {background:url(../common_image/btn_c_blank.gif) 0 -68px no-repeat;}
#g-cButton #cb1{background:url(../common_image/btn_c_10.gif) 0 -68px no-repeat;}
#g-cButton #cb2{background:url(../common_image/btn_c_20.gif) 0 -68px no-repeat;}
#g-cButton #cb3{background:url(../common_image/btn_c_30.gif) 0 -68px no-repeat;}
#g-cButton #cb4{background:url(../common_image/btn_c_40.gif) 0 -68px no-repeat;}
#g-cButton #cb5{background:url(../common_image/btn_c_50.gif) 0 -68px no-repeat;}
#g-cButton #cb6{background:url(../common_image/btn_c_60.gif) 0 -68px no-repeat;}
#g-cButton #cb7{background:url(../common_image/btn_c_70.gif) 0 -68px no-repeat;}
#g-cButton #cb8{background:url(../common_image/btn_c_80.gif) 0 -68px no-repeat;}
#g-cButton #cb9{background:url(../common_image/btn_c_90.gif) 0 -68px no-repeat;}

#g-cButton ul.cbSubList{
	margin:0;padding:1px 1px 0 1px;
	width:198px;
	background:#aaa;
}
* html body #g-cButton ul.cbSubList{
	width:200px;
}
#g-cButton ul.cbSubList li{
	margin:0 0 1px 0;
}
#g-cButton ul.cbSubList li a{
	display:block;
	padding:2px 3px;
	background:#fff;
	text-decoration:none;
	color:#444;
}
#g-cButton ul.cbSubList li a:hover{
	background:#eee;
	text-decoration:none;
	color:#aaa;
}
//配置テーブル
#cbTable{
	width:600px;
	border-collapse:collapse;
	border-width:0;
	empty-cells:show;
}
#cbTable td{
	overflow:hidden;
	border-style:hidden;
	border-width:0;
	margin:0;
	padding:0;
}
#cbTable td.cbTableName{
	vertical-align:middle;
}
#cbTable td.cbTableButton{
	vertical-align:top;
	width:486px;
}

/*サブメニュー項目
*******************************************************************************/
#g-2ndSubMenu{
	margin:0;
	width:744px;
}

#g-2ndSubMenu .g-left{
	float:left;
	width:365px;
	margin:0 14px 0 0;
}
#g-2ndSubMenu .g-right{
	float:right;
	width:365px;
	margin:0;
}
#g-2ndSubMenu .g-left .g-button,
#g-2ndSubMenu .g-right .g-button{
	margin:0 0 14px 0;
	padding:0;
}
/*取り組み項目
*******************************************************************************/
#g-2ndTorikumi{
	margin:0 0 16px;
}
#g-2ndTorikumi .g-komoku{
	float:left;
	width:220px;height:29px;
	margin:0 16px 8px 0;padding:0;
}
#g-2ndTorikumi .g-komoku img{
	float:left;
	width:27px;height:29px;
	margin:0 5px 0 0;padding:0;
}
#g-2ndTorikumi .g-komoku p{
	float:left;
	width:188px;height:17px;
	margin:0;padding:6px 0 0 0;
}
* html body #g-2ndTorikumi .g-komoku p{
	height:23px;
}
/*リンク項目
*******************************************************************************/
#g-2ndLink{
	margin:0 0 16px;
}
#g-2ndLink .g-left{
	float:left;
	width:365px;
	margin:0 14px 0 0;
}
#g-2ndLink .g-right{
	float:right;
	width:365px;
	margin:0;
}
#g-2ndLink .g-komoku{
	width:365px;
	margin:0 0 8px 0;padding:2px 0 2px 4px;
	border-color:#888;
	border-width:0 0 0 4px;
	border-style:none none none solid;
}
/*小見出し
*******************************************************************************/
.g-2ndSubMidashi{
	clear:both;
	border-color:#aaa;
	border-style:solid none solid;
	border-width:1px 0 1px;
	margin:0 0 10px;
	padding:3px;
	color:#888;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
}

/*###############################################################################*/
/*
/*結果画面共通レイアウト
/*
/*###############################################################################*/

/*検索パネル領域
*******************************************************************************/
#g-kekkaPanel{
	overflow:hidden;
	width:960px;
	height:616px;
}

#g-kekkaPHeadArea{
	overflow:hidden;
	/*width:内側のdivに依存*/
	height:72px;
	margin:0;padding:0;
	border-style:solid solid none solid;
	border-width:1px 1px 0 1px;
	border-color:#aaa;
}
* html body #g-kekkaPHeadArea{
	height:73px;
}
#g-kekkaPHead{
	overflow:hidden;
	width:958px;height:61px;margin:0;padding:0;
	border-style:none none solid none;
	border-width:0 0 1px 0;
	border-color:#aaa;
}
* html body #g-kekkaPHead{
	height:62px;
}
p#g-kekkaPHeadRoute{
	float:left;
	margin:8px 0 0 8px;
}
p#g-kekkaPHeadTenki{
	float:right;
	margin:8px 8px 0 0;
}
.clr1 #g-kekkaPHead{background:url(../common_image/bg_panel_1_b.gif) bottom left repeat-x;}
.clr2 #g-kekkaPHead{background:url(../common_image/bg_panel_2_b.gif) bottom left repeat-x;}
.clr3 #g-kekkaPHead{background:url(../common_image/bg_panel_3_b.gif) bottom left repeat-x;}
.clr4 #g-kekkaPHead{background:url(../common_image/bg_panel_4_b.gif) bottom left repeat-x;}

.clr1 #pMapFoot{background:url(../common_image/bg_panel_1_t.gif) top left repeat-x;}
.clr2 #pMapFoot{background:url(../common_image/bg_panel_2_t.gif) top left repeat-x;}
.clr3 #pMapFoot{background:url(../common_image/bg_panel_3_t.gif) top left repeat-x;}
.clr4 #pMapFoot{background:url(../common_image/bg_panel_4_t.gif) top left repeat-x;}

#g-kekkaPHeadText{
	overflow:hidden;
	width:958px;height:29px;margin:0;padding:0;
}
#g-kekkaPHeadTabBase{
	/*別参照：2階層目のタブの指定と同時に行っている*/
}
#g-kekkaPMainArea{
	overflow:hidden;
	float:right;
	/*width:内側のdivに依存*/
	height:542px;
	margin:0;padding:0;
	border-style:none solid solid none;
	border-width:0 1px 1px 0;
	border-color:#aaa;
}
* html body #g-kekkaPMainArea{
	height:543px;
}

/*###############################################################################*/
/*
/*天気情報
/*
/*###############################################################################*/
.g-wthrKeiho,
.g-wthrChuiho{
	padding:2px 3px;
	margin-right:4px;
	color:#fff;
	border-style:solid;
	border-width:1px;
}
* html body .g-wthrKeiho,
* html body .g-wthrChuiho{
	padding:1px 2px;
}
.g-wthrKeiho{
	background:#f65;
	border-color:#c54;
}
.g-wthrChuiho{
	background:#fa3;
	border-color:#c74;
}

/*###############################################################################*/
/*
/*便利なツール
/*
/*###############################################################################*/

/*共通テキストボタン
/*　　　使用方法：
/*　　　<button class="g-btn1" onclick=""><div><p style="width:100px;">検　索</p></div></button>
*******************************************************************************/
button.g-btn1,
button.g-btn2,
button.g-btn3,
button.g-btn4,
button.g-btn5,
button.g-btn6{
	cursor:pointer;
	margin:0;
	padding:0;
	width:auto;
	overflow:visible;
	border:0;
	/*background:#0f0;*/
}

/*共通*/
button.g-btn1 div,
button.g-btn2 div,
button.g-btn3 div,
button.g-btn4 div,
button.g-btn5 div,
button.g-btn6 div{
	height:24px;
	margin:0;
	padding:0;
	white-space:nowrap;
}
/*色別背景*/
button.g-btn1 div{background:url(../common_image/btn1_l.gif) no-repeat;background-position:left 0;}
button.g-btn2 div{background:url(../common_image/btn2_l.gif) no-repeat;background-position:left 0;}
button.g-btn3 div{background:url(../common_image/btn3_l.gif) no-repeat;background-position:left 0;}
button.g-btn4 div{background:url(../common_image/btn4_l.gif) no-repeat;background-position:left 0;}
button.g-btn5 div{background:url(../common_image/btn5_l.gif) no-repeat;background-position:left 0;}
button.g-btn6 div{background:url(../common_image/btn6_l.gif) no-repeat;background-position:left 0;}
button.g-btn1:hover div{background-position:left -24px;}
button.g-btn2:hover div{background-position:left -24px;}
button.g-btn3:hover div{background-position:left -24px;}
button.g-btn4:hover div{background-position:left -24px;}
button.g-btn5:hover div{background-position:left -24px;}
button.g-btn6:hover div{background-position:left -24px;}


/*共通*/
button.g-btn1 p,
button.g-btn2 p,
button.g-btn3 p,
button.g-btn4 p,
button.g-btn5 p,
button.g-btn6 p{
	height:19px;
	margin:0;
	padding:5px 10px 0;
	font-family:'ＭＳ Ｐゴシック',sans-serif;
}
* html body button.g-btn1 p,
* html body button.g-btn2 p,
* html body button.g-btn3 p,
* html body button.g-btn4 p,
* html body button.g-btn5 p,
* html body button.g-btn6 p{height:24px;padding:3px 10px 0;}
*+html body button.g-btn1 p,
*+html body button.g-btn2 p,
*+html body button.g-btn3 p,
*+html body button.g-btn4 p,
*+html body button.g-btn5 p,
*+html body button.g-btn6 p{height:20px;padding:4px 10px 0;}
/*色別背景*/
button.g-btn1 p{background:url(../common_image/btn1_r.gif) no-repeat;background-position:right 0;}
button.g-btn2 p{background:url(../common_image/btn2_r.gif) no-repeat;background-position:right 0;}
button.g-btn3 p{background:url(../common_image/btn3_r.gif) no-repeat;background-position:right 0;}
button.g-btn4 p{background:url(../common_image/btn4_r.gif) no-repeat;background-position:right 0;}
button.g-btn5 p{background:url(../common_image/btn5_r.gif) no-repeat;background-position:right 0;}
button.g-btn6 p{background:url(../common_image/btn6_r.gif) no-repeat;background-position:right 0;}
button.g-btn1:hover p{background-position:right -24px;}
button.g-btn2:hover p{background-position:right -24px;}
button.g-btn3:hover p{background-position:right -24px;}
button.g-btn4:hover p{background-position:right -24px;}
button.g-btn5:hover p{background-position:right -24px;}
button.g-btn6:hover p{background-position:right -24px;}

/*共通ボックス
/*　　　g-box1:タイトルバーつきの白枠
/*　　　g-box2:タイトルバーつきの色縁取り枠(g-clr1～g-clr4で色を指定)
/*　　　g-box3:タイトルバーなしのシンプルな枠
*******************************************************************************/
.g-box1,
.g-box2,
.g-box3{
	margin:0 0 10px 0;padding:0;
}
.g-box1{
	border:1px solid #ddd;
	background:url(../common_image/box1_top.gif) top left repeat-x;
}
* html body .g-box1{background:url(../common_image/box1_top.gif) 1px 1px repeat-x;}
*+html body .g-box1{background:url(../common_image/box1_top.gif) 1px 1px repeat-x;}
.g-box3{
	border:1px solid #ddd;
}
.g-box1 *{overflow:hidden;}
.g-box1 .g-head{margin:0;padding:0;height:24px;text-align:left;}
.g-box1 .g-middle{margin:0;padding:0;text-align:left;}
.g-box1 .g-foot{margin:0;padding:4px;text-align:left;}

.g-box2 .g-clr1 .g-head           {background:url(../common_image/box2_top-left_1.gif) top left no-repeat;}
.g-box2 .g-clr1 .g-middle         {background:url(../common_image/box2_middle-left_1.gif) top left repeat-y;}
.g-box2 .g-clr1 .g-bottom         {background:url(../common_image/box2_bottom-left_1.gif) top left no-repeat;}
.g-box2 .g-clr1 .g-head .g-inner  {background:url(../common_image/box2_top-right_1.gif) top right no-repeat;}
.g-box2 .g-clr1 .g-middle .g-inner{background:url(../common_image/box2_middle-right_1.gif) top right repeat-y;}
.g-box2 .g-clr1 .g-bottom .g-inner{background:url(../common_image/box2_bottom-right_1.gif) top right no-repeat;}
.g-box2 .g-clr2 .g-head           {background:url(../common_image/box2_top-left_2.gif) top left no-repeat;}
.g-box2 .g-clr2 .g-middle         {background:url(../common_image/box2_middle-left_2.gif) top left repeat-y;}
.g-box2 .g-clr2 .g-bottom         {background:url(../common_image/box2_bottom-left_2.gif) top left no-repeat;}
.g-box2 .g-clr2 .g-head .g-inner  {background:url(../common_image/box2_top-right_2.gif) top right no-repeat;}
.g-box2 .g-clr2 .g-middle .g-inner{background:url(../common_image/box2_middle-right_2.gif) top right repeat-y;}
.g-box2 .g-clr2 .g-bottom .g-inner{background:url(../common_image/box2_bottom-right_2.gif) top right no-repeat;}
.g-box2 .g-clr3 .g-head           {background:url(../common_image/box2_top-left_3.gif) top left no-repeat;}
.g-box2 .g-clr3 .g-middle         {background:url(../common_image/box2_middle-left_3.gif) top left repeat-y;}
.g-box2 .g-clr3 .g-bottom         {background:url(../common_image/box2_bottom-left_3.gif) top left no-repeat;}
.g-box2 .g-clr3 .g-head .g-inner  {background:url(../common_image/box2_top-right_3.gif) top right no-repeat;}
.g-box2 .g-clr3 .g-middle .g-inner{background:url(../common_image/box2_middle-right_3.gif) top right repeat-y;}
.g-box2 .g-clr3 .g-bottom .g-inner{background:url(../common_image/box2_bottom-right_3.gif) top right no-repeat;}
.g-box2 .g-clr4 .g-head           {background:url(../common_image/box2_top-left_4.gif) top left no-repeat;}
.g-box2 .g-clr4 .g-middle         {background:url(../common_image/box2_middle-left_4.gif) top left repeat-y;}
.g-box2 .g-clr4 .g-bottom         {background:url(../common_image/box2_bottom-left_4.gif) top left no-repeat;}
.g-box2 .g-clr4 .g-head .g-inner  {background:url(../common_image/box2_top-right_4.gif) top right no-repeat;}
.g-box2 .g-clr4 .g-middle .g-inner{background:url(../common_image/box2_middle-right_4.gif) top right repeat-y;}
.g-box2 .g-clr4 .g-bottom .g-inner{background:url(../common_image/box2_bottom-right_4.gif) top right no-repeat;}

.g-box2 * .g-inner                {overflow:hidden;}
.g-box2 * .g-head .g-inner        {margin:0;padding:0;height:24px;text-align:left;}
.g-box2 * .g-middle .g-inner      {margin:0;padding:0;text-align:left;}
.g-box2 * .g-bottom .g-inner      {margin:0;padding:0;height:4px;text-align:left;}

/*内容表示部分*/
.g-box1 .g-middle{
	padding:0;
}
.g-box2 * .g-middle .g-inner{
	padding:0 4px;
}