/*--------------------------
J.Tanaka Plus
---------------------------*/
/* Common */

.f10{	font-size:10px; }
.f11{	font-size:11px; }
.f12{	font-size:12px; }
.f13{	font-size:13px; }
.f14{	font-size:14px; }

.clear{
	clerar:both;
}

.clr{
	clerar:both;
}

.line{
	border-bottom:1px #CCCCCC solid;
	font-size:5px;
	margin-bottom:5px;
}

form{
	margin:0px;
	padding:0px;
}

.album{
	background:#FFFFFF;
	padding:4px;
	border:1px #CCCCCC solid;
	margin:5px 5px 10px 5px;
}

.img_button{
	margin-bottom:10px;
}

.must{
	font-size:11px;
	color:#FF0000;
	margin-left:3px;
}
.admin_title{
	font-weight:bold;
	font-size:14px;
	padding:3px 0px 2px 5px;
	border-left:6px #467546 solid;
	width:350px;
	margin-bottom:4px;
}
.fuki{
	padding:2px;
	font-size:11px;
	text-align:left;
	line-height:140%;
	width:180px;
}
.thumb_img{
	border:1px #A0A0A0 solid;
	padding:2px;
	background:#FFFFFF;
	margin-bottom:10px;
	margin-left:2px;
}
.images{
	margin-bottom:5px;
}
.images_2{
	margin-bottom:5px;
	padding:4px;
	background-color:#FFFFFF;
	border:1px #CCCCCC solid;
}
.top_images{
	border:1px #A0A0A0 solid;
}
.f_right{
	float:right;
	margin-right10px;
	margin-top:3px;
	font-size:12px;
}
.lead_area{
	padding:0px 10px 10px 10px;
	line-height:130%;
}
.detail_link{
	float:right;
	background-image:url(../images/icon_link.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent:15px;
	margin-top:3px;
	margin-bottom:5px;
	font-size:12px;
}
.page_link{
	float:left;
	background-image:url(../images/icon_link.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	text-indent:15px;
	margin-left:10px;
	margin-right:5px;
}
.small_title{
	background-color:#e3eacb;
	padding:4px; 0px 4px 0px;
	text-indent:10px;
	border-top:2px #909f5a solid;
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
}
.vol{
	background:#C09450;
	color:#FFFFFF;
	border-bottom:1px #696969 solid;
	border-right:1px #696969 solid;
	padding:2px 8px 1px 8px;
}
.vol2{
	background:#E00000;
	color:#FFFFFF;
	font-size:11px;
	border-bottom:1px #696969 solid;
	border-right:1px #696969 solid;
	padding:2px 8px 1px 8px;
	font-weight:normal;
}
.vol3{
	background:#E00000;
	color:#FFFFFF;
	border-bottom:1px #696969 solid;
	border-right:1px #696969 solid;
	padding:2px 8px 1px 8px;
}


/*-- 右メニュー情報欄の見出し --*/
.midashi_right{
	width:46px;
	height:16px;
	font-size:11px;
	line-height:16px;
	color:#FFFFFF;
	text-align:center;
	float:left;
	margin:1px 5px 1px 5px;
	background:url(../images/midashi_right.gif) no-repeat; 
}
.text_right{
	font-size:11px;
	padding-top:2px;
	line-height:120%;
}
.img_right{
	float:right;
	margin:0px 5px 5px 10px;
}
.img_left{
	float:left;
	margin:0px 10px 5px 5px;
}

/*-- TOPページBlog中身 --*/

.rss_0, .rss_1, .rss_2, .rss_3{
	float:left;
	padding:5px;
	height:65px;
	width:275px;
	margin-bottom:5px;
	font-size:11px;
}
.rss_0, .rss_1{
/*	background-color:#f6f6e9;	*/
	border:#cbd3af 1px solid;
}
.rss_2, .rss_3{
 	background-color:#F5F5F5; 
	border:#FFFFFF 1px solid;
}
.rss_1, .rss_3{
	margin-left:6px;
}
.rss_title{
	background-image:url(../images/icon_link.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	font-weight:bold;
	font-size:12px;
	text-indent:15px;
	border-bottom:1px #909f5a solid;
	padding-bottom:2px;
	margin-bottom:2px;
}
.rss_date{
	text-align:right;
	font-size:11px;
	color:#909f5a;
	margin-bottom:1px;
}
.rss_sub_title{
	background-image:url(../images/icon_rss_sub.gif);
	background-repeat:no-repeat;
	background-position:5px 0px;
	text-indent:15px;
	font-weight:bold;
	padding:0px 5px 0px 5px;
	line-height:12px;
	margin-bottom:2px;
}
.rss_desc{
	padding:0px 5px 0px 5px;
	text-indent:5px;
	height:25px;
}





/*------------------
 FAQのCSS 
-------------------*/
.area_left{
	padding:3px;
	width:280px;
	background:#EFEFEF;
	float:left;
	line-height:120%;
	margin-bottom:5px;
}
.area_right{
	padding:3px;
	width:280px;
	background:#EFEFEF;
	margin-left:5px;
	float:left;
	line-height:120%;
	margin-bottom:5px;
}
.faq_midashi{
	font-size:13px;
	font-weight:bold;
	margin-bottom:4px;
}
.faq_list{
	background-image:url(../images/icon_link.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	padding-left:16px;
	margin-top:2px;
	padding-bottom:2px;
	border-bottom:1px #CCCCCC dotted;
	margin-bottom:5px;
}

/*------------------
 Blog_ListのCSS 
-------------------*/
table.blog_list{
	margin-left:10px;
	width:560px;
}
table.blog_list td.td_blog{
	border-bottom:1px #CCCCCC solid;
	padding:4px;
	font-size:13px;
	text-indent:18px;
	background-image:url(../images/icon_blit.gif);
	background-repeat:no-repeat;
	background-position:10px 8px;
}



/*------------------
 イベント情報のCSS 
-------------------*/
table.schedule{
	margin-left:10px;
	width:560px;
}
table.schedule th{
	border:1px #CCCCCC solid;
	padding:3px;
	background-color:#909f5a;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	padding:5px;
}
table.schedule td{
	border:1px #CCCCCC solid;
	padding:4px;
}
table.schedule td.now{
	width:20px;
	text-align:center;
}
table.schedule td.day{
	width:70px;
	text-align:right;
	padding-right:10px;
	vertical-align:top;
	border-left:0px;
}
table.schedule td.cts{
	text-align:left;
	padding-left:10px;
	line-height:125%;
	border-right:0px;
}

table.sept_event{
	border-collapse:collapse;
}
table.sept_event td.left{
	vertical-align:top;
	line-height:130%;
}
table.sept_event td.right{
	vertical-align:top;
	width:190px;
}

.event_midashi{
	font-size:14px;
	font-weight:bold;
}
.event_navi{
	background:#EFEFEF;
	padding:4px;
	text-align:center;
	font-size:13px;
	margin:10px;
	border:1px #CCCCCC solid;
}
.text_box{
	font-size:12px;
	line-heiht:130%;
	backbround:#EFEFEF;
	border:#CCCCCC 1px solid;
	padding:15px;
	margin:10px;
	text-align:left;
}
.to_top{
	border:1px #909f5a solid;
	padding:2px;
	text-align:center;
	width:55px;
	background-color:#FFFFE5;
	margin:10px 0px 0px 5px;
}
.to_top2{
	border:1px #909f5a solid;
	padding:2px;
	text-align:center;
	width:55px;
	background-color:#FFFFE5;
	margin:10px 15px 10px 0px;
	float:right;
}


/*------------------
 遊び方のCSS 
-------------------*/
table.play_sept{
	margin:0px 10px 10px 10px;
	padding:0px;
	width:560px;
}
table.play_sept th{
	background-image:url(../images/icon_ya.gif);
	background-repeat:no-repeat;
	background-position:5px 6px;
	text-indent:18px;
	padding:6px;
	background-color:#e7edcf;
	border:1px #909f5a solid;
	text-align:left;
	font-weight:bold;
}
table.play_sept td{
	padding:5px;
	border:1px #909f5a solid;
	vertical-align:top;
}
table.play_sept td.play_left{
	width:190px;
	text-align:center;
}
table.play_sept td.play_left{
}

.play_midashi{
	background-image:url(../images/icon_ya.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	text-indent:20px;
	font-weight:bold;
	font-size:14px;
	line-height:14px;
	margin-bottom:5px;
}
.play_text{
	line-height:140%;
	font-size:12px;
	margin-left:10px;
}

/*------------------
 コース紹介のTableCSS 
-------------------*/
div#course table.course_data{
	margin:0px;
	padding:0px;
}
div#course table.course_data td.td_title{
	background:url(../images/midashi_event.gif) no-repeat 0px 0px; 
	text-align:left;
	padding:3px;
	padding-left:5px;
	border:1px #FFFFFF solid;
	color:#FFFFFF;
	vertical-align:top;
	font-size:12px;
	width:60px;
	height:15px;
}
div#course table.course_data td.td_title2{
	background:url(../images/midashi_event.gif) no-repeat 0px 0px; 
	text-align:center;
	padding:3px 0px 0px 0px;
	color:#FFFFFF;
	vertical-align:top;
	font-size:12px;
	width:62px;
	height:15px;
}
div#course table.course_data td.td_data{
	padding:3px;
	font-size:11px;
	border:1px #FFFFFF solid;
	border-bottom:1px #CCCCCC solid;
	vertical-align:top;
	line-height:130%;
}
div#course table.course_data td.td_data2{
	padding:3px;
	font-size:12px;
	border:1px #FFFFFF solid;
	border-bottom:1px #CCCCCC solid;
	vertical-align:top;
	line-height:130%;
}
div#course table.course_data td.td_text{
	padding:2px 8px 3px 6px;
	font-size:12px;
	vertical-align:top;
	line-height:130%;
}

div#course .honbun{
	background:#EFEFEF;
	font-size:12px;
	line-height:140%;
	margin-bottom:10px;
	padding:5px;
	font-size:11px;
}

.info_box{
	border:#CCCCCC 1px solid;
	background:#f4f0e5;
	padding:6px;
	line-height:130%;
	text-align:left;
	font-size:11px;
	width:188px;
}







/*--------------------------
公開マップ側、屋久島の説明
---------------------------*/

div#ymap_note{
	margin-left:12px;
	margin-bottom:10px;
}

div#ymap_note .top{
	background-image:url(../img/note_bg_top.gif) ;
	background-repeat:no-repeat;
	height:35px;
	text-indent:30px;
	letter-spacing:1px;
	font-weight:bold;
	font-size:15px;
	line-height:35px;
	width:560px;
	color:#909f5a;
}
div#ymap_note .mid{
	background-image:url(../img/note_bg_mid.gif) ;
	background-repeat:repeat-y;
	width:560px;
}
div#ymap_note .note_text{
	padding:0px 18px 0px 18px;
	line-height:17px;
	font-size:11px;
}
div#ymap_note .fot{
	background-image:url(../img/note_bg_fot.gif) ;
	background-repeat:no-repeat;
	height:30px;
	font-size:30px;
	width:560px;
}


/*--------------------------
ユーザー登録関連
---------------------------*/

div#id_form{
	background-image:url(../img/bg_01.gif) ;
	margin:0px 10px 10px 10px;
}

div#id_form .contents{
	padding:10px 15px 10px 15px;
	text-align:center;
	line-height:160%;
}

div#id_form table.form{
	border-collapse:collapse;
	border-bottom:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	width:500px;
	text-align:left;
	background:#FFFFFF;
}

div#id_form table.form td.title_0{
	background:#EFEFEF;
	padding-top:5px;
	padding-bottom:5px;
	font-family:'tahoma';
	padding-left:10px;
	text-align:center;
}

div#id_form table.form td.title{
	vertical-align:top;
	background:#EFEFEF;
	padding-top:5px;
	padding-bottom:5px;
	font-family:'tahoma';
	padding-left:10px;
}

div#id_form table.form td.ipt{
	background:#FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	font-size:11px;
}

div#id_form table.form td.ipt2{
	background:#FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	font-size:12px;
}

div#id_form .txt_s{
	background:#FFFFFF;
	padding:1px;
	width:50%;
	margin-bottom:2px;
}
div#id_form .txt_m{
	background:#FFFFFF;
	padding:1px;
	width:90%;
	margin-bottom:2px;
}

div#id_form .errer_box{
	background:#F5F5F5;
	border:2px #CCCCCC solid;
	padding:10px;
	font-size:12px;
	line-height:160%;
	width:400px;
}

/*--------------------------
モニターレポートのCSS
---------------------------*/

div#report ul.monitor{
	margin-left:10px;
}

div#report ul.monitor li{
	width:565px;
	height:180px;
	border:1px #A0A0A0 solid;
	margin-bottom:10px;
	display:block;
}
div#report ul.monitor li a{
	width:565px;
	height:180px;
	background-repeat: no-repeat;
	background-position: 0px -180px;
	display: block;
}
div#report ul.monitor li a:hover{
	background-position: 0px 0px;
}


div#report ul.monitor li.rep_01 a{
	background-image:url(../images/columbia_rep.jpg);
}
div#report ul.monitor li.rep_02 a{
	background-image:url(../images/aigle_rep.jpg);
}
div#report ul.monitor li.rep_03 a{
	background-image:url(../images/axes_rep.jpg);
}











/*------   マイページ関連   -------*/



div#id_form .my_contents{
	padding:10px;
}

div#id_form .my_space{
	background:#FFFFFF;
	border-top:1px #F0F0F0 solid;
	border-left:1px #F0F0F0 solid;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	padding:10px;
	font-size:12px;
	line-height:160%;
	text-align:center;
}

div#id_form table.my_list{
	border-collapse:collapse;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
}
div#id_form table.my_list th.th_1{
	border:1px #909f5a solid;
	background-color:#e7efcb;
	padding:3px;
}
div#id_form table.my_list th.th_2{
	border:1px #909f5a solid;
	background-color:#e7efcb;
	padding:5px;
	font-size:13px;
}

div#id_form table.my_list td.td_1{
	border:1px #909f5a solid;
	padding:2px;
	font-size:11px;
	text-align:left;
}

div#id_form table.my_list td.td_c{
	border:1px #909f5a solid;
	padding:2px;
	font-size:11px;
	text-align:center;
}

div#id_form table.my_list td.td_2{
	border:1px #909f5a solid;
	padding:4px;
	font-size:12px;
	text-align:left;
}

div#id_form table.my_list td.td_3{
	border:1px #909f5a solid;
	padding:5px;
	font-size:12px;
	text-align:left;
	vertical-align:top;
}


div#id_form table.my_list td.td_c2{
	border:1px #909f5a solid;
	padding:10px 0px 10px 0px;
	font-size:12px;
	text-align:center;
	line-height:160%;
}

div#id_form .t_title{
	color:#FFFFFF;
	background-color:#909f5a;
	padding:3px 5px 3px 5px;
	width:60px;
	font-size:12px;
	margin-right:10px;
	float:left;
}




/*-----------------FOOT BANNER---------------------*/

.clr{
	clear:both;
}
.foot_banner{
	margin:40px 25px 5px 25px;
	text-align:center;
}
.foot_banner_img{
	margin-right:15px;
}






/*--------------------------
公開マップ側、アイコンとかTab
---------------------------*/

.yamakei{
margin:0px 20px 5px 20px;
}

div#id_form table.icon{
	border-collapse:collapse;
	width:520px;
}
div#id_form table.icon td{
	border-bottom:1px #CCCCCC solid;
	padding:2px;
}
div#id_form table.icon td.td_c{
	text-align:center;
}
div#id_form table.icon td.td_l{
	text-align:left;
	line-height:130%;
	font-size:11px;
}

.sub_title{
	background:#FED590;
	color:#696969;
	font-size:13px;
	font-weight:bold;
	padding:4px;
	margin:0px 0px 10px 0px;
	text-indent:5px;
}

.tab_wrapper a.tab01 {
	background-color:#e6ead9;
	border:1px solid #909f5a;
	display:block;
	float:left;
	margin-right:10px;
	padding:4px;
	text-align:center;
	text-decoration:none;
	width:122px;
}

.tab_wrapper .igtabselect .tab01{
	background:#FED590 none repeat scroll 0%;


/*start ClearFix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*  */
.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }
.clearfix { display: block; }