@charset "UTF-8";

/* ########################################################### */

/* note： layout setting */
/* COPY RIGHT : TNLife Systems Co.,ltd. Allrights Resaerved. */
/* AUTHOR : TNLife Systems Co.,ltd. */

/* ■CSS LIST------------------------------------------------- */

/* 01.基本設定 */
/* 02.全体レイアウト（横・縦幅サイズ設定） */
/* 03.各エリア設定 */
/* 04.見出し・段落・リンク・テキスト設定 */
/* 05.画像・回り込み・解除・テーブル設定 */
/* 06.ブラウザ対策（IE6） */
/* デザイン設定（style.css）に記述 */

/* ########################################################### */

/* ********************************************************** */

/* 01.基本設定 */

/* ********************************************************** */
body {margin: 0px;padding: 0px;}

/* ********************************************************** */

/* 02.全体レイアウト（横・縦幅サイズ設定） */

/* ********************************************************** */

/* ▼全体レイアウト */
/* -----------------------------------------------------------*/

/* サイズ一括指定 */
#header,#global_nav,#topimg,#main,#footer,#header_sponser,#footer_sponser {
	margin-right: auto;margin-left: auto;clear: both;
}
/* 全体レイアウト（背景ラッパー） */
#wrapper,#header_wrapper,#globalnav_wrapper,
#topimg_wrapper,#main_wrapper,#footer_wrapper {
	width: 100%;margin: 0px auto;position: relative;clear: both;
}
a img {border-style: none;}

/* ********************************************************** */

/* 03.各エリア設定 */

/* ********************************************************** */
/* ヘッダー　エリア
--------------------------------------------------------------*/
#head {}
#head_nav {position: relative;text-align: right;}
#header {}
#header_logo h1,#header_description h2 {margin: 0px;padding: 0px;}
#header_logo {}
#header_description {}

/* トップイメージ　エリア
--------------------------------------------------------------*/
#topimg {}

/* グローバルナビゲーション　エリア
--------------------------------------------------------------*/
#global_nav {}
/* ナビボタン設定*/
#global_nav ul,
#global_nav ul li {list-style: none;margin: 0px;padding: 0px;}
#global_nav ul li {float: left;}
#global_nav ul li a {display: block;text-indent: -9999px;}

/* メイン　エリア
--------------------------------------------------------------*/
#main {}

/* コンテンツ　エリア
--------------------------------------------------------------*/
#contents {
	clear:both;
}
/* 右レイアウト */
#contents_R {float:right;}
/* 左レイアウト */
#contents_L {float:left;}
/* 3カラム　右レイアウト（コンテンツ内） */
#column_R {float: right;}
/* 3カラム　左レイアウト（コンテンツ内） */
#column_L {float: left;}

/* サイド　エリア
--------------------------------------------------------------*/
/* 右レイアウト */
#side_R {float: right;}
/* 左レイアウト */
#side_L {float: left;}
/* サイド用メニューボタン設定 */
#side_menu {margin: 0px auto 15px;}
#side_menu ul,#side_menu ul li {margin: 0px;padding: 0px;list-style: none;}
#side_menu ul li a {display: block;vertical-align: middle;}
.top_L img {
	border: 1px solid #666;
	margin-bottom: 8px;
}

/* サイド用タイトルバー設定 */
.side_box_title {margin-bottom: 5px;}
/* サイド用フリーボックス設定 */
.side_box {margin: 0px auto 15px;}

/* フッター　エリア
--------------------------------------------------------------*/
#footer {font-size: 0.85em;}
#fotter_sponser img {
	padding: 1px;
	background: #666;
}

/* フッターロゴ */
#footer_logo {}
/* フッターメニュー */
#footer_menu {}
#footer_menu ul,#footer_menu ul li {list-style: none;margin: 0px;padding: 0px;}
#footer_menu ul {display: block;}
#footer_menu ul li {float: left;}
#footer_menu ul li a {display: block;text-decoration: none;}
/*住所表記*/
address {clear: both;font-style: normal;}
/* コピーライト */
#footer #copyright {clear: both;width: 100%;font: 0.85em Arial, Helvetica, sans-serif;}
/* ページのトップ　エリア */
#page_top {}
#page_top a {display: block;text-indent: -9999px;}

/* ********************************************************** */

/* 04.見出し・段落・リンク・テキスト設定 */

/* ********************************************************** */
/* 初期化 */
h1,h2,h3,h4,h5,h6,p {margin: 0px;padding: 0px;line-height: normal;}
h1 {font-size: 2em;padding-bottom: 1em;}
h2 {font-size: 1.5em;padding-bottom: 1em;}
h3 {font-size: 1.35em;padding-bottom: 1em;}
h4 {font-size: 1.25em;padding-bottom: 1em;}
h5 {font-size: 1.15em;padding-bottom: 0.5em;}
h6 {font-size: 1em;padding-bottom: 0.5em;}
p {font-size: 1em;padding-bottom: 1em;}

/* ********************************************************** */

/* 05.画像・回り込み・解除・テーブル設定 */

/* ********************************************************** */
/*右回り*/
.img_R {margin: 0px 0px 10px 15px;float: right;}
/*左回り*/
.img_L {margin: 0px 15px 10px 0px;float: left;}
/*右回り（キャプション入りボックス）*/
.imgbox_R {margin: 0px 0px 10px 10px;float: right;font-size: 11px;text-align: right;line-height: 130%;}
.imgbox_R2 {margin: 0px 0px 10px 10px;float: right;font-size: 11px;text-align: left;line-height: 130%;}
/*左回り（キャプション入りボックス）*/
.imgbox_L {margin: 0px 10px 10px 0px;float: left;font-size: 11px;text-align: left;line-height: 130%;}
.img_BIG {
	width: 50%;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 90%;
}
.img_BIG img {
	padding: 1px;
	background: #666;
}
.img_MID {
	width: 33%;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	float: left;
	font-size: 90%;
}
.img_MID img {
	background: #666;
	padding: 1px;
}
.img_SML {
	float: left;
	width: 25%;
	text-align: center;
	font-size: 90%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.img_SML img {
	background: #666;
	padding: 1px;
}
.img_SML span {
	font-size: 115%;
}

.clear {
	clear: both;
}

/*回り込み解除*/
.cl {clear: both;}
/* clear fix */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;position: relative;min-height:1%; /* for IE 7*/}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* ********************************************************** */

/* 06.ブラウザ対策（IE6） */

/* ********************************************************** */
/* Hides from IE-mac \*/
*html #global_nav ul li {height:1%;}
*html #side_menu ul li {height:1%;}
/* End hide from IE-mac */