/*共通要素
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	background: #cccccc url("") repeat left top;
	-webkit-text-size-adjust: none;
}
p { text-indent: 1em; font-size: 100%; font-weight: normal; margin-top: 0px; padding: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 5px; }
img {border: none;vertical-align: middle;}
iframe.menu { text-align: center; margin-top: 5px; border-width: 0px; border-style: none; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; width: 99%; height: 30px; clear: both; }

.r {text-align: right;}
/*ページ構成用*/
#footer{ font-size: 12px; font-weight: normal; font-style: normal; text-align: right; line-height: 110%; margin: 0px; padding: 4px 14px 3px; width: auto; clear: both; display: block; min-height: 16px; background: #dff3ff left top; }
#header{ font-size: 12px; font-weight: normal; font-style: normal; background-color: #dff3ff; text-align: left; margin: 0px; padding: 5px 14px 4px; width: auto; clear: both; min-height: 12px; }
#page{ font-size: 12pt; font-weight: normal; font-style: normal; color: #4c4c4c; margin: 0px auto; padding: 0px; width: 898px; border: 1px solid #808080; background: #ffffff left top; min-width: 898px; min-height: 0px; }
#title{ margin: 0px; padding: 0px; width: auto; min-height: 70px; display: block; overflow-x: hidden; float: none; clear: both; font-style: normal; font-weight: normal; font-size: 18pt; text-align: left; }
.HPZAutoMarginAdjuster{
  overflow-x: hidden;
}


---------------------------------------------------------------------------*/
/*headerブロック*/
header {
	position: relative;
}
/*header内のロゴ*/
header #logo {
	position: absolute;z-index: 1;
	left: 70%;	/*headerの左から5%の場所に配置*/
	top: 25%;	/*headerの上から18%の場所に配置*/
	width: 30%;	/*画像の幅*/
	background: #000;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.5);	/*画像の背景色。0,0,0は黒の事で0.5は50%色がついた状態。*/
}
/*画像ブロック*/
#mainimg {
	clear: left;width: 100%;margin: 0 auto;position: relative;
}


/*見出しデザイン
---------------------------------------------------------------------------*/
/*インデックス小見出し用*/

h2.mi1 {
	font-size: 105%;
	color: #ffffff;
	background-color: #0066ff;
	background: linear-gradient(#00ccff, #0066ff);	/*背景グラデーション*/
	text-indent: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}

/*鉄道写真館小見出し用*/

h2.hd2 {
	font-size: 105%;
	color: #ffffff;
	background-color: #0066ff;
	text-indent: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
}


/*リンク設定
---------------------------------------------------------------------------*/
a {
	color: #777;		/*リンクテキストの色*/
}
a:hover {
	color: #63b2e3;			/*マウスオン時の文字色*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}

/*写真館用追加要素
---------------------------------------------------------------------------*/
/*鉄道写真館インデックス用*/
#phototitle {
	background-color: #ffffef;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	margin: 0px;
	border-radius: 5px;
	padding-top: 3px;
}

#phototitle h1{
	font-size: 20pt;
	color: #000099;
	text-align: center;
	line-height: 130%;
	margin-top: 0px;
	margin-bottom: -4px;
}
#phototitle hr {
	background-color: #cc0000;
	margin-top: 0px;
	border-top-width: 0px;
	border-top-style: none;
	margin-bottom: 0px;
	border-bottom-width: 0px;
	border-bottom-style: none;
	width: 100%;
	height: 10px;
}

#phototitle p{
	color: #ffffff;
	background-color: #000099;
	text-align: center;
	margin: 0px;
	text-indent: 0em;
	border-radius: 0px 0px 5px 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*バス写真館インデックス用*/
#phototitle2 {
	background-color: #ffffff;
	margin: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	border-radius: 5px;
}

#phototitle2 h1{
	color: #cc0000;
	font-size: 20pt;
	text-align: center;
	line-height: 130%;
	margin-top: 0px;
	margin-bottom: -4px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#phototitle2 hr {
	background-color: #cc0000;
	margin-top: 0px;
	border-top-width: 0px;
	border-top-style: none;
	margin-bottom: 0px;
	border-bottom-width: 0px;
	border-bottom-style: none;
	width: 100%;
	height: 10px;
}

#phototitle2 p{
	color: #ffffff;
	background-color: #0033ff;
	text-align: center;
	text-indent: 0em;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}
/*写真館個別ページ用*/
#phototitle3 {
	background-color: #ffffef;
	margin-top: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	border-radius: 5px;
}

#phototitle3 h1{
	font-size: 20pt;
	color: #000099;
	text-align: center;
	line-height: 130%;
	margin-top: 0px;
	margin-bottom: -4px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#phototitle3 hr {
	background-color: #000099;
	margin-top: 0px;
	border-top-width: 0px;
	border-top-style: none;
	margin-bottom: 0px;
	border-bottom-width: 0px;
	border-bottom-style: none;
	width: 100%;
	height: 10px;
}

#phototitle3 p{
	color: #000099;
	text-align: center;
	text-indent: 0em;
	margin: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/*写真館写真表示部*/

#photo {
	margin-top: 10px;
}

.photoindex {
	background-color: #e9faf9;
	text-align: center;
	line-height: 140%;
	margin-bottom: 10px;
	width: 100%;
	border-radius: 10px;
}

.photoindex p {
	padding-top: 3px;
	padding-bottom: 3px;
	text-indent: 0em;
}

.photomain {
	background-color: #999999;
	border-radius: 10px 10px 0px 0px;	/*角丸のサイズ。左上、右上、右下、左下。*/
}

.comment01 {
	font-size: 80%;
	vertical-align: middle;
}

.comment02 {
	font-size: 70%;
	vertical-align: middle;
}

.photolist {
	font-size: 105%;
	color: #ffffff;
	background-color: #0033ff;
	margin-top: 10px;
	padding-top: 3px;
	margin-left: 0px;
	padding-left: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-radius: 5px;
	background: linear-gradient(#00ccff, #0066ff);
}



/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl {
	padding: 0px 20px;		/*上下、左右へのブロック内の余白*/
	margin-bottom: 20px;	/*ブロックの下(外側)に空ける余白*/
}
/*日付設定*/
#new dt {
	float: left;
	width: 9em;
	letter-spacing: 0.1em;
}
/*記事設定*/
#new dd {
	padding-left: 9em;
	border-bottom: 1px solid #ccc;	/*下線の幅、線種、色*/
}

/*テーブル（ta2）※鉄道写真館他リスト用
---------------------------------------------------------------------------*/
table {border-collapse:collapse;border-spacing: 0;}

/*テーブル１行目に入った見出し部分（※caption）*/
.ta2 caption {
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	background: #eee;		/*背景色*/
	font-weight: bold;		/*太字に*/
	padding: 10px;		/*ボックス内の余白*/
}
/*ta2設定*/
.ta2 {
	width: 100%;
	table-layout: auto;
	margin-bottom: 0px;
}
.ta2, .ta2 td, .ta2 th {
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	word-break: break-all;
	padding: 3px;			/*ボックス内の余白*/
	line-height: 140%;
}
.ta2 tr.pmidasi{ background-color: #cccccc; text-align: left; }

/*テーブル１行目に入った見出し部分*/
.ta2 th.tamidashi, .ta2 tr.tamidashi {
	text-align: center;	/*左よせ*/
	color: #ffffff;
	background: #666666;		/*背景色*/
}

.ta2 td.nuncen{
	text-align: center;
}
.ta2 tr.plist{
	background-color: #ffffff;
	text-align: center;
	vertical-align: super;
}

.ta2 tr.midasib{
	color: #ffffff;
	background-color: #666666;
	text-align: left;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
dl,dt,dd {margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
/*ブロック全体の設定*/
#new dl {
	padding: 0px 10px;		/*上下、左右へのブロック内の余白*/
	margin-bottom: 20px;	/*ブロックの下(外側)に空ける余白*/
}
/*日付設定*/
#new dt {
	float: left;
	width: 9em;
	letter-spacing: 0.1em;
}
/*記事設定*/
#new dd {
	padding-left: 9em;
	border-bottom: 1px solid #ccc;	/*下線の幅、線種、色*/
}
#info p {
 text-indent: 0em;}


/*更新履歴アイコン
---------------------------------------------------------------------------*/
.newicon {
	background: #F00;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 70%;		/*文字サイズ*/
	line-height: 1.5;
	padding: 1px 3px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: middle;
}
.renewicon {
	background: #0000ff;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 70%;		/*文字サイズ*/
	line-height: 1.5;
	padding: 1px 3px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: middle;
}

.traing {
	font-size: 70%;
	background: #3366ff;	/*背景色*/
	color: #FFF;		/*文字色*/
	vertical-align: middle;
	line-height: 1.5;
	margin: 0px 5px;
	padding: 1px 3px;
	border-radius: 2px;
}

.busg {
	font-size: 70%;
	background: #ff6699;	/*背景色*/
	color: #FFF;		/*文字色*/
	vertical-align: middle;
	line-height: 1.5;
	margin: 0px 5px;
	padding: 1px 3px;
	border-radius: 2px;
}

.etc {
	font-size: 70%;
	background: #009900;	/*背景色*/
	color: #FFF;		/*文字色*/
	vertical-align: middle;
	line-height: 1.5;
	margin: 0px 5px;
	padding: 1px 3px;
	border-radius: 2px;
}



/*横メニューベース（新仕様/トップページ用）
---------------------------------------------------------------------------*/
#menubar{
}

#sub {
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	border-radius: 10px 10px 5px 5px;
	float: left;		/*左に回り込み*/
	border-radius: 10px;
	margin: 10px 0px 10px 10px; padding: 0px;
	width: 25%;			/*ブロックの幅*/
	text-align: left;	
	background: #ffffff;
}

/*h2タグ*/
#sub h2 {
	font-size: 105%;
	text-align: center;
	margin: 0px;
	background: #8c8c8c;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#cbcbff, #000099);	/*背景グラデーション*/
	border-radius: 10px 10px 0px 0px;	/*角丸のサイズ。左上、右上、右下、左下への順番。*/
	padding: 5px;	/*見出し内の余白*/
	color: #fff;	/*文字色*/
}

ul.index00 {list-style-type: none; 
	margin: 5px 5px 10px 5px;padding: 0px;font-weight: normal;text-align: center;}

/*横メニューベース（新仕様/写真館用）
---------------------------------------------------------------------------*/
h3.menuber1 {
	font-size: 100%;
	text-align: left;
	margin: 0px;
	background-color: #0066ff;
	background: linear-gradient(#00ccff, #0066ff);	/*背景グラデーション*/
	padding: 5px;	/*見出し内の余白*/
	color: #fff;	/*文字色*/
}


ul.index01 {list-style-type: none; 
	list-style-type: square;
	/* background: #ffffff;  */
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 25px ;font-weight: normal;}

ul.index02 {
	font-weight: normal;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 25px;
	list-style-type: circle;
}


/*横メニューベース（旧仕様）
---------------------------------------------------------------------------*/
#side1 .list{ text-align: left; font: 1em/120% "MS UI Gothic"; margin: 3px 0px 3px 15px; width: 185px; height: 20px; }
#side1 .list a{ background: #ffffff; }
#side1 .list a:hover{ background: #efefef; color: #0600b3; }
.submenu{ overflow: hidden; margin: 0px; padding: 0px; }
.submenu .submenuitem{ float: left; }
.submenu .submenuitem .submenuitemcenter{ float: left; display: inline; }
.submenu .submenuitem .submenuitemlink{ padding: 0px 0px 5px; }
.submenu .submenuitem .submenuitemright{ float: left; display: inline; }
.submenu .submenuitem:hover .submenuitemcenter,.submenu .submenuitemcurrent .submenuitem .submenuitemcenter{ display: inline; }
.submenu .submenuitem:hover .submenuitemright,.submenu .submenuitemcurrent .submenuitem .submenuitemright{ display: inline; }
.submenu .submenuitemcurrent .submenuitem .submenuitemcenter{ display: inline; }
.submenu .submenuitemcurrent .submenuitem .submenuitemlink{ color: #1ca5a6; }
.submenu .submenuitemcurrent .submenuitem .submenuitemlink:link{ color: #1ca5a6; }
.submenu .submenuitemcurrent .submenuitem .submenuitemlink:visited{ color: #1ca5a6; }
.submenu .submenuitemcurrent .submenuitem .submenuitemright{ display: inline; }
.submenu .submenuitemlink{ float: left; text-decoration: none; margin: 0px; text-align: left; font-style: normal; font-weight: bold; color: #1a1a1a; }
.submenu .submenuitemlink:link{ color: #1a1a1a; }
.submenu .submenuitemlink:visited{ color: #1a1a1a; }
.submenu .submenuitemlink:hover{ color: #1ca5a6; }
.submenu li{ clear: both; margin: 0px; }
.submenu ul{ float: left; list-style: none; margin: 0px; padding: 0px; }

/*メイン表示部*/
#main{ margin: 5px; padding: 5px; background: #ffffff left top; width: auto; min-height: 357px; display: block; float: none; font-style: normal; font-weight: normal; text-align: left; }
#main_wrapper000{ overflow-x: hidden; }

/*リンク集で使用*/

#linklist h2 {
	font-size: 105%;
	color: #ffffff;
	background-color: #000099;
	line-height: 140%;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	border-radius: 5px 5px 0px 0px;
}
#linklist p {
	margin: 3px;
}

img.rp_ph { margin: 3px; border-width: 1px; border-style: solid; border-color: #999999; float: right; }
div.index_li {
	background-color: #ffffff;
	text-align: left;
	line-height: 135%;
	margin-top: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding: 0px;
	border-radius: 5px;
}