@charset "UTF-8";

/* clearfix---------------------------------------- */
/*ハック-IE以外のモダンブラウザ用*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/*ハック-IE7-MacIE用*/
.clearfix {
display: inline-block;
}

/*ハック-IE6以前用*/
/* Hides from IE-mac ¥*/
*html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/*End hide from IE-mac*/


/*基本設定------------------------------------------*/
body {
background: #fff url(../images/base.jpg) repeat-y top center;
text-align:center;
margin: 0px;
padding: 0px;
}

br#img {
clear:both;
}

br.img {
clear:both;
}

.copyright {
width: 900px;
height: 20px;
padding-top: 16px;
font-size: 10px;
text-align: center;
color: #fff;
}

.memo {
display: block;
margin: 0px;
border: #030 solid 1px;
padding: 10px;
width: 300px;
height: auto;
background-color: #ffc;
}

.postend {
color: #333333;
text-align: left; 
clear: left;
margin-top: 5px;
margin-bottom: 30px;
padding: 2px 5px;
border-top: 1px solid;
border-right: none; 
border-bottom: none; 
border-left: none; 
width: 590px; 
border-top-color: #333333; 
border-top-style: solid; 
}

/*見出し------------------------------------------*/

h2 {
text-align: left;
margin-top: 0px;
margin-bottom: 15px;
padding-top: 25px;
padding-bottom: 15px;
text-indent: 30px;
background-color: transparent;
background-image: url(../images/h2.png);
background-repeat: no-repeat;
color: #003300;
height: 24px;
font-size: 24px;
line-height: 24px; 
}

h3 {
text-align: left;
margin-top: 0px;
margin-bottom: 15px;
padding-top: 7px;
padding-bottom: 10px;
text-indent: 35px;
background-color: transparent;
background-image: url(../images/h3.png);
background-repeat: no-repeat;
background-attachment: scroll;
color: #003366;
height: 18px;
font-size: 18px;
line-height: 18px;
}


/*サイドバー見出し--*/
#sidebar2 h3 {
text-align: left;
margin-top: 0px;
margin-bottom: 15px;
padding-top: 9px;
padding-bottom: 10px;
text-indent: 15px;
background-color: transparent;
background-image: url(../images/h3.gif);
background-repeat: no-repeat;
background-attachment: scroll;
color: #ffffff;
height: 12px;
font-size: 12px;
vertical-align: bottom;
}

#wrap   {
background: url(../images/base.jpg) repeat-y; 
text-align: left; 
margin: 0px auto 0px auto; 
padding: 0px; 
border: 0px; 
width: 900px; 
height: auto; 
}

/*ヘッド*/
#header {
background: url(../images/head.png) no-repeat left top;
margin: 0px; 
padding: 0px; 
border: 0px; 
width: 900px; 
height: 115px;
}

#header .headertop {
display: block;
width: 900px;
height: 28px;
}

.headertop h1{
margin: 0px;
border: 0px;
padding-top: 3px;
text-align: left;
font-size: 11px;
color: #fff;
text-indent: 30px;
}

#header .logo {
display: block;
width: 450px; 
height: 65px;
float: left;
margin: 12px auto 0px 30px;
}

#header .discription {
display: block;
float: right;
margin-top: 40px;
margin-right: 30px;
width: 390px; 
height: 30px;
}

#header .discription .headerlink {
display: block;
margin-top: 20px;
width: 390px; 
height: 20px;
text-align: right;
}

/*SWFスペース*/
#headerswf {
width: 900px;
height: 345px;
text-align: center;
}

#contentbase {
background: url(../images/base.jpg) repeat-y; 
margin: 0px; 
padding: 0px; 
border: 0px; 
/*top: 350px;*/
width: 900px; 
height: auto;
}

#contenthead{
background: url(../images/contentheader.jpg) no-repeat 0 top; 
margin: 0;
padding: 0;
border: 0;
width: 900px;
}


#contentfoot{
background: url(../images/contentfoot.png) no-repeat 0 bottom; 
margin: 0;
border: 0; 
padding: 0; 
width: 900px;
height: 67px;
}

#contentimg{
margin: 0px; 
padding: 0px; 
border: 0px; 
width: 900px;
background: url(../images/footimg.png) no-repeat right bottom; 
}
#content{
margin: 0px; 
padding: 0px; 
border: 0px; 
width: 900px;
}

#main {
margin: 30px; 
padding: 0px; 
border: 0px; 
width: 840px; 
height: auto;
}

#main #story{
display: block;
margin: 0px 0px 40px 40px;
width: 800px;
}

#main ul {
display: block;
}

#main2 {
margin: 30px auto 0px 30px; 
padding: 0px; 
border: 0px; 
width: 600px; 
height: auto;
}

.date{
position: absolute;
top: -99999px;
left: -99999px;
}

#leftpart, #leftpart2 {
float: left;
width: 390px;
}

#rightpart, #rightpart2 {
float: right;
width: 390px;
}

#sidebar{
float: right; 
margin: 0px; 
padding: 0px; 
border: 0px; 
width: 237px; 
height: auto;
}

#sidebar2{
float: left; 
margin: 40px 0px 20px; 
padding: 0px; 
border: 0px; 
width: 203px; 
height: auto;
}

.box-1{
padding-top: 0px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 0px; 
width: auto;
height: auto;
}

.box-2{
padding-top: 10px; 
padding-right: 10px; 
padding-bottom: 10px; 
padding-left: 10px; 
width: auto;
height: auto;
}

.box-3{
margin: 0px;
padding-top: 20px; 
padding-right: 20px; 
padding-bottom: 0px; 
padding-left: 0px; 
width: auto;
height: auto;
}


/*main-text---------------------------------- */

.imgmargin {
margin-top: 0px; 
margin-right: 10px; 
margin-bottom: 20px; 
margin-left: 0px; 
}

.imgmargin3 {
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 10px; 
margin-left: 0px; 
}

.marginbottom30 {
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 30px; 
margin-left: 0px; 
}

p {
text-align: left; 
margin: 0px; 
padding: 0px; 
width: 600px; 
height: auto;
}
/* SideBox
----------------------------------------------- */
.sidebox {
background: url(../images/sideboxbase.gif) repeat-y; 
margin: 0px; 
padding: 0px; 
border: 0px; 
width: 203px; 
}

.sideboxhead { 
width: 203px;
height: 10px;
background: url(../images/sideboxhead.gif) no-repeat; 
top: 0px; 
left: 0px; 
}

.sideboxcontent {
width: 203px;
margin: 0px;
border: 0px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
}

.sideboxcontent2 {
width: 203px;
margin: 0px;
border: 0px;
padding-top: 0px;
padding-bottom: 0px;
text-align: center;
}

.scriptbox {
display: block;
width: 203px;
height: auto;
padding-top: 5px;
padding-bottom: 5px;
}

.scriptbox2 {
display: block;
width: 203px;
height: auto;
padding-top: 0px;
padding-bottom: 0px;
}

.sideboxfoot{ 
background: url(../images/sideboxfoot.gif) no-repeat; 
width: 203px;
height: 15px;
left: 0px; 
bottom: 0px; 
}

.googlescriptbox {
display: block;
width: 160px;
height: 600px;
margin: 0px auto 0px auto;
border: 0px;
padding: 0px;
}

/* FootBox
----------------------------------------------- */
.footbox {
background: url(../images/footboxbase.gif) repeat-y; 
margin: 0px; 
padding: 0px; 
border: 0px; 
width: 600px; 
}

.footboxhead { 
width: 600px;
height: 10px;
background: url(../images/footboxhead.gif) no-repeat; 
top: 0px; 
left: 0px; 
}

.footboxcontent {
width: 600px;
margin: 0px;
border: 0px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
}

.footboxfoot{ 
background: url(../images/footboxfoot.gif) no-repeat; 
width: 600px;
height: 10px;
left: 0px; 
bottom: 0px; 
}

/* Links
----------------------------------------------- */
a:link {
color:#003300;
text-decoration:none;
}

a:visited {
color:#666666;
text-decoration:none;
}

a:hover {
color:#003399;
text-decoration:none;
}

#blog-title a {
color:#ffffff;
text-decoration:none;
}

.postpage #blog-title {
padding-top:0;
background-position:0 -40px;
}


/* Footer----------------------------------------------- */
#footer {
clear:both;
padding:10px 0 0;
}

#footer hr {
display:none;
}

#footer p {
margin:0;
padding:5px 0;
}


/*トップページ紙芝居javascript----*/
#gallery {
text-align: center;
position: relative;
width: 450px;
display: block;
float: left;
margin-right: 10px;
}

#pictures {
position: relative;
width: 450px;
height: 450px;
}

#pictures img {
position: absolute;
top: 0;
left: 0;
}

#prev {
float: left;
left: 0px;
width: 100px;
}

#next {
float: right;
width: 100px;
}

/*テーブル-------------------------------------- */
/*一般*/
.information {
width: 100%;
border-top: solid 1px #666; 
border-collapse: collapse;
}

.information th {
border-bottom:1px solid #666;
color:#330000;
background-color:#9c9;
background-position:left top;
padding:5px;
text-align:center;
}

.information td {
margin: 0px;
border-bottom:1px solid #666;
text-align:left;
}

.information .row1 {
width: 160px;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
background-color: #9c9;
color: #030;
font-weight: bold;
}

.information .row2 {
width: auto;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
background-color: #f3f3f3;
}

.gray {
background-color: #f5f5f5;
}

.gray2 {
background-color: #ccc;
}

/*北コース***************************/
.north  {
width: 100%;
border-top: solid 1px #f00; 
border-collapse: collapse;
color: #000;
}

.north th {
border-bottom:1px solid #f00;
color:#fff;
background-color:#f00;
background-position:left top;
padding:1px;
text-align:center;
}

.north td {
margin: 0px;
border-bottom:1px solid #f00;
text-align:center;
}

.north .row1 {
width: 100px;
}

.north .row2 {
width: 100px;
}

.north .row3 {
width: auto;
text-align: center;
}

/*南コース***************************/
.south {
width: 100%;
border-top: solid 1px #06c; 
border-collapse: collapse;
color: #000;
}

.south th {
border-bottom:1px solid #06c;
color:#fff;
background-color:#06c;
background-position:left top;
padding:1px;
text-align:center;
}

.south td {
margin: 0px;
border-bottom:1px solid #06c;
text-align:center;
}

.south .row1 {
width: 100px;
}

.south .row2 {
width: 100px;
}

.south .row3 {
width: auto;
text-align: center;
}

/*テーブルのハイライト*/
/* These classes are used by the script as rollover effect for table 1 and 2 */

/*北コース*/
#kita a:link {
color:#f00;
text-decoration: none;
}
#kita a:visited {
color:#f00;
text-decoration: none;
}
#kita a:hover {
color:#f93;
text-decoration: none;
}

#kita2 a:link {
color:#f00;
text-decoration: none;
}
#kita2 a:visited {
color:#f00;
text-decoration: none;
}
#kita2 a:hover {
color:#f93;
text-decoration: none;
}

.tableRollOverEffect1 {
background-color:#fcc;
}

.tableRowClickEffect1 {
color: #f00;
background: #fff;
}

/*南コース***************************/
#minami a:link {
color:#039;
text-decoration: none;
}
#minami a:visited {
color:#039;
text-decoration: none;
}
#minami a:hover {
color:#f93;
text-decoration: none;
}

#minami2 a:link {
color:#039;
text-decoration: none;
}
#minami2 a:visited {
color:#039;
text-decoration: none;
}
#minami2 a:hover {
color:#f93;
text-decoration: none;
}

.tableRollOverEffect2 {
background-color:#9cf;
}
.tableRowClickEffect2 {
color: #039;
background: #fff;
}

/*dl dt dd******************/

#main dt {
float: left;
width: 100px;
}

#main dd {
margin-left: 100px;
}

/* Misc
***************************/
.clear {
clear:both;
display:block;
 height:1px;
margin:0;
padding:0;
font-size:1px;
line-height:1px;
}