html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  font-size: 62.5%;/* 基準が10px */
  height: auto;	
  font-family: "Meiryo UI","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;
  color: #000000;
  text-align: center;
}

html,body {
  width:100%;
  height: 100%;
  overflow-y: auto;
  background-color:#f8f8f8;}


h1{
  font-size: 30px;
  line-height:42px;
  text-align:center;
}

/*必須カラー*/
span.hissu{
  color:#ec6941;
  font-weight:bold;}


/*フォントサイズ*/

/*14px⇒11pxへ*/
span.size11{font-size: 0.79em;}

/*14px⇒12pxへ*/
span.size12{font-size: 0.86em;}

/*14px⇒13pxへ*/
span.size13{font-size: 0.93em;}

/*14px⇒15pxへ*/
span.size15{font-size: 1.07em;}

/*13px⇒14pxへ*/
span.size14{font-size: 1.08em;}

/*太文字*/
span.bold{font-weight: bold;}


/* サイズ */
.width40{width:40px; box-sizing:border-box;}
.width55{width:55px; box-sizing:border-box;}
.width60{width:60px; box-sizing:border-box;}
.width70{width:70px; box-sizing:border-box;}
.width80{width:80px; box-sizing:border-box;}
.width90{width:90px; box-sizing:border-box;}
.width100{width:100px; box-sizing:border-box;}
.width120{width:120px; box-sizing:border-box;}
.width150{width:150px; box-sizing:border-box;}
.width180{width:180px; box-sizing:border-box;}
.width200{width:200px; box-sizing:border-box;}
.width220{width:220px; box-sizing:border-box;}
.width600{width:570px; box-sizing:border-box;}
.height30{height:30px; box-sizing:border-box;}
.height60{height:60px; box-sizing:border-box;}
.height90{height:90px; box-sizing:border-box;}

/* 文字 右（上から右、右+上寄せ、右+下寄せ） */
.txt_right{text-align: right;}
.txt_t-right{text-align: right; vertical-align:top!important;}
.txt_m-right{text-align: right; vertical-align:middle!important;}
.txt_b-right{text-align: right; vertical-align:bottom!important}

/* 文字 左（上から左、左+上寄せ、左+下寄せ） */
.txt_left{text-align: left;}
.txt_t-left{text-align: left; vertical-align:top!important;}
.txt_m-left{text-align: left; vertical-align:middle!important;}
.txt_b-left{text-align: left; vertical-align:bottom!important}

/* 文字 中央（上から中央、中央+上寄せ、中央+下寄せ） */
.txt_center{text-align: center;}
.txt_t-center{text-align: center; vertical-align:top!important;}
.txt_m-center{text-align: center; vertical-align:middle!important;}
.txt_b-center{text-align: center; vertical-align:bottom!important}


/*----- リンク -----*/
a{
  color: #0e0d6a; 
}

a:visited{ text-decoration: none;}
a:focus{outline: 1px dotted;}
a:hover{
  color: #269CE9;
  text-decoration: underline;
}

a:active{
  color: #269CE9;
  text-decoration: underline;
}

hr{
  border: 0;
  border-top: solid 1px #c7c7c7;
  margin: 11px 0;
}


/*----- 枠 -----*/
#wrapper{
  width: 100%;
  height: 99%;
  margin :0;
  border-top:solid 1px #c7c7c7;
  font-size:10px;
}

#search{
  margin: 11px 15px 0 11px;
  text-align: left;
  display: table;
}

div.search{
  position: absolute;
  right: 0;
  margin: 11px 32px;
}

#menu table{
  margin: 50px auto;
  text-align: center;
	 
}


#input {
    display: table-cell;
    width: 100%;
    /*background-color:#999;*/
    /* margin-right: 15px;*/
}
#btn {
    display: table-cell;
    width: 100px;
    height: 100%;
    /*  background-color: #e9e9e9;
*/ vertical-align: bottom;
    /* margin-left: -100px;
    margin-right: 15px;
    margin-right: 0\9;*/
}


#middle{
  font-size: 1.4em;/*14px*/
    margin: 11px 15px 15px 11px;
    text-align: left;
}


#bottom{
  height: auto;
  margin: 0 15px;
  text-align: left;
/*	overflow:scroll;*/
}

#bottom p{
  font-size: 1.3em;
  line-height:1.5em;
  }



/*---------------------------------------------------------------------------*/
/*----- タブコンテンツ -----*/
/*---------------------------------------------------------------------------*/

ul#tab {
	zoom: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	width:900px;
	height: 35px;
	font-size:110%;
}
ul#tab:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
ul#tab li {
	float: left;
	text-align: center;
	width: 150px;
	height: 35px;
	border-right:solid 1px #ffffff;
	letter-spacing:2px;
}
ul#tab li:last-child {
	background: none;}
	
ul#tab li a {
	background: #e9e9e9;
	display: block;
	width: 150px;
	height: 35px;
	text-decoration: none;
	color: #000000;
	line-height:2.5em;
	padding:0;
	text-align:center;
	background-repeat:no-repeat;
	font-size:1.3em;
	}
	
ul#tab li a:hover {
	background: #0851a0;
	width: 150px;
	background:	url(../img/tab_on.png);
	background-repeat:no-repeat;
	}
	
ul#tab li.active,
ul#tab li.active a,
ul#tab li.active a:hover {
	background: #0851a0;
	background:	url(../img/tab_on.png);
	background-repeat:no-repeat;
}
#detail {
	clear: both;
	overflow: hidden;
	width: 1210px;
	height: 100%;
	padding: 10px;
	border: solid 1px #c7c7c7;
	margin-bottom: 50px;
}
.tabbox {
	display: none;
}


/*top お知らせ*/

dl.top {
  padding      : 10px;
     }
.top dd {
     background         : url(../img/bk_line2.gif);
     background-repeat  : repeat-x;
     background-position: bottom;
     margin-bottom      : 15px;
     padding-bottom     : 5px;
	 text-align: left;
	 
	}
	 
a{
  color: #1658aa;
}