@charset "UTF-8";

/* Default configurations
-------------------------------------------------------------------*/
* {
	color: #333333;
	font-family: "メイリオ",Meiryo,"ＭＳ ゴシック",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-size: 12px;
	line-height: 140%;
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #D9D9D0;
	background-image: url(../img/bg.gif);
	background-repeat: repeat-x;
}

a {
	color: #003399;
	text-decoration: none;
}

a:hover {
	background-color: #CCCCFF;
	text-decoration: none;
}

a.no_deco:hover {
	background-color: #FFFFFF;
	background-image: none;
	text-decoration: none;
}

a img {
	border: none;
}

li {
	list-style-type: none;
}


/* BASE
-------------------------------------------------------------------*/
#base {
	width: 800px;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	margin: 85px auto 0 auto;
}

#wrap {
	float: left;
	background-image: url(../img/side_base.gif);
	background-repeat: repeat-y;
	background-position: left;
	padding: 5px;
}


/* HEADER
-------------------------------------------------------------------*/
#header {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#header h1 {
	font-size: 10px;
	line-height: 18px;
	color: #999999;
	font-weight: normal;
	float: left;
	padding-left: 5px;
	padding-right: 10px;
}

#header h2 {
	font-size: 10px;
	line-height: 18px;
	font-weight: normal;
	color: #999999;
}

#header #logo {
	clear: both;
	position: absolute;
	top: 20px;
	left: 5px;
}

#header #logo a {
	background: none;
	border: 0px;
}

#header #url {
	font-size: 10px;
	color: #666666;
	text-align: right;
	position: absolute;
	top: 32px;
	right: 10px;
}

#header #head_ul {
	position: absolute;
	top: 18px;
	right: 10px;
}

#header #head_ul li {
	font-size: 10px;
	line-height: 15px;
	display: inline;
}

#head_ul li a {
	background: none;
	border: 0px;
}

#header #head_reg {
	position: absolute;
	top: 47px;
	right: 10px;
}

#head_reg a {
	background: none;
	border: 0px;
}


/* CONTENTS
-------------------------------------------------------------------*/
#top_img {
	text-align: center;
	background-color: #DFDFDB;
	border: 1px solid #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
}

#contents {
	width:590px;
	float: right;
	margin-right: 5px;		/* for IE7/Firefox */
	margin-left: 16px;		/* for IE8         */
	_margin-right: 2px;		/* for IE6         */
	_margin-bottom: 0px;
}

#contents #c_pad {
	margin: 2px;
}

#contents h3 {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	line-height: 31px;
	height: 35px;
	background-color: #FFFFFF;
	background-image: url(../img/h3.gif);
	background-repeat: no-repeat;
	margin: 5px;
	_margin: -5px -5px 3px -3px;
	padding-right: 0px;
	padding-left: 25px;
}

#contents h4 {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	background-color: #004080;
	background: -moz-linear-gradient(top, #333333, #004080 50%, #999999);
	background: -webkit-gradient(linear, top, bottom, from(#333333), color-stop(0.5, #004080), to(#999999));
	margin: 0px 10px 5px 10px;
	_margin: 0px 0px 5px 0px;
	padding: 1px 0 0 10px;

}

#contents h5 {
	color: #000000;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	background-color: #CCCCCC;
	background: -moz-linear-gradient(top, #999999, #DDDDDD);
	background: -webkit-gradient(linear, top, bottom, from(#999999), to(#DDDDDD));
	margin: 0px 10px 5px 15px;
	_margin: 0px 0px 5px 5px;
	padding-left: 7px;
}

#contents ul {
	list-style-type: none;
	margin: 0px 12px 10px 15px;
	_margin: 0px 3px 10px 7px;
}

#contents li {
	margin-left: 20px;
}

#contents li a {
	font-size: 12px;
}

#contents span.hist_ref {
	float: right;
	*margin-top: -22px;         for IE6/IE7
}

#contents span.hist_ref2 {
	float: right;
	margin: -10px 20px 0 0;
	_margin-right: 10px;
}

/* for IE \*/
* html body #base #contents #c_pad {
	padding: 9px;
}

#contents p {
	line-height: 20px;
	margin: 0px 10px 10px 15px;
	_margin: 0px 0px 10px 5px;
	padding: 2px 5px 2px 5px;
}

#contents p a {
	line-height: 20px;
}

#contents p strong {
	color: #333333;
	font-weight: bold;
	line-height: 20px;
	background-color: #FFCCCC;
}

#contents p .chui {
	color: #CC3300;
	line-height: 20px;
}

#contents textarea {
	width: 45%;
	padding: 5px;
}

#contents .img_left {
	float: left;
	background-color: #FFFFFF;
	margin: 0px 10px 10px 0px;
}

#contents .img_right {
	float: right;
	background-color: #FFFFFF;
	margin: 0px 0px 10px 10px;
	border: 4px solid #004080;
}

#contents .list li {
	line-height: 25px;
	background-color: #F7F7F7;
	background-image: url(../img/li.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	text-decoration: none;
	margin: 0px;
	margin-bottom: -1px;
	padding-left: 8px;
}

#contents .list li a {
	line-height: 25px;
	text-decoration: none;
}

#contents .list li:hover {
	background-color: #FFFFFF;
}

#contents .list li span {
	background-image: url(../img/new.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 50px;
}

#contents #twitter_update_list span {
	background-image: none!important;
}

#contents #twitter_update_list.list li {
	line-height: 15px;
	background-image: url(../img/li.gif);
	background-repeat: no-repeat;
	background-position: 5px 13px;
	margin: 0px 10px 10px 10px;
	padding: 7px 0px 0px 15px;
}

#contents #twitter_update_list.list a {
	display: block;
}

#contents #twitter_update_list.list a:hover {
	background-color: #FFFFFF;
	background-image: none;
}

#contents .demo span{
	font-size: 10px;
	color: #003399;
	font-weight: normal;
}

#contents .point ul {
	list-style-type: square;
	margin: 0px 10px 10px 15px;
}

#contents .point li {
	color: #FF0000;
	background-image: url(../img/li.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}

#contents .subjects dt {
	font-weight: bold;
	line-height: 20px;
	background-image: url(../img/check.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 20px;
	_margin-left: 10px;
	padding-left: 25px;
}

#contents .subjects dd {
	margin: 0px 20px 10px 45px;
}

#contents .subjects dd#file a {
	background-image: url(../img/li.gif)!important;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	margin: 0 20px 0 10px;
	padding-left: 10px;
}


/* Tooltip for CV/Resume, Cover Letter
-------------------------------------------------------------------*/
/* Easy CSS Tooltip - by Koller Juergen [www.kollermedia.at] */
/*BG color is a must for IE6*/
a.tooltip span {
	display: none;
	padding: 2px 3px;
	margin-left: 8px;
}

a.tooltip:hover span{
	display: inline;
	position: absolute;
	border: 1px solid #666666;
	background: #CCCCCC;
	color: #004080;
}

a.tooltip:hover span b {
	color: #004080;
}

/* Boxes on VOICE page
-------------------------------------------------------------------*/
#contents .voice_man {
	position: relative;
	width: 550px;
	height: 140px;
	background-image: url(../img/man_voice.gif.png);
	background-repeat: no-repeat;
	text-align: left;
	margin: 0px 5px 10px 15px;
	_margin-left: 5px;
	padding: 0px;
}

#contents .voice_man .voice {
	border: 0px;
	width: 405px;
	height: 105px;
	line-height: 17px;
	margin: 0 0 0 120px;
	padding: 10px 10px 5px 13px;
}

#contents .voice_man .name {
	border: 0px;
	width: 360px;
	line-height: 16px;
	font-size: 13px;
	font-weight: bold;
	position: absolute;
	top: 120px;
	left: 140px;
	text-align: right;
}

#contents .voice_woman {
	position: relative;
	width: 550px;
	height: 140px;
	background-image: url(../img/woman_voice.gif.png);
	background-repeat: no-repeat;
	text-align: left;
	margin: 0px 5px 10px 15px;
	_margin-left: 5px;
}

#contents .voice_woman .voice {
	border: 0px;
	width: 405px;
	height: 105px;
	line-height: 17px;
	margin: 0px;
	padding: 10px 10px 5px 13px;
}

#contents .voice_woman .name {
	border: 0px;
	width: 360px;
	position: absolute;
	top: 120px;
	left: 20px;
	line-height: 16px;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
}


/* Boxes for LESSON LEVELs on LESSON and CONVERSATION page
-------------------------------------------------------------------*/
#contents .len_level {
	float: left;
	width: 270px;
	_width: 260px;
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	background-image: url(../img/box_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	text-align: left;
	margin: 0px 5px 10px 5px;
	padding: 5px;
	display: inline;
}

#contents .len_level h4 {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	background-image: url(../img/th_cal.gif);
	background-repeat: repeat-x;
	border: none;
	margin: 0px;
}

#contents .len_level p {
	margin: 0px;
}

#contents .len_level img {
	float: left;
	width: 130px;
	margin: 18px 5px 5px 5px;
}


/* Boxes on INSTRUCTORS page
-------------------------------------------------------------------*/
#contents .inst {
	float: left;
	width: 270px;
	border: 1px solid #DDDDDD;
	padding-left: 2px;
	background-image: url(../img/box_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	text-align: left;
	margin: 5px;
	_margin: 5px 4px 5px 0px;
	padding: 5px;
}

#contents .inst h4 {
	background-color: #FFFFFF;
	color: #000000;
	width: 265px;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	margin: 0 0 0 2px;
	padding: 0px;
}

#contents .inst a {
	border-bottom: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

#contents .inst table {
	margin: 5px 0px 5px 0px;
}


/* Boxes on SERVICES page
-------------------------------------------------------------------*/
#contents .service0 {
	float: left;
	height: 109px;
	width: 270px;
	border: 1px solid #FFFFFF;
	background-image: url(../img/service0.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
	text-align: left;
	margin: 5px 5px 5px 20px;
	_margin-left: 3px;
	padding: 0px;
}

#contents .service0 p {
	width: 220px;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	font-family: "HGS創英角ﾎﾟｯﾌﾟ体",sans-serif;
	margin: 29px 0 10px 10px;
}

#contents .service1 {
	float: left;
	height: 109px;
	width: 270px;
	border: 1px solid #FFFFFF;
	padding: 0px;
	background-image: url(../img/service1.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
	text-align: left;
	margin: 5px 5px 5px 0;
	_margin-left: 3px;
}

#contents .service1 p {
	width: 220px;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	font-family: "HGS創英角ﾎﾟｯﾌﾟ体",sans-serif;
	margin: 29px 0 10px 10px;
}

#contents .service2 {
	float: left;
	height: 109px;
	width: 270px;
	border: 1px solid #FFFFFF;
	padding: 0px;
	background-image: url(../img/service2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
	text-align: left;
	margin: 5px 5px 5px 20px;
	_margin-left: 3px;
}

#contents .service2 p {
	width: 220px;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	font-family: "HGS創英角ﾎﾟｯﾌﾟ体",sans-serif;
	margin: 29px 0 10px 10px;
}

#contents .service3 {
	float: left;
	height: 109px;
	width: 270px;
	border: 1px solid #FFFFFF;
	background-image: url(../img/service3.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
	text-align: left;
	margin: 5px 5px 5px 0;
	_margin-left: 3px;
	padding: 0px;
}

#contents .service3 p {
	width: 220px;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	font-family: "HGS創英角ﾎﾟｯﾌﾟ体",sans-serif;
	margin: 29px 0 10px 10px;
}

#contents .service4 {
	float: left;
	height: 109px;
	width: 270px;
	border: 1px solid #FFFFFF;
	background-image: url(../img/service4.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
	text-align: left;
	margin: 5px 5px 5px 20px;
	_margin-left: 3px;
	padding: 0px;
}

#contents .service4 p {
	width: 220px;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	font-family: "HGS創英角ﾎﾟｯﾌﾟ体",sans-serif;
	margin: 29px 0 10px 10px;
}

#contents .service5 {
	float: left;
	height: 109px;
	width: 270px;
	border: 1px solid #FFFFFF;
	background-image: url(../img/service5.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
	text-align: left;
	margin: 5px 5px 5px 0;
	_margin-left: 3px;
	padding: 0px;
}

#contents .service5 p {
	width: 220px;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	font-family: "HGS創英角ﾎﾟｯﾌﾟ体",sans-serif;
	margin: 29px 0 10px 10px;
}

#contents .service6 {
	float: left;
	height: 109px;
	width: 270px;
	border: 1px solid #FFFFFF;
	background-image: url(../img/service6.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
	text-align: left;
	margin: 5px 5px 5px 20px;
	_margin-left: 3px;
	padding: 0px;
}

#contents .service6 p {
	width: 220px;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	font-family: "HGS創英角ﾎﾟｯﾌﾟ体",sans-serif;
	margin: 29px 0 10px 10px;
}

#contents .service7 {
	float: left;
	height: 109px;
	width: 270px;
	border: 1px solid #FFFFFF;
	background-image: url(../img/service7.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	position: relative;
	text-align: left;
	margin: 5px 5px 5px 0;
	_margin-left: 3px;
	padding: 0px;
}

#contents .service7 p {
	width: 220px;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	line-height: 17px;
	font-family: "HGS創英角ﾎﾟｯﾌﾟ体",sans-serif;
	margin: 29px 0 10px 10px;
}


/* Default table config
-------------------------------------------------------------------*/

#contents table {
	border-collapse: collapse;
	margin: 0px auto 15px auto;
}

#contents table, td, th {
	border-color: #999999;
}

#contents table td {
	padding-right: 3px;
	padding-left: 3px;
}

#contents .table_title {
	font-weight: bold;
	margin-top: -15px;
}


/* Common table
-------------------------------------------------------------------*/
#contents table.blue th {
	background-color: #2424BA;
	background-image: url(../img/th_cal.gif);
	background-repeat: repeat-x;
	border: 1px solid #999999;
	color: #FFFFFF;
}

#contents table.blue td {
	background-image: url(../img/td_cal.gif);
	background-repeat: repeat-x;
	border: 1px solid #999999;
}


/* Tables on ONLINE TESTS pages
-------------------------------------------------------------------*/
#contents table.test1 {
	margin-bottom: -1px;
}

#contents table.test1 th {
	width: 40px;
	color: #FFFFFF;
	align: center;
	background-color: #2323B8;
	background-image: url(../img/th_cal.gif);
	background-repeat: repeat-x;
	border: 1px solid #999999;
	padding: 0px!important;
}

#contents table.test1 td {
	width: 499px;
	font-weight: bold;
	background-image: url(../img/td_cal.gif);
	background-repeat: repeat-x;
	border: 1px solid #999999;
	padding: 2px 4px 2px 4px;
}

#contents table.test2 th {
	width: 40px;
	color: #FFFFFF;
	align: center;
	background-color: #2323B8;
	background-image: url(../img/th_cal.gif);
	background-repeat: repeat-x;
	border: 1px solid #999999;
	padding: 0px!important;
}

#contents table.test2 td {
	width: 120px;
	background-image: url(../img/td_cal.gif);
	background-repeat: repeat-x;
	border: 1px solid #999999;
}

#contents table.test3 th {
	width: 40px;
	color: #FFFFFF;
	align: center;
	background-color: #2323B8;
	background-image: url(../img/th_cal.gif);
	background-repeat: repeat-x;
	border: 1px solid #999999;
	padding: 0px!important;
}

#contents table.test3 td {
	background-image: url(../img/td_cal.gif);
	background-repeat: repeat-x;
	border: 1px solid #999999;
}

#contents table.test4 {
	width: 550px;
}

#contents table.test4 th {
	width: 40px;
	color: #FFFFFF;
	align: center;
	background-color: #2323B8;
	background-image: url(../img/th_cal.gif);
	background-repeat: repeat-x;
	border: 1px solid #999999;
	padding: 0px!important;
}

#contents table.test4 td {
	background-image: url(../img/td_cal.gif);
	background-repeat: repeat-x;
	border: 1px solid #999999;
}

#contents input.ts {
	height: 20px;
	vertical-align: middle;
}


/* Tables on INSTRUCTORS page
-------------------------------------------------------------------*/
#contents table.message {
	background-image: url(../instructors/img/back_paper.jpg);
	background-repeat: no-repeat;
	margin: 10px 0 0 15px;
}

#contents table.message th {
	font-size: 15px;
	font-family: "verdana","メイリオ","ＭＳ ゴシック",sans-serif;
	font-weight: bold;
}

#contents table.message td {
	font-size: 15px;
	font-family: "verdana","メイリオ","ＭＳ ゴシック",sans-serif;
	padding: 0 50px 0 50px;
	vertical-align: top;
}

#contents table.inner_message {
	margin-bottom: 20px;
}

#contents table.inner_message th {
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
}

#contents table.inner_message td {
	font-size: 14px;
	font-weight:bold;
	color: #003399;
	padding: 0 0 0 5px;
}


/* Tables on EXAMPLE page
-------------------------------------------------------------------*/
#contents table.example {
	border-bottom: 1px dashed #999999;
}

#contents table.example th {
	padding: 5px 15px 5px 5px;
	vertical-align: top;
	text-align: right;
	border-top: 1px dashed #999999;
}

#contents table.example td {
	padding: 5px;
	border-top: 1px dashed #999999;
}


/* Tables on TRANING page
-------------------------------------------------------------------*/
#contents table.train {
	border-bottom: 1px dashed #999999;
}

#contents table.train th {
	width: 100px;
	padding: 5px 15px 5px 0px;
	text-align: right;
	border-top: 1px dashed #999999;
}

#contents table.train td {
	padding: 5px;
	border-top: 1px dashed #999999;
}


/* Tables on USEFUL page
-------------------------------------------------------------------*/
#contents table.use {
	border-bottom: 1px dashed #999999;
	width: 550px;
}

#contents table.use th {
	width: 100px;
	padding: 5px 15px 5px 0;
	text-align: right;
	border-top: 1px dashed #999999;
}

#contents table.use td {
	padding: 5px;
	border-top: 1px dashed #999999;
}


/* Tables on ANALYTICS page
-------------------------------------------------------------------*/
#contents table.analy_outer {
	margin-bottom: 15px;
}

#contents table.analy_outer td {
	border: 1px solid #999999;
	padding: 0px !important;
}

#contents table.analy_inner {
	border: 0px;
	margin-bottom: 0px !important;
}

#contents table.analy_inner th {
	height: 30px;
	border: 0px;
	background-image: url(../img/th_cal.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	padding: 0px;
}

#contents table.analy_inner td {
	border: 0px;
	background-color: #E8EEF6;
}


/* Configs for STEPS page
-------------------------------------------------------------------*/
#contents #steps img {
	margin: 0px 0px 0px 30px;
}

#contents #steps dl {
	margin-top: 5px;
	margin-bottom: 10px;
}

#contents #steps dt {
	width: 200px;
	border-left: 6px solid #CCCCCC;
	background-color: #CCCCCC;
	background-image: url(../img/right.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px 0px 2px 60px;
	padding-left: 13px;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	*padding-top: 2px;
}

#contents #steps dd {
	margin: 0px 30px 5px 80px;
}

#contents #steps span {
	color: #FF0000;
}


/*- Tables on CALC page
-------------------------------------------------------------------*/
#contents table.calc {
	width: 550px;
	border: 1px solid #999999;
}

#contents table.calc th {
	width: 100px;
	height: 50px;
	background-image: url(../img/th_cal.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #999999;
	color: white;
}

#contents table.calc td {
	background-image: url(../img/td_cal.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #999999;
}

input#nlc_pricelesson, input#oth_pricelesson, input#nlc_pricehour, input#oth_pricehour, input#nlc_othfee, input#oth_othfee, input#nlc_priceregist, input#oth_priceregist {
	text-align: right;
	width: 70px;
	height: 18px;
	font-size: 16px;
}

input#off_pricehour, input#off_priceregist {
	text-align: right;
	width: 30px;
	height: 18px;
	font-size: 16px;
}


/* Tables on OTHER_LANG page
-------------------------------------------------------------------*/
#contents table.lang {
	margin: 0px 10px 10px 15px;
	_margin: 0px 0px 10px 8px;
}


/* Tables on FAQ page
-------------------------------------------------------------------*/
#contents table.faq {
	width: 550px;
	border-bottom: 1px dashed #999999;
	margin-bottom: 8px;
}

#contents table.faq th {
	 vertical-align: top;
}

#contents table.faq td {
	 padding: 5px;
	 padding-bottom: 10px;
}


/* Tables on SITEMAP page
-------------------------------------------------------------------*/
#contents table.sitemap {
	width: 550px;
}

#contents table.sitemap tr {
	height: 20px;
}

#contents table.sitemap th {
	width: 150px;
}

#contents table.sitemap tr {
	width: 420px;
}


/* Configs for SITEMAPVIEW page
-------------------------------------------------------------------*/
#contents .site_view {
	float: left;
	width: 130px;
	margin: 3px 3px 10px 10px;
	_margin: 3px 3px 10px 5px;
	text-align: center;
}

#contents .site_view img {
	width: 120px;
}

#contents .site_view span {
	margin-top: 1px;
	font-weight: bold;
	line-height: 13px;
}


/*- for pages of aboutus
-------------------------------------------------------------------*/
#contents table.aboutus {
	border-bottom: 1px dashed #999999;
}

#contents table.aboutus th {
	border-top: 1px dashed #999999;
	padding: 10px 0 10px 0;
}

#contents table.aboutus td {
	border-top: 1px dashed #999999;
	padding: 10px 0 10px 30px;
}


/* Tables on INDEX page
-------------------------------------------------------------------*/
#contents table.top {
	width: 550px;
	border-top: 1px dashed #999999;
}

#contents table.top th {
	border-bottom: 1px dashed #999999;
	padding: 10px;
}

#contents table.top td {
	border-bottom: 1px dashed #999999;
	padding: 10px;
}


/* Tables on INQUIRY page
-------------------------------------------------------------------*/
#contents table.inquiry {
	width: 520px;
}

#contents table.inquiry th {
	width: 110px;
	height: 20px;
	text-align: left;
	vertical-align: top;
	padding: 5px 3px 5px 20px;
	border-top: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
}

#contents table.inquiry td {
	vertical-align: top;
	padding: 5px 10px 5px 3px;
	border-top: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
}

#contents table.inquiry2 {
	width: 520px;
	border-bottom: 1px dashed #999999;
}

#contents table.inquiry2 td {
	padding-bottom: 5px;
}

/* Tables on SHOPPING
-------------------------------------------------------------------*/
#contents table.shopping {
	border-top: 1px dashed #999999;
}

#contents table.shopping th {
	text-align: right;
	border-bottom: 1px dashed #999999;
	padding: 5px;
	padding-left: 15px;
}

#contents table.shopping td {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px dashed #999999;
	padding: 5px;
	padding-right: 15px;
}


/* Tables on POLICY and AGREEMENT page
-------------------------------------------------------------------*/
#contents table.helpdesk {
	margin-left: 80px;
}

#contents table.helpdesk th {
	text-align: left;
	border-bottom: 1px dashed #999999;
}

#contents table.helpdesk td {
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
}


/*- Tables on COMPARE page
-------------------------------------------------------------------*/
#contents table.comp th {
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background-color: #003399;
	background-image: url(../img/th_cal.gif);
	background-repeat: repeat-x;
	height: 40px;
	border: 1px solid #999999;
	margin: 0px;
}

#contents table.comp span {
	font-weight: normal;
	display: block;
}

#contents table.comp th span {
	color: #999999;
}

#contents table.comp td {
	background-color: #CCCCFF;
	background-image: url(../img/td_cal.gif);
	background-repeat: repeat-x;
	font-weight: normal;
	height: 25px;
	text-align: center;
	border: 1px solid #999999;
}

#contents table.comp td.hi {
	font-weight: bold;
	background-color: #FFFF66;
	background-image: url(../img/td_cal_y.gif);
	background-repeat: repeat-x;
}

#contents table.comp td.hihi {
	font-size: 15px;
	font-weight: bold;
	background-color: #990033;
	background-image: url(../img/td_cal_r.gif);
	background-repeat: repeat-x;
}


/*- DL for Rules
-------------------------------------------------------------------*/
#contents dl.rule {
	margin: 0px 20px 0px 35px;
	font-weight: bold;
}

#contents dt {
	background-image: url(../img/li.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px 0px 0px 10px;
	padding-left: 10px;
	font-weight: normal;
}

#contents dd {
	margin: 0px 0px 8px 30px;
	font-weight: normal;
}


/*- Browser page
-------------------------------------------------------------------*/
#contents ul#instruction {
	margin-left: 20px;
	_margin-left: 10px;
}

#contents ul#instruction li#dir {
	margin-top: 5px;
}


/* PAN
-------------------------------------------------------------------*/
#contents #pan {
	height: 20px;
	border-bottom: 1px solid #EAEAEA;
	margin: 0px 0px 0px -10px;
	_margin-left: 0px;
}

#contents #pan ul {
	_margin-bottom: 0px;
}

#contents #pan li {
	display: inline;
	background-image: url(../img/pan_right.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin: 0px;
	padding-right: 19px;
	padding-left: 3px;
}

#contents #pan li strong {
	font-weight: normal;
	background-color: #FFFFFF;
	background-image: none;
	text-decoration: none;
}

/* Lesson Map
-------------------------------------------------------------------*/
#map_canvas {
	width: 100%;
	height: 350px;
	width: 560px;
	float: left;
	position: relative;
	z-index: 30 !important;
	margin: -5px 0px 5px 10px;
	_margin: -5px 0px 5px 0px;  /*IE 6*/
	border: 3px solid #004080;
}

#locations {
	list-style: none;
	width: 353px;
	float: left;
}

div#locations {
	margin: -5px 0 0 5px;
	_margin: -5px 0 0 -2px;  /*IE 6*/
	padding: 0;
	_padding-left: -5px;
}

div#locations h2 {
	display: block;
	float: left;
	position: relative;
	width: 350px;
	margin: 7px 0 2px 3px;
}

div#locations h2#blank {
	line-height: 4px;
	margin: 0px 0 5px 0;
}

#locations div {
	width: 100px;
	height: 18px;
	float: left;
	position: relative;
	z-index: 20;
	border: 1px solid #666666;
	-moz-box-shadow: 0 0 14px rgba(70, 49, 1, 0.5);
	-webkit-box-shadow: 0 0 14px rgba(70, 49, 1, 0.5);
	margin: 0 0 1px 13px;
	_margin: 0 7px 1px 6px;
}

#locations div h3 {
	height: 16px;
	font: normal 14px Helvetica, Arial, Sans-Serif;
	background: #004080;
	color: #FFFFFF;
	margin: 0px;
	padding: 1px 5px;
}

#locations div:hover h3, #locations div.hover h3 {
	color: red;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}

#more-info {
	float: right;
	width: 195px;
	background: #FFE8B2;
	margin: 3px 8px 0px 0px;
	_margin: 3px 0px 0px 0px;  /*IE 6*/
	padding: 5px 10px 5px 10px;
}

#more-info * {
	position: relative;
	z-index: 40;
}

#more-info h2 {
	color: #004080;
	font: bold 16px Helvetica, Arial, Sans-Serif;
	text-shadow: 4px 2px 4px rgba(0, 0, 0, 0.7);
	margin: -1px 0 1px -2px;
	paddign: 0px;
}

#more-info div {
	height: 405px;
	background: #FFFFFF;
	-moz-box-shadow: 0 0 14px rgba(70, 49, 1, 0.5);
	-webkit-box-shadow: 0 0 14px rgba(70, 49, 1, 0.5);
	margin-bottom: 5px;
	padding: 3px 3px 3px 3px;
}

#more-info p {
	margin: 0;
	paddign: 0px;
	font: normal 14px Helvetica, Arial, Sans-Serif;
}

#more-info span {
	margin: 0 0 5px -5px;
	_margin: 0 0 5px 0px;
	paddign: 0px;
	font: bold 16px Helvetica, Arial, Sans-Serif;
	color: #004080;
}

#more-info img {
	float: left;
	margin: 0 10px 3px 0;
	width: 50px;
}

#more-info img#button {
	width: 98%;
	margin: 0;
	border: 2px solid #004080;
	-moz-box-shadow: 0 0 14px rgba(70, 49, 1, 0.5);
	-webkit-box-shadow: 0 0 14px rgba(70, 49, 1, 0.5);
}

.longdesc {
	display: none;
}


/* RESUME/CV PAGER
-------------------------------------------------------------------*/

#contents ul#b_navi {
	display: block;
	float: left;
	width: 560px;
}

#contents ul#b_navi li {
	display: inline;
	margin: 0;
	padding: 0;}

#contents ul#b_navi li#prev {
	float: left;
}

#contents ul#b_navi li#next {
	float: right;
}


/* HOSPI PAGER
-------------------------------------------------------------------*/
#contents ul.hospi_arrow {
	height: 290px;
	background-image: url(../img/host_back.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#contents .hospi_arrow li {
	background-image: url(../img/li.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	margin: 10px 10px 8px 30px;
	padding-left: 10px;
}

/* BLOG PAGER
-------------------------------------------------------------------*/
#contents .blog_page {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EAEAEA;
	margin-bottom: -20px;
	*margin-bottom: -15px;
}

#contents .arrow li {
	background-image: url(../img/li.gif)!important;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	margin: 0px 10px 8px 30px;
	padding-left: 10px;
}

#contents .sitemap li {
	display: inline;
}



/* Blog Calender
-----------------------------------------------------------------*/
#contents .blog_entry .blog_content {
	margin: 0px 8px 0px 8px;
}

#contents .blog_entry .blog_content .entry_date {
	width: 50px;
	height: 50px;
	float: left;
	background-image: url(../blog/img/Calender_bk.gif);
	background-repeat: no-repeat;
	margin: 0px 8px 0px -3px;
}

#contents .blog_entry .blog_content .entry_date span {
	width: 50px;
	position: absolute;
	font-family: 'Century Gothic';
	text-align: center;
}

#contents .blog_entry .blog_content .entry_date span.year {
	font-weight: bold;
	font-size: 13px;
	line-height: 13px;
	padding-top: 5px;
}

#contents .blog_entry .blog_content .entry_date span.month {
	font-weight: bold;
	font-size: 13px;
	line-height: 13px;
	padding-top: 17px;
}

#contents .blog_entry .blog_content .entry_date span.day {
	height: 23px;
	font-weight: bold;
	font-size: 23px;
	line-height: 23px;
	padding-top: 27px;
}

#contents .blog_entry .blog_footer {
	text-align: right;
	margin: 10px 5px 6px 5px;
}

#contents .blog_entry .blog_footer table {
	width: 420px;
	margin: 0 0 0 150px;
}

#contents .blog_entry .blog_content strong {
	color: #333333;
	font-weight: bold;
	line-height: 20px;
	background-color: #FFCCCC;
}

#contents .blog_entry .blog_content h4 {
	margin-left: -3px;
	margin-right: 5px;
}

#contents .blog_entry .blog_content h5 {
	margin-left: -3px;
	margin-right: 5px;
}



/* SIDE MENU
-------------------------------------------------------------------*/
#side {
	float: left;
	width: 175px;
	background-color: #DFDFD2;
	margin-left: 2px;
	_margin-left: 1px;
	padding-bottom: 3px;
}

#side li {
	list-style-type: none;
}

#side_d {
	width: 160px;
	margin: 5px auto 5px auto;
	padding: 5px 0 5px 0;
	border: 1px solid #CECEB9;
	background-color: #EFEFE9;
}

#side_d .side_d_ttl {
	margin-left: 5px;
}

#side_d hr {
	color: #003399;
	border: 1px solid #003399;
	margin: 2px;
	padding: 0px;
}

#side_d li a {
	display: block;
	width: 120px;
	font-size: 12px;
	color:#555555;
	line-height: 24px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 20px;
	background-image: url(../img/side_li.gif);
	background-repeat: no-repeat;
	background-color: #EEEEEE;
	text-decoration: none;
	height: 24px;
}

#side_d a {
	border: 0px;
}

#side_d li a:hover {
	background-color: #FFFFCC;
	color: #000000;
	text-decoration: none;
	background-image: url(../img/side_li_ov.gif);
}

#side_d li strong {
	display: block;
	width: 120px;
	font-size: 12px;
	line-height: 24px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 20px;
	background-color: #FFFFCC;
	color: #000000;
	text-decoration: none;
	background-image: url(../img/side_li_ov.gif);
	font-weight: bold;
}

#side img {
	border:none;
}

#side p {
	padding: 10px;
}

#side p a {
	font-size:10px;
	background-color: #E2DECF;
	display: block;
	padding: 10px;
	line-height: 15px;
	border: 2px solid #C6BCB0;
}

#side_d div a {
	 font-size: 10px;
}

#side #side_pr {
	margin: 10px;
	padding: 10px;
	border: 1px solid #DBD9D0;
	background-color: #F8F8F5;
}

#side_d a.no_deco:hover {
	background-color: transparent;
	text-decoration: none;
}


/* COLAPSE SIDE MEMU
-------------------------------------------------------------------*/
ul li.close {
	display: none;
}

div.close {
	display: none;
}

hr.close {
	display: none;
}

.menuopen {
	margin-top: 2px;
	margin-left: 5px;
	cursor: pointer;
}

dl dt.close {
	display: none;
}

dl dd.close {
	display: none;
}

.stepopen {
	cursor: pointer;
}


/* FOOTER MENU
-------------------------------------------------------------------*/
#f_menu {
	clear: both;
	border: 1px solid #E2E2DE;
	background-color: #F5F4F0;
	background-image: url(../img/foot_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;					/*ボトムニュー 位置*/
	padding-top: 3px;
}

#f_menu ul {
	line-height: 9px;
	margin: 0px;
	padding: 0px;
}

#f_menu li {
	line-height: 9px;
	list-style-type: none;
	display: inline;
	padding: 0px;
}

#f_menu li a {
	font-size: 9px;
}

#f_menu li strong {
	font-size: 9px;
	font-weight: bold;
}

#f_menu p {
	font-size: 9px;
	color: #333333;
}

#f_menu #pr {							/*PR部*/
	color: #888888;
	font-size: 6px;
	text-align: right;
	padding: 2px;
}
#f_menu #pr a {
	color: #888888;
	font-size: 6px;
}


/* COPYRIGHTS
-------------------------------------------------------------------*/
address {
	color: #FFFFFF;
	font-family: "ＭＳ ゴシック";
	font-size: 10px;
	font-style: normal;
	text-align: center;					/*コピーライト 配置*/
	padding: 0px;
}