@charset "utf-8";
/* CSS Document */

/* -----------------------------
container
----------------------------- */
#contents{
	margin-top: 20px;
	padding-bottom: 30px;
}


#main a{
	color: #106334;
	text-decoration: underline;
}
#main a:hover {
	color: #CC0000;
	text-decoration: underline;
}




/* -----------------------------
#main
----------------------------- */
#main{
	width: 750px;
	float: left;
	min-height: 500px;
	_height: 500px;
	padding-top: 0px;
}


/* -----------------------------
#side
----------------------------- */
#side{
	width: 240px;
	float: right;
}

/* twitter */
#twitter{}

.twtr-ft span {
	font-size:10px;
	padding-top:3px;
}

/* -----------------------------
#login
----------------------------- 
#side_login{
	background-color:#FFF;
	border:solid 1px #CCC;
	padding: 8px 6px;
	margin-top: 15px;
}
#side_login p{
	font-size: 12px;
	line-height: 1.4;
	border-bottom: 2px solid #CCC;
	margin-bottom: 8px;
}

//
#side_login_box{
	padding-right: 12px;
	padding-left: 12px;
}
#side_login_box dl{
	font-size: 12px;
	line-height: 14px;
}
#side_login_box dt{ margin-bottom: 4px; }
#side_login_box dd{ margin-bottom: 8px; }
#side_login_box dl input{
	width:170px;
	padding: 1px;
	font-size: 12px;
}

#side_login_box ul{}
#side_login_box ul li{ text-align: center; }
#side_login_box ul input{}
#side_login_box ul input:hover{opacity:0.70;filter: alpha(opacity=70);}

#side_login_box blockquote{
	text-align:center;
	font-size:10px;
	padding-top: 5px;
}

//
#side_registration_box{
	text-align:center;
	font-size: 12px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #CCC;
}
#side_registration_box pre{}
#side_registration_box ul{}
#side_registration_box li{
	line-height: 1.6;
	font-weight: bold;
	margin-top: 5px;
}
*/
/* -----------------------------
side_bus_search
----------------------------- */
#side_bus_search{
	margin-bottom:20px;
}
#side_bus_search .wrap{
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 0px 0px 10px;
		border-radius:0px 0px 6px 6px;	/* CSS3草案 */
	-webkit-border-radius:0px 0px 6px 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius:0px 0px 6px 6px;	/* Firefox用 */
}
#side_bus_search ul{
	padding: 10px 0 0 0;
	margin: 0px auto 0px;
	width: 218px;
}
#side_bus_search ul li{
	font-size: 12px;
	margin: 3px 0px 3px 10px;
}
#side_bus_search li.ttl{
	margin-left: 0;
	margin-bottom: 10px;
}
#side_bus_search li.ttl a:hover img{
	opacity:0.80;filter: alpha(opacity=80);
}


#sidebanner{
	margin-bottom:10px;
}

#sidebanner a:hover img{
	opacity:0.80;filter: alpha(opacity=80);
}


@media screen and (max-width: 768px){
	#main-banner{ display:none;}
	
	#wrapper{
		width: 750px;
		margin: 0px auto;
	}
	
	#footer{
		border-top: solid 1px #CCCCCC;
		min-width:750px;
		margin-top: 20px;
		background: none;
	}
	#footer ul{
		border-bottom: solid 1px #CCCCCC;
	}
	
	#footer ul li{
		display: inline-block;
		width:200px;
		padding-right: 10px;
		font-size: 12px;
		padding-left: 10px;
	}

}


@media screen and (max-width: 768px){	
	
	#main{
		width: 750px;
		float: none;
	}
	
	#contents{
		padding-bottom: 10px;
	}
	#side{
		width: 750px;
		float: none;
		margin:39px auto 0 auto;
		font-size:0;
		text-align:center;
	}
	#side_bus_search .wrap{
		border: 1px solid #CCC;
		padding: 0px 0px 10px;
			border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;	
	}

	#side_bus_search h4{ display:none;}
	#side_bus_search ul li{
		text-align:left;
	}
	#side_bus_search,
	#sidebanner,
	#app_banner{
		font-size:12px;
		vertical-align:top;
		width:240px;
		display:inline-block;
	}
	#sidebanner{ margin:0 5px;}
	
	
}




/* -----------------------------
side_att
----------------------------- 
#side_riyou{
	margin-top:15px;
	font-size: 10px;
	line-height: 1.6;
	padding-top: 0px;
	padding-right: 2px;
	padding-left: 2px;
}
#side_riyou p.ttl{
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom: 2px solid #CCC;
}
#side_riyou h4{
	font-size: 12px;
	background: url(../images/icon3.png) no-repeat left 4px;
	padding-left: 13px;
	margin-bottom: 4px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #999;
	margin-top: 10px;
}
#side_riyou h5{
	color: #C00;
	margin-top: 5px;
	margin-bottom: 2px;
}
#side_riyou ol{}
#side_riyou ol li{
	list-style: decimal;
	padding-left: 0px;
	margin-left: 18px;
	margin-bottom: 3px;
}


.side_company #side_riyou{ display:none;}
*/



/* -----------------------------
ttl_box
-----------------------------  */

#ttl_box{
	margin-bottom: 40px;
}
#ttl_box ul{
	margin-top: 10px;
	position: relative;
}
#ttl_box ul li{ font-size:12px;}
#ttl_box ul li.day{
	padding: 2px 3px;
	border: 1px solid #CCC;
	background: url(../images/bus/bg.png);
	font-size: 10px;
	position: absolute;
	top: -3px;
	right: 0px;
}
#ttl_box ul li h2{
	font-weight:normal;
	padding: 0px 0px 0px 5px;
}

/* -----------------------------
.bus
-----------------------------  */
/*
.bus h3{
	clear: both;
	margin-top: 5px;
	margin-bottom: 15px;
}
.bus h3.result{
	font-size: 18px;
	background: url(../images/bus/ttl.png) no-repeat left bottom;
	padding-left: 30px;
	padding-bottom: 9px;
	padding-top: 5px;
	line-height: 25px;
}
.bus h3.result2{
	font-size: 18px;
	background: url(../images/bus/ttl.png) no-repeat left bottom;
	padding-left: 30px;
	padding-bottom: 9px;
	padding-top: 5px;
}
.bus h3.result3{
	font-size: 18px;
	background: url(../images/bus/ttl.png) no-repeat left bottom;
	padding-left: 30px;
	padding-bottom: 9px;
	padding-top: 5px;
}
*/
/* */
.bus .result_ttl{
	margin-bottom: 15px;
	border-bottom: 2px solid #106334;
	padding-bottom: 10px;
}
.bus .result_ttl .on,
.bus .result_ttl .off{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
	line-height:28px;
	font-size: 18px;
	font-weight:bold;
}
.bus .result_ttl a{
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:middle;
	margin-left:5px;
	font-size: 18px;
}

.bus .result_ttl .on{
	background: url(../images/bus/result_icon_on.png) no-repeat left center;
	padding-left: 70px;
}
.bus .result_ttl .off{
	background: url(../images/bus/result_icon_off.png) no-repeat left center;
	padding-left: 70px;
	margin-left:16px;
}



.f_icon1{
	background: url(../images/bus/f_icon1.png) no-repeat left center;
	display: block;
	padding-right: 5px;
	padding-left: 100px;
	line-height: 22px;
	height:22px;
}
.f_icon2{
	background: url(../images/bus/f_icon2.png) no-repeat left center;
	display: block;
	padding-right: 5px;
	padding-left: 100px;
	line-height: 22px;
	height:22px;
}
.f_icon3{
	background: url(../images/bus/f_icon3.png) no-repeat left center;
	display: block;
	padding-right: 5px;
	padding-left: 100px;
	line-height: 22px;
	margin-left: 5px;
	height:22px;
}
.f_icon4{
	background: url(../images/bus/f_icon4.png) no-repeat left center;
	display: block;
	padding-right: 5px;
	padding-left: 100px;
	line-height: 22px;
	height:22px;
}
.f_icon5{
	background: url(../images/bus/f_icon5.png) no-repeat left center;
	display: block;
	padding-right: 5px;
	padding-left: 100px;
	line-height: 22px;
	height:22px;
}

/* 停留所 */

.bus_box1{
	padding-left: 20px;
	margin-bottom: 40px;
}
.bus_box1 table{ margin-bottom:10px;}
.bus_box1 td{
	padding-right: 3px;
	padding-left: 3px;
}
.bus_box1 input[type=text]{ width:190px; height:18px;}


/* 系統 */

.bus_box2{
	padding-left: 20px;
}
.bus_box2 table{ border-collapse:collapse; border-spacing:0;}
.bus_box2 td{ padding-right: 5px; }
.bus_box2 td.mg{
	padding-left: 20px;
	background: url(../images/bus/bg2.png) repeat-y 4px top;
}
.bus_box2 select{ height:22px; padding:1px;}
.bus_box2 ol{}
.bus_box2 ol li{
	margin-bottom: 14px;
	padding-bottom: 14px;
	border-bottom: 1px dotted #CCC;
}

.result .bus_box2 ol li{
	margin-bottom: 6px;
	padding-bottom: 6px;
}

.bus_box2 ol li.n01{	background: url(../images/bus/n1.png) no-repeat left 4px;	padding-left: 25px;}
.bus_box2 ol li.n02{	background: url(../images/bus/n2.png) no-repeat left 4px;	padding-left: 25px;}
.bus_box2 ol li.n03{	background: url(../images/bus/n3.png) no-repeat left 4px;	padding-left: 25px;}


/* 停留所一覧 */

#bus_list{}

#bus_list dt{
	float:left;
	width: 110px;
	padding-left: 15px;
}
#bus_list dt .m2{ display:none;}
#bus_list dd{
	float:left;
	width: 600px;
	background: #FFF;
}

#bus_list dd #top_all_list{ display:none;}

#bus_list table{}
#bus_list table td{
	vertical-align: top;
	padding-left: 20px;
}
#bus_list table td.waku{
	background: #FFF;
	border: 1px solid #CCC;
	padding: 6px;
	width: 230px;
}

/* ご留意 */
#goryoui{
	clear: both;
	margin-top: 30px;
}
#goryoui h3{
	margin: 0px 0px 10px;
}
#goryoui h4{ margin-bottom:15px;}
#goryoui .waku{
	background: url(../images/bus/goryui_bg.png);
	padding-top: 20px;
	margin-bottom:5px;
}
#goryoui .waku .in{
	background: url(../images/bus/goryui_bg.png) no-repeat bottom;
	padding: 5px 25px 25px;
}


/* 検索結果 */
#bus_table {
	width:100%;
	border-bottom:2px solid #CCCCCC;
	border-collapse:collapse;
	z-index:2;
	margin-top: 4px;
}

#bus_table th {
	padding:5px;
	border-top:3px solid #FCE9B8;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px dotted #CCCCCC;
	text-align:center !important;
	background: #FFFFD9;
}

#bus_table th strong {
font-weight:bold;
}

#bus_table td {
padding:5px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px dashed #CCCCCC;
text-align:center;
}

.t_left {text-align:left !important;}
.bg_orange { background-color:#FCE9B8; }

.contents_textarea {
	padding-top:10px;
	padding-bottom:10px;
	line-height: 1.6;
}


/* 高速 */

#bus_kousoku{
	clear: both;
	margin-bottom: 40px;
	padding-left: 20px;
	line-height: 1.6;
}


#bus_kousoku ul.list{
	overflow: hidden;
	clear: both;
	margin-top: 10px;
}
#bus_kousoku ul.list li{
	padding-bottom: 4px;
	background: url(../images/icon4.png) no-repeat left 3px;
	padding-left: 20px;
}

#bus_kousoku ul.info{ overflow:hidden; clear:both;}
#bus_kousoku ul.info li{
	padding-bottom: 2px;
	list-style: square;
	margin-left: 25px;
	font-size: 12px;
}

#top_listbox4 {
	margin-bottom:15px;
	clear: both;
}
#top_listbox4 h4.top_stitle1{
	background: url(../images/icon4.png) no-repeat left center;
	margin-bottom: 5px;
	padding-left: 20px;
	color: #126334;
	cursor:pointer;
}
#top_listbox4 dt{ cursor:pointer;}
#top_listbox4 .kb_topbox{
	padding-left: 20px;
	padding-bottom: 15px;
	background: #FFF;
}
#top_listbox4 .kb_topbox h5{
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#top_listbox4 .kb_topbox p{ margin-bottom: 8px; }
#top_listbox4 .kb_topbox address{
	display: block;
	margin-top: 10px;
	border: 1px solid #CCC;
	padding: 6px;
}

#top_listbox4 .kb_topbox .btn{
	height: 58px;
	width: 160px;
	float: right;
}



/* -----------------------------
パンくず
----------------------------- */
#topic_path{
	font-size: 10px;
	margin-bottom: 10px;
}

/* -----------------------------
タイトル
----------------------------- */

.ttl_head{
	background: url(../images/main_ttl_bg.png) no-repeat;
	height: 68px;
	margin-bottom: 20px;
}
.ttl_head h2{
	font-size: 20px;
	line-height: 64px;
	padding-left: 20px;
	padding-top: 4px;
	color: #126334;
}
.ttl_head h2 em{
	color: #999;
	letter-spacing: 0.2em;
	padding-left: 15px;
	font: normal 12px Arial, Helvetica, sans-serif;
}


/* -----------------------------
規約
----------------------------- */

.company h3{
	font-size: 16px;
	line-height: 33px;
	font-weight: bold;
	background: url(../images/ttl_bg.png) no-repeat;
	height: 33px;
	margin: 25px 0px 12px;
	padding: 0px 0px 0px 20px;
}
.company h4{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	
}

.company .block{
	margin-left: 15px;
}


.company .box p{
	line-height:1.8;
	padding-left: 10px;
}
.company .contents_textarea{
	line-height:1.8;
	margin: 0px 0px 15px;
	padding: 0px 0px 0px 15px;
}
.company .text_center{
	background: #E1F1FF;
	border: 1px solid #CCC;
	width: 380px;
	display: block;
	margin: 30px auto 40px;
	padding: 8px 0px;
	text-align: center;
}

.company .contents_ularea{ margin-left: 25px; }
.company .contents_ularea li{
	background: url(../images/icon4.png) no-repeat left 3px;
	padding-left: 20px;
	line-height: 1.6;
	margin-bottom: 5px;
}

.company_h4{
	margin-bottom: 8px;
	margin-left: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
}

.company .contents_ularea2{
	margin-left: 25px;
	margin-bottom: 10px;
}
.company .contents_ularea2 li{
	background: url(../images/icon4.png) no-repeat left 3px;
	padding-left: 20px;
	line-height: 1.6;
	margin-bottom: 5px;
}

.com_list{
	padding-left:15px;
	margin-bottom: 30px;
	margin-top: 6px;
}
.com_list li{
	background: url(../images/icon4.png) no-repeat left 3px;
	padding-left: 20px;
	line-height: 1.6;
	margin-bottom: 5px;
}


.com_list_ol{
	margin: 6px 0px 0px 40px;
}
.com_list_ol li{
	padding-left: 0px;
	line-height: 1.6;
	margin-bottom: 5px;
	list-style: decimal outside;
	text-indent: 0px;
}



/* -----------------------------
お問い合わせ
----------------------------- */

.contact_tbl{
	margin-top:15px;
	margin-bottom: 30px;
}
.contact_tbl table{ width: 100%; border-collapse:collapse; border-spacing:0; }
.contact_tbl td,
.contact_tbl th{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px dotted #CCC;
	padding: 10px 12px;
	vertical-align: top;
}

.contact_tbl td{}
.contact_tbl th{
	width: 150px;
	font-weight: bold;
	padding-left: 15px;
}

.contact_tbl .att{
	font-size: 10px;
	color: #666;
}

.contact_tbl .btn_area{
	text-align: center;
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px dotted #CCC;
}
.contact_tbl .btn_area input{
	cursor:pointer;
	background: url(../images/btn.png);
	height: 43px;
	width: 162px;
	border-style: none;
	font-weight: bold;
	color: #FFF;
}
.contact_hed{
	border-bottom: 1px dotted #CCC;
	padding-bottom: 8px;
}

/* -----------------------------
ツイッター
----------------------------- */

#twitter_main{
	background: url(../../twitter/images/img.png) no-repeat left top;
	padding-left: 115px;
	height: 145px;
	font-size: 12px;
	line-height: 22px;
}
#twitter_main h1{
	margin-bottom: 12px;
	padding-top: 15px;
}



/**/

.twitter_bosyu{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #CCC;
	font-size: 10px;
	margin: 15px 0px 20px 20px;
	line-height: 1.4;
}

/**/

#twitter_list{
	float:left;
	width: 350px;
	padding-top: 8px;
}
#twitter_list h2{ margin-bottom: 12px; }
#twitter_list h3{
	margin-top: 15px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
	padding-top: 5px;
	border-top: 1px solid #CCC;
}
#twitter_list table{
	border-collapse:collapse;
	border-spacing:0;
	margin-left:20px;
	width: 330px;
}
#twitter_list table td,
#twitter_list table th{
	padding-top: 3px;
	padding-bottom: 3px;
}

#twitter_list table td{ 
}
#twitter_list table th{
	background: url(../../twitter/images/icon.png) no-repeat left center;
	padding-left: 12px;
	width: 125px;
}

.twitter{ float:right}

/*
<div class="clearfix">
	
<div id="">
	<h2><img src="images/ttl2.png" alt="ツイート取得中ワード" width="210" height="15" /></h2>
	<table>
					<tr>
						<th>栃木県</th>
						<td >#tochigi #shimotsuke</td>
						</tr>
					<tr>
						<th>宇都宮市</th>
						<td>#utsunomiya</td>
						</tr>
					<tr>
						<th>足利市</th>
						<td>#ashikaga</td>
						</tr>
					<tr>
						<th>佐野市</th>
						<td>#sano</td>
						</tr>
					<tr>
						<th>鹿沼市</th>
						<td>#kanuma</td>
						</tr>
					<tr>
						<th>日光市</th>
						<td>#nikko</td>
						</tr>
					<tr>
						<th>小山市</th>
						<td>#oyama</td>
						</tr>
					<tr>
						<th>大田原市</th>
						<td>#ootawara</td>
					</tr>
					<tr>
						<th>矢板市</th>
						<td>#yaita</td>
					</tr>
					<tr>
						<th>那須塩原市</th>
						<td>#nasushiobara</td>
					</tr>
					<tr>
						<th>益子町</th>
						<td>#mashiko</td>
					</tr>
					<tr>
						<th>那須</th>
						<td>#nasu</td>
					</tr>
					<tr>
						<th>バンバ通り商店街</th>
						<td>#banba</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<th>&nbsp;</th>
						<td>&nbsp;</td>
					</tr>
				</table>
	<p class="twitter_bosyu">アットとちぎでは、栃木県のツイートを募集しています。リクエストは「<a href="../info/">お問い合わせフォーム</a>」より送信してください。</p>
</div> / #twitter_list 

	<div class="twitter">	
*/


/*
teikyo
------------------- */

.teikyo{
	text-align: right;
	margin-top: 30px;
	padding-top: 5px;
	border-top: 1px dotted #CCC;
}

.bus #r1 {
	color:#2a600d;
	font-size:130%;
	padding-left:15px;
}
#r1 .h3caut {
	font-size: 90%;
	font-weight: normal;
	color: #333;
	background-image: url(../images/bus/caut_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 25px;
	margin-left: 15px;
	display:inline-block;
	/display: inline;
	/zoom: 1;
}
#bookmark {
	text-align: right;
}
#main .caut {
	margin-bottom: 15px;
	margin-left: 15px;
	font-size: 90%;
}
#main .caut2 {
	margin-bottom: 15px;
	margin-left: 0px;
	font-size: 90%;
}
#sidebanner li{
	margin-bottom:8px;	
}
#main .caut_bus {
	margin-top: 10px;
	margin-left: 20px;
}
#main .caut_bus li {
	margin-bottom: 10px;
	margin-left: 20px;
}