@CHARSET "UTF-8";


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

					PCの基本レイアウト書式

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

/* グローバルナビ */
#gnav {

	/* 位置 */
	position: fixed;
	top:  0px;
	left: 0px;
	z-index: 15;

    /* サイズ */
    width:  100%;
    height: 50px;

    /* 枠線 */
    border-bottom: solid 1px #ccc;

	/* 背景 */
    background: #f8f8f8;
}


/* フロント */
#front {

	/* 余白 */
	margin-top: 51px;/* #menu.height + border */
	padding-bottom: 40px;

	/* サイズ */
	width: 100%;
	clear: both;
}


/* フッター */
#footer {

	/* 位置 */
	position: fixed;
    bottom: 0;

    /* サイズ */
    width: 100%;

    /* 回り込み解除 */
	clear: both;
}


/* フロントローディング */
#front_loading {

 	/* 余白 */
	padding-top: 200px;

 	/* サイズ */
	width: 100%;
	height:200px;

	/* コンテンツ配置 */
	text-align:center;

	/* 背景 */
	background: #fff;

	/* デフォルト非表示 */
	display: none;
}


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

					　グローバルメニュー

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

/* メニューベース */
#gmenu {

	/* 位置 */
	position: fixed;
	top:  10px;
	left: 30px;
	z-index: 20;

    /* サイズ */
    width:  1500px;/*仮*/
    height: 30px;
}


/* メニュー項目 */
#gmenu li {

	/* 位置 */
	position: relative;
	padding: 0 5px 0 5px;

	/* サイズ */
	height: 30px;

	/* 回り込み */
	float: left;

	/* フォント */
    font-size:10pt;
    color: #428bca;
}


/* メニュー項目：ホームアイコン */
#gmenu li.home {

	/* 位置 */
	position: relative;
	padding-top: 5px;

	/* サイズ */
	width:  30px;
	height: 30px;

	/* 回り込み */
	float: left;

	/* フォント */
    font-size:10pt;
    color: #428bca;
}


/* メニュー項目テキスト */
#gmenu li p {

	/* 文字位置 */
	padding: 5px 15px 5px 15px;
}


/* メニュー項目：マウスオーバー */
#gmenu li:hover {

	/* 余白 */
	margin: -1px;

	/* フォント */
	color: #f55;

	/* 枠線 */
	border: solid 1px #ccc;
	border-radius: 3px;

	/* 背景色 */
	background: #ccc;
}


/* サブメニュー */
#gmenu li ul {

	/* 位置 */
	position: absolute;
	top: 30px;
	left: -1px;
	-webkit-transform: translate3d(0,0,0);

	/* 枠線 */
	border: solid 1px #ccc;

	/* 背景 */
	background: #fff;/*#eee;*/

	/* デフォルト非表示 */
	display: none;
}


/* サブメニュー項目 */
#gmenu li ul li {

	/* 余白 */
	margin: 0;
	padding: 0;
}


/* サブメニューテキスト */
#gmenu li ul li a {

	/* 文字位置 */
	padding: 5px 10px;

	/* サイズ */
	width: 150px;
	height: 30px;

	/* フォント */
    color: #338;

	/* 表示 */
	display: inline-block;
}


/* サブメニューテキスト：マウスオーバー */
#gmenu li ul li a:hover {

	/* 余白 */
	margin: -1px;

	/* サイズ */
	width: 150px;
	height: 20px;

	/* フォント */
	color: #fff;

	/* 枠線 */
	border: solid 1px #999;

	/* 背景 */
	background: #999;

	/* 表示 */
	display: inline-block;
}


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

					　		フッター

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


#footer_copyright {

	/* サイズ */
	width:  100%;
	height: 45px;

	/* 回り込み */
	clear: both;

	/* コンテンツ配置 */
	text-align: center;

	/* 背景 */
	background:#333;
}


#footer_copyright p {

	/* 文字位置 */
	padding-top: 5px;

	/* テキスト */
	font-size: 8pt;
	color: #fff;
}


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

					　	 その他

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

/* メッセージエリア */
.message {

	/* 余白 */
	margin: 50px auto;

	/* サイズ */
	width: 800px;

	/*  フォント */
	font-size: 12pt;
	color: #333;
}


.ft14 {

	font-size: 14pt
}