@charset "utf-8";

/* CSS Document */

/* ========================================
	
	* 基本CSS

======================================== */
body {
	font-size:13px;
	font-family:'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif,'メイリオ',Meiryo;
	color: #333;
	line-height: 1.6;
	background: #FFF;	
}


/* link
========================================== */
a {
	text-decoration:none;
	color:#45608F;
}
a:link {
	text-decoration:none;
	color:#45608F;
}
a:visited {
	text-decoration:none;
	color:#45608F;
}
a:hover {
	text-decoration:underline;
	color:#45608F;
}
a:focus {
	overflow:hidden;
}


/* ========================================
	
	領域設定
	
======================================== */

/* 全体コンテナ
========================================== */

#container {
	margin:0;
	padding: 0;
}

/* ========================================
	
	header
	
======================================== */

/* ヘッダー */
header {
	width:960px;
	height: 84px;
	margin: 0 auto;
	padding: 10px 0 0;
	position: relative;
}
	
	/* ロゴ */
	#logo {
		position: absolute;
		left: 0;
		bottom: 0;
		line-height: 0;
	}
	
	/* ヘッダーナビ */
	#h_navi {
		position: absolute;
		right: 0;
		top: 65px;
		line-height: 0;
	}
		#h_navi ul {
		}
			#h_navi ul li {
				float: left;
				padding: 16px 30px 0 0;
			}
			
			#h_navi ul li#h_contact{
				padding: 0;
			}
			
	/* 電話番号 */
	#h_tel {
		position: absolute;
		right: 0;
		top: 10px;
	}
	
/* ========================================
	
	g_navi
	
======================================== */

	/* グローバルナビ */
	#g_navi {
		width:100%;
		padding: 20px 0;
		line-height: 0;
	}
		#g_navi ul {
			width:960px;		
			margin: 0 auto;
		}
			#g_navi li {
				float: left;
			}

 
 
/* ========================================
	
	main_contents
	
======================================== */

#main_contents {
}
	#contents_inner {
			width:960px;	
			margin: 0 auto;
	}
		#main_contents #contents #main {
		}



/* セクション
========================================== */
section {
	margin:0 0 50px 0;
}
.sec {
	margin:0 0 30px 0;
}

/* タイトル
========================================== */
#page_ttl {
	padding-bottom: 40px;
}

h3 {
	padding-bottom: 30px;
	padding-top: 5px;
}

/* 表
========================================== */
.table01 {
	width: 710px;
	margin-left: 10px;
}
	.table01 th {
		border: solid 1px #CCC;
		color: #455F8E;
		font-weight: normal;
		padding: 7px 10px;
		width: 100px;
		background: url(../img/table01_th_bg.jpg) repeat left top;
		vertical-align: middle;
	}
	.table01 td {
		border: solid 1px #CCC;
		padding: 7px 15px;
	}

/* 2カラム
========================================== */

#side {
	border-top: solid 1px #A2AFC7;
	width: 190px;
	position: fixed;
	background-color: #FFF;
}
	#side li {
		border-left: solid 1px #A2AFC7;
		border-right: solid 1px #A2AFC7;
		border-bottom: solid 1px #A2AFC7;
	}
		#side li a {
			padding: 20px 20px 20px 35px;
			width: 138px;
			display: block;
			background: url(../img/icon_side_off.jpg) no-repeat 15px center;
		}
			#side .sub {
				padding-left: 25px;
				padding-bottom: 10px;
			}
				#side .sub li {
					border: none;
				}
					#side .sub li a {
						padding: 0 0 15px 15px;
						background: url(../img/icon_sidesub_off.jpg) no-repeat left 13px;
					}

#main {
	width: 730px;
	padding-left: 230px;
}

/* ========================================
	
	footer
	
======================================== */

footer {
	width:100%;		
	margin:0;
	padding:0;
	border-top:1px solid #CCC;
}

	#f_navi {
		width:960px;	
		margin: 0 auto;
		padding: 15px 0;
	}
		#f_navi #f_privacy{
			float: right;
			padding-top: 5px;
		}
			#f_navi #f_privacy a img {
				height: 46px;
			}
		#f_navi p{
			line-height: 1.4;
		}
	
	footer #f_copy{
		width:100%;
		text-align: center;
		padding: 7px 0 12px;
		text-align:center;
		background-color: #45608F;
		line-height: 0;
	}



/* ========================================
	
	pagetop
	
======================================== */

.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
}
.pagetop a {
	display: block;
	width: 40px;
	height: 40px;
	background-color: #45608F;
	text-align: center;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	line-height: 40px;
}



/* ========================================
	
	モジュール
	
======================================== */

/*- font -*/
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.delete { text-decoration:line-through;}

/*- layout -*/
.caps        { padding-left:1em;}
.caps span   { position:relative; margin-left:-1em;}
.lefty       { float:left;}
.righty      { float:right;}
.floatClear  { clear:both; }
.txtright    { text-align:right; }
.txtcenter   { text-align:center; }

/*- margin -*/
.mrgTop0  { margin-top:0 !important;}
.mrgTop5  { margin-top:5px !important;}
.mrgTop10 { margin-top:10px !important;}
.mrgTop20 { margin-top:20px !important;}
.mrgTop30 { margin-top:30px !important;}
.mrgTop40 { margin-top:40px !important;}
.mrgBtn0  { margin-bottom:0 !important;}
.mrgBtn5  { margin-bottom:5px !important;}
.mrgBtn10 { margin-bottom:10px !important;}
.mrgBtn20 { margin-bottom:20px !important;}
.mrgBtn30 { margin-bottom:30px !important;}
.mrgBtn40 { margin-bottom:40px !important;}
.mrgLeft0  { margin-left:0 !important;}
.mrgLeft10 { margin-left:10px !important;}
.mrgLeft20 { margin-left:20px !important;}
.mrgLeft30 { margin-left:30px !important;}
.mrgLeft40 { margin-left:40px !important;}
.mrgRight0  { margin-right:0 !important;}
.mrgRight10 { margin-right:10px !important;}
.mrgRight20 { margin-right:20px !important;}
.mrgRight30 { margin-right:30px !important;}
.mrgRight40 { margin-right:40px !important;}

/*- padding -*/
.pdTop0  { padding-top:0 !important;}
.pdTop10 { padding-top:10px !important;}
.pdTop20 { padding-top:20px !important;}
.pdTop30 { padding-top:30px !important;}
.pdTop40 { padding-top:40px !important;}
.pdBtn0  { padding-bottom:0 !important;}
.pdBtn10 { padding-bottom:10px !important;}
.pdBtn20 { padding-bottom:20px !important;}
.pdBtn30 { padding-bottom:30px !important;}
.pdBtn40 { padding-bottom:40px !important;}