@charset "UTF-8";

/*==================================================

	ただ今九官中！
	common.css
	
	[1] ブラウザリセット＋基本設定
	[2] 汎用クラス
	[3] 共通レイアウト
	[4] 個別レイアウト | 地図表示
	[5] 個別レイアウト | 詳細
	[6] 個別レイアウト | 検索ページ
	[7] 個別レイアウト | lightbox
	[8] 個別レイアウト | 注釈ページ

==================================================*/


/* ●[1] ブラウザリセット＋基本設定 -------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td{
	margin:0;
	padding:0;
}

body{
	zoom:1;
	color:#222;
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 13px;
	*font-size: small;
	*font:x-small;
	line-height: 1.5;
}

h1,h2,h3,h4,h5,h6{
	font-weight:bold;
	font-size:100%;
}

strong{
	font-weight:bold;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

img{
	border:0;
	vertical-align:top;
}

address,em,th,dt{
	font-style:normal;
	font-weight:normal;
}

li{
	list-style:none;
}

q:before,q:after{
	content:'';
}

input, textarea, select{
	font-size:100%;
}

input, select {
	vertical-align: middle;
}

table{
	font-size:1em;
}

caption,th{
	text-align:center;
}

a, a:visited {
	color: #07a;
	text-decoration:none;
}

a:hover {
	color: #f90;
	text-decoration:none;
}

/* ●[2] 汎用クラス -------------------- */

/* ●clearfix */

.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
}

/* For Except Mac IE ¥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* */

/* ●汎用マージン */

.mb0{ margin-bottom: 0px; }
.mb05{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }

.mt05{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }

.mr05{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr15{ margin-right: 15px; }
.mr20{ margin-right: 20px; }

.ml05{ margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }


/* ●汎用パディング */

.pa0{ padding:0px; }
.pa05{ padding:5px; }
.pa10{ padding:10px; }
.pa15{ padding:15px; }

.pa05w{ padding:0 5px; }
.pa10w{ padding:0 10px; }
.pa15w{ padding:0 15px; }

/* ●フォントサイズ */

.font_s { font-size: 93% }
.font_ss { font-size: 85% }
.font_l { font-size: 108% }
.font_ll { font-size: 116% }

.align_l { text-align: left }
.align_c { text-align: center }
.align_r { text-align: right }


/* ●[3] 共通レイアウト -------------------- */

/* ●大枠 */

body {
	background: url(../img/bg.gif) center;
}

#wrapper {
	background: url(../img/bg_head_top.gif) top center no-repeat;
	font-size: 93%;
}

#container {
	background: url(../img/bg_head_top.gif) -380px 0 no-repeat;
	width: 1040px;
	margin:0 auto;
}

#wrapper_top { /* トップ */
	background: url(../img/bg_head_top02_2.gif) top center no-repeat;
	font-size: 93%;
}

#container_top { /* トップ */
	background: url(../img/bg_head_top02_2.gif) -380px 0 no-repeat;
	width: 1040px;
	margin:0 auto;
}

/* ●ヘッダ - トップ */

#header_top {
	position: relative;
	height: 1065px;
}

#header_top h1 {
	position: absolute;
	top: 21px;
	left: 338px;
}

/* ●ヘッダ - 2ndシーズン */

#header_top #lead_2ndnew01 {
	position: absolute;
	top: 56px;
	left: 730px;
}

#header_top #lead_2ndnew02 {
	position: absolute;
	top: 284px;
	left: 370px;
}

#header_top #lead_2ndnew03 {
	position: absolute;
	top: 355px;
	left: 282px;
}

#header_top #lead_2ndnew04 {
	position: absolute;
	top: 740px;
	left: 338px;
}

#header_top #lead_2nd02 {
	position: absolute;
	top: 965px;
	left: 266px;
}

#header_top #lead_2nd03 {
	position: absolute;
	top: 965px;
	left: 526px;
}

#header_top #lead_2nd04 {
	position: absolute;
	background: url(../img/lead_new05.gif) no-repeat;
	width:506px;
	height:53px;
	top: 1020px;
	left: 261px;
}

#header_top #lead_2nd04 span {
	display:block;
	color:#f90;
	font-weight:bold;
	padding:8px 0 0 262px;
	font-size:188%;
}

#header_top #lead_qr {
	position: absolute;
	top: 550px;
	left: 800px;
}


/* ***** 以下、1stシーズン設定 ***** */

#header_top #lead_new01 {
	position: absolute;
	top: 277px;
	left: 257px;
}

#header_top #lead_new02 {
	position: absolute;
	top: 328px;
	left: 274px;
}

#header_top #lead_new03 {
	position: absolute;
	top: 482px;
	left: 276px;
}

#header_top #lead_new04 {
	position: absolute;
	top: 482px;
	left: 526px;
}

#header_top #lead_join {
	position: absolute;
	top: 520px;
	left: 111px;
}

#header_top #lead_new05 {
	position: absolute;
	background: url(../img/lead_new05.gif) no-repeat;
	width:506px;
	height:53px;
	top: 705px;
	left: 261px;
}

#header_top #lead_new05 span {
	display:block;
	color:#f90;
	font-weight:bold;
	padding:8px 0 0 262px;
	font-size:188%;
}

/* ***** 以下、1stシーズン設定 ***** */


/* ●ヘッダ - コーナー */

#header {
	position: relative;
	height: 340px;
}

#header h1 {
	position: absolute;
	top: 21px;
	left: 338px;
}

#header #head_bt01 {
	position: absolute;
	top: 0px;
	left: 701px;
}

#header #head_bt02 {
	position: absolute;
	top: 0px;
	left: 862px;
}

#header #head_bt_top {
	position: absolute;
	top: 0px;
	left: 30px;
}

#header #lead_new05 {
	position: absolute;
	background: url(../img/lead_new05.gif) no-repeat;
	width:506px;
	height:53px;
	top: 280px;
	left: 261px;
}

#header #lead_new05 span {
	display:block;
	color:#f90;
	font-weight:bold;
	padding:8px 0 0 262px;
	font-size:188%;
}

/* ●白枠レイアウト */

#contents_block {
	background: url(../img/bg_box_med.gif) center repeat-y;
}

#contents_box {
	background: url(../img/bg_box_top.gif) top center no-repeat;
}

#wrapper_top #contents_box { /* トップ用 */
	background: url(../img/bg_box_top02.gif) top center no-repeat;
}

#contents_inner {
	background: url(../img/bg_box_btm.gif) bottom center no-repeat;
	padding:0 0 30px 30px;
}

#main_contents {
	float: left;
	width: 980px;
}

/* ●メイン左 検索 */

#main_left {
	float: left;
	width: 637px;
}

#main_left_head {
	clear: both;
	width: 583px;
	height: 100px;
	margin: 65px 0 0 30px;
	padding: 9px 0 0 0;
	background: url(../img/bt_bg.gif) top left no-repeat;
}

#main_left_head li {
	margin: 0 3px 9px 0;
	padding: 0;
	float: left;
}

#main_left_head li img {
	margin: 0;
	padding: 0;
}

/*
#main_left_head #search01_ttl {
	position: absolute;
	top: 25px;
	left: 298px;
}

#main_left_head #search01_main #search_text {
	position: absolute;
	top: 70px;
	left: 370px;
	width: 170px;
	height: 22px;
	color: #666;
	font-size: 85%;
	padding:6px 0 0;
}

#main_left_head #search01_main #search_bt {
	position: absolute;
	top: 72px;
	left: 548px;
}

#main_left_head #search02_ttl {
	position: absolute;
	top: 23px;
	left: 0px;
}

#main_left_head #search02_main {
	position: absolute;
	top: 72px;
	left: 80px;
}

*/


/* ●ページャー */

#pager_1bt {
	margin: 10px 0 0;
}

#pager_1bt li {
	text-align: center;
}

#pager_2bt {
	position: relative;
	height: 36px;
	margin: 10px 0 0;
}

#pager_2bt .prev {
	position: absolute;
	top: 0;
	left: 0;
}

#pager_2bt .next {
	position: absolute;
	top: 0;
	left: 463px;
}

#pager_3bt {
	position: relative;
	height: 36px;
}

#pager_3bt .perv {
	position: absolute;
	top: 0;
	left: 0;
}

#pager_3bt .back {
	position: absolute;
	top: 0;
	left: 231px;
}

#pager_3bt .next {
	position: absolute;
	top: 0;
	left: 463px;
}

/* ●メイン左 コンテンツ */

#content_ttl {
	padding: 11px 0 0 16px;
	clear: both;
}

#content_ttl_tx {
	clear: both;
	margin: 11px 0 0 16px;
	background: url(../img/ttl_bg.gif) no-repeat;
	width:588px;
	height:45px;
	position:relative;
	font-weight:bold;
}

#content_ttl_tx #ttl_tx_main {
	position:absolute;
	top:14px;
	left:60px;
	width:360px;
	color:#fff;
	font-size:123%;
}

#content_ttl_tx #ttl_tx_sub {
	position:absolute;
	top:14px;
	right:10px;
	width:150px;
	color:#ffcf00;
	text-align:right;
	font-size:115%;
}

#content_ttl_bt {
	margin: 11px 0 0 16px;
	width:588px;
	height:39px;
	position:relative;
}

#content_ttl_bt #ttlbt_list {
	position:absolute;
	top:9px;
	left:450px;
}

#main_left_body { /* 幅ジャスト */
	padding: 0 0 0 34px;
	width: 570px;
}

#main_left_body02 { /* 幅余裕あり */
	padding: 0 0 0 34px;
	width: 590px;
}

/* ●メイン右 */

#main_right {
	float: left;
	width: 320px;
}

#ttl_twitter img {
	margin:0 0 0 -25px;
	_position:relative;
}

#twitter_block {
	margin: 4px 0 0;
	border:4px solid #e0dcd0;
	background: url(../img/bg_texture.gif) repeat;
	height: 668px;
	overflow-y: auto;
}

/* ●twitter みんなのつぶやき */

.twitStream{
	font-size: 85%;
	line-height:1.3;
	padding:0 10px;
}

.tweet{
	border-bottom: 1px dotted #a8a59c;
	padding: 10px 0;
	white-space: -moz-pre-wrap; /* for Mozilla */
    white-space: -o-pre-wrap;   /* for Opera 7 */
    white-space: pre-wrap;      /* for CSS3 */
    word-wrap: break-word;      /* for IE 5.5+ */
}

.tweet-left{
	float: left;
	margin: 0 10px 4px 0;
}

.tweet-left img{
	background: url(../img/bg_dot01.gif);
	padding:2px;
}

.tweet .tweet-user {
	font-weight: bold;
}

.tweet p.text{
	margin: 0;
	padding: 0;
	overflow:hidden;
	*zoom:1;
}


/* ●右はみだしボタン */

#ttl_hash {
	text-align: right;
	color: #666;
	font-size: 85%;
	padding:48px 0 0;
	height:13px;
}

#bt_twit {
	float: right;
	width: 30px;
	padding: 62px 0 0;
}

/* ●フッター */

#footer {
	margin-top:-3px;
	padding:0 30px 30px 60px;
}

#footer p {
	float:left;
	width:111px;
}

#footer dl {
	float: right;
	padding:6px 0 0;
	width:650px;
}

#footer dl dt {
	float:left;
	margin-right:20px;
}

#footer dl dd {
	float:left;
	margin-right:10px;
}


/* ●[6] 個別レイアウト | 投稿写真一覧 -------------------- */

#toukou_list {
	padding:15px 0 0;
}

#toukou_list li {
	width: 130px;
	float: left;
	margin: 0 16px 16px 0;
}

/* ●[6] 個別レイアウト | 県別 -------------------- */

#prefecture_map {
	padding: 20px 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px dotted #bbb;
	text-align: center;
}

#prefecture_btn {
	clear: both;
	margin: 7px 0 0 36px;
}

#prefecture_btn li {
	margin: 0 4px 0 0;
	float: left;
}

/* ●[6] 個別レイアウト | キューちゃんNoから選択 -------------------- */

#number_list_block {
	margin:10px 0 20px;
}

#number_list_block li {
	width: 250px;
	margin: 0 20px 0 0;
	padding:7px 12px 5px 12px;
	border-bottom: 1px dotted #bbb;
	float: left;
}

#number_list_block li a {
	color: #07a;
}

#number_list_block li a:hover {
	color: #f90;
}



/* ●[6] 個別レイアウト | 投稿者から選択 -------------------- */

#user_list_block {
	margin:10px 0 20px;
}

#user_list_block li {
	width: 250px;
	margin: 0 20px 0 0;
	padding:7px 12px 5px 12px;
	border-bottom: 1px dotted #bbb;
	float: left;
}

#user_list_block li a {
	color: #07a;
}

#user_list_block li a:hover {
	color: #f90;
}

/* ●[6] 個別レイアウト | 投稿詳細 -------------------- */

#detail_block {
	width: 570px;
	margin: 0;
	padding: 30px 0;
	border-bottom: 1px dotted #bbb;
	text-align: center;
}

.detail_ph {
	width: 320px;
	margin: 0;
	padding: 5px;
	background: url(../img/detail_phbg.gif);
	float: left;
}

.detail_box {
	width: 220px;
	text-align: left;
	float: right;
}

.detail_box h3 {
	width: 180px;
	margin: 0 0 8px 0;
	padding: 6px 10px 6px 30px;
	background: url(../img/detail_ttlbg.gif) no-repeat;
	font-weight: bold;
}

.detail_box h3 a, a:visited {
	color: #222;
	text-decoration:none;
}

.detail_box h3 a:hover {
	color: #07a;
	text-decoration:none;
}

.detail_box ul {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #bbb;
}

.detail_day {
	color: #666;
}

.detail_name {
	margin: 0 0 3px 0;
	font-weight: bold;
}

.detail_name a {
	color: #07a;
}

.detail_name a:hover {
	color: #f90;
}

#detail_map {
	width: 218px;
	height: 218px;
	margin: 0 0 20px 0;
	border: #999 solid 1px;
}


/* ●[4] 個別レイアウト | 地図表示 -------------------- */

#map_block {
	background: #000 url(../img/bg_map.gif) bottom no-repeat;
	padding:0 4px 4px;
}

/* 検索結果表示 */

#result_ttl {
	position: relative;
	height: 39px;
	padding: 11px 0 0;
}

#result_ttl img {
	position: absolute;
	top: 11px;
	left: 16px;
}

#result_ttl span {
	position: absolute;
	top: 25px;
	left: 356px;
	color: #fff;
	font-weight: bold;
}

/* 移動距離表示 */

#distance_info_block {
	margin:0 33px 0 34px;
	padding:0 10px 0;
	background-color: #000;
}

#distance_info_block #kyu_name {
	float: left;
	width: 300px;
	color: #fff;
	font-weight: bold;
	padding: 5px 0 0;
}

#distance_info_block #kyu_name span {
	color: #ffcf00;
	margin: 0 0 0 10px;
}

#distance_info_block #kyu_dis {
	float: right;
	width: 215px;
	text-align:center;
	background: url(../img/bg_distance.gif) no-repeat;
	padding:4px 0 10px;
	font-weight: bold;
}

#distance_info_block #kyu_dis span {
	font-size: 123%;
}


/* ●[5] 個別レイアウト | 詳細 -------------------- */

#detail_contents_block {
	padding: 20px 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px dotted #bbb;
}

#detail_contents_box {
	width: 330px;
	margin: 0 auto;
}

#detail_contents_box .photo {
	padding:5px;
	background: url(../img/bg_dot02.gif);
}

#detail_contents_box .date {
	margin: 10px 0 0;
	color: #666;
}

#detail_contents_box .name {
	font-weight: bold;
}

#detail_contents_box .comment {
	margin: 10px 0 0;
}

#detail_contents_box #bt_share {
	margin: 20px 0 0;
	text-align: center;
}


/* ●[6] 個別レイアウト | 検索ページ -------------------- */


/* ●ニックネーム検索結果 */

#search_list {
	margin:10px 0 20px;
}

#search_list li {
	border-bottom: 1px dotted #bbb;
	padding:5px 12px;
}

/* ●キューちゃんNoを選択 */

#number_list {
	padding:15px 0 0;
}

#number_list li {
	width: 130px;
	float: left;
	margin: 0 16px 5px 0;
	font-size:85%;
}

#number_list li a {
	color: #222;
}

#number_list li a:hover {
	color: #f90;
}

#number_list li .post {
	display: block;
	padding:4px 0 0;
}

#number_list li .dist {
	display: block;
	padding:2px 0 0;
	font-size:118%;
}

#number_list li .num {
	display: block;
	padding:2px 0 0;
	font-size:118%;
}

#number_list li .post img,
#number_list li .dist img,
#number_list li .num img {
	margin:0 3px 0 0;
}


/* ●[7] 個別レイアウト | lightbox -------------------- */

body#detail_window {
	background-image: none;
	padding:20px 10px;
}

#ttl_detail {
	padding:0 0 0 14px;
	margin-bottom:15px;
}

#detail_window_wrapper {
	width:400px;
	margin:0 auto;
}

#detail_window_block {
	width:328px;
	margin:0 auto;
}

#detail_window_box {
	border-bottom:1px dotted #bbb;
	padding-bottom:10px;
}

#detail_window_box .photo {
	padding:5px;
	background: url(../img/bg_dot02.gif);
}

#detail_window_box .date {
	margin: 10px 0 0;
	color: #666;
}

#detail_window_box .name {
	font-weight: bold;
}

#detail_window_box .comment {
	margin: 10px 0 0;
}

#detail_window_block #bt_share {
	margin: 20px 0 0;
	text-align: center;
}


/* ●[8] 個別レイアウト | 注釈ページ -------------------- *

/* ●このキャンペーンについて */

#about_window {
	background-image: none;
	padding:20px 10px;
}

#about_window_wrapper {
	width:550px;
	margin:0 auto;
}

#about_window_contents {
	width:510px;
	margin:0 auto;
}

#ttl_term {
	margin:0 0 20px 18px;
}

.about_txt01 {
	padding:10px 20px;
}

#about_txt_block {
	background:#d3ebf0 url(../img/bg_txtbox2_top.gif) no-repeat;
	margin:15px 0 20px;
}

#about_txt_block p {
	background: url(../img/bg_txtbox2_btm.gif) bottom no-repeat;
	padding:10px 20px;
}

.about_img_box {
	margin:0 0 20px;
}

.about_img_box img {
	float: right;
}

.about_img_box p {
	padding:20px 20px 0 10px;
}

#about_notes {
	color: #c00;
	font-size: 93%;
	margin: 15px 0 0;
	padding:0 10px;
}

/* ●参加申し込み */

#join_txt_block {
	background:#d3ebf0 url(../img/bg_txtbox2_top.gif) no-repeat;
	margin:10px 0 20px;
}

#join_txt_box {
	background: url(../img/bg_txtbox2_btm.gif) bottom no-repeat;
	padding:10px 20px;
}

.mail_link {
	margin-bottom:10px;
}

.about_txt01 .img_r {
	float:right;
	margin:0 0 10px 10px;
}

/* ●プレゼント */

.present_txt01 {
	padding:10px 20px;
}

.present_txt01 img {
	float: right;
}

.present_txt01 p {
	padding:30px 0 0;
}

/* ●フッタ注釈 */

#footer_notes {
	display: none;
}