/* CSS Document */

* { 
	margin:0;
	padding:0;
	border:0; 
}

body { 
	 background-image:url(../images/bg1.gif);
	 border:0;
	 font:14px "MS Gothic", "Times New Roman", Times, sans-serif; color:#333333;
	 line-height:20px;
}

/* ============================= main layout ====================== */

a{
	color:#78706a;
	text-decoration:
	underline;
	outline:none;
}

a:hover{
	text-decoration: none
}

a.nounderline{
	color:#78706a;
	text-decoration: none;
	outline:none;
}

li{
	list-style:none;
}

ul.circle li{
	list-style-type:circle;
	_margin-left:10px;
	margin-left:20px;
	padding-bottom:5px;
}

ol.decimal li{
	list-style-type:decimal;
	margin:0;
	_margin-left:12px;
	margin-left:25px;
	padding:0;
	padding-bottom:10px;
}

h1{
	font:28px "MS Gothic", "Times New Roman", Times, serif;
	color:red;
	line-height:34px;
	padding:18px 0 0 18px;
	font-weight:bold;
	letter-spacing:-1px
}

h1.titlebk{
	background:url(../images/titlebk.gif) 0 0 repeat-x;
	font:20px "MS Gothic", "Times New Roman", Times, serif;
	color:#663300;
	line-height:36px;
	padding:5px 0 5px 8px;
	font-weight:bold;
	letter-spacing:-1px;
}

h1.search{
	font:14px "MS Gothic", "Times New Roman", Times, serif;
	color:#333333;
	font-weight: bold;
	line-height:20px;
	padding:0;
}

h2{
	font:22px "MS Gothic", "Times New Roman", Times, serif;
	color:#FF6600;
	_margin-top:2px;
	margin-top:5px;
	padding:0 0 7px 20px;
	letter-spacing:-1px;
	border-bottom:2px solid #e4e2de;
	_margin-bottom:6px;
	margin-bottom:12px;
	font-weight: bold;
}

h2.nounderline{
	font:22px "MS Gothic", "Times New Roman", Times, serif;
	color:#FF6600;
	_margin-top:2px;
	margin-top:5px;
	padding:0 0 7px 20px;
	letter-spacing:-1px;
	border-bottom:none;
	_margin-bottom:2px;
	margin-bottom:5px;
	font-weight: bold;
}

h3{
	font:26px "MS Gothic", "Times New Roman", Times, serif;
	color:#64452f;
	padding:16px 0 34px 70px;
	letter-spacing:-1px;
	font-weight:normal;
}

.col1 h3{
	padding:5px 0 19px 20px;
}

p{
	padding-bottom:18px;
}

#support{
	padding-left:10px;
	padding-bottom:18px;
	padding-top:6px;
}

img{ vertical-align:top}

/* ============================= header ====================== */
#logo{ background:url(../images/bg_top.jpg) no-repeat; padding:3px 0 2px 10px;}
#menu { background:url(../images/bg_menu.jpg) no-repeat; padding:19px 0 0 30px; height:41px;}
#menu li { float:left;}
#menu li a{ float:left; font-size:14px; color:#fff; font-weight:bolder; line-height:28px; text-decoration:none}
#menu li a span{ display:block}
#menu li a span span{ padding:0 13px}
#menu li a:hover, #menu #menu_active a{ color:#c23d27; background:url(../images/menu_bg_active.jpg) top repeat-x}
#menu li a:hover span, #menu #menu_active a span{ background:url(../images/menu_left_active.jpg) top right no-repeat}
#menu li a:hover span span, #menu #menu_active a span span{ background:url(../images/menu_right_active.jpg) top left no-repeat}

#head{
	vertical-align:top;
	text-align:center;
}

/* ============================= content ====================== */
.marg_right1{ _margin-right:3px;margin-right:7px;}
.marg_right2{ _margin-right:15px;margin-right:30px;}
.marg_right3{ _margin-right:5px;margin-right:10px;}
.marg_left1{ _margin-left:3px;margin-left:7px;}
.marg_left2{ _margin-left:15px;margin-left:30px;}
.marg_left3{ _margin-left:5px;margin-left:10px;}
.marg_left4{ _margin-left:-9px;margin-left:-18px;}
.marg_top{ _margin-top:15px;margin-top:30px;}
.marg_top2{ _margin-top:5px;margin-top:10px;}
.marg_bottom1{ _margin-bottom:5px;margin-bottom:10px;}
.marg_bottom2{ _margin-bottom:4px;margin-bottom:4px;}
#pad_left0 { padding-left:0;}
.pad_left1{ padding-left:29px;}
.pad_left2{ padding-left:10px;}
.pad_left3{ padding-left:20px;}
.pad_right1{ padding-right:29px;}
.pad_right2{ padding-right:10px;}
.pad_top1 { padding-top:12px;}
.pad_bot1{ padding-bottom:12px;}
.pad_bot2{ padding-bottom:46px;}
.pad_bot3{ padding-bottom:30px;}
.pad_bot4{ padding-bottom:4px;}
.bord_round1{ border: solid 1px #CCCCCC;}

.box1_bg1{ background:#fff;}
.box1_t{ }
.box1_l{ background:url(../images/box1_border.jpg) left repeat-y}
.box1_r{ background:url(../images/box1_border.jpg) right repeat-y}
.box1_t_l{ }
.box1_t_r{ }
.box1_l .in{ padding:9px 15px 18px 15px;}

.textbook {
	height:280px;
	overflow:auto;
}

.box1_bg2{ background:#f0eee9; border-top:2px solid #e2dfd5;}
.box1_bg3{ background:#bcb39d;}
.box1_b{ background:url(../images/box1_border.jpg) bottom repeat-x}
.box1_b_l{ background:url(../images/box1_bot_left.jpg) bottom left no-repeat}
.box1_b_r{ background:url(../images/box1_bot_right.jpg) bottom right no-repeat}

.banner{ _margin-top:7px;margin-top:14px; width:220px; float:left;} 
.banner_bg1{ background:#faf9f7;}
.banner_t{ background:url(../images/box3_border.jpg) top repeat-x}
.banner_l{ background:url(../images/box3_border.jpg) left repeat-y}
.banner_r{ background:url(../images/box3_border.jpg) right repeat-y}
.banner_t_l{ background:url(../images/box3_top_left.jpg) top left no-repeat}
.banner_t_r{ background:url(../images/box3_top_right.jpg) top right no-repeat}
.banner_bg2{ background:#f5f3ef}
.banner_b{ background:url(../images/box3_border.jpg) bottom repeat-x;}
.banner_b_l{ background:url(../images/box3_bot_left.jpg) bottom left no-repeat}
.banner_b_r{ background:url(../images/box3_bot_right.jpg) bottom right no-repeat}
.banner .in{ padding:22px 15px 12px 0px}
.banner h1{
	color:#d57500;
	font:18px "MS Gothic", "Times New Roman", Times, serif;
	font-weight:normal;
	padding:13px 0 8px 20px;
	border-bottom:1px solid #e4e2de;
	letter-spacing:0;
	text-align:center;
}
.banner p{ padding-bottom:12px}
.banner .button{ background:url(../images/button2_bg.jpg) top repeat-x}
.banner .button span{ background:url(../images/button2_left.jpg) top left no-repeat}
.banner .button span span{ background:url(../images/button2_right.jpg) top right no-repeat}

/* 文字の位置付けごとに整理 */
.font_strong { font-weight:bold;}
.font_strong1 { color: red; font-weight:bold;}
.font_strong2 { color: blue; font-weight:bold;}
.font_strong3 { font-size: 24px; color:red; font-weight:bold;}
.font_strong4 { font-size:24px; color:blue; text-decoration:underline;}
.font_weak { color:#78706a; font-size:14px}
.font_center { text-align:center;}

/* voicesスペシャルフォント */
.font_vs1 { color: #660099; font-weight:bold; text-decoration:underline;}
.font_vs2 { color: red; font-weight:bold; text-decoration:underline;}

.fontq { font:16px "MS Gothic", "Times New Roman", Times, serif; color:red;}

.font1{ font-weight:bold; color:#4c453f}
.font2{ text-transform:uppercase; color:blue; font-size:22px}
.font3{ font-size:22px; line-height:24px; font-weight:bold;}
.font4{ text-transform:uppercase; color:#663300; font-size:16px}
.font5{ text-transform:uppercase; color:#78706a; font-size:16px}
.font6{ font:18px "MS Gothic", "Times New Roman", Times, serif; color:#663300;}
.font6a{ font:18px "MS Gothic", "Times New Roman", Times, serif; color:#666666;}

.color1{ color:#c23d27;}
.color2{ color:#265ccd;}

.button{ float:right; color:#265ccd; text-decoration: none; line-height:24px; background:url(../images/button1_bg.jpg) top repeat-x; font-size:12px;}
.button span{ display:block; background:url(../images/button1_left.jpg) top left no-repeat}
.button span span{ padding:0 12px; background:url(../images/button1_right.jpg) top right no-repeat}
.button:hover{ color:#c23d27;}

.img1{ background:url(../images/img1.jpg) 0 8px no-repeat}
.img2{ background:url(../images/img2.jpg) 15px  13px no-repeat;}

.link1{
	color:#c23d27;
	font-style:italic;
}

.list1 li{
	padding-bottom:7px;
	border-bottom:1px solid #e4e2de;
	_margin-bottom:4px;
	margin-bottom:8px;
	font-size:14px;
}

.list1 li a{
	color:#c23d27;
	text-transform:uppercase;
	text-decoration:none;
	padding-left:32px;
	background:url(../images/marker_1.gif) 15px 2px no-repeat;
}

.list1 li a:hover{ color:#265ccd}

.list1 .no_line{
	border:none;
	padding:0;
	margin:0;
}

.list2 li{ line-height:24px;}
.list2 li a{
	color:#4c453f;
	padding-left:21px;
	background:url(../images/marker_1.gif) 0 4px no-repeat;
}

.box3_1{
	background:url(../images/searchbg.gif) no-repeat;
	width:260px;
	height:160px;
	_margin-left:7px;
	margin-left:15px;
	margin-right:0px;
	_margin-top:5px;
	margin-top:10px;
	_margin-bottom:10px;
	margin-bottom:20px;
	padding:0;
}

.box3 h3{
	font-size:24px;
	padding:12px 0 13px 0;
	letter-spacing:0;
}

.box3 a{ color:#fff;}

.line1{ background:url(../images/line_ver.jpg) 690px 0 repeat-y}

#topbg_sub {
	padding-bottom:3px;
}

/* ============================= table ====================== */
.table-wrapper {
	width: 640px;
	_margin-bottom: 10px;
	margin-bottom: 20px;
	_margin-left: 10px;
	margin-left: 20px;
}

.common-table {
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	border-right: none;
	border-left: none;
	border-collapse:collapse;
	border-spacing: 1px;
	width: 98%;
}

.common-table .bordering {
	border: 1px solid #CCCCCC;
}

.common-table.narrow {
	width: 90%;
}

table.common-table th {
	vertical-align: top;
	border: none;
	border-bottom:1px solid #CCCCCC;
	background-color:#F3F3F3;
	font-weight: bold;
	padding: 10px;
	width: 180px;
	line-height: 20px;
}

table.common-table th.narrow {
	width: 160px;
}

table.common-table td {
	vertical-align: top;
	border: none;
	border-bottom:1px solid #CCCCCC;
	padding: 10px;
	line-height: 20px;
}

table.common-table th.bg1, table.common-table td.bg1 {
	background-color:#FFAA33;
}

table.common-table th.bg2, table.common-table td.bg2 {
	background-color:#FF9933;
	color:#FFFFFF;
}

table.common-table td.bg3 {
	background-color:#F3F3F3;
}

table.common-table th.bg4, table.common-table td.bg4 {
	background-color:#FFCC66;
}

/* ============================= whyerev ====================== */

#whyerev {
	width: 669px;
	height: 324px;
	background: url(../images/whyerevbg.gif) 0 0 no-repeat;
}

#whyerev2 {
	width: 669px;
	height: 169px;
	background: url(../images/whyerevbg2.jpg) 0 0 no-repeat;
}

#apply_button {
	position: relative;
	top: 120px;
	left: 210px;
}

#apply_button a{
	display: block;
	width: 240px;
	height: 34px;
	background: no-repeat;
	text-indent: -9999px;
}

#apply_button a:link {
	background-position: 0 0;
}

#apply_button a:visited {
	background-position: 0 0;
}

#apply_button a:hover {
	background-position: -9999px 0;
}

#apply_button a:active {
	background-position: -9999px 0;
}

#apply_button a {
	background-image: url(../images/apply1_off.jpg);
}

/* ============================= message ====================== */
#message {
	width: 260px;
	height: 240px;
	padding-left:15px;
}

#message li {
	width: 260px;
}

#message li a{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:33px;
	padding-top:80px;
	background-image: url(../images/message.jpg);
	color: #FFFFFF;
}

#message1 a { background-position: 0 0;}
#message2 a { background-position: 0 -80px;}
#message3 a { background-position: 0 -160px;}

#message1 a:hover { background-position: -260px 0;}
#message2 a:hover { background-position: -260px -80px;}
#message3 a:hover { background-position: -260px -160px;}


/* ============================= trial_apply ====================== */

.trial_apply {
	width: 241px;
	height: 38px;
}

.trial_apply a {
	display: block;
	overflow: hidden;
	width: 241px;
	height: 0 !important;
	height /**/:38px;
	padding-top:38px;
	background-image: url(../images/trial_apply.gif);
	background-position: 0 0;
}

.trial_apply a:hover { 
	background-position: -241px 0;
}

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

.privacy{ text-align:center; padding-top:0px; color:#fff; font-size:12px; line-height:14px}
.privacy a{ color:#fff;}
#footer .list2{ width:243px; float:left;}
#icons{ padding-top:57px; padding-bottom:19px}
#icons li{ padding-bottom:4px;}
#icons img{ _margin-right:5px;margin-right:10px; float:left;}
#icons li a{ text-decoration:none; color:#4c453f;}
#icons li a:hover{ text-decoration:underline}

/* ============================= forms ============================= */
#form_1{
	padding-bottom:0px;
	padding-left:8px;
	width:100%;
	overflow:auto;
}

#form_1 .input{
	positioon: relative;
	float:left;
	width:70px;
	height:14px;
	padding:4px 5px;
	font:12px Arial, Helvetica, sans-serif;
	color:#265ccd;
	background:url(../images/input1.gif) no-repeat;
	_margin-left:45px;
	margin-left:90px;
	_margin-top: 34px;
	margin-top: 69px;
}

#form_1 .submit{
	position: relative;
	float: left;
	background:url(../images/button_submit.gif) no-repeat left;
	width:56px;
	height:24px;
	padding-bottom:5px;
	_margin-top: -12px;
	margin-top: -24px;
	_margin-left:92px;
	margin-left:185px;
	font:12px Arial, Helvetica, sans-serif;
	color:#265ccd;
}

#form_2{
	padding-bottom:4px;
	padding-left:8px;
	width:100%;
	overflow:auto;
}

#form_2 .input2{
	positioon: relative;
	float:left;
	width:70px;
	height:14px;
	padding:4px 5px;
	font:12px Arial, Helvetica, sans-serif;
	color:#265ccd;
	background:url(../images/input1.gif) no-repeat;
	_margin-left:45px;
	margin-left:90px;
	_margin-top: 6px;
	margin-top: 12px;
}

#form_2 .submit2{
	position: relative;
	float: left;
	background:url(../images/button_submit.gif) no-repeat left;
	width:56px;
	height:24px;
	padding-bottom:5px;
	_margin-top: -12px;
	margin-top: -24px;
	_margin-left:92px;
	margin-left:185px;
	font:12px Arial, Helvetica, sans-serif;
	color:#265ccd;
}

#separate{
	border-bottom:2px solid #e4e2de;
	_margin-bottom:5px;
	margin-bottom:10px;
}