/* -----------------------------------------------------------
CSS Information

 File name:      common.css
 Author:          his hula
 Style Info:   　 tour以外共通設定
----------------------------------------------------------- */
h1 {
	margin-bottom:17px;
}
#top {
	text-align:right;
	margin:-25px 8px 5px 0;
	font-weight:bold;
}
#top a {
	color:#fff;
	text-decoration:underline;
}
#top a:hover {
	color:#fff;
	text-decoration:none;
}
#main {
	text-align:left;
	width: 960px;
}
#tour_index {
	width: 700px;
	border:1px #E6DCD2 solid;
}
#tour_index table {
	margin: 5px 10px 5px 15px;
}
.days {
	font-weight:bold;
}
#banner {
	clear:both;
}
#menu {
	margin:0 auto;
	position:relative;
	width:960px;
}
#titleimg {
	position:absolute;
	top:-15px;
}
#titleimg_index {
	position:absolute;
	z-index:10;
	margin-top:-120px;
}
#navi_menu {
	margin:0;
	padding:0;
	cursor:pointer;
	display:inline-block;
	overflow:hidden;
	width:960px;
	height:60px;
	font-size: 0;
}
#navi_menu li {
	cursor:pointer;
	display:inline;
	zoom:1;
}
#navi_menu li a {
	background-image:url(../img/navi.png);
	background-repeat:no-repeat;
	float:left;
	font-size:0;
	height:0;
	overflow:hidden;
	padding-top:63px;
}
#navi_menu li#home a {
	background-position:0 0;
	width:115px;
}
#navi_menu li#tour_hula a {
	background-position:-115px 0;
	width:125px;
}
#navi_menu li#tour_tahiti a {
	background-position:-240px 0;
	width:135px;
}
#navi_menu li#hula_report a {
	background-position:-375px 0;
	width:135px;
}
#navi_menu li#hula_halau a {
	background-position:-510px 0;
	width:150px;
}
#navi_menu li#his_hula a {
	background-position:-660px 0;
	width:150px;
}
#navi_menu li#hula_sitemap a {
	background-position:-810px 0;
	width:150px;
}

#navi_menu li#home a:hover { background-position:0 -79px;}
#navi_menu li#tour_hula a:hover { background-position:-115px -79px;}
#navi_menu li#tour_tahiti a:hover { background-position:-240px -79px;}
#navi_menu li#hula_report a:hover { background-position:-375px -79px;}
#navi_menu li#hula_halau a:hover { background-position:-510px -79px;}
#navi_menu li#his_hula a:hover { background-position:-660px -79px;}
#navi_menu li#hula_sitemap a:hover { background-position:-810px -79px;}

.box {
	clear:both;
}
.box_in {
}
.fl_box {
	float:left;
	width:224px;
}
.memo {
	width:193px;
	height:193px;
	_width:223px;
	_height:223px;
	background:url(../img/memo.jpg) no-repeat;
	padding:15px;
}
.memo h3 {
	text-align:center;
	font-size: 105%;
}
.memo p {
	padding:15px 10px 10px 10px;
}
.memo ul {
	margin:7px 0px　3px 0px;
	padding:0px 1px;
}
.memo li {
	border-bottom:dotted 1px #ccc;
	padding:5px 2px;
}
.btn {
	text-align:center;
	margin:4px 0px;
	_margin:2px 0px;
}
#main_memo ul {
	margin-top:15px;
	margin-left:25px;
}
#main_memo li {
	list-style-type:lower-greek;
	margin-top:10px;
}
#sub {
	height:468px;
	margin-top:2px;
}
#sub li {
	display:inline;
}
#box960 {
	background:url(../img/tour960.jpg) no-repeat;
	height:115px;
	_height:135px;
	margin-top:15px;
	padding:10px;
}
#ago {
	background:url(../img/ago_tour.jpg) no-repeat;
	width:800px;
	_width:900px;
	height:110px;
	_height:120px;
	padding-left:140px;
	padding-top:5px;
	_padding-top:7px;
	border-top-width:0px;
	overflow: auto;
}
#ago li {
	list-style-type: disc;
	margin:4px 0px;
}
#other li {
	list-style-type: disc;
	margin:5px 0px;
}
#sell li {
	list-style-type: disc;
	margin:2px 0px;
}
/* -----------------------------------------------------------
indexページ
----------------------------------------------------------- */
#flash_bg {
	position: absolute;
	z-index:0;
	top: 0;
	left: 0;
	width: 100%;
	height: 480px;
	margin-top:-38px;
}
.index h1 {
	position: relative;
	z-index: 2;
	top: 0;
	left: center;
}
.index #menu {
	margin:0 auto;
	position:relative;
	width:960px;
	clear:both;
}
.index #contents_in {
	margin-top:380px;
}
#main_top {
	background:url(../img/main_top2.jpg) no-repeat;
	width:960px;
	height:535px;
	margin-bottom: 10px;
}
#main_top h2 {
}
#main_left {
	float:left; 
	width:655px;
	margin:25px;
	_margin:25px 25px 25px 12px;
}
#main_right {
	float:right; 
	width:223px;
	margin:25px 25px 25px 0px;
	_margin:25px 12.5px 25px 0px;
}
#main_left h3 {
	font-size:14px;
	color:#65493E;
}
#main_right ul {
	margin-top:2px;
}
#main_right img {
	margin-bottom:5px;
}
#main_right h3 {
	margin-top:7px;
}
#main_right .ya {
	background: url(../img/sankaku.gif) no-repeat 0px 0px;
	padding-left:18px;
	line-height:25px;
}
#news, #topics {
	border-top:none;
	border-right:1px #c8c8c8 solid;
	border-bottom:1px #c8c8c8 solid;
	border-left:1px #c8c8c8 solid;
	width: 648px;
	margin-top:-1px;
	*margin-top:-8px;
}
#news ul {
	font-size: 11px;
	color: #65493E;
	margin-top: 10px;
}
#news li {
	background: url(../img/hana.gif) no-repeat 7px 2px;
	padding-left:22px;
}
#news li a {
	margin-right:2px;
}
#topics h4 {
	margin:6px 0px 4px 0px;
}
#topics ul {
	padding:3px 3px 8px 8px;
}
#topics li {
	border-top:2px dashed #ccc;
	padding:5px 0px;;
}
#scroll{
	height:345px;
	width:648px;
	border-top-width: 0px;
	overflow: auto;
	background-color: #fff;
}
.memo_top {
	width:193px;
	height:120px;
	_width:223px;
	_height:150px;
	background:url(../img/memo_top.jpg) no-repeat;
	padding:15px;
}
.memo_top h3 {
	text-align:center;
	font-size: 105%;
}
.memo h4 {
	margin-bottom:-10px;
	color: #635034;
}
/* -----------------------------------------------------------
tourページ
----------------------------------------------------------- */
.hula #title {	
	height:76px;
	_height:86px;
	background:url(../img/hula_title.jpg) no-repeat;
	color:#fff;
	padding:10px 0px 0px 200px;
	margin-bottom: 17px;
}
.tahitian #title {	
	height:76px;
	_height:86px;
	background:url(../img/tahitian_title.jpg) no-repeat;
	color:#fff;
	padding:10px 0px 0px 200px;
	margin-bottom: 17px;
}
.hula #main_img {
	float:left;
	margin:0px 17px;;
}
.tahitian #main_img {
	float:left;
	margin:0px 17px;;
}
.fl_tour {
	float:left;
	background:url(../img/tour.jpg) no-repeat;
	width:468px;
	height:295px;
	*height:310px;
	margin-top: 15px;
}
.fl_tour h3 {
	background:url(../img/ya.png) no-repeat 7px 10px;
	padding:10px 0px 0px 33px;
	_margin:0px 0px 0px 0px;
	color:#fff;
	float:left;
	width:240px;
	_width:275px;
	line-height:2.0;
}
.tour_head { height:65px;}
.fl_tour p { padding:20px 20px 10px 20px; }
.syosai {
	width:360px;
	_width:350px;
	margin: 10px 0px 10px 15px;
	_margin: 5px 0px 5px 15px;
}
.syosai ul {
	padding-right:5px;
}
.syosai li {
	padding:15px 0px 5px 90px;
	font-size:110%;
	border-bottom:1px dashed #ccc;
	height: 33px;
}
.nitiji {background:url(../img/nitiji.gif) no-repeat 0px 10px;}
.daikin_tour {background:url(../img/daikin.gif) no-repeat 0px 10px;}
.fld {
	margin:30px 10px 5px 0px;
	_margin:20px 10px 5px 0px;
	float:right;
}
.bn {
	float:right;
	padding:10px 10px 0px 5px;
	_margin:0px -2px 0px 0px;
	height:65px;
}
/* -----------------------------------------------------------
reportページ
----------------------------------------------------------- */
.report #title {	
	height:76px;
	_height:86px;
	background:url(../img/report_title.jpg) no-repeat;
	color:#fff;
	padding:10px 0px 0px 200px;
	margin-bottom: 17px;
}
.report #main_img {
	float:left;
	margin-left: 2px;
	_margin-left: 1px;
}
.mgmemo {
	margin-bottom:20px;
	_margin-bottom:11px;
}
#tournament {
	padding:0px 10px;
	margin-top:12px;
}
#tournament p {
	margin-bottom:10px;
}
#tournament h3 {
	padding-left:5px;
	color:#574017;
	margin-bottom:3px;
}
#tournament h4 {
	padding-left:5px;
	margin-bottom:5px;
}
.commend {
	float:right;
	padding:5px 9px 5px 9px;
	margin:5px 8px 8px 8px;
	border: 1px #ccc dotted;
}
.commend h3 {
	font-size:110%;
}
.commend ul {
	margin-top:10px;
	font-size:90%;
}
.commend li {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:#C8C8C8 1px dashed;
}
.report #sell {
	background:url(../img/sell_or.jpg) no-repeat;
	width:800px;
	_width:950px;
	height:105px;
	_height:120px;
	padding-left:137px;
	padding-top:10px;
	border-top-width:0px;
	overflow: auto;
}
.report_imgs. {
	text-align:center;
}


#report {
	border:1px #E6DCD2 solid;
}
#report h3 {
	margin-left:11px;
	margin-top: 10px;
	font-size: 120%;
}
#report h4 {
	font-weight:bold;
	padding:0px 45px;
	margin-bottom:5px;
}
#report p {
	padding: 10px 118px;
}
.report p {
	font-size:114%;
}
.report p.address{
	font-size:100%;
}
#report .imgs {
	text-align:center;
}
#report .imgs img {
	margin-right:7px;
	margin-top:5px;
}
/* -----------------------------------------------------------
halauページ
----------------------------------------------------------- */
.halau #title {	
	height:76px;
	_height:86px;
	background:url(../img/halau_title.jpg) no-repeat;
	color:#fff;
	padding:10px 0px 0px 200px;
	margin-bottom: 17px;
}
.halau #main_memo {
	background:url(../img/halau_memo.jpg) no-repeat;
	float:left;
	width:376px;
	_width:476px;
	height:368px;
	_height:468px;
	margin:0px 17px;
	padding:50px;
}
.halau #main_memo h3 {
	font-size:120%;
	color:#574017;
	margin-top:5px;
}
#main_memo p {
	padding:15px 0px;
}
.imgs {
	float:right;
	border:1px solid #d8d8d8;
	padding:5px;
}
.box960 {
	background:url(../img/ago_halau.jpg) no-repeat;
	height:115px;
	_height:135px;
	margin-top:15px;
	padding:10px;
}
.box960 h2 {
	color:#fff;
	font-weight:bold;
	font-size:105%;
	margin-top: -2px;
}
.box960 h3 {
	margin-top:2px;
}
.box960 ul {
	float:left;
	font-size: 95%;
}
#halau_name {
	height:41px;
	_height:51px;
	background:url(../img/halau_name.jpg) no-repeat;
	color:#fff;
	padding:10px 0px 0px 30px;
	margin-bottom: 10px;
	font-size: 120%;
}
#halau_kihon {
	height:331px;
	_height:351px;
	background:url(../img/halau_kihon.jpg) no-repeat;
	padding:10px 30px;
}
#kihon {
	float:left;
	margin-right:10px;
	width: 535px;
}
#kihon h3 {
	font-size:110%;
	margin-bottom:5px;
	margin-top:10px;
}
#kihon ul {
	margin-top:15px;
}
#kihon li {
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:#C8C8C8 1px dashed;
}
.halau_img {
	float:right;
	width:325px;
	text-align:center;
	margin-top: 80px;
}
.question {
	padding:0px 10px;
	margin-top:8px;
	_margin-top:4px;
	font-size: 12px;
}
.question p {
	margin-bottom:5px;
	font-size:100%;
}
.question h3 {
	color:#574017;
	margin-left:-10px;
	font-size: 120%;
	width:210px;
	_width:235px;
	height:50px;
	_height:75px;
	padding:25px 0px 0px 20px;
}
.student { background:url(../img/student_h3.jpg) no-repeat;}
.teacher { background:url(../img/teacher_h3.jpg) no-repeat;}
.Q {
	color: #453010;
	font-size: 12px;
	background-color: #FFE6F2;
	padding:1px 3px;
	margin-bottom:5px;
	line-height:25px;
}
.halau #sell {
	background:url(../img/sell_gr.jpg) no-repeat;
	width:800px;
	_width:950px;
	height:105px;
	_height:120px;
	padding-left:137px;
	padding-top:15px;
	border-top-width:0px;
	overflow: auto;
}
.halau #other {
	background:url(../img/other_rd.jpg) no-repeat;
	width:800px;
	height:95px;
	_height:120px;
	padding-left:137px;
	padding-top:25px;
	border-top-width:0px;
	overflow: auto;
}
.halau_n{ background:url(../img/icon/halau_n.gif) no-repeat; padding-left:22px;}
.teacher_n{ background:url(../img/icon/teacher_n.gif) no-repeat; padding-left:22px;}
.add{ background:url(../img/icon/add.gif) no-repeat; padding-left:22px;}
.station{ background:url(../img/icon/station.gif) no-repeat; padding-left:22px;}
.studio{ background:url(../img/icon/studio.gif) no-repeat; padding-left:22px;}
.tel{ background:url(../img/icon/tel.gif) no-repeat; padding-left:22px;}
.fax{ background:url(../img/icon/fax.gif) no-repeat; padding-left:22px;}
.hp{ background:url(../img/icon/hp.gif) no-repeat; padding-left:22px;}
/* -----------------------------------------------------------
aboutusページ
----------------------------------------------------------- */
.aboutus #title {	
	height:76px;
	_height:86px;
	background:url(../img/aboutus_title.jpg) no-repeat;
	color:#fff;
	padding:10px 0px 0px 220px;
	margin-bottom: 17px;
}
.aboutus #main_img {
	float:left;
	margin-left: 2px;
	_margin-left: 1px;
}
.aboutus #main_memo {
	background:url(../img/main_memo1.jpg) no-repeat;
	float:left;
	width:426px;
	_width:476px;
	height:418px;
	_height:468px;
	margin:0px 17px;
	_margin:0px -2px 0px 16px;
	padding:25px;
}
.aboutus #sell {
	background:url(../img/sell_bb.jpg) no-repeat;
	width:800px;
	_width:950px;
	height:105px;
	_height:120px;
	padding-left:137px;
	padding-top:10px;
	border-top-width:0px;
	overflow: auto;
}
/* -----------------------------------------------------------
sitemapページ
----------------------------------------------------------- */
.sitemap #title {	
	height:76px;
	_height:86px;
	background:url(../img/sitemap_title.jpg) no-repeat;
	color:#fff;
	padding:10px 0px 0px 220px;
	margin-bottom: 17px;
}
#sitemap {
	background:url(../img/main_memo2.jpg) no-repeat;
	float:left;
	width:426px;
	_width:476px;
	height:418px;
	_height:468px;
	margin-left:15px;
	padding:25px;
}
.fl_wide {
	float:left;
	width:468px;
	height: 224px;
}
.wide_img {
	background:url(../img/wide_memo.jpg) no-repeat;
	clear:both;
}
.sitemap .memo {
	float:left;
	padding:0px;
	width:223px;
	height:223px;
	background:url(../img/memo.jpg) no-repeat;
}
#sitemap ul {
	margin:20px 0 0 15px;;	
}
#sitemap li {
	background: url(../img/hana.gif) no-repeat 0px 7px;
	border-bottom:dashed 1px #ccc;
	padding:5px 0px 5px 20px;
}
#sitemap a {
	font-weight:bold;
}
.sitemap #sell {
	background:url(../img/sell_gr.jpg) no-repeat;
	width:800px;
	_width:950px;
	height:105px;
	_height:120px;
	padding-left:137px;
	padding-top:10px;
	border-top-width:0px;
	overflow: auto;
}