@charset "utf-8";

/* -------------------------------------------------------------

[1] レイアウトに関する指定
[2] ヘッダーブロック内に関する指定
[3] コンテンツブロック内に関する指定
[4] サイドバーブロック内に関する指定
[5] フッターブロック内に関する指定
[6] to_top指定


/* 一括で全ての要素の余白をゼロに指定 */
* {
  margin: 0;
  padding: 0;
}

/* 全体的なリンク */

a { color: #33211a;
    text-decoration: underline; 
}

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

img{border: 0;}

html{overflow	: scroll;}

.clear { clear:both; }

.ajust_b30 { margin-bottom:30px; }
.ajust_t30 { margin-top:30px; }
.ajust_p_b30 { padding:0px 0px 30px 0px; }
.ajust_r20 { margin-right:20px; }
.ajust_right { float:right; }
.ajust_left { float:left; }


/* -------------------------------------------------------------
   [1] レイアウトに関する指定 */
body {
  font-size: 13px;
  text-align: center;
  font-family:"ＭＳ Ｐゴシック", Osaka,sans-serif;
  padding: 0;
  margin: 0;
  background:#47d6fd;
  color:#666;
}

body a:hover img.swa{
 -ms-filter: "alpha( opacity=60 )";
 filter: alpha( opacity=60 );
 opacity: 0.6;
}

/*-- 全体を囲んでいます --*/
#wrapper {
  text-align: left;
  width: 960px;
  background:url(../img/wrapper_bg.jpg) no-repeat center top;
  margin: 0 auto;
  padding: 0 70px;
}

/*-- ヘッダー部分 --*/
#header {
  width: 960px;
  height:468px;
  background:url(../img/header_bg.jpg) no-repeat center bottom;
  margin-bottom: 0px;
  position: relative;
}

/*-- コンテンツ部分 --*/

#container {
  width: 930px;
  float:left;
  padding: 0px 15px 20px;
  background:url(../img/container_bg.jpg) repeat-y 0 0;
}

#contents {
  width: 645px;
  float: left;
  padding: 0 0px 0 0px;
}

/*-- サイドバー部分 --*/
#sidebar {
  width: 265px;
  float: right;
}

/*-- フッター部分 --*/
#footer {
  padding: 0px 0 0;
  min-width: 960px;
  height:167px;
  text-align: left;
  background: url(../img/bg-fotter.jpg) repeat-x 0 0;
}

* html #footer {
  width:expression(document.body.clientWidth < 960? "960px" : "auto");
}

/* -------------------------------------------------------------
   [2] ヘッダーブロック内に関する指定 */

/* 見出し */

h1 {
  font-size: 10px;
  position: absolute;
  top: 15px;
  left: 425px;
  font-weight:bold;
  color:#71402a;
  z-index:2;
}

/* サイトタイトル */
.logo {
  width:387px;
  height:125px;
  position: absolute;
  top: 0px;
  left: 0px;
}
/* ヘッダー内のお問い合わせとか */

.tel {
  width:573px;
  height:125px;
  background: url(../img/header_02.jpg) no-repeat 0 0;
  position: absolute;
  top:0px;
  right: 0px;
  z-index:1;
}

.bt {
  width:169px;
  height:21px;
  position: absolute;
  top:50px;
  left: 250px;
}

/* グローバルmenu */
.ul-glo {
  list-style-type: none;
  position: absolute;
  width: 930px;
  height: 54px;
  top:392px;
  left:15px;
}

.ul-glo li {display: inline;}


.main_v {
  width:960px;
  height:99px;
  position: absolute;
  top:129px;
  left: 0px;
}

/* -------------------------------------------------------------
   [3] コンテンツブロック内に関する指定 */

/* パン屑リスト */
.topicpath { margin-bottom: 1em; }

/* 文字 */
#contents p {
  line-height: 1.5;
  margin-bottom: 10px;
}

h2 {
  width:645px;
  height:96px;
  margin: 0px 0px 10px;
}

h3 {
  width:645px;
  height:77px;
  margin: 20px 0px 0px;
}

/* point */

#contents .top_box{
  width:286px;
  height:361px;
  background: url(../images/top_box01.jpg) no-repeat 0 0;
  padding:0px 0px 0px 21px ;
}

#contents ul.first{
  width:264px;
  height:auto;
  list-style-type: none;
}

#contents ul.first li.name{
  padding:20px 0px 0px 20px ;
  font-size:14px;
  color:#c45518;
  font-weight:bold;
}

#contents ul.first li.ga{
  width:264px;
  height:141px;
  margin:20px 0px 0px;
}

#contents ul.first li.se{
  padding:10px 0px 0px 0px ;
  line-height:1.4;
}

#contents ul.first li.mor{
  padding:10px 0px 0px 0px ;
  text-align:right;
}



#contents .news_box {
  width:640px;
  height:150px;
  over-flow-x: no;
  margin:5px 0px 0px;
}

#contents .news_box ul{
  overflow-y: scroll;
  over-flow-x: no;
  padding:0px 10px 0px 0px ;
  height:150px;
}

.news_box ul li{
  margin:20px 0px 20px 0px;
  padding:0px 0px 10px 0px ;
  list-style-type: none;
  border-bottom:dotted 1px #ccc;
}

.news_box ul li a{
  color:#c78b36;
  text-decoration:none;
  padding:0px 0px 0px 30px ;
}
.date {
 padding:0px 20px 0px 20px;
 font-weight:normal;
 color:#c78b36;
}



/* -------------------------------------------------------------
   [4] サイドバーブロック内に関する指定 */
#sidebar .tt{
  margin:0px 0px 0px 0px;
}

#sidebar p.add{
  margin:10px 0px 10px 10px;
  line-height:1.8;
}

.style1 {
	color: #006633;
	font-weight: bold;
	font-size: 14px;
}
.style2 {
	color: #CC6600;
	font-weight: bold;
	font-size: 14px;
}

/* -------------------------------------------------------------
   [5] フッターブロック内に関する指定 */
#footer .f_con{
 width:960px;
 height:167px;
 background: url(../img/bg-fotter02.jpg) no-repeat 0 0;
 margin:0px auto 0px;
 position: relative;
}

#footer .f_con p.f_jyu{
  position: absolute;
  line-height:1.6;
  top: 77px;
  left: 10px;
}

#footer .f_con .f_con_btn{
  width:259px;
  height:48px;
  position: absolute;
  top: 74px;
  left: 676px;
}


#footer .f_con p.f_copy{
  width:960px;
  position: absolute;
  top: 150px;
  left: 0px;
  text-align:center;
  font-size:13px;
  color:#fff;
}

#footer .f_con p.navi{
 line-height: 1.8;
 text-align:center;
 padding:15px 0px 0px;
}

#footer .f_con p.navi a{
 color:#333;
 padding:0px 10px;
}

#footer .f_con p.navi a:hover{
 color:#ff6c00;
}



/* -------------------------------------------------------------
   [6] page_top */

#to_top {
  text-align: right;
  padding:10px 0px 0px;
  clear: both;
}