@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------
header
--------------------------------------------------------*/

#logo{
	width:248px;
	height:52px;
	float:left;
	margin-top:20px;
}

.app{
	width:190px;
	height:70px;
	margin-top:8px;
	margin-left:462px;
	float:left;
}

/*--------------------------------------------------------
navi
--------------------------------------------------------*/
#navi ul li{
	width:150px;
	height:48px;
	float:left;
}

/*--------------------------------------------------------
main
--------------------------------------------------------*/
#main{
	width:900px;
	height:313px;
	float:left;
}

/*--------------------------------------------------------
content_index
--------------------------------------------------------*/
.contents_left{
	width:693px;
	height:auto;
	float:left;
}

.contents_index_left{
	width:693px;
	height:auto;
	float:left;
	margin-top:30px;
}

.contents_index_left ul li{
	width:231px;
	height:170px;
	float:left;
	display:block;
}

.contents_index_left ul li p{
	width:211px;
	margin:55px 10px 0 10px;
}


li.index_content_left{
	background-image:url(../img/index_contents_left.png);
	background-repeat:no-repeat;
}

li.index_content_center{
	background-image:url(../img/index_contents_center.png);
	background-repeat:no-repeat;
}

li.index_content_right{
	background-image:url(../img/index_contents_right.png);
	background-repeat:no-repeat;
}

/*-----------------
セミナー部分
-----------------*/

.index_seminer{
	width:693px;
	height:auto;
	float:left;
	margin-top:40px;
}

.index_seminer h2{
	width:693px;
	height:53px;
	float:left;
	padding-bottom:12px;
	padding-top:15px;
	background-image:url(../img/h4_bg.png);
	background-repeat:no-repeat;
	font-size:18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#666;
}


.index_seminer h3{
	color:#F00;
	margin-top:24px;
	font-size:18px;
}

.index_seminer h4{
	margin-top:24px;
	color:#09C;
	font-size:14px;
}

p.index_seminer_txt{
	background-image:url(../img/sem_bg.gif);
	background-repeat:no-repeat;
}

.index_seminer p{
	margin:8px 0 0 0;
}


.index_seminer table{
	float:left;
	border-collapse:collapse;
	margin-bottom:50px;
	margin-top:18px;
}

.index_seminer table th{
	width:150px;
	padding:10px 0 10px 0;
	font-weight:100;
	border:1px solid #CCC;
	background-color:#E1F3FF;
}

.index_seminer table td{
	width:490px;
	border:#CCC 1px solid;
	padding:10px 20px 10px 20px
}



ul.normal li{
	clear:both;
	width:97%;
	height:auto;
	margin-left:3%;
}

/*--------------------------------------------------------
ページ右部
--------------------------------------------------------*/
.contents_index_right{
	width:190px;
	height:auto;
	margin-left:16px;
	margin-top:30px;
	float:right;
}

.contents_index_right h2{
	width:190px;
	height:38px;
	background-image:url(../img/right_info_bg.png);
	background-repeat:no-repeat;
}

dl.index.info{
}

dl.index_info dt{
	font-weight:bold;
	margin-bottom:6px;
	padding-left:3px;
}

dl.index_info dd{
	padding:0 3px 10px 3px;
	width:190px;
	border-bottom:#CCC 1px dotted;
}

/*--------------------------------------------------------
ページ下部
--------------------------------------------------------*/
#sitemap_inbox ul{
	float:left;
	margin-right:64px;
	margin-top:10px;
}

#sitemap_inbox ul a{
	color:#999;
}

#sitemap_inbox ul a:hover{
	color:#666;
}


/*--------------------------------------------------------
セカンド
--------------------------------------------------------*/
#title{
	width:900px;
	height:98px;
	float:left;
}

#title h2{
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:30px;
	margin-top:40px;
}

#contents h3{
	width:627px;
	height:34px;
	padding-top:36px;
	padding-bottom:36px;
	float:left;
}

#contents h4{
	width:900px;
	height:53px;
	float:left;
	padding-bottom:12px;
	padding-top:15px;
	background-image:url(../img/h4_bg.png);
	background-repeat:no-repeat;
	font-size:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#666;
}


p.caption{
	width:900px;
	height:auto;
	float:left;
	margin-bottom:18px;
}

.price{
	width:900px;
	height:auto;
	float:left;
	margin-bottom:36px;
}

.price table{
	width:600px;
	margin:8px 150px 8px 150px;
	font-size:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-collapse:collapse;
}

.price tr{
	margin-bottom:8px;
}

.price th.upper{
	background-color:#E6F4FF;
	color:#666;
	border-bottom:#CCC 1px solid;
}

.price th.lower{
	background-color:#FFC;
	color:#666;
	border-bottom:#CCC 1px solid;
}

.price td{
	padding:8px 0 8px 0;
	text-align:center;
}

.price td.red{
	color:#F00;
	border-bottom:#CCC 1px solid;
}

.price td.left{
	font-size:16px;
	color:#999;
}

.price td.left_price{
	font-size:16px;
	color:#999;
	text-decoration:line-through;
	border-bottom:#CCC 1px solid;
}

.contact{
	width:840px;
	height:auto;
	margin-left:30px;
	margin-bottom:36px;
	float:left;
}

.contact dl{
	width:840px;
	overflow:hidden;
	margin-bottom:24px;
}

.contact dl dt{
	clear:both;
	width:200px;
	float:left;
	height:32px;
	padding-top:6px;
	min-height:44px;
}

.contact dl dd{
	width:600px;
	padding-top:6px;
	margin-left:190px;
	min-height:44px;
}

label.adress{
	padding-top:6px;
}

span.red{
	color:#F00;
	margin-left:3px;
}

p.submit{
	width:840px;
	margin:18px 0 0 0;
	text-align:center;
}

/*--------------------------------------
セミナー
--------------------------------------*/
#contents_sem h4{
	width:900px;
	height:53px;
	float:left;
	padding-bottom:12px;
	padding-top:15px;
	background-image:url(../img/h4_bg.png);
	background-repeat:no-repeat;
	font-size:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#666;
}

table.seminer{
	float:left;
	border-collapse:collapse;
	margin-left:50px;
	margin-bottom:50px;
}

table.seminer th{
	width:200px;
	padding:10px 0 10px 0;
	font-weight:100;
	border:1px solid #CCC;
	background-color:#E1F3FF;
}

table.seminer td{
	width:560px;
	border:#CCC 1px solid;
	padding:10px 20px 10px 20px
}

h3.seminer{
	margin-top:24px;
	color:#09C;
	font-size:14px;
	padding:0;
}
