@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------
  ヘッダ（header）
--------------------------------------------------*/
#HEADER {
	clear: both;
	width: 100%;
	min-width: 1100px;
	margin: auto;
	text-align: left;
	padding: 0px;
	background: #FFF;
}
#HEADER .box {
	width: 1100px;
	min-width: 1100px;
	margin: auto;
}
#HEADER .img_lft {
	width: 290px;
	float: left;
}
#HEADER #tel {
	margin: 0px;
	float: right;
	width: 310px;
	margin-top: -10px;
}
/* 上部テキスト */
#HEADER h1 {
	padding: 15px 0 15px;
	border-left: 1px solid #EFEFEF;
	margin-top: 0px;
	color: #595757;
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
}
/*--------------------------------------------------
  コンテナ（container）
--------------------------------------------------*/
#container {
	width: 1100px;
	margin: auto;
	margin-bottom: 50px;
	line-height: 1.5;
	padding-top: 5px;
	
	background: url(../images/bg.gif);
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #E5E5E4;
}
#container h3.sub {
	margin-bottom: 10px;
}
/*--------------------------------------------------
  ナビ（navi）
--------------------------------------------------*/
#navi {
	clear: both;
	float: left;
	width: 255px;
}
#navi .navi_txt {
	text-align: left;
	border: 1px solid #595757;
	border-radius: 5px;
	margin: 15px 0;
	padding: 10px;
	background: #FFF;
	color: #595757;
}
/*--------------------------------------------------
  メニュー（menu）
--------------------------------------------------*/
#menu {
	margin: auto;
}
/* ボタン共通 */
#menu li {
	overflow: hidden;
	width: 255px;
	height: 80px;
	margin-bottom: 10px;
	margin: 0;
	padding: 0;
}
#menu li a {
	display: block;
	position: relative;
	z-index: 100;
	text-align:center;
	background: #302C77;
	color: #fff;
	padding-top: 8px;
	font-size: 19px;
	line-height: 66px;
	text-decoration:none;
}
#menu li.on a,
#menu li a:hover {
	background: #1C2A4E;        /* マウスオーバーカラー */  
}


/*--------------------------------------------------
  メイン（main）
--------------------------------------------------*/
h2 img {
	vertical-align: bottom;
}
#main {
	float: right;
	width:825px;
}
#main h3 {
	margin-bottom: 10px;
}
#main h3.mark {
	margin-bottom: 10px;
	padding-left: 20px;
	background: url(../img/mark.gif) no-repeat 0px 2px;
	color: #2AB9DE;
	font-size: 105%;
}


/*--------------------------------------------------
  フッタ（footer）
--------------------------------------------------*/
#FOOTER {
	clear: both;
	position: relative;
	min-width: 1100px;
	width: 100%;
	min-height: 40px;
	margin: -50px 0px 0px 0px;
	line-height: 1;
	background: #000000;
	color: #FFF;
	padding: 15px 0px 10px;
}
#FOOTER .box {
	width: 1100px;
	min-width: 1100px;
	margin: auto;
}
#FOOTER .box p {
	text-align: left;
	float: left;
	font-size: 13px;
	line-height: 22px;
	width: 260px;
	margin-right: 20px;
}
#FOOTER .box p.pad {
	margin-right: 0;
}
#FOOTER .box a {
	color: #FFFFFF;
}
#FOOTER .img_footer {
	text-align: left;
	margin-bottom: 10px;
}
/* コピーライト */
#copyright {
	clear: both;
	width: auto;
	width: 100%;
	min-width: 1100px;
	padding: 6px 0px;
	font-size: 10px;
	background: #000000;
	color: #B3B3B3;
	line-height: 1.2;
}
#copyright .fs {
	font-size: 9px;
}

/*--------------------------------------------------
  共通
--------------------------------------------------*/
/* ページトップ */
#PAGR_TOP {
	position: absolute;
	margin-top: -100px;
	margin-left: 800px;
}

/* タイトル */
#page_title {
	clear: both;
	width: 100%;
	padding: 0px;
	text-align: center;	
}
#page_title h2 {
	margin-bottom: 20px;
}
#page_title img {
	border: none;
}
#page_title h2.sub {
	margin: 60px auto 0px;
}

/* パンくずリスト */
#page_navi {
	margin-left: 16px;
}
#page_navi li {
	display: inline;
	margin-right: 8px;
}
#page_navi a {
	padding-right: 16px;
	background: url(../img/p.gif) no-repeat right center;
	text-decoration: none;
	color: #999999;
}
#page_navi a:hover {
	text-decoration: underline;
}

/* テーブル */
.tbl {
	width: 100%;
}
.tbl th,
.tbl td {
	padding: 15px;
	border: none;
	border-bottom: 1px solid #B2B2B2;
}
.tbl th {
	background: #F1F1F1;
	vertical-align: top;
}
.tbl td {
	text-align: left
}

/* 注意書き */
.attention dt {
	float: left;
	width: 18px;
}
.attention dd {
	margin-left: 18px;
}

/* --responsive------------------------------------------- */

/* 640pixel start */
@media screen and (max-width: 480) {
	
/* 所在地 */
#fotter_company {
	position: relative;
	margin: -105px 0px 0px -200px;
	line-height: 1;
	padding: 10px 0px;
	font-size: 12px;
}
#fotter_company .block {
	display: block;
}

}
/* 640pixel end */