/*--------------------------------------------------------------

天草をバスで観光しよう　トップページcss

*/
 
header {
	width:100%;
	height:100%;
	text-align:center;
}

footer {
	width:100%;
	height:auto;
	text-align:center;
	position:absolute;
	padding:5px 0;
}
section {
	width:860px;
	/*margin:10px auto;*/
}

a {
    color: #fff;
}
a:hover {
    color: #0FF;
}

/*===================================================================================================*/
/*背景透過クラス*/
.rgba {
	background-color:rgba(255,255,255,0.6);
	/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99FFFFFF', endColorstr='#99FFFFFF');*/
}
/*影付きクラス*/
.shadow_2 { /*モダンブラウザ用(FF/safari/Chrome) */
	 -webkit-box-shadow: 0 0 2px #2b2b2b;  /* safari */
	 -moz-box-shadow: 0 0 2px #2b2b2b;   /* firefox */
	 box-shadow: 0 0 2px #2b2b2b;  /* CSS3 */
}
.shadow_5 { /*モダンブラウザ用(FF/safari/Chrome) */
	 -webkit-box-shadow: 0 0 5px #2b2b2b;  /* safari */
	 -moz-box-shadow: 0 0 5px #2b2b2b;   /* firefox */
	 box-shadow: 0 0 5px #2b2b2b;  /* CSS3 */
}

/*IE用*/
/*.shadow_ie {
	filter: progid:DXImageTransform.Microsoft.shadow(color='#99FFFFFF',Direction=145,Strength=5);
}*/

/*独自ボックス*/

div.ibox{
	/*border:1px #A2C6F2 solid;*/
	clear:both;
	 /*width: 2000px;*/
	 height:900px;
	 margin:0 0;
	 padding:0 0;
	 font-size:120%;
}
.bg01{
	background:url(../img/back_top.jpg) repeat left;
}
.bg02{
	background:url(../img/back_cnt01.jpg) repeat left;
}
.bg03{
	background:url(../img/back_cnt02.jpg) repeat left;
}
.bg04{
	background:url(../img/back_cnt03.jpg) repeat left;
}
.bg05{
	background:url(../img/back_btm.jpg) repeat left;
}


div.box860{
	/*border:1px #A2C6F2 solid;*/
	width:860px;
	height:900px;
	margin:0 auto;
	padding:0 0;
}
div.box1200{
	width:1200px;
	margin:0 auto;
	padding:0 0;
}
.bg_ill01{
	background:url(../img/img01_backg.jpg) no-repeat;
}
.bg_ill02{
	background:url(../img/img02_backg.jpg) no-repeat;
}
.bg_ill03{
	background:url(../img/img03_backg.jpg) no-repeat;
}
.bg_ill04{
	background:url(../img/img04_backg.jpg) no-repeat;
}
.bg_ill05{
	background:url(../img/img05_backg.jpg) no-repeat;
}
.bgbtm_ill05{
	background:url(../img/img05_back_bg.jpg) no-repeat;
}


/*  ページ先頭に戻るボタン(各)  */
div.bg_ill01 a.rtnbtn{
	margin:0 0 0 55px;
	overflow:hidden;
	outline:none;
}
div.bg_ill02 a.rtnbtn{
	position:relative;
	top:390px;
	overflow:hidden;
	outline:none;
	float:right;
}
div.bg_ill03 a.rtnbtn{
	position:relative;
	top:75px;
	overflow:hidden;
	outline:none;
	float:right;
}
div.bg_ill04 a.rtnbtn{
	position:relative;
	top:330px;
	overflow:hidden;
	outline:none;
	float:right;
}

div.ibox p.txt_explain{
	/*border:1px red solid;*/
	width:460px;
	padding:15px 25px;
	font-size:90%;
	line-height:1.5em;
}

div.ibox p strong{
	color: #F30;
}

.mgtop0301{
	position:relative;
	top:38px;
}
.mgtop0401{
	position:relative;
	top:135px;
}
.mgtop0402{
	position:relative;
	top:195px;
	left:137px;
}
.mgtop0403{
	position:relative;
	top:290px;
	left:150px;
}


/* 天草をバスで観光しようボタン */
ul#btn_list01{
	width:573px;
	height: 65px;
	margin-right:30px;
	display: block;
}
ul#btn_list01 li{
	list-style-type: none;
	line-height:0;
	text-indent: -10000px;
}
ul#btn_list01 li a{
	background: url("../img/img01_btn.gif") no-repeat;
	height: 65px;
	overflow:hidden;
	outline:none;
	border: none;
	text-decoration: none;
	display: block;
}
ul#btn_list01 li.btn01 a{
	background-position: 0 0;
	width: 573px;
}
ul#btn_list01 li.btn01 a:hover{
	background-position: -573px 0px;
	width: 573px;
}
ul#btn_list01 li.btn02 a{
	background-position: 0 -65px;
	width: 573px;
}
ul#btn_list01 li.btn02 a:hover{
	background-position: -573px -65px;
	width: 573px;
}
ul#btn_list01 li.btn03 a{
	background-position: 0 -130px;
	width: 573px;
}
ul#btn_list01 li.btn03 a:hover{
	background-position: -573px -130px;
	width: 573px;
}
ul#btn_list01 li.btn04 a{
	margin-top:15px;
	background-position: 0 -195px;
	width: 573px;
}
ul#btn_list01 li.btn04 a:hover{
	margin-top:15px;
	background-position: -573px -195px;
	width: 573px;
}



/* 天草をバスで観光するボタン */
ul#btn_list02_01{
	position:relative;
	top:200px;
	width:860px;
	height: 162px;
	margin:0 0;
	padding:0 0;
	display: block;
}
ul#btn_list02_01 li{
	margin-left:40px;
	list-style-type: none;
	line-height:0;
	text-indent: -10000px;
	float: left;
}
ul#btn_list02_01 li a{
	background: url("../img/img02_btn.jpg") no-repeat;
	height: 162px;
	overflow:hidden;
	outline:none;
	border: none;
	text-decoration: none;
	display: block;
}
ul#btn_list02_01 li.btn01 a{
	background-position: 0 0;
	width: 162px;
}
ul#btn_list02_01 li.btn01 a:hover{
	background-position: -162px 0;
	width: 162px;
}
ul#btn_list02_01 li.btn02 a{
	background-position: 0 -162px;
	width: 162px;
}
ul#btn_list02_01 li.btn02 a:hover{
	background-position: -162px -162px;
	width: 162px;
}
ul#btn_list02_01 li.btn03 a{
	background-position: 0 -324px;
	width: 162px;
}
ul#btn_list02_01 li.btn03 a:hover{
	background-position: -162px -324px;
	width: 162px;
}
ul#btn_list02_01 li.btn04 a{
	background-position: 0  -486px;
	width: 162px;
}
ul#btn_list02_01 li.btn04 a:hover{
	background-position: -162px  -486px;
	width: 162px;
}

ul#btn_list02_02{
	position:relative;
	top:220px;
	width:860px;
	height: 128px;
	display: block;
}
ul#btn_list02_02 li{
	margin-left:20px;
	list-style-type: none;
	line-height:0;
	text-indent: -10000px;
	float: left;
}
ul#btn_list02_02 li a{
	height: 128px;
	overflow:hidden;
	outline:none;
	border: none;
	text-decoration: none;
	display: block;
}
ul#btn_list02_02 li.btn01 a{
	background: url("../img/img02_btn01.jpg") no-repeat;
	width: 393px;
}
ul#btn_list02_02 li.btn01 a:hover{
	background-position: -393px 0;
	width: 393px;
}
ul#btn_list02_02 li.btn02 a{
	background: url("../img/img02_btn02.jpg") no-repeat;
	width: 393px;
}
ul#btn_list02_02 li.btn02 a:hover{
	background-position: -393px 0;
	width: 393px;
}



/* 天草ってドコにあるの？ボタン */
ul#btn_list03{
	width:330px;
	height: 79px;
	display: block;
}
ul#btn_list03 li{
	list-style-type: none;
	line-height:0;
	text-indent: -10000px;
}
ul#btn_list03 li a{
	background: url("../img/img03_btn.jpg") no-repeat;
	height: 79px;
	overflow:hidden;
	outline:none;
	border: none;
	text-decoration: none;
	display: block;
}
ul#btn_list03 li.btn01 a{
	background-position: 0 0;
	width: 330px;
}
ul#btn_list03 li.btn01 a:hover{
	background-position: -330px 0px;
	width: 330px;
}
ul#btn_list03 li.btn02 a{
	background-position: 0 -79px;
	width: 330px;
}
ul#btn_list03 li.btn02 a:hover{
	background-position: -330px -79px;
	width: 330px;
}



/* 天草をバスで観光しようトップページボタン */
ul#btn_list05{
	width:522px;
	display: block;
}
ul#btn_list05 li{
	list-style-type: none;
	line-height:0;
	text-indent: -10000px;
}
ul#btn_list05 li a{
	background: url("../img/img05_btn.jpg") no-repeat;
	height: 65px;
	overflow:hidden;
	outline:none;
	border: none;
	text-decoration: none;
	display: block;
}
ul#btn_list05 li.btn01 a{
	background-position: 0 0;
	width: 522px;
}
ul#btn_list05 li.btn01 a:hover{
	background-position: -522px 0px;
	width: 522px;
}
ul#btn_list05 li.btn02 a{
	background-position: 0 -65px;
	width: 522px;
}
ul#btn_list05 li.btn02 a:hover{
	background-position: -522px -65px;
	width: 522px;
}
ul#btn_list05 li.btn03 a{
	background-position: 0 -130px;
	width: 522px;
}
ul#btn_list05 li.btn03 a:hover{
	background-position: -522px -130px;
	width: 522px;
}
ul#btn_list05 li.btn04 a{
	margin-top:15px;
	background-position: 0 -195px;
	width: 522px;
}
ul#btn_list05 li.btn04 a:hover{
	margin-top:15px;
	background-position: -522px -195px;
	width: 522px;
}



/* フッター */
p#footer{
	/*border:1px #A2C6F2 solid;*/
	background-color:#00639a;
	/*width:100%;*/
	padding:5px 0;
	text-align:center;
	color:#fff;
	font-size:80%; 
}


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

.r {
	float:right;
	margin:10px;
}

.l {
	float:left;
	margin:10px;
}
.txtleft {
	text-align:left;
	line-height:1.0em;
}
.red {
	color:#F00;
	font-weight:bold;
}
.lightblue {
	color:#009cd7;
	font-weight:bold;
}
.white {
	color:#FFF;
	font-weight:bold;
}
.yellow {
	color:#FF0;
	font-weight:bold;
}
.black {
	color:#000;
}
.f_large {
	font-size:150%;
	font-weight:bolder;
}
.f_small {
	font-size:0.8em;
}
.bg_white {
	background-color:#FFF;
}
.txt_r {
	text-align: right;
}