@charset "utf-8";

/*********************************************
 * ボディ                                    
 *********************************************/
* {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px;
}
body {
	background-color: #FFF;
	margin: 0px;          /* ページ全体のmargin */
	padding: 560px 0 35px 0;          /* ページ全体のpadding */
	text-align: center;   /* 下記のautoに未対応用のセンタリング */
	/*overflow:hidden;*/
}
.hbr {
	posision: relative;
	width: 900px;
	height: 10px;
}

/*********************************************
 * ヘッダー   
 *　ブラウザ上に固定                               
 *********************************************/
header {
	z-index: 1;						   		/* スクロールしたときに本文の上になるよう最前面に */
	position: fixed !important;			/* 旧ＩＥ対策　ヘッダ内容の位置の固定に */
	position: absolute;						/* ヘッダ内容の位置の固定に　*/
	top: 0;									/* 位置固定　*/
	left: 0;								/* 位置固定　*/
	width: 100%;							/* ブラウザサイズの影響をなくする　*/
	height: 110px;							/* 高さ指定　*/
	text-align: center;						/* 旧ＩＥ対策　内容を中央に　*/
}
.header_div {								/* 内容を中央におくための２重構造 */
	position: relative;						/* ヘッダ内基準の相対位置 */
	margin-left: auto;    					/* 左側マージンを自動的に空ける */
	margin-right: auto;   					/* 右側マージンを自動的に空ける */
	text-align: left;     					/* 中身を左側表示に戻す */
	width: 900px;							/* 幅基準サイズ */
	height: 100%;							/* 高さを固定 */
}
.header_logo {
	position: absolute;						/* ヘッダロゴの位置をヘッダ内固定に　*/
	top: 0px;								/* 位置固定　*/
	left: 0px;								/* 位置固定　*/
}
.content_menu_div {
	position: relative;						/* ヘッダ内基準の相対位置 */
	top: 72px;								/* 位置固定　*/
	left: 0px;								/* 位置固定　*/
	width: 900px;							/* 幅基準サイズ */
	height: 35px;							/* メニュー高さ基準サイズ */
	z-index: 0;								/* ヘッダ内で最背面に */
}
.menu {
	margin: 0;								/* 他のオブジェクトとの距離を0に */
	padding: 0;								/* 内部のオブジェクトとの距離を0に */
 width: ***;								/* 幅は自動 */
}
.menu ul {
	list-style-type: none;					/* ナカグロを消す */
	margin: 0;								/* 他のオブジェクトとの距離を0に */
	padding: 0;								/* 内部のオブジェクトとの距離を0に */
}
.menu_li100 {
	float: left;							/* リストを横並びにする */
	width: 100px;							/* メニュー１個の幅 */
	line-height: 35px;						/* メニュー１個の高さ */
	margin: 0;								/* 他のオブジェクトとの距離を0に */
	padding: 0;								/* 内部のオブジェクトとの距離を0に */
}
.menu_li200 {
	float: left;							/* リストを横並びにする */
	width: 204px;							/* メニュー１個の幅 */
	line-height: 35px;						/* メニュー１個の高さ */
	margin: 0;								/* 他のオブジェクトとの距離を0に */
	padding: 0;								/* 内部のオブジェクトとの距離を0に */
}
.menu a {
	text-align: center;						/* メニュー１個の中を中央よせ */
	display: block;							/* リンクを領域いっぱいにする */
	width: 100%;							/* リンクを領域いっぱいにする */
	color: black;							/* 文字色黒 */
}
.menu ul li a:hover {
	background-color: #FC6;					/* マウスが上にきたときのバックの色　オレンジ */
}

.menu ul li a:hover {
	background-color: #FC6;
}

/*********************************************
 * メイン                                  
 *********************************************/
.main {
	position: relative;
	width: 100%;
	text-align: center;
	padding-bottom:13px;
}
.mainphoto_div {
	position: absolute;/* ヘッダ内基準の絶対位置 */
	overflow: hidden;
	top: -425px;
	left: 0px;
	width: 700px;
	height: 400px;
}
.maindspl1_div {
	position: absolute;/* ヘッダ内基準の絶対位置 */
	top: -420px;
	left: 710px;
	width: 190px;
	height: 190px;
}
.maindspl2_div {
	position: absolute;/* ヘッダ内基準の絶対位置 */
	top: -220px;
	left: 710px;
	width: 190px;
	height: 190px;
}

.main_div {
	position: relative;
	width: 900px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}
.main_left {
	position: absolute;
	top: 0px;
	left: 0px;
}
.main_center {
	position: absolute;
	top: 0px;
	left: 210px;
	width: 467px;
	height: 286px;
	border-width : 2px;
	border-style: solid;
	padding : 5px;
}
.main_center p {
	text-align: left;
}
.main_center h3 {
	text-align: center;
}
.main_right {
	position: absolute;
	top: 0px;
	left: 700px;
}
/*********************************************
 * フッター                                  
 *********************************************/
footer {
	position: fixed !important;			/* 旧ＩＥ対策　フッタ内容の位置の固定に */
	position: absolute;						/* フッタ内容の位置の固定に　*/
	bottom: 0;								/* 位置固定　*/
	left: 0;								/* 位置固定　*/
	width: 100%;							/* ブラウザサイズの影響をなくする　*/
	height: 35px;							/* 高さ指定　*/
	text-align: center;						/* 旧ＩＥ対策　内容を中央に　*/
	background-image: url(../img/menuptn.png);	/* ブラウザの横いっぱいにヘッダ帯を伸ばす */

}
.footer_div {								/* 内容を中央におくための２重構造 */
	width: 900px;							/* 幅基準サイズ */
	height: 100%;							/* 高さを固定 */
	margin-left: auto;						/* 左側マージンを自動的に空ける */
	margin-right: auto;						/* 右側マージンを自動的に空ける */
}
.footer_content {							/* 内容を中央両端におくための３重構造 */
	margin: 0;								/* 他のオブジェクトとの距離を0に */
	padding: 0;								/* 内部のオブジェクトとの距離を0に */
 width: ***;
}
.footer_content ul {
	list-style-type: none;					/* ナカグロを消す */
	margin: 0;								/* 他のオブジェクトとの距離を0に */
	padding: 0;								/* 内部のオブジェクトとの距離を0に */
}
.footer_li100 {
	float: right;							/* リストを右横並びにする */
	width: 100px;							/* メニュー１個の幅 */
	line-height: 35px;						/* メニュー１個の高さ */
	margin: 0;								/* 他のオブジェクトとの距離を0に */
	padding: 0;								/* 内部のオブジェクトとの距離を0に */
}
.footer_li200 {
	float: right;							/* リストを右横並びにする */
	width: 200px;							/* メニュー１個の幅 */
	line-height: 35px;						/* メニュー１個の高さ */
	margin: 0;								/* 他のオブジェクトとの距離を0に */
	padding: 0;								/* 内部のオブジェクトとの距離を0に */
}
.footer_content ul li a {
	text-align: center;
	display: block;							/* リンクを領域いっぱいにする */
	width: 100%;							/* リンクを領域いっぱいにする */
	color: black;							/* 文字色黒 */
}
.footer_content ul li a:hover {
	background-color: #FC6;					/* マウスが上にきたときのバックの色　オレンジ */
}
.footer_content p {							/*　コピーライト表示の微調整*/
	margin-top: 7px;
	display: inline;
	float: left;
}