@charset "utf-8";

/* floatを解除するためのclearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

body {
    color: #222222;
    margin: 0px;
    padding: 0px;
    font-size: 90%;
    line-height: 150%;
    background-color: #f9f6ce;
}

#page {
    width: 1050px;
    margin: 0px;
    padding: 0px;
    z-index: 1;
    background-color: #005396;
    border-color:#005396;
    border-width: 0px;
    border-style: solid;
    height: auto;
    position: static;
}

#main0{
    background-color: #FFFFFF;
    width: 840px;
    margin-left: 0px;
    margin-right: 8px;
    margin-top : 0px;
    margin-bottom : 8px;
    float : right;
    position: static;
}

#main-box{
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 10px;
    margin-bottom: 10px;
}

#main-contents{
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: #FFFFFF;
	min-height: 350px;
}

#header{
	margin-top: -19px;
    margin-left: 0px;
    width: 1050px;
}

#header2{
    margin: 0px;
    width: 150px;
    height: 92px;
	float: left;
    background-color: #FFFFFF;
}
#header2 ul{
	margin-top: 3.0em;	
}
#header2 ul li{
	font-size: 90%;
    list-style-image:  url('img/tri.png');
	margin-left: -1.0em;
	margin-top: 0em;	
}

#title{
    margin-left: 0px;
}
#side-bar{
    width: 200px;
    float : left;
    margin: 0px;
}
#side-bar-box{
    position: fixed;
    top: 130px;
}
#side-bar-box a:link{
    color: #005396;
}
#side-bar-box a:visited{
    color: #005396;
}
#side-bar-box .selected{
	background-color: #E5EEF7;
}

#side-bar-box div{
	font-size: 120%;
	font-weight: bold;
    color: #005396;
	background-color: #FFFFFF;
    text-decoration: none;
    width: 163px;
	margin-left: 0px;
	margin-top: 7px;
	margin-bottom: -5px;
	height: 20px;
	padding: 6px 0px 6px 16px;
	display: block;
}

#side-bar-box ul{
    margin-top: 7px;
	margin-bottom: -5px;
    color: #005396;
    text-decoration: none;
}
#side-bar-box ul li{
    list-style: none;
    margin-left: -20px;
	margin-bottom: 2px;
	background-color: #FFFFFF;
    width: 153px;
	padding: 4px 0px 4px 6px;
	display: block;
}
#side-bar-box ul li ul{
    list-style-image:  url('img/cir.png');
    margin-left: -1.5em;;
}
#title h1 a {
    font-size: 150%;
    color: #333333;
    display: block;
    text-decoration: none;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #910C03;
    text-indent: -9999px;
    margin-left: 0px;
    background: none;
    background: url('img/title.png') no-repeat scroll 0 0;
    background-color:  transparent;
    width: 900px;
    height: 92px;
	float: left;
}
/* メニュー */
#navi-bar {
    font-family:"ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ ゴシック","TakaoGothic",sans-serif;
    margin:0;
	margin-bottom: 0px;
    padding: 0;
    width: 1050px;
    background-color: #001B30;
/* IE10     */ 
background-image: -ms-linear-gradient(bottom, #001B30 0%, #005396 60%, #2D6FBA 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #001B30 0%, #005396 60%, #2D6FBA 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #001B30 0%, #005396 60%, #2D6FBA 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #001B30), color-stop(0.6, #005396), color-stop(1, #2D6FBA));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #001B30 0%, #005396 60%, #2D6FBA 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(bottom, #001B30 0%, #005396 60%, #2D6FBA 100%);
}

#menu { 
    margin: 0 0 0px 0px;
    line-height: 35px;
    text-align: center;
    height: 35px;
    display: inline;
    float: left;
    padding: 0;
}

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

.submenu {
    background-color: #005396;
/* IE10     */ 
background-image: -ms-linear-gradient(bottom, #001B30 0%, #005396 60%, #2D6FBA 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #001B30 0%, #005396 60%, #2D6FBA 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #001B30 0%, #005396 60%, #2D6FBA 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #001B30), color-stop(0.6, #005396), color-stop(1, #2D6FBA));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #001B30 0%, #005396 60%, #2D6FBA 100%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(bottom, #001B30 0%, #005396 60%, #2D6FBA 100%);
    list-style: none;
    cursor:pointer;
    float:left;
    position:relative;
    padding:0;
    width: 135px;
    height: 35px;
    border-right: 1px solid #fafafa;
    border-bottom: 1px solid #fafafa;
    font-size : 110%;
}

#firstmenu{
    width: 133px;
    margin-left: 0px;
    padding:0;
}
#lastmenu{
    width: 135px;
    border-right: 0;
    padding:0;
}
/* サブメニュー */
#sub-navi-bar {
    font-family:"ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ ゴシック","TakaoGothic",sans-serif;
	font-size: 90%;
    margin:0;
	margin-bottom: 0px;
    padding: 0;
    width: 840px;
    border-bottom-color: #005396;
    border-bottom-style: solid;
	border-bottom-width: 2px;
}

#sub-menu { 
    margin: 0 0 0px 0px;
    display: inline;
    float: left;
    padding: 0;
	width: 840px;
}

#sub-menu a {
}

#sub-menu li {
    text-align: center;
    list-style: none;
    cursor:pointer;
    padding:0;
    width: 140px;
    height: 25px;
    line-height: 25px;
    font-size : 110%;
}

#next{
    float: right;
    display: block;
    position: static;
}
#prev{
    float: left;
    display: block;
    position: static;
}
#sub-lastmenu{
    width: 135px;
    border-right: 0;
}


#menuback{
    width: 100%;
    border-right: 0;
    padding:0;
}
div.hr-bar{
    height: 1px;
    background-color: #005396;
    margin-top: 40px;
    margin-bottom: 5px;
    margin-left: 3px;
    margin-right: 3px;
    height: 3px;
}
#fooder{
    width: 950px;
    margin-top: 20px;
}
#fooder-button{
    font-family:"ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック","TakaoGothic",sans-serif;
    color: #000000;
    background-color: #F0F0F0;
    width: 120px;
    float: right;
    font-size: 11px;
    padding: 2px;
    padding-bottom: 0px;
    text-align: right;
    border-color: #D6D6D6;
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 4px;        /* CSS3草案 */  
    -webkit-top-left-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-top-left-radius: 4px;   /* Firefox用 */  
    border-bottom-left-radius: 4px;        /* CSS3草案 */  
    -webkit-border-bottom-left-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-bottom-left-radius: 4px;   /* Firefox用 */  
	margin-bottom: 10px;
}
#fooder-top{
    color: #003366;
    font-size: 11px;
    font-weight: bold;
    margin: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 300px;
    text-align: center;
}
#fooder-top-image{
    background: url('img/crest_00.gif') no-repeat scroll transparent;
    width: 32px;
    height: 32px;
    margin-left: auto;
    margin-right: auto;
    line-height: 32px;
}

#top-image{
    background: url('img/top_image.png') no-repeat scroll transparent;
    width: 285px;
    height: 386px;
    margin-left: 0px;
    margin-right: auto;
    float : left;
}
#top-right{
    float : right;
    width : 420px;
    margin: 10px auto;
}
#top-main{
    float : none;
/*    width : 340px;*/
    color: #000000;
    font-size: 90%;
    line-height: 150%;
    background-color: #FFFFFF;
}
#top-main h2{
    color:#005396;
    font-size: 150%;
    margin: 4px;
    margin-left: 0px;
    margin-bottom : 2px;
    margin-top : 8px;
    padding : 4px;
    padding-left : 8px;
    padding-bottom : 6px;
    font-weight: bold;
	text-decoration: none;
}
#top-main ul li{
    color : #005396;
    font-size: 120%;
    font-weight: bold;
    margin: 4px;
    margin-left : -1em;
    border-bottom-color : #005396;
    font-family:"ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ ゴシック","TakaoGothic",sans-serif;
}
#top-main p{
    color: #222222;
    font-size: 100%;
    font-weight: normal;
    margin-left : 1em;
    border-bottom-color : #005396;
    font-family:"ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ ゴシック","TakaoGothic",sans-serif;
}
#top-main dl dt{
    display:list-item;
    color : #005396;
    font-size: 120%;
    font-weight: bold;
    margin: 4px;
    margin-left : 1.5em;
    border-bottom-color : #005396;
    font-family:"ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ ゴシック","TakaoGothic",sans-serif;
}
#top-main dl dd{
    color: #222222;
    font-size: 100%;
    font-weight: normal;
    margin-left : 2em;
    border-bottom-color : #005396;
    font-family:"ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ ゴシック","TakaoGothic",sans-serif;
}

#main-contents h1{
    color : #FFFFFF;
    font-size: 180%;
    font-weight: bold;
    margin: 4px;
    margin-left : 0em;
	background-color: #005396;
	width: 690px;
	height: 25px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
    font-family:"ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ ゴシック","TakaoGothic",sans-serif;
}

#main-contents dl dt h3{
    color : #005396;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 0em;
    margin-top : 1em;
    margin-left : 0em;
    font-family:"ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ ゴシック","TakaoGothic",sans-serif;
}
#main-contents dl dd ul li{
    margin-left : -3em;
}

#teigen dl dt{
    color : #005396;
    font-size: 120%;
    font-weight: bold;
    margin: 4px;
    margin-left : 0em;
    font-family:"ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ ゴシック","TakaoGothic",sans-serif;
}
#teigen dl dd{
    margin-left : 1em;
	width: 650px;
}


p{
	line-height:160%;
    font-family:"ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ ゴシック","TakaoGothic",sans-serif;
}
td p{
	line-height:100%;
	margin: 2px
}
div{
    font-family:"ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ ゴシック","TakaoGothic",sans-serif;
}
li{
    font-family:"ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ ゴシック","TakaoGothic",sans-serif;
}
img{
	border:none;
}
.normal{
	width: 650px
}
.left{
}
.right{
	float :right;
	width: 400px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.centering {
    display:block;
    margin: 0 auto;
    text-align: center;
}