/*==================================================================
CSS for 【置きぱど】
modified: 2008.6.24（update: 2008.7.30）
==================================================================*/

/*Key Color #6699CC*/

* {
	margin:0; 
	padding:0;
	line-height:1.22em;
}
body {
 	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:13px;
	*font-size:small;
	*font:x-small;
	background:url(http://etc.padotown.net/media/images/okipado/bg.gif) repeat #FFF;
}
img { border:none; }





/*==================================================================
ヘッダー
==================================================================*/

div#header {
	width:100%;
	height:91px;
	background:url(http://etc.padotown.net/media/images/okipado/bg_header.gif) repeat-x;
}
/*置きぱどロゴ*/
img#title_upper {
	position:absolute;
	top:0;
	left:0;
	height:67px;
}
/*媒体タイトル*/
p#read_media {
	position:absolute;
	top:72px;
	left:12px;
	background:url(http://etc.padotown.net/media/images/okipado/read_media.gif) no-repeat;
	padding-left:25px;
	font-size:91.6%;
	font-weight:bold;
	color:#FFF;
}
/*媒体ロゴ*/
img#title_bottom {
	position:absolute;
	top:0;
	left:273px;
	height:91px;
}
/*雑誌名で選ぶ（コンテナ）*/
div#mediaform {
	position:absolute;
	top:8px;
	left:493px;
	width:162px;
	height:82px;
	background:url(http://etc.padotown.net/media/images/okipado/bg_header_media.jpg) no-repeat top #6699CC;
}
/*タイトル*/
img#label_media,
img#label_locale {
	margin:5px 8px;
}
h2#header_media,
h2#header_local {
	display:none;
}

/*発行地域で選ぶ（コンテナ）*/
div#localeform {
	position:absolute;
	top:8px;
	left:664px; 
	width:162px;
	height:82px;
	background-color:#6699CC;
	background:url(http://etc.padotown.net/media/images/okipado/bg_header_local.jpg) no-repeat top #6699CC;
}
/*プルダウン枠線*/
div.formobject {
	width:140px;
	background-color:#FFF;
	padding:1px;
	margin:25px auto 0 auto;
}
/*プルダウン*/
select#id_media,
select#id_locale {
	width:138px;
	height:20px;
	margin:0;
	padding:0;
}

/*使い方ボタン（旧）*/
img#help_banner {
	position:absolute;
	top:11px;
	left:830px;
	height:53px;
}
/*使い方ボタン（新）*/
div#howto_banner {
	width:53px;
	height:53px;
	position:absolute;
	top:11px;
	left:830px;
	text-indent:-9999px;
	overflow:hidden;
}
div#howto_banner a:link,
div#howto_banner a:visited {
	width:53px;
	height:53px;
	background:url(http://etc.padotown.net/media/images/okipado/b_howto.jpg) no-repeat;
	display:block;
	border:0;
}
div#howto_banner a:hover {
	width:53px;
	height:53px;
	display:block;
	background:url(http://etc.padotown.net/media/images/okipado/b_howto.jpg) no-repeat 0px -53px;
}
/*最終更新日*/
p#update {
	position:absolute;
	top:22px;
	left:888px;
	width:106px;
	font-size:85%;
	color:#666;
}
div#menu {
	position:absolute;
	top:5px;
	left:830px;
	width:118px;
	height:57px;
	padding:5px;
}

#id_media {
	margin-top:5px;
	width:140px;
}
#id_locale {
	margin-top:5px;
	width:140px;
}




/*==================================================================
左列
==================================================================*/

/*左枠線*/
div#sidebar {
	position:absolute;
	top:91px;
	left:0;
	width:11px;
	background-color:#6699CC;
}
/*駅・ランドマークから選ぶ（タイトル）*/
#list_landmark_banner {
	position:absolute;
	top:94px;
	left:18px;
	width:239px;
	height:57px;
}
/*駅・ランドマークから選ぶ（本体）*/
#list_landmark {
	position:absolute;
	overflow:auto;
	top:151px;
	left:18px;
	width:239px;
	height:210px;
	background:url(http://etc.padotown.net/media/images/okipado/bg_navi.gif) no-repeat #FBFEFB bottom;
}
/*駅・ランドマーク一覧*/
#list_landmark ul {
	width:222px;
	list-style-type:none;
	margin-left:15px;;
}
#list_landmark ul li {
	font-size:100%;
	padding:3px 5px 0 13px;
	background:url(http://etc.padotown.net/media/images/okipado/listmarker.gif) no-repeat 5px 6px;
	display:block;
}
#list_landmark ul li a:link,
#list_landmark ul li a:visited {
	color:#000;
	text-decoration:none;
}
#list_landmark ul li a:hover {
	background-color:#6699CC;
	color:#FFF;
}
/*この地図内の設置店（タイトル）*/
#list_okipado_banner {
	position:absolute;
	top:362px;
	left:18px;
	width:239px;
	height:57px;
}
/*この地図内の設置店（本体）*/
#list_okipado {
	position:absolute;
	overflow:hidden;
	top:419px;
	left:18px;
	width:239px;
	background:url(http://etc.padotown.net/media/images/okipado/bg_navi.gif) no-repeat #FBFEFB bottom;
	padding-bottom:7px;
}
/*この地図内の設置店（内側）※スクロールバー表示時のレイアウト崩れを調整*/
#wrapper_list_okipado {
	overflow:auto;
	width:229px;
	margin:0 auto;
}
/*この地図内の設置店一覧*/
#list_okipado ul {
	width:205px;
	list-style-type:none;
	margin-left:5px;
}
#list_okipado ul li {
	font-size:100%;
	padding:3px 5px 0 13px;
	background:url(http://etc.padotown.net/media/images/okipado/listmarker.gif) no-repeat 5px 6px;
}
#list_okipado ul li a:link,
#list_okipado ul li a:visited {
	color:#000;
	text-decoration:none;
}
#list_okipado ul li a:hover {
	background-color:#6699CC;
	color:#FFF;
}




/*==================================================================
右列
==================================================================*/

/*マップ*/
#map {
	position:absolute;
	top:98px;
	left:262px;
	border:6px solid #6699CC;
}




/*==================================================================
フッター
==================================================================*/

#footer {
	position:absolute;
	height:35px;
	left:0;
	background-color:#6699CC;
	text-align:center;
}
#footer p {
	padding-top:8px;
	font-size:91.6%;
	color:#FFF;
}




/*==================================================================
その他
==================================================================*/

a.loc_text { display:block; margin-left:5px; margin-top:2px; }

.loc_header { text-align:center; }
.loc_control { margin-top:5px; text-align:center; }

#remove { margin-left:5px; }




/*==================================================================
つかいかたページ
==================================================================*/

div#header_help {
	width:100%;
	height:61px;
	background-color:#FFF;
	border-bottom:4px solid #6699CC;
	padding-top:3px;
}
/*メインロゴ*/
h1#title_help {
	width:425px;
	height:61px;
	background:url(http://etc.padotown.net/media/images/okipado/help_mainlogo.gif) no-repeat;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
}
div#wrapper_content_help {
	width:534px;
	margin:0 auto;
	padding:25px 0;
}
div.content_help {
	width:494px;
	background:url(http://etc.padotown.net/media/images/okipado/help_bg_content.gif) no-repeat bottom #FBFEFB;
	padding:10px 20px 15px 20px;
	font-size:100%;
}
div.content_help img {
	float:left;
	margin-right:4px;
}
/*つかいかたの基本（タイトル）*/
h2#t01 {
	width:534px;
	height:35px;
	background:url(http://etc.padotown.net/media/images/okipado/help_t01.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
/*雑誌名で選ぶ（タイトル）*/
h2#t02 {
	width:534px;
	height:35px;
	background:url(http://etc.padotown.net/media/images/okipado/help_t02.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:15px;
}
/*発行地域で選ぶ（タイトル）*/
h2#t03 {
	width:534px;
	height:35px;
	background:url(http://etc.padotown.net/media/images/okipado/help_t03.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:15px;
}
/*駅･ランドマークから選ぶ（タイトル）*/
h2#t04 {
	width:534px;
	height:35px;
	background:url(http://etc.padotown.net/media/images/okipado/help_t04.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:15px;
}
/*この地図内の設置店（タイトル）*/
h2#t05 {
	width:534px;
	height:35px;
	background:url(http://etc.padotown.net/media/images/okipado/help_t05.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin-top:15px;
}
/*フッター*/
div#footer_help {
	text-align:center;
	font-size:91.6%;
	padding-top:10px;
}