@charset "utf-8";

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

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


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

/* 全体的なリンク */

a { color: #2c66a1;
    text-decoration: underline; 
}

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

img{border: 0;}

html{overflow	: scroll;}

.clear { clear:both; }


/* 主に新着情報への使用想定だが、通常コンテンツ内で使用も可 */


.float_left  { float:left; }
.float_right { float:right; }

.txt_size_xxs { font-size:xx-small; }
.txt_size_xs  { font-size:x-small; }
.txt_size_s   { font-size:small; }
.txt_size_m   { font-size:medium; }
.txt_size_l   { font-size:large; }
.txt_size_xl  { font-size:x-large; }
.txt_size_xxl { font-size:xx-large; }

.txt_align_l { display:block; text-align:left; }
.txt_align_r { display:block; text-align:right; }
.txt_align_c { display:block; text-align:center; }

.txt_style_bold   { font-weight:bold; }
.txt_style_italic { font-style:italic; }
.txt_style_line   { text-decoration:underline; }

.txt_color_red    { color:#e75942; }
.txt_color_grey   { color:#999999; }
.txt_color_pink   { color:#ff1493; }
.txt_color_green  { color:#4ba429; }
.txt_color_blue   { color:#146ac5; } /* このブルーはリンク色のブルーとは色味を若干変える事を推奨 */
.txt_color_yellow { color:#f0b501; }
.txt_color_white  { color:#f0f0f0; }
.txt_color_blown  { color:#b89974; }
.txt_color_black  { color:#000; }
/* 
--------------------------------------------------
 ▽ font-size設定専用クラス
-------------------------------------------------- */
/* デフォルトでは#wrapperに18px相当の指定が設定済みの為、そこからの相対値になります。
※親要素に既に%指定済みの場合、子孫要素は基準が変わるのでこのクラスの使用は出来れば避けます。
その際は特定pxサイズに合わせるのは難しくなりますが上記の文字装飾定義専用クラスで相対的に
大きさを変えるという手もあります。 */
.f10 { font-size: 55.6% !important; } /* 10px */
.f11 { font-size: 61.2% !important; } /* 11px */
.f12 { font-size: 66.7% !important; } /* 12px */
.f14 { font-size: 72.3% !important; } /* 14px */
.f16 { font-size: 88.9% !important; } /* 16px */
.f18 { font-size:100.0% !important; } /* 18px */
.f20 { font-size:111.2% !important; } /* 20px */
.f22 { font-size:122.3% !important; } /* 22px */
.f24 { font-size:133.4% !important; } /* 24px */
/* 
--------------------------------------------------
 ▽ margin設定専用クラス
-------------------------------------------------- */
.m00  { margin: 0px !important; }         .m05  { margin: 5px !important; }
.m10  { margin:10px !important; }         .m15  { margin:15px !important; }
.m20  { margin:20px !important; }         .m25  { margin:25px !important; }
.m30  { margin:30px !important; }         .m35  { margin:35px !important; }
.m40  { margin:40px !important; }         .m45  { margin:45px !important; }

.mt00 { margin-top: 0px !important; }     .mt05 { margin-top: 5px !important; }
.mt10 { margin-top:10px !important; }     .mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }     .mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }     .mt35 { margin-top:35px !important; }
.mt40 { margin-top:30px !important; }     .mt45 { margin-top:35px !important; }

.mr00 { margin-right: 0px !important; }   .mr05 { margin-right: 5px !important; }
.mr03 { margin-right: 3px !important; }   .mr07 { margin-right: 7px !important; }
.mr08 { margin-right: 7px !important; }
.mr10 { margin-right:10px !important; }   .mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }   .mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }   .mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }   .mr45 { margin-right:45px !important; }

.mb00 { margin-bottom: 0px !important; }  .mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom:10px !important; }  .mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }  .mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }  .mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }  .mb45 { margin-bottom:45px !important; }

.ml00 { margin-left: 0px !important; }    .ml05 { margin-left: 5px !important; }
.ml03 { margin-left: 3px !important; }
.ml10 { margin-left:10px !important; }    .ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }    .ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }    .ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }    .ml45 { margin-left:45px !important; }
/* 
--------------------------------------------------
 ▽ padding設定専用クラス
-------------------------------------------------- */
.p00 { padding: 0px !important; }     .p02 { padding: 2px !important; }
.p05 { padding: 5px !important; }
.p10 { padding:10px !important; }     .p15 { padding:15px !important; }
.p20 { padding:20px !important; }     .p25 { padding:25px !important; }
.p30 { padding:30px !important; }     .p35 { padding:35px !important; }
.p40 { padding:40px !important; }     .p45 { padding:45px !important; }

.pt00 { padding-top: 0px !important; }    .pt05 { padding-top: 5px !important; }
.pt01 { padding-top: 1px !important; }
.pt10 { padding-top:10px !important; }    .pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }    .pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }    .pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }    .pt45 { padding-top:45px !important; }
.pt55 { padding-top:55px !important; }    .pt85 { padding-top:85px !important; }

.pr00 { padding-right: 0px !important; }  .pr05 { padding-right: 5px !important; }
.pr10 { padding-right:10px !important; }  .pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }  .pr25 { padding-right:25px !important; }
.pr30 { padding-right:30px !important; }  .pr35 { padding-right:35px !important; }
.pr40 { padding-right:40px !important; }  .pr45 { padding-right:45px !important; }
.pr150 { padding-right:155px !important; }

.pb00 { padding-bottom: 0px !important; } .pb02 { padding-bottom: 3px !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom:10px !important; } .pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; } .pb25 { padding-bottom:25px !important; }
.pb30 { padding-bottom:30px !important; } .pb35 { padding-bottom:35px !important; }
.pb40 { padding-bottom:40px !important; } .pb45 { padding-bottom:45px !important; }

.pl00 { padding-left: 0px !important; }   .pl02 { padding-left: 2px !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left:10px !important; }   .pl15 { padding-left:15px !important; }
.pl20 { padding-left:20px !important; }   .pl25 { padding-left:25px !important; }
.pl30 { padding-left:30px !important; }   .pl35 { padding-left:35px !important; }
.pl40 { padding-left:40px !important; }   .pl45 { padding-left:45px !important; }


/* -------------------------------------------------------------
   [1] レイアウトに関する指定 */
body {
  font-size: 13px;
  text-align: center;
  font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka,sans-serif;
  padding: 0;
  margin: 0;
  background:#fff url(../img/bg-body.jpg) repeat-x center 0;
  color:#666666;
}

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

.bg_topnomi{
background: url(../images/main_bg.jpg) no-repeat center 135px;
}

/*-- 全体を囲んでいます --*/
#wrapper {
  text-align: left;
  width: 980px;
  margin: 0 auto;
  padding: 0 0px;
}

/*-- ヘッダー部分 --*/
#header {
  width: 980px;
  height: 860px;
  margin-bottom: 0px;
  position: relative;
}


/*-- コンテンツ部分 --*/
#contents {
  width: 680px;
  float: left;
  padding: 0 0px 0 10px;
}

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

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

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

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

/* 見出し */

h1 {
  font-size: 10px;
  position: absolute;
  top: 10px;
  left: 0px;
  color:#989898;
  font-weight:normal;
}

/* サイトタイトル */
.logo {
  width:415px;
  height:72px;
  position: absolute;
  top: 28px;
  left: 10px;
}

/* ヘッダーTEL */
.tel {
  width:241px;
  height:43px;
  position: absolute;
  top: 32px;
  right: 160px;
}

/* ヘッダーTEL */
.h_btn {
  width:145px;
  height:43px;
  position: absolute;
  top: 32px;
  right: 10px;
}


/* チビmenu */
.ul-chibi {
  list-style-type: none;
  position: absolute;
  width: 206px;
  top:84px;
  right: 10px;
}

.ul-chibi li {display: inline;}


/* グローバルmenu */
.ul-glo {
  list-style-type: none;
  position: absolute;
  width: 960px;
  height: 50px;
  top:108px;
  left: 10px;
}

.ul-glo li {display: inline;}



.main_v {
  width:980px;
  position: absolute;
  top:165px;
  left: 0px;
}

.main_btn_area {
  width:980px;
  position: absolute;
  top:436px;
  left: 0px;
}

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

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

/* 見出し */
h2 {
  width:680px;
  height: 40px;
  padding:0px 0px 10px 0px ;
}



ul.point{
 list-style-type: none;
 padding:0px 0px 0px;
}

ul.point li{
 margin:0px 0px 5px 0px;
}

.po_kyo{font-weight:bold;color:#000;font-size:110%;}


h3 {
  width:680px;
  margin:30px 0px 0px;
}



#contents .news_area {
	width: 650px;
	height:202px;
	padding:0px 15px 10px 15px ;
	background: url(../images/news_bg.jpg) no-repeat;
	margin-bottom: 50px;
}
#contents .news_area ul{
  height:192px;
  padding:0px 10px 10px 10px ;
  overflow-y: scroll;
  over-flow-x: no;
}

#contents .news_area ul li.tit{
  margin-top:10px;
  padding:0px 0px 5px 0px ;
  display:block;
  border-bottom:#ccc dotted 1px;
  line-height:1.4;
}

#contents .news_area ul li.tit a{
 text-decoration:underline;
 color:#333;
 font-weight:normal;
 display:block;
 padding:0px 0px 10px 0px ;
}

#contents .news_area ul li.tit a:hover{
  text-decoration:none;
  color:#9f0000;
}

#contents .news_area ul li.tit span{
  padding:0px 30px 0px 0px ;
  color:#57b0ff;
}

/* -------------------------------------------------------------
   [4] サイドバーブロック内に関する指定 */


/* サイドバータイトル */
.side-title {
  margin: 0;
  padding: 0px 0px 0px 0px ;
}


#sidebar .office_box{
  border-right:solid 1px #39e887;
  border-left:solid 1px #39e887;
  border-bottom:solid 1px #39e887;
  border-top:solid 4px #009944;
  background:#fff;
  padding:0px 0px 20px 0px;
  margin-bottom: 20px;
  position: relative;
}

#sidebar .office_box p.add{
  padding:10px 0px 0px 0px ;
  line-height:1.6;
  color:#917443;
}


/* googlemap */
.googlemap { text-align:center; margin:0px auto 5px;}
.googlemap iframe { width:210px; height:150px; padding:10px 0px;}
.googlemap small {width:80%; display:block; text-align:center; margin:0px auto;padding:5px 0px 5px !important; font-size:12px !important; line-height:1;color:#45371f; }

/* -------------------------------------------------------------
   [5] フッターブロック内に関する指定 */
#footer .f_con{
 width:980px;
 height:287px;
 margin:0px auto 0px;
 position: relative;
}

#footer .f_con .f_logo{
  width:415px;
  height:65px;
  position: absolute;
  top: 53px;
  left: 10px;
}

#footer .f_con .f_tel{
  position: absolute;
  top: 73px;
  right: 10px;
}

#footer .f_con .f_pagetop{
  width:132px;
  height:39px;
  position: absolute;
  top: 60px;
  right: 4px;
}

#footer ul.lin{
 list-style-type: none;
 margin:0px 0px 0px;
line-height: 2.2;
 font-size:10px;
 text-align:left;
}

#footer ul.lin li{
 display:inline;
 margin-right:20px;
}

#footer ul.lin li:before { content:'|'; margin-right:10px; }


#footer ul.lin li a{
 color:#2c66a1;
 padding:0px 0px 0px 10px ;
 margin-bottom:7px;
 text-decoration:none;
}

#footer ul.lin li a:hover{
 color:#bb8620;
 text-decoration:underline;
}



#footer .f_con .nav01{
  position: absolute;
  top: 10px;
}

#footer .f_con .blank_link{
  width:980px;
  position: absolute;
  top: 185px;
  left: 0px;
  text-align:center;
}

#footer .f_con .blank_link img{
  padding:0px 5px;
}


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


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

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