@charset "Shift_JIS";
/* CSS Document*/

* { margin:0; padding:0;}
img{ border:0;}
li { list-style-type:none;}




#group { background:url(../group/img/bg.jpg) repeat-x #fff; text-align:center;}
#group #container { font-size:0.8em; line-height:1.5em; margin:0 auto; text-align:left; width:980px;}
#group #contents { background:url(../group/img/contents_bg_body.gif) repeat-y;}
#group .section { display:inline-block; padding:0 28px; width:920px;}
#group #contents_nav { display:inline-block; width:980px; }
#group #contents_nav li { float:left;}
#group #contents_nav li a { display:block; height:49px; width:490px;}
#group.index #n_group_plan img,
#group.inquiry #n_group_form img{ visibility:hidden;}

#group.index #n_group_plan { background:url(../group/img/n_plan_on.gif) no-repeat;}
#group.inquiry #n_group_form { background:url(../group/img/n_inqiry_on.gif) no-repeat;}

#group #sec1 { background:url(../group/img/sec1_bg.gif) no-repeat right top; padding-top:35px;}
#group #sec1 h2 { float:right; height:266px; padding-right:35px; width:88px; }
#group #sec1 p { padding:10px 0;}
#group #sec2,
#group #sec3{ background:url(../group/img/sec2_bg.jpg) 0 0; margin:0 32px; padding:15px; width:886px; }

#group #sec2 dl,
#group #sec3 dl {float:left; padding:7px; width:275px;}

#group #sec2 dt,
#group #sec3 dt { color:#68591d; font-weight:bold; font-size:1.05em; line-height:1.2em;}

#group #sec2 dt img,
#group #sec3 dt img { margin-bottom:7px;}

#group #sec2 dd,
#group #sec3 dd { padding:8px 0; }

#group #sec2 dd a img,
#group #sec3 dd a img { float:right; margin:10px 0 ;}

#group #sec2 { border-width:1px 1px 0 1px ; border-color:#c6c0b5; border-style:solid;margin-top:30px;}
#group #sec2 h2 { padding:8px 0 10px 10px; }
#group #sec2 dd b { color: #9e4700;}
#group #sec3 h2 { background:url(../group/img/sec2_dotted_line.gif) no-repeat center top; padding:15px 0 10px 10px; }
#group #sec3 { border-width:0 1px 1px 1px ; border-color:#c6c0b5; border-style:solid; margin-bottom:30px;}
#group #sec3 dd b { color:#364f0c;}
#group #sec3 div { border:1px dotted #666; background:#fff; clear:both; padding:15px 0; width:870px;}
#group #sec3 div p,
#group #sec3 div ul{ color: #9e4700; font-weight:bold; padding:0 15px;}
#group #sec4 h3 { padding-bottom:10px;}

#group #sec4 dl,
#group #sec5 dl{ float:left; padding:10px 0 0 0; margin-right:15px; width:440px;}

#group #sec4 dt,
#group #sec5 dt{ color:#9e4700; font-size:1.2em; font-weight:bold; }

#group #sec4 dt img,
#group #sec5 dt img{ float:left; margin: 0 15px 15px 0;}

#group #sec4 dd,
#group #sec5 dd { border-top:1px dashed #ccc; color:#000; font-weight:bold; margin:5px 0 10px 220px; padding-top:8px;}

#group #sec4 dd p,
#group #sec5 dd p{ font-weight:normal;}

#group #sec4 dd p b,
#group #sec5 dd p b{ color:#789600;}

#group #sec4 div { background:url(../group/img/sec4_img20_bg.jpg) no-repeat right top; clear:both;}
#group #sec4 div dl { width:630px;}
#group #sec4 div p { font-weight:bold; float:left; width:400px;}
#group #sec4 div p img { margin:5px 0 10px 0;}
#group #sec4 div p#couse3 { float:right;width:505px;}
#group #sec4 div dl p { width:auto;}
#group #sec5 { margin-top:20px;}
#group #sec6 { margin-top:20px;}
#group #sec6 ul { float:left; margin:20px 15px 20px 0; width:440px;}
#group #sec6 li { background:url(../group/img/sec2_dotted_line.gif) no-repeat left bottom; clear:both; display:block; padding:4px;}
/*#group #sec6 li:before { content:url(../group/img/arrow.gif);}*/
#group #sec6 li span { display:inline-block; width:270px;}
#group #sec6 li span img { float:left; margin-right:3px; }
.fis_d { clear:both;}
#group #btn_inquiry { clear:both; padding:15px 0;}
#group #btn_inquiry img { margin:0 0 0 100px;}


#group .section:after,
#group #contents_nav:after { content:" "; clear:both; display:block; height:0;}
#group #copy {background:url(../group/img/contents_bg_bottom.gif) no-repeat left top; padding-top:10px; text-align:center;}



/*---------------------------------------------------------------------------------
inquiry
----------------------------------------------------------------------------------*/

#group.inquiry #sec1 p{ padding:15px 100px;}
#group.inquiry #sec1 table { /*font-size:0.8em; line-height:1.5em;*/ margin:10px 0 20px 30px; width:880px;}
#group.inquiry #sec1 th { background:url(../group/img/sec2_dotted_line.gif) repeat-x left bottom; padding:5px; text-align:right; width:20%;}
#group.inquiry #sec1 td { background:url(../group/img/sec2_dotted_line.gif) repeat-x left bottom; padding:5px;  }


/*---------------------------------------------------------------------------------
google map
----------------------------------------------------------------------------------*/

.map_wdw {display:inline-block; width:350px;line-height:1.5em;}
.map_wdw#sight9_col {display:inline-block; width:380px;line-height:1.5em;}
.logo_wdw {display:inline-block; width:290px;line-height:1.5em;}
.logo_wdw img.wdw_logo { margin-bottom:8px;}
.map_wdw img {float:right;}
.map_wdw dl dt { float:left; margin-right:10px;}
.map_wdw dl dt img { float:none;}
.map_wdw dd { color:#003399; padding-bottom:10px;}
.map_wdw dd p{ color: #333; font-size:11.5px;  padding-top:8px;}
.map_wdw#sight9_col dt {float:none; padding-bottom:10px;}

/*.section { float:left; width:350px; padding:13px 17px;line-height:1.5em;}
.section img { float:right; margin: 0 0 10px 10px; border:1px solid #CCC;}
.section h3 { color:#2C2C4D; padding:7px 0; font-size:13px;  background:url(img/spot_bg.gif) no-repeat 0 0;}
.section#sight9 { width:720px;}

.section ul { padding:10px 0 ; /*float:right; padding:5px 8px; display:none;}*/
/*.section li {float:left; display:block; margin-right:8px; height:20px; width:71px;}
.section li a {display:block; text-indent:-9999px; height:20px; width:71px;}
.section li.n_hp { background:url(img/n_hp.gif) no-repeat 0 0 ;}
.section li.n_map { background:url(img/n_map.gif) no-repeat 0 0 ;}*/

#map_sightseeing { width:920px; height:400px; margin:10px 0;}



/*---------------------------------------------------------------------------------
hack
----------------------------------------------------------------------------------*/
* html #group .section{ width:976px;}
* html #group #sec2{margin:0 32px; width:920px;}
* html #group #sec3{margin:0 32px 50px 32px; width:920px;}
* html #group #sec6 ul {margin:20px 5px;}
*:first-child+html #group #sec6 li span { float:left; display:block; width:270px;}
*:first-child+html #group #sec6 li { clear:both;}
* html #group #sec6 li span {width:270px;}
*:first-child+html #group #sec6 li span {width:270px;}
* html #group.inquiry table { font-size:12px; line-height:1.5em;}



