@charset "utf-8";
/* CSS Document */

/*--------------------------
ヘッダー
---------------------------*/
div#container div#header {
	/*width:939px;*/
	margin:0;
	padding:0;
}
div#container div#header h1 {
	margin-top: 0px;
	background: url(../img/top/header-h1.png) no-repeat;
	text-indent: -9999px;
	font-size: 22px;
	width:940px;
	height:71px;
	border:0;
	margin-left: 1px;/* IE6,IE5.5用 */
}
*:first-child+html div#container div#header h1 { /* IE7用 */
	margin-top: 0px;
	background: url(../img/top/header-h1.png) no-repeat;
	text-indent: -9999px;
	font-size: 22px;
	width:940px;
	height:71px;
	border:0;
	margin-left: 1px;
}

div#container>div#header h1 {
	margin-left: 4px;/* IE7,FireFox用 */
}

/*--------------------------
content
---------------------------*/
div#container div#content {
	background:url(../common/img/content/bg.png) repeat-y;
	margin-left: 4px;
}
/*--------------------------
LEFT
---------------------------*/
div#container div#left {
	float:left;
	width:211px;
	padding:0px;
	/*margin-left:2px;/* IE6,IE5.5用 */
	/*background:url(../img/left/bg.png) repeat-y;*/
	text-align:left;
	font-size:11px;
}
div#container>div#left {
	/*margin-left:3px;/* IE7,FireFox用 */
	font-size:12px;
	height: 100%;
}

/*--------------------------
main
---------------------------*/
div#container div#main {
	float:left;
	width:729px;
	text-align:left;
}
div#container div#main h2 {
	width:694px;
	background:url(../common/img/right/head-title.png) no-repeat;
	text-align:left;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	height:54px;
	padding-top:25px;
	padding-left:35px;
}

div#container div#main h3 {
	width:95%;
	background:url(../common/img/right/h3-bg.png) repeat-x;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#333;
	height:25px;
	margin: 10px 0 10px 10px ;
	padding:3px 0 0 5px;
}

div#container div#main p.h2p {
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
	color:#333;
	margin-top:-10px;
}

div#container div#main p.p-12 {
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
	color:#333;
	margin-top:-10px;
}

/*--------------------------
footer
---------------------------*/
div#container div#footer {
	width:940px;
	height:20px;
	background:url(../img/footer/bg.png) no-repeat;
	text-align:right;
}
/*IE6用*/
* html div#container div#footer {
	width:940px;
	height:20px;
	background:url(../img/footer/bg.png) no-repeat;
	margin-left:-3px;
	text-align:right;
}


div#container div#footer P.copy {
	font-size:10px;
	color:#333;
}

div#container div#footer P.pageup {
	font-size:11px;
	color:#333;
}

/* ---------------------------------------------------------
■ テーブル
--------------------------------------------------------- */
/* 共通 
----------------------------------------- */
div#content table {
	width: 95%;
	/* border-collapse: collapse; */
	margin: 0 0 20px 0;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	/* border-bottom: 1px solid #e6e6e6; */
}

div#content table.small {
	width: 60%;
	/* border-collapse: collapse; */
	margin: 0 0 20px 0;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	/* border-bottom: 1px solid #e6e6e6; */
}
/*4方向にボーダーがあるテーブル */
div#content div#border table.4border_owaku {
	width: 100%;
	margin: 0 0 20px 0;
	border-bottom:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	padding:2px;
}

/* キャプション（テーブルタイトル） */
div#content table caption {
	text-align: left;
	font-weight: bold;
	padding-bottom: 5px;
	margin-top: 10px;
	line-height: 1.8;
}

/* キャプションに単位を入れるとき */
div#content table caption span {
	display: block;
	text-align: right;
	font-weight: normal;
	font-size: 90%;
	padding-top: 4px;
}

/* thが左列にある時 */
div#content table th {
	padding: 5px 10px;
	text-align: left;
	line-height: 1.8;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #e6e6e6;
/*	font-weight: bold;*/
}

/* thが一行目にある時 */
div#content table th.th-head {
	background-color: #dfe8ef;
	text-align: left;
}
/* thが一行目にある時-8% */
div#content table th.th-head-s {
	background-color: #dfe8ef;
	text-align: center;
	width:8%;
}div#content table th.th-head-sm {
	background-color: #dfe8ef;
	text-align: center;
	width:10%;
}
/* thが一行目にある時-15% */
div#content table th.th-head-15 {
	background-color: #dfe8ef;
	text-align: center;
	width:15%;
}
/* thが一行目にある時-60px */
div#content table th.th-head-60px {
	background-color: #dfe8ef;
	text-align: center;
	width:65px;
}
/* thが一行目、時-15% */
div#content table th.th-head-blue15 {
	background-color: #003366;
	text-align: center;
	width:15%;
	color:#FFFFFF;
}
/* thが一行目、時-60px */
div#content table th.th-head-blue60px {
	background-color: #003366;
	text-align: center;
	width:60px;
	color:#FFFFFF;
}
div#content table th.th-head-20 {
	background-color: #dfe8ef;
	text-align: center;
	width:20%;
}
/* thが一行目にある時-30% */
div#content table th.th-head-30 {
	background-color: #dfe8ef;
	text-align: center;
	width:30%;
}

/* td 通常 */
div#content table td {
	/*padding: 5px 10px;*/
	line-height: 1.8;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	vertical-align: middle;
}
/* td ボーダー無し(体験セミナー用） */
div#content #f_seminar table td {
	/*padding: 5px 10px;*/
	line-height: 1.8;
	border:none;
	/*border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;*/
	vertical-align:top;
}
/* td ボーダー無し（共通） */
div#content table.border-none  {
	border:none;
	vertical-align:top;
	margin-bottom:15px;
}
div#content td.td-bordernon {
	border:none;
	vertical-align: middle;
	margin-bottom:0px;
}
/* td ボーダー下のみ（共通） */
div#content td.td-bordebottom {
	border-bottom:1px solid #cccccc;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	margin-bottom:0px;
	vertical-align:top;
	text-align:center;
}

/*------------------------------------------------
 個人情報入力内容確認ボタン
----------------------------------------------- */

div#content #naiyobtn {
	margin: 5px 5px 0px;
	text-align:center;
}

div#content #naiyobtn .img-center {
	text-align:right;
}

div#content #naiyobtn p {
	margin: 5px 5px;
}
/* アイコン付きリンク タイプ（2）
----------------------------------------- */
/* p を利用 */
div#content p.lnk-type02 {
	padding-left: 20px;
	background: url(../common/img/icon02.gif) no-repeat 3px 8px;
}

/* a を利用 */
div#content a.lnk-type02 {
	padding-left: 20px;
	line-height:2.5;
	background: url(../common/img/icon_link.gif) no-repeat 3px 1px;
}

/* ul li を利用（複数並べて行間がいらないとき） */
div#content ul.lnk-type02 {
	margin-bottom: 1em;
	margin-left: 3px;
}

div#content ul.lnk-type02 li {
	padding-left: 20px;
	line-height: 1.8;
	background: url(../common/img/icon_link.gif) no-repeat 3px 4px;
	font-size:12px;
}
