﻿/* DEFAULT SETTING */



body{



	background:#fff;



	font-size:0.8em;



	color:#666;



	}



div:after{



	/*content:"clear";*/



	height:0px;



	clear:both;



	display: block;



	/**/visibility:hidden;



}











/* FONT DECORATIONT */



a{color:#333333;text-decoration:underline;}



a:link{color:#333333;text-decoration:underline;}



a:hover{color:#333;text-decoration:underline;}



.small{font-size:1em;}



.error{color:#ff0000;}











/* LAYOUT */



#layout{



	width:750px;



	text-align:left;



	margin:auto;



	padding:0;



	background:#fff;



	border-left:1px solid #ccc;



	border-right:1px solid #ccc;



}







/* HOMEbtn */



#home{



	position:absolute;



	left:15px;



	top:82px;



	width:150px;



	height:16px;



	font-size:0.8em;



	background:url(img/icon_home.gif) no-repeat left center;



}



#home a{



	display:block;



	width:150px;



	height:14px;



	text-decoration:none;



	padding:3px 0 0 41px;



}



#home a:hover, #home a:link, #home a:visited, #home a:active{



	text-decoration:none;



	color:#A9A9A9;



}











/* HEADER */



#header{



	position:relative;



	margin:0;



	padding:0;



	height:110px;



	background:url(img/bg_header.gif) no-repeat;



}



#logo{



	position:absolute;



	top:0px;



	left:0px;



	width:745px;



	height:0px;



	margin:0;



	padding:0 5px 0 0;



	text-align:right;



}



#logo a{



	display:block;



	height:40px;



	text-decoration:none;



}



#logo h1{



	font-size:0.8em;



	font-weight:normal;



	color:#666;



	margin:0;



	padding:0;



	text-align:right;



}



#logo p{



	font-size:0.8em;



	color:#999;



	font-weight:normal;



	margin:0 10px 0 0;



	padding:0;



}











/* MAINMENU */



#mainmenu{



	position:absolute;



	right:0;



	bottom:12px;



	margin:0;



	padding:0;



}



#mainmenu ul{



	margin:0;



	padding:0;



}



#mainmenu li{



	float:left;



	margin:0 5px 0 0;



	padding:0;



	font-size:12px;



	line-height:1.0;



	list-style-type:none;



}



#mainmenu li span{



	display:block;



	visibility:visible;



	margin:1px 0;



	padding:0;



	font-size:10px;



	text-align:center;



	color:#ff9900;



	font-weight:normal;



	cursor:pointer;



}



#mainmenu a{



	display:block;



	width:130px;



	height:25px;



	margin:0;



	padding:5px 0 0 0;



	color:#000000;



	text-decoration:none;



	text-align:center;



	background:url(img/bg_mainmenu_off.gif) no-repeat;



}



#mainmenu a:hover{



	background:url(img/bg_mainmenu_on.gif) no-repeat;



}



#mainmenu .active{



	background:url(img/bg_mainmenu_active.gif) no-repeat;



}











/* SUBMENU */



#submenu{



	position:absolute;



	right:10px;



	top:40px;



	margin:0;



	padding:0;



	font-size:0.8em;



}



#submenu ul{



	margin:0;



	padding:0;



}



#submenu li{



	margin:0;



	padding:0;



	float:left;



	list-style-type:none;



}







#submenu a{



	display:block;



	padding:0 10px;



	text-decoration:none;



	color:#666;



	border-left:1px solid #ccc;



}



#submenu a:hover{



	text-decoration:underline;



}



#submenu .active{



}











/* CHILDMENU */



#childmenu{



	margin:0 0 20px 0;



	padding:0;



	line-height:1.0;



}



#childmenu ul{



	margin:0;



	padding:0;



}



#childmenu li{



	width:175px;



	margin:0 0 2px 0 ;



	padding:0;



	list-style-type:none;



}



#childmenu a{



	display:block;



	padding:2px 0 2px 20px;



	text-decoration:none;



	color:#7AA0AB;



	border-bottom:1px dotted #ccc;



	word-break:keep-all;



	background:url(img/bg_childmenu_off.gif) no-repeat left;



	background-position:5px 2px;



}



#childmenu a:hover{



	color:#333;



}



#childmenu .active{



	color:#7AA0AB;



	background:url(img/bg_childmenu_active.gif) no-repeat left;



	background-position:5px 2px;



}











/* PAGENAVI */



#pagenavi{



	margin:0 0 20px 0;



	padding:0;



	font-size:0.8em;



}











/* CONTENTS */



#contents{



	margin:20px 0 0 0;



	padding:0 15px;



}











/* MAINCONTENTS */



#main{



	float:right;



	width:520px;



	padding:0;



}



h3{



	font-size:12px;



}











/* PAGECONTENTS */



.page_contents{



	overflow:hidden;



	width:500px;



	margin:0 10px 30px 10px;



}















/* SIDEBAR */



#side{



	float:left;



	width:180px;



	margin:0;



	line-height:1.2;



}



#side h2{



	font-size:1.2em;



	background:url(img/bg_pagetitle.jpg) no-repeat;



	width:170px;



	height:110px;



	margin:0 0 10px 0;



	padding:10px 5px 0 5px;



	color:#fff;



}



#side h2 span{



	display:block;



	font-size:0.6em;



	font-weight:normal;



	margin:8px 0 0 0;



	padding:0;



}



#side h4{



	font-size:0.8em;



	margin:0 0 10px 0;



	padding:5px 0 0 0;



	color:#7AA0AB;



	border-top:1px solid #ddd;



	font-weight:bold;



}



.sidebox,.sidebox01,.sidebox02{



	width:180px;



	margin:0 0 5px 0;



	padding:0;



	overflow:hidden;



}



.sidebox01 ul,.sidebox02 ul{



	margin:0 0 0 20px;



	padding:0;



	font-size:0.8em;



	color:#7AA0AB;



}



.sidebox01 li,.sidebox02 li{



	margin:0 0 5px 0;



}



.sidebox01 a,.sidebox02 a{



	color:#666;



}















/* PAGE TOP */



#pagetop{



	clear:both;



	text-align:right;



	font-size:0.8em;



	padding:20px 0;



}











/* FOOTER */



#footer{



	text-align:center;



	font-size:0.8em;



	margin:0;



	padding:10px;



	color:#fff;



	background:#ff9900;



}



#footermenu{



	padding:30px 0;



        text-align:right;







}



#footermenu ul{



	margin:0;



	padding:0;



	list-style-type:none;



}



#footermenu li{



	margin:0 0 3px 0;



	display:inline;



}



#footermenu a{



	padding:0 5px;



}











/* PAGE MOVE */



.page_move{



	text-align:center;



	margin:5px 0;



}







/* TABE CELL */



.left{



	width:30%;



	padding:2px 0 2px 10px;



	border-bottom:1px solid #ddd;



	vertical-align:top;



	background-position:0 8px;



}



.right{



	width:70%;



	padding:2px 0 2px 2px;



	border-bottom:1px solid #ddd;



	vertical-align:top;



	background:#fff;



}











/* PROFILE PAGE */



#table_profile{



	/*float:right;



	width:290px;*/



	width:100%;



}



#img_profile{



	float:left;



	width:240px;



	display:block;



	border:1px solid #999;



	margin:0 20px 20px 0;



	padding:3px;



	text-align:center;



}



.map{



	width:498px;



	height:300px;



	border:1px solid #ccc;



	margin:0;



}











/* FORM PAGE */



form{



	margin:0;



}



#table_form{



	width:100%;



	margin:0 0 20px 0;



}



#captcha{



	border:1px solid #ccc;



	background:#ddd;



	margin:0 0 0 10px;



	padding:5px 10px;



}







/* BLOG PAGE */



.blog{



	padding:0px;



	margin:0 0 20px 0;



	position:relative;



}



.blog_title{



	margin:0;



	padding:8px 0 15px 20px;



	background:url(img/bg_blogtitle.gif) no-repeat;



	font-weight:normal;



	color:#333;



	border:none;



}



.blog_cnt{



	border-left:1px solid #ccc;



	border-right:1px solid #ccc;



}



.blog_date{



	margin:0 0 10px 0;



	padding:0 10px;



	color:#666;



	font-size:0.8em;



	font-weight:bold;



}



.blog_body{



	overflow:hidden;



	width:500px;



	margin:0 9px 20px 9px;



}



.blog_bottom{



	padding:10px 5px;



	font-size:0.8em;



	text-align:right;



	border:1px solid #ccc;



	border-top:1px dotted #ccc;



}



#entory_preview{



	float:left;



	margin:0 0 5px 0;



	padding:0 0 0 12px;



	text-align:left;



	width:45%;



	background:url(img/icon_arrow_left.gif) left no-repeat;



}



#entory_next{



	float:right;



	margin:0 0 5px 0;



	padding:0 12px 0 0;



	text-align:right;



	width:45%;



	background:url(img/icon_arrow_right.gif) right no-repeat;



}











/* BBS PAGE */



.bbs{



	padding:0px;



	margin:0 0 20px 0;



	position:relative;



}



.bbs_title{



	margin:0;



	padding:8px 0 15px 20px;



	background:url(img/bg_bbstitle.gif) no-repeat;



	font-weight:normal;



	color:#333;



	border:none;



}



.bbs_cnt{



	border-left:1px solid #ccc;



	border-right:1px solid #ccc;



}



.bbs_date{



	margin:0 0 10px 0;



	padding:0 10px;



	color:#476785;



	font-size:0.8em;



	font-weight:bold;



	font-family:"Trebuchet MS",verdana,'MS UI Gothic',sans-serif;



}



.bbs_body{



	margin:0 10px 20px 10px;



}



.bbs_bottom{



	padding:10px 5px;



	font-size:0.8em;



	text-align:right;



	border:1px solid #ccc;



	border-top:1px dotted #ccc;



}



#table_bbs{



	width:100%;



	margin:0 0 30px 0;



}



#table_bbs td{



	border-bottom:1px dotted #ccc;



	padding:4px 0;



	vertical-align:top;



}



#table_bbs .theme{



	padding:4px 0 4px 20px;



	background:url(img/icon_theme.gif) left top no-repeat;



	background-position:0 5px;



}



#table_bbs .thread{



	padding:4px 0 4px 20px;



	background:url(img/icon_thread.gif) left top no-repeat;



	background-position:0 5px;



}



#table_bbs .res{



	padding:4px 0 4px 20px;



	background:url(img/icon_comment.gif) left top no-repeat;



	background-position:0 5px;



}



#table_bbs .c1{



	font-size:0.8em;



	text-align:right;



}



#table_bbs .theme a{



	font-weight:bold;



}



#table_bbs .tr{



	text-align:right;



	font-size:0.8em;



	margin:10px 0;



	color:#666;



}











/* POST */



.post{



	border:none;



	background:#f1f1f1;



	color:#666;



	font-size:1em;



	padding:2px 5px;



}



.post_com{



	margin:20px 0 10px 0;



	padding:10px 0 0 24px;



	border-top:1px solid #ddd;



	background:url(img/icon_comment.gif) left top no-repeat;



	background-position:0 12px;



}



.post_tb{



	margin:20px 0 10px 0;



	padding:10px 0 0 24px;



	border-top:1px solid #ddd;



	background:url(img/icon_tb.gif) left top no-repeat;



	background-position:0 12px;



}



.post_bottom{



	margin:0 0 20px 0;



	padding:5px 0;



	text-align:right;



	font-size:0.8em;



}











/* TOPIMAGE */



#topimage{



	width:750px;



	height:200px;



	margin:0;



	background-repeat:no-repeat;



	text-indent:-10000px;



	border-top:1px solid #ccc;



	border-bottom:1px solid #ccc;



}



#topimage a{



	display:block;



	width:750px;



	height:200px;



}











/* TOPNEWS */



#top_news{



	color:#999;



	font-size:1.0em;



	font-weight:normal;



	border:none;



	background:url(img/bg_topnews_title.gif) no-repeat;



	height:40px;



	margin:0 0 10px 0;



	padding:20px 0 0 15px;



	clear:both;



}



.news_contents{



	overflow:hidden;



	width:500px;



	margin:0 10px 20px 10px



}



.topnews_date{



	width:20%;



	font-size:0.8em;



	color:#666;



	padding:3px 0 2px 16px;



	border-bottom:1px dotted #ccc;



	vertical-align:top;



	background:url(img/icon_clock.gif) no-repeat left top;



	background-position:0 5px;



}



.topnews_body{



	padding:2px 0 5px 0;



	border-bottom:1px dotted #ccc;



	vertical-align:top;



}











/* TOPPHOTO */



#top_photo{



	color:#999;



	font-size:1.0em;



	font-weight:normal;



	border:none;



	background:url(img/bg_topphoto_title.gif) no-repeat;



	height:40px;



	margin:0 0 10px 0;



	padding:20px 0 0 15px;



	clear:both;



}



.photo_contents{



	margin:0 10px 20px 10px



}



.top_photo{



	font-size:0.8em;



	text-align:center;



	color:#666;



	padding:0 0 10px 0;



}











/* CALENDAR */



#calendar{



	width:160px;



	margin:0 10px;



	text-align:center;



}



#calendar tr td{



	padding:0 2px 5px 2px;



	font-size:0.8em;



}



#calendar caption{



	padding:0 5px 8px 5px;



	text-align:right;



	font-size:0.8em;



}



.cal_sun{color:#FF0000;}



.cal_day{color:#333333;}



.cal_sat{color:#006699;}











/* SEARCH PAGE&SEARCH BOX */



#search{



	width:180px;



	text-align:center;



	margin:0 0 20px 0;



}



#search .search{



	width:120px;



	height:10px;



	font-size:0.8em;



}



.result_title{



	margin:0 0 10px 0;



	font-size:1.2em;



}



.result_body{



	margin:0 0 20px 30px;



	padding:0 0 20px 0;



	border-bottom:1px solid #ddd;



}



.highlight{



	font-weight:bold;



	background:#ff9900;



	color:#fff;



}







/* CRAWLER */



#crawler{



	position:relative;



	width:180px;



	height:200px;



}



#crawler h4{



	background:url(img/bg_pickup_head.gif) no-repeat;



	padding:5px 0 5px 8px;



	margin:0;



	color:#fff;



	border:none



}



.crawler_body{



	padding:5px 10px;



	font-size:10px;



	line-height:1.3;



	height:150px;



	border:1px solid #ccc;



	border-top:none;



}



#crawler img{



	margin:0 10px 10px 0;



}







/* COUNTER */



#counter{



	font-size:0.8em;



	text-align:center;



	color:#666;



}







/* MOBILE QR CODE */



#qr{



	position:relative;



	margin:0 0 20px 0;



	width:180px;



	height:100px;



}



#qr a{



	position:absolute;



	display:block;



	width:100px;



	height:18px;



	left:74px;



	top:69px;



	text-indent:-1000px;



	overflow:hidden;



}



















/* オンラインプランtable設定 ==================== */



#plan #online_table1 th,#plan #online_table1 td {



	width: 50%;



	padding: 3px 0px;



	background-color: #fff;



	text-align: center;



}



#plan #online_table1 .bg1,



#plan #online_table2 .bg1 {



	background-color: #ffecd9;



	border: solid 1px #fff;



}



#plan #online_table1 .bg2,



#plan #online_table2 .bg2 {



	background-color: #f4f4f4;



	border: solid 1px #fff;



}



#plan  #online_table2 th,#plan #online_table2 td {



	padding: 3px 0px;



	background-color: #fff;



	text-align: center;



}







#table-layout {}



#table-layout th {



	padding: 5px;



	width: 20%;



	border-bottom-width: 1px;



	border-bottom-style: dotted;



	border-bottom-color: #999999;



	font-weight: normal;



}



#table-layout td {



	padding: 5px;



	border-bottom-width: 1px;



	border-bottom-style: dotted;



	border-bottom-color: #999999;



}



.gradient3 {



	font: bold 200%/100% "Lucida Grande", Arial, sans-serif;



	position: relative;



	margin: 0;



	color: #000;



}



.gradient3 span {



	position: absolute;



	display: block;



	width: 100%;



	height: 29px;



}



.title1 {background:url(img/title1.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title2 {background:url(img/title2.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title3 {background:url(img/title3.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title4 {background:url(img/title4.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title5 {background:url(img/title5.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title135 {background:url(img/title135.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title134 {background:url(img/title134.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title133 {background:url(img/title133.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title132 {background:url(img/title132.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title131 {background:url(img/title131.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title130 {background:url(img/title130.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title129 {background:url(img/title129.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title128 {background:url(img/title128.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title127 {background:url(img/title127.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title126 {background:url(img/title126.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title125 {background:url(img/title125.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title124 {background:url(img/title124.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title123 {background:url(img/title123.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title122 {background:url(img/title122.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title121 {background:url(img/title121.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title120 {background:url(img/title120.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title119 {background:url(img/title119.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title118 {background:url(img/title118.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title117 {background:url(img/title117.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title116 {background:url(img/title116.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title115 {background:url(img/title115.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title114 {background:url(img/title114.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title113 {background:url(img/title113.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title112 {background:url(img/title112.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title111 {background:url(img/title111.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title110 {background:url(img/title110.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title109 {background:url(img/title109.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title108 {background:url(img/title108.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title107 {background:url(img/title107.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title106 {background:url(img/title106.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title105 {background:url(img/title105.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title104 {background:url(img/title104.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title103 {background:url(img/title103.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title102 {background:url(img/title102.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title101 {background:url(img/title101.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title100 {background:url(img/title100.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.link012n102 a{background:url(img/link012n102_off.jpg);margin: 0 0 5px 0;width:180px;height:60px;display:block;text-indent: -10000px;}



.link012n1 a{background:url(img/link012n1_off.jpg);margin: 0 0 5px 0;width:180px;height:60px;display:block;text-indent: -10000px;}



.link012n102 a:hover{background:url(img/link012n102_on.jpg);width:180px;height:60px;}



.link012n1 a:hover{background:url(img/link012n1_on.jpg);width:180px;height:60px;}



.link021n102 a{background:url(img/link021n102_off.jpg);margin: 0 0 5px 0;width:180px;height:60px;display:block;text-indent: -10000px;}



.link021n1 a{background:url(img/link021n1_off.jpg);margin: 0 0 5px 0;width:180px;height:60px;display:block;text-indent: -10000px;}



.link021n102 a:hover{background:url(img/link021n102_on.jpg);width:180px;height:60px;}



.link021n1 a:hover{background:url(img/link021n1_on.jpg);width:180px;height:60px;}



.link032n101 a{background:url(img/link032n101_off.jpg);margin: 0 0 5px 0;width:180px;height:60px;display:block;text-indent: -10000px;}



.link034n102 a{background:url(img/link034n102_off.jpg);margin: 0 0 5px 0;width:180px;height:60px;display:block;text-indent: -10000px;}



.link034n1 a{background:url(img/link034n1_off.jpg);margin: 0 0 5px 0;width:180px;height:60px;display:block;text-indent: -10000px;}



.link032n101 a:hover{background:url(img/link032n101_on.jpg);width:180px;height:60px;}



.link034n102 a:hover{background:url(img/link034n102_on.jpg);width:180px;height:60px;}



.link034n1 a:hover{background:url(img/link034n1_on.jpg);width:180px;height:60px;}



.link041n101 a{background:url(img/link041n101_off.jpg);margin: 0 0 5px 0;width:180px;height:60px;display:block;text-indent: -10000px;}



.link043n102 a{background:url(img/link043n102_off.jpg);margin: 0 0 5px 0;width:180px;height:60px;display:block;text-indent: -10000px;}



.link043n1 a{background:url(img/link043n1_off.jpg);margin: 0 0 5px 0;width:180px;height:60px;display:block;text-indent: -10000px;}



.link041n101 a:hover{background:url(img/link041n101_on.jpg);width:180px;height:60px;}



.link043n102 a:hover{background:url(img/link043n102_on.jpg);width:180px;height:60px;}



.link043n1 a:hover{background:url(img/link043n1_on.jpg);width:180px;height:60px;}



.title9 {background:url(img/title9.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title116 {background:url(img/title116.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title116 {background:url(img/title116.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title134 {background:url(img/title134.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}



.title134 {background:url(img/title134.png) no-repeat !important;padding:0;width:180px;height:120px;text-indent: -10000px;}

