@charset "UTF-8";
/*ページ全体のレイアウト
-----------------------------*/
*{margin: 0;padding: 0;}
body {background-color:#fff;}
#container{
	width: 960px;
	margin: 0 auto;
	color: #000;
	background: #fff;
}
#index #container{/*★nav10絶対配置の基準★*/
	position:relative;
}

/*フォント・画像
------------------------------------------------------------*/
body{
	font-family:Meiryo,'メイリオ','ヒラギノ角ゴ Pro W3',"ＭＳ Ｐゴシック",Osaka,"MS Gothic",Gothic,sans-serif ,Helvetica, Verdana, Arial,sans-serif;
	font-size: 12px;
	line-height: 1.5;
	text-align:justify;
	text-justify : inter-ideograph; 
}
.date{font-size:10px;font-weight:bold;}
.txtred{color:#e80615;}
.txtpk{color: #c36;}
#study .txt{line-height: 1.8;}
.bold{font-weight:bold;}
a:link, a:visited{
	text-decoration:under-line;
	color: #c36;
}
a:hover{
	text-decoration:none;
	color: #f00;
}
img{vertical-align:text-bottom;border-style:none;}

/*コンテント
------------------------------------------------------------*/
dl#content{
	margin: 10px 0 0 0;
	padding-top:10px;
	width:960px;
	background:url(../css/cssimg/cont_top.gif) no-repeat;
}
dl#content dd{
	padding-bottom:20px;
	background:url(../css/cssimg/cont_btm.gif) no-repeat bottom;
}
dl#content dt{
	font-size:5px;
	text-indent:-9999px;
}
hr{clear:both;visibility:hidden;height:0;width:0;border:none;}


/*ヘッダー
------------------------------------------------------------*/
#header{
	position: relative; 			/*ヘッダーを相対配置にしてlogo、h1、naviを絶対配置*/
	height:75px;
	width:930px;
	padding:15px 15px 0;
	background: #fff;
}
#header h1 {
	font-size:8px;
	text-indent: -9999px;						/*h1の画像置換*/
}

#header h1{
	display: block;
	width: 120px;
	height: 70px;
	position: absolute;
	top: 15px;
	right:15px;
	background: url(../css/cssimg/h1.gif) no-repeat;
}
#clearimg {
	width:150px;
	height:100px;
	border:0;
	position:absolute;
	top:0;
	right:0;
}
#header form, #header form a:link,#header form a:visited{
	color:#c36;
	font-size:10px;
}
#header form img{vertical-align:middle;}
#header input{
	vertical-align:middle;
	background-color:#fff;
	border:1px solid #c36;
}
#inf{position:absolute;bottom:0;}

/*h画像置換
------------------------------------------------------------*/


h2{
	font-size:16px;font-weight:bold;
	border-left:10px solid #f93;
	margin:0 0 20px;
	padding-left:10px;
}
#about h2,#flow h2,#qanda h2,#profile h2,#privacy h2{border-left:10px solid #c36;}
#test h2{border-left:10px solid #336;}
#edit h2,#leave h2{border-left:10px solid #c9c;}
#index h2{
	border:0;
	margin:0;
	padding-left:0;
	font-size:8px;
	text-indent: -9999px;						/*h1の画像置換*/
}

#index h2{
	display: block;
	width: 770px;
	height: 175px;
	background: url(../css/cssimg/h2.gif) no-repeat;
}
h3{
	color:#000;
	font-size:14px;font-weight:bold;
	border-bottom:1px solid #c36;
	margin:0 0 10px;
}
#study h3{
	color:#666;
	font-size:16px;font-weight:bold;
	border-bottom:none;
	margin:0 0 10px;
}
#about h4,#qanda h4{font-size:14px;color:#c36;font-weight:bold;margin:0 0 5px 0;}
#flow h4{
	font-size:8px;
	text-indent: -9999px;
	display: block;
	width: 270px;
	height: 50px;
}
#flow .h4-1 h4 {background: url(../css/cssimg/flowh4-1.gif) no-repeat;}
#flow .h4-2 h4 {background: url(../css/cssimg/flowh4-2.gif) no-repeat;}
#flow .h4-3 h4 {background: url(../css/cssimg/flowh4-3.gif) no-repeat;}

#study h4{
	color:#693;
	font-size:14px;font-weight:bold;
	border-bottom:none;
	margin:0 0 10px -10px;
}
#study h5{
	font-size:14px;font-weight:bold;
	border-bottom:none;
}
#study h6{
	width:85px;
	font-size:12px;
	font-weight:normal;
	color:#c36;
	background-color:#fff;
	padding: 0 1em;
	border-bottom:1px solid #c36;border-left:10px solid #c36;border-right:1px solid #c36;border-top:1px solid #c36;
	margin-bottom:3px;
}

#study p{
	margin:0 0 10px 0px;
}
#study #inf p{
	margin:0;
}

/*ナビ
------------------------------------------------------------*/
#navi{
	width:145px;
	margin-left:15px;
	float:left;
}
*html #navi{width:145px;margin-left:7.5px;}/*ie6ハック*/
#navi ul{margin: 0;}
#navi ul#nav10{position:absolute; bottom:15px;}/*★nav10絶対配置★*/
#navi ul li{
	list-style: none;
	font-size:3px;
	text-indent: -9999px;
	line-height:0;
}

#nav1,#nav2,#nav3,#nav4,#navi ul li a{
	line-height:normal;
	display: block;
	width:145px;
	height: 13px;
}
#navi ul li#nav0_2,#navi ul li#nav0_2 a{height: 145px;}
#navi ul li#nav2_1,#navi ul li#nav2_1 a{height: 26px;}
#navi ul li#nav10 a{height: 60px;}
#navi ul li{margin-bottom:8px;}
#navi ul li#nav2,#navi ul li#nav3,#navi ul li#nav4{margin-top:13px;}

ul li#nav0_2{background:url(../css/cssimg/course2.gif);}
ul li#nav1	{background:url(../css/cssimg/nav1.gif);}
ul li#nav1_1{background:url(../css/cssimg/nav1_1.gif);}
ul li#nav1_2{background:url(../css/cssimg/nav1_2.gif);}
ul li#nav1_3{background:url(../css/cssimg/nav1_3.gif);}
ul li#nav2	{background:url(../css/cssimg/nav2.gif);}
ul li#nav2_1{background:url(../css/cssimg/nav2_1.gif);}
ul li#nav2_2{background:url(../css/cssimg/nav2_2.gif);}
ul li#nav2_3{background:url(../css/cssimg/nav2_3.gif);}
ul li#nav3	{background:url(../css/cssimg/nav3.gif);}
ul li#nav3_1{background:url(../css/cssimg/nav3_1.gif);}
ul li#nav3_2{background:url(../css/cssimg/nav3_2.gif);}
ul li#nav4	{background:url(../css/cssimg/nav4.gif);}
ul li#nav4_1{background:url(../css/cssimg/nav4_1.gif);}
ul li#nav4_2{background:url(../css/cssimg/nav4_2.gif);}
ul li#nav10	{background:url(../css/cssimg/logo-jmra.gif);}


/*#study メニュー
------------------------------------------------------------*/
#menu{
	width:145px;
	float:left;
	margin-left:15px;
}

#menu ul li{
	list-style: none;
	font-size:12px;
	line-height:1.3;
}
#menu ul li a{
	line-height:1.3;
	color:#666;
	text-decoration:none;
}
#menu .menu_xl{background:#693; color:#fff; font-weight:bold; margin-bottom:8px; padding:0.2em 0.3em;}
#menu .menu_l{color:#693; font-weight:bold;border-bottom:1px solid #693;}
#menu .menu_m{color:#666; font-weight:bold;margin-top:15px;}
#menu .menu_s{display:block;padding-left:7px;width:138px;margin-top:5px;}
#menu .menuno{float:left;height:9px;width:17px;}
#menu #menunow{background:url(img/sa.gif) left 3px no-repeat;}
#menu .menuno img{vertical-align:top;}
#menu .menu_s a{display:block;margin-left:20px;zoom:1;}
#study #studylist{list-style:none;color:#693;}
.gotop{text-align:right;}
#study .txt{margin-left:20px;}
.practice{text-align:center; margin:0 0 0 0;}
#study ul.point{
	margin-bottom:20px;padding:0;
	list-style-type:square;
}
#study ul.point li{
	margin-left:50px;
}

/*メインコンテント
------------------------------------------------------------*/
#main_cont{
	width:770px;
	margin:0 0 0 175px;
}
#study #main_cont{
	width:610px;
	margin:0 0 0 335px;
}
.txt{margin-bottom:25px;}
.txt2{margin:0 20px 25px;}
.gotop {text-align:right;}
#byname{
	margin:5px 0 10px;
	font-weight:bold;
	color:#333;
	padding:0 0 0 10px;
	border-left:5px solid #333;
	line-height:1;
}
#bytxt{margin:5px 0 5px;color:#333;}
#bylink{text-align:right;}
/*フッターナビ
------------------------------------------------------------*/
#footer{
	clear:both;
	padding-top:3px;
	font-size:10px;
}

#ftnav{float:left;}
#ftnav ul li{
	display:block;
	padding:0 10px;
	list-style: none;
	float: left;
	border-left: 1px solid #000;/*右線*/
}
#ftnav ul li a:link,#ftnav ul li a:visited{text-decoration:none;color:#000;}
#ftnav ul li#ftnav1{border-left:none;/*最左線なし*/}
#fttxt{text-align:right;}

/*about ページtable
------------------------------------------------------------*/
#about #main_cont p,#flow #main_cont p,#qanda #main_cont p{margin: 0 0 25px 0;}
#about #main_cont table td,#about #main_cont table th,
#application #main_cont table td,#application #main_cont table th,
#flow #main_cont table.price td,#flow #main_cont table.price th{
	border-collapse:collapse;
	border:1px solid #c36;
	background:#fff;
	text-align:center;
	padding:2px 5px;
}
#about #main_cont table th,#application #main_cont table th,#flow #main_cont table.price th{
	font-weight:bold;
}
#about #main_cont table,#application #main_cont table,#flow #main_cont table.price{
	border-collapse:collapse;
	border:1px solid #c36;
	background:#fff;
}

/*marinaページ
------------------------------------------------------------*/
select {width:130px;height:22px;}

img#marina{width:400px;margin:15px 0;}
table.table1{
	border-collapse:collapse;
	border:3px solid #ffc;
}
table.table1 th{width:100px;background-color:#fc9;}
table.table1 td{width:430px;}
table.table1 th,table.table1 td{
	border:3px solid #ffc;
}
table.table1 th,table.table1 td{
	font-weight:normal;
	padding:5px 30px 5px 30px;
}

/*profileページ
------------------------------------------------------------*/
input{
	height:18px;
	vertical-align:middle;
	background-color:#fff;
	border:1px solid #ccc;
}
/*ログイン後マイページ
-----------------------------*/
.percent img {display:inline;margin:4px 0;}
#mypage table td{
	border-collapse:collapse;
	border:1px solid #999;
	background:#fff;
	text-align:center;
}
#mypage table td.toi{width:30px;}
#mypage table{
	border-collapse:collapse;
	border:1px solid #999;
	background:#fff;
}
#mypage table.total td{border:1px solid #c36;}
#mypage table.total{border:1px solid #c36;}
#mypage table .totaltxt{width:410px;text-align:left;padding: 0 10px;}
#mypage table td.graph{
	padding:4px 0 4px 4px;
	vertical-align:bottom;text-align:right;
	}
#mypage table td.graph{
	width:220px;
	}
#mypage table.judge{
	width:11px;
	margin-right:2px;
	float:left;
	border:1px solid #ffc;
	background:#ffc;
	}
#mypage table.judge td{
	border:1px solid #ffc;
	background:#ffc;
	}
#mypage table.judge td{height:93px;vertical-align:top;padding:4px 0;}
*html #mypage table.judge td{height:85px;}
#mypage table.judge td.judge4{height:129px;vertical-align:middle;}
*html #mypage table.judge td.judge4{height:121px;vertical-align:middle;}