/* CSS Document */

/* ブラウザリセット・基本設定
-----------------------------------------------*/
body{ 
margin:0 0 0 0;
padding: 0;
line-height:1.4;
color:#333333;
font-family:Arial,Helvetica,sans-serif,"Osaka","Osaka","MS PGothic";
font-size:13px;
text-indent:0;
text-align:left;
line-height:1;
background-image:url(imgs/bg.gif);
background-repeat:repeat-x;
}

a {
text-decoration:none;
}
p {
text-indent:0;
text-align:left;
margin:10px 0px 10px 0;
padding:5px 0 3px 0;
width:550px;
color:#000000;
font-size:13px;
text-align:left;
line-height:1.5;
}
body {
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,address,form,img {
margin:0;
padding:0;
text-indent:0;
text-align:left;
}
h1,h2,h3,h4,h5,h6,strong {
font-size:100%;
font-weight:normal;
}
em,address {
font-style:normal;
}
li {
list-style:none;
}

/* ページレイアウト
-----------------------------------------------*/

div#wrapper {
position:relative;
top:0;
margin:0 auto 0 auto;
padding:0;
width:800px;
}

div#header {
margin:0;
padding:0 10px 0 10px;
width:780px;
height:100px;
background-position:center;
background-image:url(imgs/bghead.gif);
background-repeat:repeat-y;
}

div#container {
margin:0;
padding:0 10px 0 10px;
width:780px;
background-position:center;
background-image:url(imgs/bgbody.gif);
background-repeat:repeat-y;
}
div#wrap { /*これはこの部分上部にborderを引く場合のために必要*/
margin:0;
padding:0;
width:780px;
border-top:0px solid #000000;
}

/* タイトル（ヘッダー）
-----------------------------------------------*/
div#header h1 {
float:left;
margin:0;
padding:35px 0 0 25px;
width:380px;
text-align:left;
}
div#header ul {
float:right;
margin:0;
padding:80px 5px 7px 0;
width:160px;
text-align:left;
list-style:none;
}
div#header ul:after {
clear:both;
}
div#header li {
margin:0;
padding:0 0 0 1em;
background-image:url(imgs/arrowtop.gif);
background-repeat:no-repeat;
}
div#header li a {
color:#000000;
font-size:10px;
font-weight:normal;
}
div#header li a:hover {
color:#FF3300;
}
div#header li a:visited {
color:#000000;
}


/* ページトップの画像（wrapの中）
-----------------------------------------------*/
#topimage {
margin:0;
padding:0;
width: 780px;
}
#topimage h1 {
margin:0;
padding:0;
width: 780px;
}
#topimage h1 img {
margin:0;
padding:0;
width:780px;
height:490px;
overflow:hidden;
}

/* ページメニュー（wrapの中）
-----------------------------------------------*/
#menubar {
margin:0;
padding:0;
width:780px;

}

/* CSSハック COMMON Menu--*/
div.menubar:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
div.menubar: { display: inline-block;}

/* Hides from IE-mac \*/
* html div.menubar {height: 1%;}
/* end hides from IE-mac \*/

#menubar ul.menu {
margin:0;
padding:0;
color: #ffffff;
width:780px;
height:42px;
background-position:0 0;
background-image : url(imgs/bgmenu1.gif);
}

#menubar ul.menu a{
display: block;
width:156px;
height:42px;
color: #ffffff;
text-decoration: none;
padding: 0px;
line-height: 1.8;
list-style-type: none;
}
#menubar ul.menu a:visited {
color: #ffffff;
}
#menubar ul.menu a:hover {
margin:-15px 0 0 0;
padding:15px 0 0 0;
width:156px;
height:42px;
text-decoration: none;
background-image : url(imgs/bgmenu2.gif);
background-repeat:no-repeat;
}
ul.menu a:active {
color: #ffffff;
}

/* CSSハック COMMON Menu--*/
#menubar ul.menu:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
#menubar div.menu: { display: inline-block;}

/* Hides from IE-mac \*/
* html div.menu {height: 1%;}
/* end hides from IE-mac \*/

#menubar .menu li {
display: block;
float: left;
margin: 0;
padding:15px 0 0 0;
width:156px;
text-align:center;
font-size:14px;
line-height:2em;
}

#menubar .menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility:visible;
	overflow: hidden;
	clear: both;
}



/* 「概要」（wrapの中）
-----------------------------------------------*/
#intro {
margin:25px;
padding:0;
width:730px;
}
#intro:after {
clear:both;
}
#intro h2 {
margin:0;
padding:0 5px 2px 10px;
border-left:10px #6633cc solid;
}
#intro p {
margin:15px 0 0 0;
padding:0;
width:600px;
color:#000000;
font-size:15px;
}


/* 「バスツアー」（wrapの中）
-----------------------------------------------*/
#bus {
margin:25px;
padding:0;
width:730px;
}
#bus:after {
clear:both;
}

#bus h2 {
margin:0;
padding:0 5px 2px 10px;
border-left:10px #669900 solid;
}
#bus h3 {
margin:0 0 10px 0;
padding:0;
}
#text {
float:left;
margin:0 10px 0 15px;
width:300px;
}
#image dl {
float:right;
margin:0 10px 15px 0;
width:180px;
}
#image dl:after {
clear:both;
}
#image dt {
display:inline;
margin:0;
padding:0;
width:175px;
}
#image dd {
margin:0;
padding:0;
width:175px;
font-size:10px;
line-height:1.2;
}


#image-bus img {
float:right;
margin:0 15px 0 0;
width:170px;
}


#text-bus {
float:left;
margin:0 0 15px 15px;
width:140px;
}
#text-bus:after {
clear:both;
}

#image-bus {
float:right;
margin:0 15px 0 0;
width:560px;
}
#image-bus dl {
float:right;
margin:0 5px 0 0;
width:175px;
}
#image-bus dl:after {
clear:both;
}
#image-bus dt {
display:inline;
margin:0;
padding:0;
width:170px;
}
#image-bus dd {
margin:0;
padding:0;
width:175px;
font-size:10px;
line-height:1.2;
}

#image-bus dt img {
width:165px; 
#border:1px solid #000000;
}
}
#image-bus:after {
clear:both;
}
#info-bus {
clear:both;
margin:0 30px 40px 0;
padding:15px 15px 15px 15px;
border:1px #669900 solid;
}
#info-bus h5 {
margin:0;
padding:0 0 0 20px;
background-image:url(imgs/arrow-bus.gif);
background-repeat:no-repeat;
color:#333333;
font-size:14px;
font-weight:bold;
}
#info-bus dl {
margin:10px 0 10px 20px;
padding:0;
}
#info-bus dt {
margin:0;
padding:0;
color:#000000;
font-size:12px;
}
#info-bus dd {

/*--- 20100915 修正
    margin:0 0 10px 0;
---*/
margin:4px 0 4px 0;

padding:0 0 0 20px;
color:#000000;
font-size:12px;
}
#info-bus dd a{
color:#000000;
border-bottom:1px dotted #000000;
}

/* 「ドライブ」（wrapの中）
-----------------------------------------------*/
#drive {
margin:25px;
padding:0;
width:730px;
}
#drive:after {
clear:both;
}
#drive p {
margin-left:1em;
width:460px;
}
#drive h2 {
margin:0 0 10px 0;
padding:0;
border-left:10px #ffcc00 solid;
}
#drive h3 {
margin:0 0 10px 0;
padding:0;
}
#text-drive {
float:left;
margin:0 0 15px 15px;
width:450px;
}
#text-drive:after {
clear:both;
}
#text-drive p {
margin:0;
padding:0 0 0.5em 0;
width:460px;
}
#image-drive {
float:right;
margin:0 15px 0 0;
width:215px;
}
#image-drive:after {
clear:both;
}

#image-drive dl {
float:right;
margin:0 5px 0 0;
width:200px;
}

#image-drive dt {
display:inline;
margin:0;
padding:0;
width:200px;
}
#image-drive dd {
margin:0;
padding:0;
width:200px;
font-size:10px;
line-height:1.2;
}

#image-drive dt img {
width:200px; 
#border:1px solid #000000;
}
}

/*--
#info-drive {
clear:both;
width:420px;
margin:15px 30px 40px 0;
padding:15px 15px 15px 15px;
border:1px #ffcc00 solid;
}
--*/

#info-drive {
clear:both;
margin:0 30px 40px 0;
padding:15px 15px 15px 15px;
border:1px #669900 solid;
}


#info-drive:after {
clear:both;
}
#info-drive h5 {
margin:0;
padding:0 0 0 20px;
background-image:url(imgs/arrow-drive.gif);
background-repeat:no-repeat;
color:#333333;
font-size:14px;
font-weight:bold;
}
#info-drive dl {
margin:10px 0 10px 20px;
padding:0;
}
#info-drive dt {
margin:0;
padding:0;
color:#000000;
font-size:12px;
}
#info-drive dd {

/*--- 20100915 修正
    margin:0 0 10px 0;
---*/
margin:4px 0 4px 0;

padding:0 0 0 20px;
color:#000000;
font-size:12px;
}
#info-drive dd a{
color:#000000;
border-bottom:1px dotted #000000;
}


/* 「修学旅行」（wrapの中）
-----------------------------------------------*/
#school {
margin:25px;
padding:0;
width:730px;
}
#school:after {
clear:both;
}

#school h2 {
margin:0 0 10px 0;
padding:0;
border-left:10px #0000cc solid;
}
#school h3 {
margin:0 0 10px 0;
padding:0;
}

#text-school {
float:left;
margin:0 0 15px 15px;
width:450px;
}
#text-school:after {
clear:both;
}
#text-school p {
margin:0;
padding:0 0 0.5em 0;
width:460px;
}
#image-school {
float:right;
margin:0 15px 0 0;
width:215px;
}
#image-school dl {
float:right;
margin:0 0 0 0;
width:200px;
}
#image-school dl:after {
clear:both;
}
#image-school dt {
display:inline;
margin:0;
padding:0;
width:200px;
}
#image-school dd {
margin:0;
padding:0;
width:250px;
font-size:10px;
line-height:1.2;
}

#image-school dt img {
width:200px; 
#border:1px solid #000000;
}
}
#image-school:after {
clear:both;
}

#info-school {
clear:both;
width:420px;
margin:15px 30px 40px 0;
padding:15px 15px 15px 15px;
border:1px #0000cc solid;
}
#info-school h5 {
margin:0;
padding:0 0 0 20px;
background-image:url(imgs/arrow-school.gif);
background-repeat:no-repeat;
color:#333333;
font-size:14px;
font-weight:bold;
}
#info-school dl {
margin:10px 0 10px 20px;
padding:0;
}
#info-school dt {
margin:0;
padding:0;
color:#000000;
font-size:12px;
}
#info-school dd {

/*--- 20100915 修正
    margin:0 0 10px 0;
---*/
margin:4px 0 4px 0;

padding:0 0 0 20px;
color:#000000;
font-size:12px;
}
#info-school dd a{
color:#000000;
border-bottom:1px dotted #000000;
}



/* ページフッター（wrapの中）
-----------------------------------------------*/
#footer {
clear:both;
margin:0;
padding:0;
width:780px;
color:#ffffff;
background-color:#000000;
}