@charset "utf-8";
/* 共通スタイルシート */



/* ////////////////////////////////////////////////// 全体基本設定 */

* {
    margin:0;
    padding:0;
}

html {
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 75%;
}

body {
}

img {
    border: none;
}

a {
    color: #220000;
    overflow:hidden; /* Firefox点線回避 */
}

a:hover {
    color: #004fa4;

}
a:hover img {
  opacity: .6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=80)";
  -webkit-transition: 0.3s background ease;
  -moz-transition: 0.3s background ease;
  -ms-transition: 0.3s background ease;
  -o-transition: 0.3s background ease;
  transition: 0.3s background ease;
}

a.logo:hover img {
  opacity: 1.0;
  filter: alpha(opacity=1.0);
  -ms-filter: "alpha(opacity=1.0)";
}



/* float時の高さ0回避（適宜使用） */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
/*.clearfix { display: inline-block; }*/
/* exlude MacIE5 \*/
/*
* html .clearfix { height: 1% }
.clearfix {display:block;}
*/
/* end MacIE5 */


.margin-top-0px {
margin-top: 0px!important;
}
.margin-top-10px {
margin-top: 10px!important;
}
.margin-top-30px {
margin-top: 30px!important;
}
.margin-bottom-30px {
margin-bottom: 30px!important;
}

/* ////////////////////////////////////////////////// 基本レイアウト */

/* ヘッダ */
#header {
    height:410px;
    background:url(../images/common/header_bg.png) repeat-x;
}
    #header div.header-inner {
        width:940px;
        margin:0 auto;
        padding-top:120px;
        position:relative;
    }

div.header-inner div#header_text p { /* header small text */
    position:absolute;
    top: 10px;
    left: 220px;
    font-size: 11px;
    color: #aaaaaa;
}
div.header-inner div#header_text iframe { /* facebook like text */
    position:absolute;
    top: 7px;
    left: 820px;
}
div.header-inner div#header_info { /* company, contact, telephone */
    position:absolute;
    /*width:520px;/*高野追加*/
    top: 58px;
    left: 500px;
}


div.header-inner div#header_info img {
    margin-left: 20px;
}

/* メイン */
#main {
    width:940px;
    margin:0 auto 55px;
    background-color:#ffffff;
}
    /* コンテンツ（左コンテンツ） */
    #main #content {
        width:690px;
        float:left;
    }
div#content h2 {margin:30px 0px;}

/* 導入文(common) */
p.int{padding:30px 0 0;}

div#content div#construction div p { /* 画像回り込みあり。pのstyleで高さ指定 */
margin-top: 30px;
font-size: 12px;
line-height: 150%;
display: table-cell;
vertical-align: middle;   /* 縦位置でセンタリング */
}
    /* サイドバー（右コンテンツ） */
    #main #sidebar {
        margin-top: 30px;
        width:220px;
        float:right;
    }
    .sidebanner {
        margin-bottom: 10px;
    }
    .sidebanner_dot {
        padding-top: 10px;
        margin-bottom: 20px;
    }
    
    /* サイドナビゲーション large item */
    div#sidebar div#subnav a#top { /* off */
    display: block;
    text-decoration: none;
    width:220px;
    height:50px;
    }
    div#sidebar div#subnav a:hover img { /*opacity Reset*/
    opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    }

    div#sidebar div#subnav a#top span {display:none;}/* テキスト非表示(-9999回避) */
    
    /* サイドナビゲーション small item */
    div#sidebar div#subnav ul li,
    div#sidebar div#subnav ul li a {
    display: block;
    text-decoration: none;
}
    div#sidebar div#subnav ul li a /* off */ {
    width: 210px;
    height: 30px;
    padding-left: 10px;
    margin-top: -1px; /* border重複防止 */
    background: url(../images/common/subnav_s.png) no-repeat 0 0;
    font-size: 12px;
    line-height:30px;
    color: #380000;
    }
    
    div#sidebar div#subnav ul li a.current, /* on */
    div#sidebar div#subnav ul li a:hover {background: url(../images/common/subnav_s.png) no-repeat 0 -30px;}


/* フッタ */
#footer {
    background:url(../images/common/footer_bg.gif) repeat-x;
    }
    #footer div.footer-inner {
        width:940px;
        height:847px;
        margin:0 auto;
    /*     background-color:#80ffff; 仮で設定 */ 
    }



/* ////////////////////////////////////////////////// 詳細設定 */

/* ロゴ */
#header div.header-inner a.logo {
    position:absolute;
    top:33px;
    left:30px;
}

/* ナビゲーション1 */
div#content div#navi {
    margin-top: 30px;
}
div#content div#navi a {
    color: #220000;
}
div#content div#navi a:hover {
    color: #004fa4;
}

/* ナビゲーション2 */
#header div.header-inner div#nav {
    width: 940px;
    height:60px;
    margin:0;/*margin:0px 1px;*/
    background-color:#3a0000; /* navの背景 */
}
#header div.header-inner div#nav ul li {
    width: 188px;
    height: 60px;
    float: left;
    display: inline
}
#header div.header-inner div#nav ul li a {
    display: block;
    width: 188px;
    height: 60px;
    text-indent: -9999px;
}

#header div.header-inner div#nav ul li a#nav1 {
    background: url(../images/common/nav_1.png) no-repeat 0 0;
}
#header div.header-inner div#nav ul li a#nav1-current,
#header div.header-inner div#nav ul li a:hover#nav1 {
    background: url(../images/common/nav_1.png) no-repeat 0 -60px;
}
#header div.header-inner div#nav ul li a#nav2 {
    background: url(../images/common/nav_2.png) no-repeat 0 0;
}
#header div.header-inner div#nav ul li a#nav2-current,
#header div.header-inner div#nav ul li a:hover#nav2 {
    background: url(../images/common/nav_2.png) no-repeat 0 -60px;
}
#header div.header-inner div#nav ul li a#nav3 {
    background: url(../images/common/nav_3.png) no-repeat 0 0;
}
#header div.header-inner div#nav ul li a#nav3-current,
#header div.header-inner div#nav ul li a:hover#nav3 {
    background: url(../images/common/nav_3.png) no-repeat 0 -60px;
}
#header div.header-inner div#nav ul li a#nav4 {
    background: url(../images/common/nav_4.png) no-repeat 0 0;
}
#header div.header-inner div#nav ul li a#nav4-current,
#header div.header-inner div#nav ul li a:hover#nav4 {
    background: url(../images/common/nav_4.png) no-repeat 0 -60px;
}
#header div.header-inner div#nav ul li a#nav5 {
    background: url(../images/common/nav_5.png) no-repeat 0 0;
}
#header div.header-inner div#nav ul li a#nav5-current,
#header div.header-inner div#nav ul li a:hover#nav5 {
    background: url(../images/common/nav_5.png) no-repeat 0 -60px;
}
#header div.header-inner div#nav ul li a#nav6 {
    background: url(../images/common/nav_6.png) no-repeat 0 0;
}
#header div.header-inner div#nav ul li a#nav6-current,
#header div.header-inner div#nav ul li a:hover#nav6 {
    background: url(../images/common/nav_6.png) no-repeat 0 -60px;
}
#header div.header-inner div#nav ul li a#nav7 {
    background: url(../images/common/nav_7.png) no-repeat 0 0;
}
#header div.header-inner div#nav ul li a#nav7-current,
#header div.header-inner div#nav ul li a:hover#nav7 {
    background: url(../images/common/nav_7.png) no-repeat 0 -60px;
}

/* footer */
div#footer {
  line-height: 1.9em;
  clear: both;
}
#bigfoot {
  position: absolute;
  /*background: #CCC;*/
  font-size: 11px;
  width: 940px;
  height: 580px;
}
div#footer div#bigfoot div {
  display: block;
  width: 235px;
  float: left;
  padding-top: 40px;
}
div#footer div#bigfoot div ul {
  margin-bottom: 30px;
}
div#footer div#bigfoot div ul li {
  margin-left: 2em;
  color: #d6d1d1;
}

div#footer div#bigfoot div ul li.list-first {
  background: url(../images/common/footer_arrow.png) no-repeat 0 5px ;
  padding-left: 1em;
  margin-left: 0em;
  margin-bottom: 2px;
  font-weight: normal;
  color: #fff;
  list-style-type: none;
}

div#footer div#bigfoot div ul li.list-first a {
  text-decoration:none;
  border-bottom: 1px solid #afa3a3;
  color: #fff;
}

div#footer div#bigfoot div ul li.list-first a:hover{
  background-color: #004fa4;
}


div#footer div > ul a.first  {
  text-decoration: none;
  margin-left: 1em;
  margin-bottom: 2px;
  border-bottom: 1px solid #afa3a3;
  font-weight: normal;
  color: #fff;
}




div#footer div > ul li a.second {
  text-decoration: none;
  margin-left: -0.5em;
  border-bottom: 1px solid #afa3a3;
  font-weight: lighter;
  color: #d6d1d1;
}

div#footer div > ul a:hover.first, div#footer div > ul li a:hover.second  {
  background: #004fa4;
}
div#footer div.footer-inner div#footer_logo div#footer_logoL img {
  position:relative;
  top: 610px;
}
div#footer div.footer-inner div#footer_logo div#footer_logoL p {
  position:relative;
  top: 620px;
  width: 400px;
  color: #333333;
}
/*
div#footer div.footer-inner div#footer_logo div#footer_logoL a:hover img {
  opacity: 1.0;
  filter: alpha(opacity=1.0);
  -ms-filter: "alpha(opacity=1.0)";
}
*/
div#footer div.footer-inner div#footer_logo div#footer_logoR img {
  position:relative;
  top: 530px;
  left: 500px;
}
div#footer div.footer-inner div#footer_logo div#footer_logoR p {
  position:relative;
  top: 540px;
  left: 500px;
  width: 400px;
  color: #333333;
}



/* 池田追加 (2014.02.09) */
	#header {
		position: relative;
		z-index: 999;
	}


	/* ページ先頭移動用ナビ */
	#page-top {
	    right: 35px;
	    bottom: 245px;
	    display: none;
	    position: fixed;
	}


.caption{
clear:both;
display:block;
padding-top:7px;
font-size:11px;
color:#999;
}

.end{margin-right:0!important;}/*右ブロック余白削除*/