@charset "utf-8";

/* ============================================== */
/*                                                */
/* JR西日本列車運行情報 共通CSS(common.css)       */
/*                                                */
/* -- 変更履歴 ---------------------------------- */
/* 2012/09/28 新規作成                            */
/* 2017/02/14 リ-29-001在線位置アプリ対応         */
/*                                                */
/* ============================================== */

/* --- 汎用要素定義 --- */
/* リンク定義 */
a:link {
	color: #0A509F;
	text-decoration: underline;
}
a:visited {
	color: #2D00B2;
}
a:hover {
	color: #0033CC;
	text-decoration: none;
}
a:active {
	color: #0033CC;
	text-decoration: none;
}


/* 外部リンク定義 */

a.t-blank{
	background: url(../images/t-blank_icon.png) no-repeat right center;
	line-height: 120%;
	padding-right: 20px;
}

/* PDFリンク定義 */
a.pdf{
	background: url(../images/pdf_icon.png) no-repeat 0 center;
	line-height: 120%;
	padding-left: 20px;
}

/* 共通要素（IE6対応） */
#contents p{
	_line-height: 140%;
}

#contents p{
	_line-height: 140%;
}



/* 読み上げガイダンス */
.guidance {
	position: absolute;
}

.noscript {
	text-align: center;
	padding: 20px 0;
	border: solid 1px #FFD24D;
	background-color: #FFF4BF;
	margin: 10px 0 0 0;
	font-weight: bold;
}

/* --- 基本構造 --- */
body {
	color: #000000;
	font-size: 90%;
	font-family: "メイリオ","Meiryo","Arial","ヒラギノ角ゴ Pro W3","ＭＳＰ ゴシック", sans-serif;
	text-align: center;
}

body #container {
	text-align: left;

}

/* --- ヘッダ --- */
#header {
	background-color: #F9F9F9;
}

#header .header-inner {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 8px 30px;
	background: url(../images/hdr_bg.png) no-repeat 0 0;
	overflow: hidden;
	_zoom: 1;
}

/* --- ロゴ --- */
#header .logo{
	float: left;
	width: 175px;
}

#header .logo a{
	display: block;
	padding: 10px 0 0 0;
}

/* --- ヘッダのメニュー --- */

#header .header_menu_box{
	background: url(../images/hdr_menu_bg_left.png) no-repeat 0 0;
	float: left;
	padding: 10px 0 10px 4px;
	height: 53px;
	overflow: hidden;
	_zoom: 1;
	margin: 0 20px 0 164px;
	display: inline;
	_width: 315px;
}

#header ul.header_menu{
	background: url(../images/hdr_menu_bg_right.png) no-repeat right 0;
	height: 53px;
	overflow: hidden;
	_zoom: 1;
	margin-top: -10px;
}

#header ul.header_menu li{
	padding: 6px 10px;
	border-right: dotted 1px #999999;
	float: left;
	margin-top: 10px;
}

#header ul.header_menu li.header_menu_last{
	border-right: none;
}

#header ul.header_menu li a {
	color: #000000;
	text-decoration: none;
	background: url(../images/link_icon.png) no-repeat 0 center;
	vertical-align: top;
	padding: 3px 0 0 18px;
}

/* --- 大中小ボタン --- */
#header .fsize_change{
	padding: 10px 10px 0 0;
	float: left;
	overflow: hidden;
	_zoom: 1;
	vertical-align: bottom;
}

#header .fsize_change p{
	float: left;
	margin: 6px 10px 0 0;
	display: inline;
}

#header .fsize_change ul{
	float: left;
	overflow: hidden;
	_zoom: 1;
	margin-top: 4px;
}

#header .fsize_change ul li{
	float: left;
	margin: 0 4px 0 0;
	display: inline;
	line-height: 24px;
}

#header p.jrwest_logo{
	margin: 10px 0 0 0;
}

/* --- フォントサイズ変更 --- */
/*大*/
.fsize_large{
	font-size: 120%;
}

/*中*/
.fsize_middle{
	font-size: 100%;
}

/*小*/
.fsize_small{
	font-size: 80%;
}

/* --- グローバルナビ --- */

#glbnavi{
	background:url(../images/glbnavi_bg.png) repeat-x 0 0;
	clear: both;
}

#glbnavi .glbnavi-inner {
	width: 990px;
	margin: 0 auto;
}

#glbnavi ul{
	overflow: hidden;
	_zoom: 1;
	background: url(../images/glbnavi_line_first.png) no-repeat 0 0;
	padding: 0 2px;
}

#glbnavi ul li{
	float: left;
	width: 163px;
	text-align: center;
	cursor: pointer;
}

#glbnavi ul li a{
	color: #FFFFFF;
	font-size: 130%;
	text-decoration: none;
	cursor: pointer;
	display: block;
	_width: 163px;
}

#glbnavi ul li a:hover, #glbnavi ul li a.glbnavi_selected{
	color: #FFFFFF;
	font-size: 130%;
	text-decoration: none;
	display: block;
	background: url(../images/glbnavi_bg_selected.png) repeat-x 0 0;
}

#glbnavi ul li a span{
	display: block;
	background: url(../images/glbnavi_line_link.png) no-repeat right 0;
	line-height: 50px;
	vertical-align: middle;
	padding-top: 1px;
	font-weight: bold;
}

/* --- グローバルナビ6個 --- */
#glbnavi ul.navi-6 li{
	width: 164px;
}

#glbnavi ul.navi-6 li a{
	_width: 164px;
}

/* --- グローバルナビ7個 --- */
#glbnavi ul.navi-7 li{
	width: 140px;
}

#glbnavi ul.navi-7 li a{
	_width: 140px;
}

/* --- グローバルナビ8個 --- */
#glbnavi ul.navi-8 li{
	width: 123px;
}

#glbnavi ul.navi-8 li a{
	_width: 123px;
}

/* --- グローバルナビ9個 --- */
#glbnavi ul.navi-9 li{
	width: 109px;
}

#glbnavi ul.navi-9 li a{
	_width: 109px;
}

/* --- グローバルナビ10個 --- */
#glbnavi ul.navi-10 li{
	width: 98px;
}

#glbnavi ul.navi-10 li a{
	_width: 98px;
}

/* --- ナビゲーションの数によって文字の大きさ変更 --- */
#glbnavi ul.navi-7 li a,#glbnavi ul.navi-8 li a{
	font-size: 115%;
}

#glbnavi ul.navi-9 li a,#glbnavi ul.navi-10 li a{
	font-size: 100%;
}

/* --- パンくずナビ --- */

#brdnavi{
	width: 940px;
	margin: 10px auto;
}

#brdnavi span{
	padding: 0 6px;
	vertical-align: middle;
}


/* --- コンテンツ --- */

#contents{
	width: 990px;
	margin: 10px auto 20px auto;
	overflow: hidden;
	_zoom: 1;
}

#contents .h1_title{
	padding: 10px 0 5px 25px;
	background: url(../images/contents_h1_bg.png) no-repeat 0 bottom;
	width: 965px;
	overflow: hidden;
	_zoom: 1;
}

#contents h1{
	font-size: 120%;
	float: left;
}

#contents .contents-inner{
	width: 900px;
	margin: 10px 0 10px 25px;
	padding: 0 20px;
}

/* --- ボタン（白）（遅延証明書ボタン） --- */

#contents p.btn_white{
	background: url(../images/contents_btn_white_left.png) no-repeat 0 0;
	min-width: 240px;
	_width: 280px;
	height: 36px;
	text-align: center;
	padding: 0;
	float: right;
	margin-right: 40px;
	display: inline;
}

#contents p.btn_white a{
	color: #000000;
	text-decoration: none;
	font-weight:normal !important;
	display: block;
	padding: 6px 1.5em 0 1.0em;
	height: 30px;
	_width: 260px;
	_height: 26px;
	_padding-top: 8px;
}

#contents p.btn_white a img{
	vertical-align: middle;
}

#contents p.btn_white span{
	background: url(../images/contents_btn_white_right.png) no-repeat right 0;
	min-width: 240px;
	height: 36px;
	display: block;
}
/* 2017/03/21 リ-29-001在線位置アプリ対応 追加*/
/* --- ボタン（ブルー）（在線位置ボタン） --- */
#contents p.btn_blue{
	background: url(../images/contents_btn_blue_left.png) no-repeat 0 0;
	min-width: 240px;
	_width: 280px;
	height: 36px;
	text-align: center;
	padding: 0;
	float: right;
	margin-right: 10px;
	display: inline;
}

#contents p.btn_blue a{
	color: #FFFFFF;
	text-decoration: none;
	font-weight:normal !important;
	display: block;
	padding: 6px 1.5em 0 1.0em;
	height: 30px;
	_width: 260px;
	_height: 26px;
	_padding-top: 8px;
}

#contents p.btn_blue a img{
	vertical-align: middle;
}

#contents p.btn_blue span{
	background: url(../images/contents_btn_blue_right.png) no-repeat right 0;
	min-width: 240px;
	height: 36px;
	display: block;
}
/* 2017/03/21 リ-29-001在線位置アプリ対応 追加*/

/* --- ボタン（白）（特急列車路線図ボタン） --- */
#contents p.btn_white_rosen{
	background: url(../images/contents_btn_white_left.png) no-repeat 0 0;
	min-width: 160px;
	_width: 140px;
	height: 36px;
	text-align: center;
	padding: 0px;
	float: right;
	margin-right: 40px;
	display: inline;
}

#contents p.btn_white_rosen a{
	color: #000000;
	text-decoration: none;
	font-weight:normal !important;
	display: block;
	padding: 6px 1.5em 0 1.0em;
	height: 30px;
	_width: 150px;
	_height: 26px;
	_padding-top: 8px;
}

#contents p.btn_white_rosen a img{
	margin-left: 4px;
	vertical-align: middle;
}


#contents p.btn_white_rosen span{
	background: url(../images/contents_btn_white_right.png) no-repeat right 0;
	min-width: 160px;
	height: 36px;
	display: block;
}

/* --- 運行情報（トップページ） --- */

#contents ul.unko_info{
	margin: 10px 0;
}

#contents ul.unko_info li{
	padding: 15px 0;
	font-size: 120%;
	border-bottom: solid 1px #DDDDDD;
	/position: relative;
	clear: both;
	overflow: hidden;
	_zoom: 1;
}

#contents ul.unko_info li span{
	float: left;
}

#contents ul.unko_info li span,#contents ul.unko_info li span img{
	line-height: 35px;
	vertical-align: middle;
}

#contents ul.unko_info li span.area{
	background: url(../images/contents_unkoinfo_area_bg.png) repeat 0 0;
	color: #FFFFFF;
	text-align: center;
	min-width: 140px;
	_width: 140px;
	height: 35px;
	display: inline-block;
	margin-right: 30px;
	padding-top: 2px;
}

#contents ul.unko_info li span.unko_status{
	margin-top: 2px;
}

#contents ul.unko_info li span img{
	margin-right: 20px;
	margin-top: 3px;
	_padding-bottom: 4px;
}

#contents ul.unko_info li span span{
	font-weight: normal;
	color: #000000;
	width: 20.0em;
}

#contents ul.unko_info li span.link{
	float: right;
}

#contents ul.unko_info li span.link a{
	margin-left: 20px;
}


/* --- 運行情報（地区） --- */


#contents ul.chiku_unko_info li{
	padding: 3px 0;
	font-size: 100%;
	overflow: hidden;
	_zoom: 1;
	clear: both;
}

#contents ul.chiku_unko_info li span{
	float: left;
}

#contents ul.chiku_unko_info li span,#contents ul.chiku_unko_info li span img{
	line-height: 35px;
	vertical-align: middle;
	padding-top: 1px;
}

#contents ul.chiku_unko_info li span.area{
	background: url(../images/contents_unkoinfo_area_bg.png) repeat 0 0;
	color: #FFFFFF;
	text-align: center;
	min-width: 140px;
	_width: 140px;
	height: 35px;
	display: inline-block;
	margin-right: 15px;
	padding: 0 8px;
}

#contents ul.chiku_unko_info li span img{
	margin-right: 10px;
	_padding-bottom: 4px;
}

#contents ul.chiku_unko_info li span.status{
	width: 680px;
}

#contents ul.chiku_unko_info li span.status span{
	font-weight: normal;
	color: #000000;
	line-height: 120%;
	float: none;
}

#contents ul.chiku_unko_info li span.detail_link{
	margin-left: 20px;
	margin-top: 2px;
}

/* --- 運行情報（特急列車） --- */

#contents ul.ex_unko_info li{
	overflow: hidden;
	_zoom: 1;
	clear: both;
}

#contents ul.ex_unko_info li span{
	display: inline-block;
	float: left;
}

#contents ul.ex_unko_info li span.status{
	width: 22.0em;/*2013/02/19修正*/
	/*line-height: 200%;*/
}

#contents ul.ex_unko_info li span.status span{
	width: 22.0em;/*2013/02/19修正*/
}

#contents ul.ex_unko_info li span.area{
	background: url(../images/contents_unkoinfo_area_bg.png) repeat 0 0;
	color: #FFFFFF;
	text-align: center;
	min-width: 285px;
	_width: 285px;
	height: 35px;
	display: inline-block;
	margin-right: 15px;
	padding: 0 8px;
}


/* 遅れ（共通） */
#contents ul.unko_info li span.late,#contents ul.chiku_unko_info li span.late{
	font-weight: bold;
	color: #C24F01;
}

/* 特急履歴一覧へのリンク */
#contents p.ex_history_all_link{
	border-top: dotted 1px #999999;
	margin-top: 20px;
	padding: 10px 0;
}

#contents p.ex_history_all_link a{
	background: url(../images/link_icon.png) no-repeat 0 center;
	padding-left: 20px;
}
/* --- お知らせ（トップページ） --- */

#contents h2.top_info{
	font-size: 120%;
	padding: 10px 0 10px 25px;
	background: url(../images/contents_h1_bg.png) no-repeat 0 bottom;
	width: 965px;
}

/* --- お知らせ（共通） --- */

#contents ul.info{
	border: solid 1px #CCCCCC;
	padding: 10px 20px;
	height: 70px;
	overflow-y: scroll;
}

/*2013/01/18修正ここから*/
#contents ul.info li{
	margin-bottom: 10px;
}

#contents ul.info li.infotext{
	margin-left: 20px;
	list-style: disc;
}

#contents ul.info li a{
	background: url(../images/link_icon.png) no-repeat 2px center;
	padding-left: 20px;
}

#contents ul.info li a span.info-t-blank{
	background: url(../images/t-blank_icon.png) no-repeat right center;
	line-height: 120%;
	padding-right: 20px;
	margin-left: 0;
}
/*2013/01/18修正ここまで*/

/* --- フッター --- */

#footer{
	overflow: hidden;
	_zoom: 1;
	background: url(../images/ftr_bg.png) repeat-x 0 0;
}

#footer .footer-inner{
	width: 990px;
	margin: 10px auto 10px auto;
	overflow: hidden;
	_zoom: 1;
}

#footer .footer-box{
	float: left;
	margin: 0 10px;
	display: inline;
	padding: 10px 20px 10px 20px;
}

#footer .footer-box.footer-line{
	background: url(../images/ftr_line.png) repeat-y left 0;
}

#footer ul li{
	margin-bottom: 10px;
}

#footer ul li a{
	color: #000000;
}

#footer .copyright{
	background: url(../images/ftr_border.png) repeat-x 0 0;
	color: #535353;
	padding: 10px 0;
}

#footer .copyright p{
	width: 970px;
	margin: 0 auto;
}


/* --- タブ --- */

#contents #tab{
	margin: 0 0 0 0;
}

#contents #tab ul{
	overflow: hidden;
	_zoom: 1;
}

#contents #tab ul li {
	float: left;
	margin-right: 10px;
	display: inline;
}


#contents #tab ul li a{
	background:url(../images/contents_tab_bg_normal_left.png) no-repeat 0 0;
	color: #000000;
	text-decoration: none;
	padding: 0 0 0 35px;
	display: inline-block;
	cursor: pointer;
	_padding: 5px 0 0 35px;
}

#contents #tab ul li a span{
	background:url(../images/contents_tab_bg_normal_right.png) no-repeat right 0;
	padding: 4px 20px 0 0;
	display: inline-block;
	_padding: 5px 20px 5px 0;
	_margin-top: -5px;
}

#contents #tab ul li.tab_selected a{
	background:url(../images/contents_tab_bg_selected_left.png) no-repeat 0 0;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 0 0 35px;
	display: inline-block;
	cursor: pointer;
	_padding: 5px 0 0 35px;
}

#contents #tab ul li.tab_selected a span{
	background:url(../images/contents_tab_bg_selected_right.png) no-repeat right 0;
	padding: 4px 20px 0 0;
	_padding: 5px 20px 5px 0;
	_margin-top: -5px;
}

#contents .tab-inner{
	border: solid 2px #0A4F9E;
	padding: 10px;
}

#contents .tab-inner #syosai_3,
#contents .tab-inner #syosai_4{
	display: none;
}

/* --- 各地区のタブ内 --- */

#contents #syosai,
#contents #syosai_1,
#contents #syosai_3,
#contents #syosai_4{
	overflow: hidden;
	_zoom: 1;
}

/* --- 地区のないページ--- */
#contents #syosai{
	width: 876px;
}


/* --- 路線図 --- */

#contents .map {
	text-align: center;
}
#contents .map img{
	border: solid 2px #000000;
}

#contents p.map_guidance{
	margin: 14px 4px 0 15px;
	float: left;
}

#contents p.map_btn{
	text-align: right;
	margin-top: 10px;
	margin-right: 15px;
}

/* --- ページ内リンク --- */

#contents ul.page_down{
	padding-top: 10px;
	clear: both;
	margin-left: 10px;
}

#contents ul.page_down li{
	clear: both;
	background: url(../images/contents_page_down_icon.png) no-repeat 0 center;
	padding: 0 0 0 10px;
	margin-bottom: 4px;
}

/* --- h2(事象のタイトル) --- */

#contents .jisyo{
	background: #EEEEEE;
	padding: 4px;
	margin-top: 20px;
	clear: both;
}

#contents .jisyo_hdr{
	overflow: hidden;
	_zoom: 1;
	background: #F9F9F9;
	padding: 6px;
}

#contents h2.jisyo_title{
	font-size: 110%;
	float:left;
}

#contents h2.jisyo_title a{
	color: #000000;
}

#contents .jisyo_date{
	float:right;
	overflow: hidden;
	_zoom: 1;
}

#contents .jisyo_date p{
	float: right;
	clear: both;
}

#contents .jisyo_date p a{
	padding: 0 0 0 20px;
	background: url(../images/link_icon.png) no-repeat 0 center;
}

/* --- 事象の情報 --- */

#contents .jisyo_contents{
	clear: both;
	padding: 10px;
}

#contents .jisyo_contents p.gaiyo,#contents .jisyo_contents p.mikomi{
	padding-left: 0;
}

#contents .jisyo_contents h3{
	margin: 6px 0;
	padding-left: 10px;
	background: url(../images/contents_h3_icon.png) no-repeat 0 0;
}

#contents .jisyo_contents p{
	padding-left: 10px;
	margin: 2px 0;
}

/*2013/01/18修正ここから*/

#contents .jisyo_contents p{
	overflow: hidden;
}

#contents .jisyo_contents span.line {
	display: block;
	float: left;
	margin: 0 1.0em 0 0;
	width: 10.0em;
	clear: both;
}
#contents .jisyo_contents span.station {
	display: block;
	margin: 0 0 0 11.0em;
	_height: 1%;
	width: auto;
}

#contents .jisyo_contents p.sameline{
	margin-left: 11.0em;
}

/*2013/01/18修正ここまで*/

#contents .jisyo_contents h4{
	padding-left: 10px;
}

#contents ul.furikae{
	margin-left: 50px;
}

#contents ul.furikae li{
	list-style: disc;
}

#contents ul.kanreninfo{
	margin-left: 10px;
	padding-left: 20px;
	background: url(../images/link_icon.png) no-repeat 0 center;
}

/* --- ページトップへ --- */

#contents p.page_top{
	float: right;
	background: url(../images/page_top_icon.png) no-repeat 0 center;
	padding: 4px 0 8px 14px;
}

/* --- 履歴一覧のリンク --- */

#contents p.rireki_ichiran_link{
	clear: both;
	background: url(../images/link_icon.png) no-repeat 0 center;
	padding-left: 20px;
	margin-left: 10px;
	margin-top: 10px;
}

/* --- h2(共通) --- */

#contents h2.common_h2{
	clear: both;
	margin: 20px 0 10px 0;
	font-weight: bold;
	border-bottom: solid 3px #999999;
}

/* --- 連絡私鉄運行情報 --- */
#contents ul.shitetsu_link{
	overflow: hidden;
	_zoom: 1;
	margin-left: 10px;
}

#contents ul.shitetsu_link li{
	float: left;
	background: url(../images/link_icon.png) no-repeat 0 4px;
	padding-left: 20px;
	margin: 0 30px 10px 0;
	display: inline;
	width: 230px;
}

#contents ul.shitetsu_link li a{
	/zoom: 1;
}

/* --- 特急列車の履歴一覧（インデックスページ） --- */

#contents ul.history_link li{
	background: url(../images/link_icon.png) no-repeat 0 center;
	padding-left: 20px;
	margin-bottom: 5px;
}


/* --- テーブル --- */

#contents table{
	border: solid 1px #DDDDDD;
	width: 100%;
}

#contents table caption{
	font-weight: bold;
	line-height: 200%;/*2013/02/19修正*/
}

#contents table tr th, #contents table tr td{
	padding: 6px 10px;
}

#contents table tr th{
	background: #CCCCCC;
	border-left: solid 1px #FFFFFF;
	font-weight: bold;
}

#contents table tr td{
	border: solid 1px #DDDDDD;

}

#contents table tr.odd td{
	background-color: #FFFFFF;
	border: solid 1px #EEEEEE;
}

#contents table tr.even td{
	background-color: #EEEEEE;
	border-bottom: none;
	border-top: none;
}

/* --- ソートボタン（事象の履歴） --- */
#contents .sort_btn{
	float: right;
	overflow: hidden;
	_zoom: 1;
	margin: 10px 0 10px 0;
	display: inline;
}

#contents .sort_btn p{
	float: left;
	margin-left: 10px;
	display: inline;
}

/* --- 不正ID入力 --- */

#contents .error_message{
	padding: 20px;
	border: solid 1px #FF4D4D;
	background-color: #FFF7F7;
}

#contents .error_message h1{
	float: none;
	background: url(../images/contents_error_icon.png) no-repeat 0 0;
	padding: 5px 0 0 40px;
	height: 33px;
}

#contents .error_message p{
	margin-left: 40px;
}

/* --- ヘッダメニュー&グローバルナビなし（メンテナンス・時間外） --- */

.nonavi #header{
	border-bottom: solid 1px #B3B3B3;
}

.nonavi #header .header-inner{
	border-bottom: solid 1px #FFFFFF;
}

.nonavi #header .fsize_change{
	margin: 0 0 0 540px;
	display: inline;
}

/* --- メンテナンス中 --- */

#contents .alert_message{
	padding: 20px;
	border: solid 1px #FFD24D;
	background-color: #FFF4BF;
}

#contents .alert_message h1{
	float: none;
	background: url(../images/contents_alert_icon.png) no-repeat 0 0;
	padding: 5px 0 0 40px;
	height: 35px;
}

#contents .alert_message p{
	margin-left: 40px;
}

/* --- 情報提供時間外 --- */

#contents .information_message{
	padding: 20px;
	border: solid 1px #8AB6EC;
	background-color: #F0F6FC;
}

#contents .information_message h1{
	float: none;
	background: url(../images/contents_information_icon.png) no-repeat 0 0;
	padding: 5px 0 0 40px;
	height: 32px;
}

#contents .information_message p{
	margin-left: 40px;
}


/* --- Q&A --- */

#contents ul.qanda_list{
	margin-bottom: 15px;
}

#contents ul.qanda_list li{
	background: url(../images/contents_qanda_q_icon.png) no-repeat 0 0;
	padding: 6px 0 6px 35px;
	margin-top: 15px;
	_height: 28px;
}

#contents div.qanda_contents{
	border-top: solid 1px #DDDDDD;
	overflow: hidden;
	_zoom: 1;
	clear: both;
}


#contents div.qanda_contents h2{
	background: url(../images/contents_qanda_q_icon.png) no-repeat 0 0;
	padding: 6px 0 6px 35px;
	margin-top: 12px;
	_height: 28px;
}

#contents div.qanda_contents h2 a{
	color: #000000;
}

#contents div.qanda_contents p.answer{
	background: url(../images/contents_qanda_a_icon.png) no-repeat 0 0;
	padding: 6px 0 6px 35px;
	margin-top: 15px;
	_height: 28px;
}

/* --- サイトマップ --- */
#contents ul.sitemap_list{
	margin-left: 10px;
}

#contents ul.sitemap_list li a{
	background: url(../images/link_icon.png) no-repeat 0 center;
	padding-left: 20px;
}

#contents .sitemap_chiku{
	margin-left: 10px;
}

#contents .sitemap_chiku h3{
	margin-left: 10px;
	padding-left: 10px;
	background: url(../images/contents_h3_icon.png) no-repeat 0 0;
	_margin: 10px 0 4px 10px;
}

#contents .sitemap_chiku ul.sitemap_list{
	margin: 0 0 10px 20px;
	_margin-bottom: 20px;
}



/* --- サービス概要 --- */

#contents p.readme_map img{
	border: solid 1px #000000;
	margin-bottom: 10px;
}

#contents table.readme_area{
	margin-top: 15px;
}

#contents table.readme_area tr td{
	border: solid 1px #DDDDDD;
}

#contents .readme_chien{
	overflow: hidden;
	_zoom: 1;
	width: 900px;
	margin: 20px 0 10px 0;
	border-bottom: solid 3px #999999;
}

#contents .readme_chien h2{
	float: left;
	margin: 20px 0 0 0;
}

#contents .readme_chien p.btn_white{
	margin-right: 0;
}