@charset "Shift_JIS";

/*----------------------------------------------------------
ＣＳＳ
----------------------------------------------------------*/

* {
	padding:0;
	font-size:98%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color:#444444;
	line-height:1.5em;
}

body {
	background-color: #F7FFFF;
}


a {
	color:#617B87;
}

a:hover {
	text-decoration: none;
	
}

a img {
	border:none;
}

hr {
	clear: both;
	height: 1px;
}


.float_l{ float:left}

.float_r{ float:right}

.m_top{margin-top:3px}

.m_left{margin-left:30px}

.m_topbot{margin:1em 0}

.bold{ font-weight:bold}


.m_r10{ margin-right:10px}

/*
ベース
-------------------------------------------------------------------*/
#base {
	width:800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F7FFFF;
	margin-top: 0px;
	border: none;
}

#wrap {
    width:788px;
	float: left;
	margin-top:-5px;
	padding: 5px;
	border-left:#E2E2DE solid 1px;
	border-right:#E2E2DE solid 1px;
	background-color:#FFFFFF;
}

/*
font
__________________________________________________________________*/

h1 {
    font-size:170%;

}

h2 {
	font-size: 130%;
	margin-top:1em;}
	

/*お問い合わせ先のロゴ*/	
.logo{font-size: 130%;
      margin:0.5em 0}

.h2_title{
	padding-left: 10px;
	text-align:left;
	color: #3F3F3F;
	margin-bottom: 5px;
	font-weight: bold;
	border-left:#5d8ff0 double 7px;
	border-right:#5d8ff0 double 7px;
	border-bottom: #EAEAEA dotted 1px;
	border-top:#EAEAEA dotted 1px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.h2_title2{
	padding-left: 10px;
	text-align:left;
	color: #3F3F3F;
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	border-left:#336600 double 7px;
	border-right:#336600 double 7px;
	border-bottom: #336600 dotted 1px;
	border-top:#336600 dotted 1px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.h3_title{
	  border-bottom: double #FF9933 3px;
	  text-align:left;
	  line-height:1.5em;
	  padding-left:5px;
	  font-size:120%;
	  margin:1em 0;  
     }
h4{
      border-bottom:dotted 1px #A6BDC4;
	  padding-left:5px;
	  font-size:110%;
	  margin:1em 0;

}




/*
ヘッダー
-------------------------------------------------------------------*/

#header {
	width:800px;
	height:250px;
	background-image: url(../images/otaru_top.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}


#header #sub {
    background-image: url(../images/common/logo_yado_s.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:45px;
}


/*ナビゲーション
----------------------------------------------- */
#nav {
	background-color: #ffffff;
	margin-top:5px;
	margin-bottom:0px;
	}

#nav ul {
	margin:0px;
  }
  
#nav li {
	float:left;
	list-style-type:none;
  }
  
#nav li em {
	visibility: hidden;
	margin:0px;
	padding: 0px;
	}
	
#nav li a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
} 


/*
コンテンツ
-------------------------------------------------------------------*/

#contents {
	width:560px;
	float: right;
}

dl{line-height:1.5em}
dd{margin-left:15px}

#contents #c_pad {
	padding: 5px;
}

#contents #c_pad p a {
	line-height: 20px;
}

#contents #c_pad p strong {
	line-height: 20px;
}

#contents #top_box {
	padding: 5px;
	background-color: #DDE1E1;
}


/*
コンテンツ-box
-------------------------------------------------------------------*/

.box_top{
     border:1px solid #B5E4FB;
	 width:260px;
	 text-align:center;
	 background-color: #FAFAFA;
	 padding:5px;
	 margin:0 0 5px 0;
	 font-size:small;
	 }
	 
.box_top2{
     border:1px solid #B5E4FB;
	 width:538px;
	 background-color:#FAFAFA;
	 margin:0 0 5px 0;
	 padding:5px;
	 }
.box_top3{
     border:1px solid #B5E4FB;
	 width:538px;
	 background-color:#FAFAFA;
	 margin:0 0 5px 0;
	 padding:5px 5px 3px 5px;
	 }	 

.box_top img{
     margin:3px 0}
	 

/*
コンテンツ−施設からのお知らせ
-------------------------------------------------------------------*/

#contents #top_box_i {
	padding-top: 5px;
	padding-bottom:3px;
	margin-top:15px;
	background-color: #DDE1E1;
	margin-bottom:1em
}

#contents #top_box_i h3 {
	display: block;
	color:#FFFFFF;
	line-height: 20px;
	padding-top: 4px;
	text-align: center;
	border-bottom: #000000 solid 1px;
	border-right:#666666 solid 1px;
	border-left:#666666 solid 1px;
	background-color: #3366CC;
	width:540px;
	margin:0 auto;
}
#contents #top_box_i ul {
	margin-bottom: 5px;
	list-style-type:none;
}

#contents #top_box_i li a {
	display: block;
	width:520px;
	color:#444444;
	line-height: 1.3em;
	margin:0 auto;
	padding:5px 8px 5px 12px;
	background-color: #FFF8EC;
	border-bottom:#39484A solid 1px;
	border-left:#666666 solid 1px;
	border-right:#666666 solid 1px;
	border-top: #648084 solid 1px;
}


/*
#contents #top_box_i li a {
	display: block;
	width:249px;
	color:#444444;
	line-height: 1.3em;
	padding:5px 8px 5px 12px;
	background-color: #FFF8EC;
	border-bottom:#39484A solid 1px;
	border-left:#666666 solid 1px;
	border-right:#666666 solid 1px;
	border-top: #648084 solid 1px;
}


.info_l{
    float:left;
	margin-left:4px;}
.info_r{
    float:right;
	margin-right:4px;}
*/

#contents #top_box_i p{
    display: block;
	width:520px;
	color:#444444;
	line-height: 1.3em;
	margin:0 auto;
	padding:5px 8px 5px 12px;
	background-color: #FFF8EC;
	border-bottom:#39484A solid 1px;
	border-left:#666666 solid 1px;
	border-right:#666666 solid 1px;
	border-top: #648084 solid 1px;

}

#contents #top_box_i li a:hover {
	background-color: #669999;
	color: #ffffff;
	text-decoration: none;
	background-position: 8px;
}


/*
-------------------------------------------------------------------*/
#contents #c_pad #top_img p {
	font-size: 10px;
	color: #BCC8C9;
	background-image: none;
	margin-top: 120px;
	margin-left: 20px;
	margin-right: 300px;
}


#contents #c_pad .top_left {
	float: left;
	padding: 20px;
}

#contents #c_pad .p_img {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*
テーブル
-------------------------------------------------------------------*/

table.table01 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  margin-left:5px;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 100%;
}


table.table01 th,
table.table01 td {
  padding: 4px 6px;
  line-height:1.5em;
  font:"ＭＳ ゴシック", "Osaka−等幅";
}

table.table01 th {
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  background: #E2FB8C;
  text-align: center;
  white-space: nowrap;
  font-size: 92%;
}

table.table01 td {
  border-bottom: solid 1px #B2B2B2;
  border-right: solid 1px #B2B2B2;
  background: #F3F3F3;
  font-size: small;
}
/*ページトップへ
________________________________________________________________*/
.pagetop{
    text-align:right;
	clear:both;
	line-height:1.5em;
	margin-top:2.5em;
	margin-bottom:1em;
	margin-right:15px;
	border-top: #66CCFF dotted 1px ;
	border-bottom:#66CCFF dotted 1px;
	font-size:0.8em}

/*
左メニュー
-------------------------------------------------------------------*/
#side {
	float: left;
	width: 220px;
	
}



/*各ボックスロールオーバー*/

#side_d li a:hover {
	background-color: #4F6467;
	color: #ffffff;
	text-decoration: none;
	background-position: 8px;
}


#side img {
	border:none;
}

#side p {
	padding: 10px;
}


/*
フッタメニュー
-------------------------------------------------------------------*/

#f_menu {
    clear:both;
	text-align:right;
	border: 1px solid #E2E2DE;
	padding-top:5px;
	padding-right:15px;
	height:30px;	
	background-color: #FAFAF8;
}
#f_menu li {
	list-style-type: none;
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
}
#f_menu ul {
	margin-top: 5px;
	margin-bottom: 5px;
}
#f_menu li a {
	font-size: 12px;
}


/*
コピーライト
-------------------------------------------------------------------*/

address {
	font-style: normal;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	background-color:#5d8ff0;
	font-size: 10px;
}