﻿
/* ■■■■■■■■■■■■■■■■■■■■　全ページ共通　■■■■■■■■■■■■■■■■■■■■ */
* {

	padding		:0;	/* 余白	(領域内) */
	margin		:0;	/* マージン(領域外余白) */
	font-size	:100%;
	font-family	:Hiragino Kaku Gothic ProN;

}

body {

	color			:#333;		/* 文字色 = 灰色 */
	text-align		:center;	/* 文字の配置 */
	margin			:0; 		/* 域外 */
	padding			:0;		/* 域内 */
	background-color	:#FFFFFF;	/* 背景色“白” */

}





/* ▼ ---------------　ページ骨格　--------------- ▼ */

#outer-frame {

	width			:1000px;	/* 幅 */
	margin			:100px auto;	/* 域外 */
	padding			:0;		/* 域内 */
	text-align		:left;		/* 文字左揃え */
	background-color	:#FFFFFF;	/* 背景色“白” */
	line-height		:1.5em;

}

#contents-area{

	width			:900px;
	margin			:0 50px 0 50px;		/* 域外 */
	padding			:0;				/* 域内 */
	text-align		:left;				/* 文字左揃え */
	background-color	:#FFFFFF;			/* 背景色“白” */

}





/* ▼ ---------------　ページトップ　ヘッダーエリアの設置　--------------- ▼ */

/* ●ヘッダー固定枠 */
#header-area {

	clear		:both;
	width			:100%;			/* 幅 */
 	height			:auto;			/* 高さ */
	padding			:0;			/* 余白	(領域内) */
	margin			:0;			/* マージン(領域外余白) */
	position		:fixed;			/* 位置固定*/
	top			:0;
	left			:0;
	background-color	:#0c2340;		/* 背景 */
	box-shadow		:0px 0px 5px #000000;	/* 影 */
/* 	border-bottom		:solid 0px #4996ed;	下枠線 */

}

/* ●ヘッダー */
#header {


	width			:1000px;		/* 幅 */
 	height			:50px;			/* 高さ */
	margin			:0 auto;			/* 域外 */
	padding			:0;			/* 域内 */
	background-color	:#0c2340;		/* 背景色 */

	background-image	:url(../img/symbol.png);	/* 背景画像 */
	background-position	:0 50%;			/* 背景画像の表示開始位置 */
	background-repeat	:no-repeat;			/* 背景画像は繰り返さない */
	background-size		:auto 30px;			/* 背景画像サイズ 幅　高さ*/
}




/* ▼ ---------------　ページトップの設定　--------------- ▼ */

#pt {

	clear		:both;
	width		:100%;
	height		:auto;
	margin		:50px auto 0 auto;		/* 域外 */
	padding		:0;			/* 域内 */


	background-color:#f5f5f5;		/* 背景色 */
	
}







 /* ▼ ---------------　to-page-topリンク　--------------- ▼ */

#to-page-top{

	position		:fixed;
	right			:0;
	bottom			:0px;
	cursor			:pointer;
	background-image	:url(../img/to-page-top.png);	/* 背景画像 */
	background-repeat	:no-repeat;			/* 背景画像は繰り返さない */
 	height			:50px;				/* 高さ */
	width			:200px;				/* 幅 */
	background-size		:contain;			/* 背景画像サイズ */

}




 /* ▼ --------------- 影付ボックス --------------- ▼ */
.block1{

	clear		:both;
	width		:900px;				/* 幅 */
	height		:auto;				/* 高さ */
	box-shadow	:5px 5px 5px #eeeeee;		/* 影 横方向・縦方向・ぼかし・広がり*/
	padding		:0;				/* 余白	(領域内) */
	margin		:70px 0 0 0;		/* 外　上・右・下・左 */
	display		:inline-block;
	background-color	:#ffffff	;		/* 背景色 */

}




 /* ▼ ---------------　表　--------------- ▼ */

 /* "全体の設定" */
table {

	font-size	:100%;
	line-height	:2em;
border-collapse: collapse;

}

 /* 表　"中央寄せ" */
.table1-C{

	margin		:2em auto;		/* 域外 */
	padding		:1em;			/* 域内 */
	border-top	:solid 1px #dfdfdf;
	border-bottom	:solid 1px #dfdfdf;
	width		:90%

}

.table1-C th {

	margin		:0;		/* 域外 */
	padding		:0.1em;			/* 域内 */
	vertical-align	:top;
	font-size	:1.25em;
	text-align	:center;				/* 文字中央揃え */
	border-bottom	:solid 1px #dfdfdf;
	background-color	:#f0f0f0	;		/* 背景色 */

}

.table1-C td {

	margin		:0;		/* 域外 */
	padding		:0.5em;			/* 域内 */
	vertical-align	:top;
	font-size	:1.25em;

	border-bottom	:solid 1px #dfdfdf;


}


 /* 表　"左寄せ" */
.table1-L{

	margin		:1em;			/* 域外 */
	padding		:1em;			/* 域内 */
	border-top	:solid 1px #dfdfdf;
	border-bottom	:solid 1px #dfdfdf;

}





/* ■■■■■■■■■■■■■■■■■■■■　フッター　■■■■■■■■■■■■■■■■■■■■ */

/* ▼ ---------------　フッター　サイトマップ　--------------- ▼ */

#footer-area{

	clear		:both;
	width		:100%;		/* 幅 */
	height		:auto;
	padding		:0;		/* 域内 */
	margin		:70px auto 0 auto;	/* 域外 */
	height		:auto;
	background-color:#ffffff;		/* 背景色 */
	overflow	:visible;

}

/* ●フッター の設定 */



/* ●インラインフレームの設定 */
#footer-area iframe {

	width		:100%;
	height		:280px;
	padding		:0;		/* 域内 */
	margin		:0;		/* 域外 */
	display		:block;
	overflow	:visible;

}

 /* ▼ -----メニューバーの設定----- ▼ */
#FooterNavi {

	clear		:both;
	width		:100%;		/* 幅 */
	height		:30px;
	padding		:0;		/* 域内 */
	margin		:50px 0 5px 0;	/* 域外 */

	list-style-type	:none;		/* リストドット非表示 */
	background-color:#0c2340;		/* 背景色 */
/*	border-top		:solid 1.5px #4996ED; */	/*上枠線 */
	color		:#ffffff;	/* 文字色: */
	font-size	:15px;		/* 文字サイズ */

}


#FooterNavi ul {

	list-style-type	:none;		/* リストドット非表示 */
	margin		:10px;	/* 域外 */

}

#FooterNavi li {

	width		:50%;		/* 幅（メニュー数によって変更する） */
	padding		:0;		/* 余白	(領域内) */
	margin		:0;		/* マージン(領域外余白) */

	float		:left;		/* 左詰め */
	position	:relative;
	text-align	:center;


}


#FooterNavi li a {

	margin		:0;		/* マージン(領域外余白) */
	padding		:0;		/* 余白	(領域内) */
	height		:1.2em;

	color		:#202020;	/* 文字色:灰色 */
	font-size	:20px;		/* 文字サイズ */
	text-decoration	:none;		/* 上下打ち消し線点滅：なし */
	display		:block;
	text-align	:left;		/* 文字位置 */
	line-height	:1.2em;

}

#FooterNavi li ul {

	margin		:0;		/* マージン(領域外余白) */
	padding		:0;		/* 余白	(領域内) */

	position	:absolute;
	top		:100%;
	left		:0;
	list-style: none;
	position	:relative;

}

#FooterNavi li ul li {

	width: 100%;			/* 幅 */

}

#FooterNavi li ul li a {

	margin		:0 0 0 1.5em;		/* マージン(領域外余白) */
	padding		:0;		/* 余白	(領域内) */
	height		:1.2em;
	color		:#808080;	/* 文字色:灰色 */
	font-size	:15px;		/* 文字サイズ */
	line-height	:1.2em;
	text-align	:left;

}


 /* カーソル添えたときの設定 */
#FooterNavi li a:hover,
#FooterNavi li a.OtherPage:hover{

	color: #E80013;			/* 文字色:チームウエアオレンジ */

}



#FooterNavi li a.OtherPage{

	color: #202020;			/* 文字色 */

}

/* 署名（会社名） */
.signature {

	font-size	:15px;		/* 文字サイズ */
	line-height	:2em;
	color: #202020;			/* 文字色 */

}

/* 署名（designed by） */
.signature2 {

	font-size	:12px;		/* 文字サイズ */
	line-height	:12px;

}


/* フッター社名 */
.signature3 {

	font-size	:20px;		/* 文字サイズ */
	line-height	:1.5em;

}