@charset "utf-8";

/*======================================

	Body

=======================================*/

body {
	margin: 0 auto;
	background:url(../common/bg_sec.jpg) repeat-x 0 0;
	padding: 0;
	text-align: center;
	line-height: 140%;
	color: #333;
}

/*======================================

	header_navi

=======================================*/

#header_navi {
	position:absolute;
	width:auto;
	padding-left:213px;
	left: 0;
	top: 16px;
}

.navi {
	position:absolute;
	width:350px;
	height:30px;
	top:22px;
	left: 520px;
}

.navi li {
	display:inline;
	margin-right:5px;
}

:root .navi li {
	margin-right:5px;
}


.navi li img {
	vertical-align:bottom;
}

/*======================================

	sec

=======================================*/

#sec {
	position:relative;
	width: 880px;
	padding-bottom:17px;
}

#sec .disp {
	z-index:0;
	position:relative;
	background: url(../common/sec_disp_bg.jpg) no-repeat 0 0;
	width: auto;
	height:65px;
	font-size:11px;
	text-align:left;
}

#sec .disp #disp_navi {
	position:relative;
	top: 0;
	right: 0;
	margin-right:10px;
}

#sec .disp #disp_navi li {
	display: inline;
}

#sec .disp #disp_navi li a {
	color:#fff;
	text-decoration:none;
}

#sec .disp #disp_navi li a:hover {
	text-decoration:underline;
}

#sec h1 {
	z-index:1;
	position:absolute;
	width:180px;
	height:101px;
	top:0;
	left:21px;
}

#sec h1 a {
	display:block;
	width:auto;
	height:101px;
	text-indent:-9999em;
}

#left_navi {
	width:220px;
	background:url(../common/sec_navi.jpg) no-repeat 0 0;
	text-align:center;
	float: left;
	margin-top:-35px;
}

#left_navi ul.sec_navi {
	display:block;
	height:232px;
	margin-top:71px;
}

#left_navi ul.sec_navi li {
	width:auto;
	height:24px;
}

#left_navi ul.sec_navi a {
	display:block;
	width:auto;
	height:24px;
	color:#333;
	text-decoration:none;
	text-indent:-9999em;
}

/*
#left_navi .bt1 a:hover {
	background:url(../common/top_navi_r.jpg) no-repeat 0 -71px;
}

#left_navi .bt2 a:hover {
	background:url(../common/top_navi_r.jpg) no-repeat 0 -95px;
}
*/

#left_navi .online_bt a {
	height:52px;
}

#left_navi ul.sec_navi .sec_online_bt a {
	/*height:52px;*/
	display:none;
}

#left_navi a:hover {
	text-decoration:underline;
}

.keyvisual {
	width:658px;
	float:right;
}

/*
li.movie_bt {
	position:relative;
}

.movie_bt a {
	position:absolute;
	left:24px;
	top:0;
}
*/

/*======================================

	course

=======================================*/

.course_area_select,
.course_area_select2,
.course_area_select3,
.course_area_select4 {
	width:100%;
	border-collapse:collapse;
	margin-bottom:10px;
}

.course_area_select2,
.course_area_select3 {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}


.course_area_select th, {
	width:120px;
}

.course_area_select th4, {
	width:50px;
}

.course_area_select th,
.course_area_select td,
.course_area_select4 th,
.course_area_select4 td {
	text-align:left;
	background:url(../common/line600x1.gif) repeat-x bottom;
	padding:10px 0;
	font-size:12px;
}

.course_area_select td {
	text-align:left;
	background:url(../common/line600x1.gif) repeat-x bottom;
	padding:10px 0;
}

.course_area_select2 th.head,
.course_area_select3 th.head,
.support_table th.head {
	background:url(../common/th_bg.jpg) no-repeat bottom left;
	padding-left:20px;
	width:100%;
}

.course_area_select2 th {
	background-color:#FAFAFA;
	color:#80AC0B;
	width:80px;
}

.course_area_select3 th {
	background-color:#FAFAFA;
	color:#80AC0B;
}

.course_area_select3 td.right {
	text-align:right;
	padding:10px 10px 10px 0;
}

.course_area_select2 th,
.course_area_select3 th,
.course_area_select2 td,
.course_area_select3 td {
	text-align:left;
	vertical-align:top;
	padding:6px 7px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	font-size:12px;
}



.course_area_select2 strong {
	color:#80AC0B;;
}

.course_area_select2 strong a {
	color:#80AC0B;;
}


.support_table {
	width:100%;
	margin:0 auto;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-collapse:collapse;
	margin-bottom:0;
}

/* FF */
:root .support_table {
	width:599px;
}

.support_table th,
.support_table td {
	text-align:left;
	vertical-align:top;
	padding:6px 7px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	font-size:12px;
}

.support_table th {
	background-color:#FAFAFA;
	color:#80AC0B;
	width:120px;
}

:root .support_submit {
	margin-left:-1px;
	margin-bottom:10px;
}

/*======================================

	support
	
=======================================*/

.support_txt {
	background:url(../img/support/bg.jpg) no-repeat 0 0;
	width:auto;
	height:220px;
}

.input180 {
	width:180px;
}

.input210 {
	width:210px;
}

.textarea {
	width:400px;
	height:150px;
}

/*======================================

	company
	
=======================================*/

.company_img {
	width:250px;
	float:left;
}

.company_table {
	width:350px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-collapse:collapse;
	margin-bottom:10px;
}

.company_table th {
	background-color:#FAFAFA;
	color:#80AC0B;
	width:95px;
}

.company_table th,
.company_table td {
	text-align:left;
	vertical-align:top;
	padding:6px 7px;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}

/*======================================

	USE

=======================================*/
.tab {
	background: url(../common/tab_bg.jpg) no-repeat 0 0;
	width:640px;
	height:32px;
	padding-left:11px;
}

html >  body .tab {	
	width:629px;
}

.section .entry .use_imgleft {
	width:242px;
	height:auto;
	float:left;
}

.section .entry .use_txt1 {
	float:right;
	width:345px;
}

.section .entry .use_imgleft2 {
	width:117px;
	height:auto;
	float:left;
}

.section .entry .use_txt2 {
	float:right;
	width:470px;
}

.section .entry .use_imgleft3 {
	width:285px;
	height:auto;
	float:left;
}

.section .entry .use_txt3 {
	float:right;
	width:300px;
	padding-bottom: 10px;
}

.section .entry .use_txt3 ul {

}

.section .entry .use_txt3 ul li {
	margin:0 0 8px 0;
}

.use_txt2 ul {
	margin:0;
	padding:0 0 10px 18px;
}

.use_txt2 li {
	list-style:disc;
}

.section .entry .use_txt2 p.m_none {
	margin:0;
	padding:0;
}


/*======================================

	Voice

=======================================*/
h3.voice_title {
	background:url(../img/voice/title_bg.jpg) no-repeat 0 0;
	width:640px;
	height:64px;
	padding:37px 0 0 22px;
	margin:0;
	color:#80AC0B;
	font-weight:bold;
	font-size:12px;
}

html > body .voice_title {
	width:618px;
	height:27px;
}

.voice_date {
	font-size:11px;
	margin-bottom:10px;
}

.voice_date span {
	color:#80AC0B;
}

.section .voice_entry {
	width:auto;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:10px 19px 0px 19px;
}

.section .voice_entry p {
	margin-bottom:16px;
}

.voice_foot {
	background:url(../img/voice/bottom_line.gif) no-repeat 0 0;
	width:640px;
	height:7px;
}

.voice_foot hr {
	display:none;
}



/*======================================

	USE

=======================================*/
.tab {
	background: url(../common/tab_bg.jpg) no-repeat 0 0;
	width:640px;
	height:32px;
	padding-left:11px;
}

html >  body .tab {	
	width:629px;
}

.section .entry .use_imgleft {
	width:242px;
	height:auto;
	float:left;
}

.section .entry .use_txt1 {
	float:right;
	width:345px;
}

.section .entry .use_imgleft2 {
	width:117px;
	height:auto;
	float:left;
}

.section .entry .use_txt2 {
	float:right;
	width:470px;
}


.use_txt2 ul {
	margin:0;
	padding:0 0 10px 18px;
}

.use_txt2 li {
	list-style:disc;
}

.section .entry .use_txt2 p.m_none {
	margin:0;
	padding:0;
}


/*======================================

	Interview

=======================================*/
.section .entry .interview_imgleft {
	width:276px;
	height:auto;
	float:left;
}

.section .entry .interview_txt1 {
	float:right;
	width:320px;
}

.section .entry .interview_imgleft2 {
	width:240px;
	height:auto;
	float:left;
}

.section .entry .interview_txt3 {
	float:right;
	width:346px;
}

.section .entry .interview_imgright {
	width:83px;
	height:auto;
	float:right;
	padding-right:23px;
}

.section .entry .interview_txt2 {
	float:left;
	width:410px;
	padding-top:12px;
}

.interview_aqua {
	color:#61BCBD;
}

.interview_blown {
	color:#CC9933;
}

.interview_blue {
	color:#1489CA;
}

.section .entry .interview_table {
	font-size:12px;
	text-align:left;
}

.section .entry .interview_table th {
	width:60px;
	color:#1489CA;
	vertical-align:top;
	padding-left:2px;
	font-weight:normal;
}

.section .entry .interview_table th.bt1 {
	color:#61BCBD;
}

.section .entry .interview_table th.bt2 {
	color:#CC9933;
}

.section .entry .interview_table td {
	padding-bottom:9px;
	padding-top:1px;
	vertical-align:top;
}

:root .section .entry .interview_table td {
	padding-top:0px;
}

.interview_mtlarge {
	margin-top:30px;
}

.sec_pagetop3 {
	background:url(../common/line600x1.gif) no-repeat left center;
	text-align:right;
	font-size:11px;
	clear:both;
	margin:10px 0;
}

.sec_pagetop3 span {
	background:#fff;
	padding-left:10px;
}

.sec_pagetop3 a {
	color:#666;
	text-decoration:none;
}

.interview_line {
	background:url(../common/line600x1.gif) no-repeat left top;
	text-align:right;
	font-size:12px;
	clear:both;
	padding-top:6px;
	margin:10px 0;
}


/*======================================

	Sitemap

=======================================*/
.sitemap {
	background:url(../img/sitemap/bg_top.jpg) top no-repeat;
	width:auto;
	height:auto;
	padding-top:21px;
}

.sitemap_inner {
	width:640px;
	height:auto;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding: 0 19px 0 19px;
}

html > body .sitemap_inner {
	width:600px;
}

.sitemap_inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .sitemap_inner {
    height: 1em;
    overflow: visible;
}
/**/

.sitemap_inner a {
	color:#80AC0B;
	font-weight:bold;
	text-decoration:none;
}

.sitemap_inner a:hover {
	text-decoration:underline;
}

.sitemap_inner ul {
	padding-left:2px;
}

.sitemap_inner ul.sec {
	padding-bottom:10px;
}

.sitemap_inner li {
	padding-bottom:2px;
}

.sitemap_left {
	float:left;
	width:295px;
	height:auto;
}

.sitemap_right {
	float:right;
	width:295px;
	height:auto;
}

.sitemap_foot {
	clear:both;
	background:url(../img/sitemap/bg_bottom.jpg) no-repeat 0 0;
	width:auto;
	height:9px;
}

.sitemap_foot hr {
	display:none;
}

/*======================================

	movie

=======================================*/

#movie {
	width:auto;
}

#movie table.eizo {
	width:100%;
	border-collapse:collapse;
}

#movie table.eizo td {
	text-align:center;
	padding:3px 0;
	font-size:12px;
	width:33%;
}

#movie table.eizo a {
	color:#80AC0B;
	text-align:center;
	font-weight:bold;
}

#movie .entry {
	padding-bottom:10px;
}

#movie .movie {
	width:680px;
	margin:0 auto;
	text-align:center;
	padding:15px 0;
}



/*======================================

	privacy

=======================================*/

.privacy_txt {
	background:url(../common/line600x1.gif) repeat-x bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}

/*======================================

	main body

=======================================*/

#main {
	width:640px;
	padding-bottom:0px;
	text-align:left;
	float:left;
}

.top_banner {
	margin-bottom:20px;
}

.section {
	width:auto;
	height:auto;
}

.section .entry {
	width:auto;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding: 20px 19px 0px 19px;
}

.section .entry .imgright {
	width:222px;
	height:auto;
	float:right;
}

.section .entry .imgleft {
	width:137px;
	height:auto;
	float:left;
}

.section .entry .txt1 {
	float:left;
	width:360px;
}

.section .entry p {
	margin-bottom:10px;
}

.section_foot {
	background:url(../common/sec_foot.gif) no-repeat 0 0;
	width:auto;
	height:5px;
}

.section_foot hr {
	display:none;
}

.secret {
	width:220px;
	height:auto;
	float:right;
}

#rss_box {
	width:auto;
	height:auto;
	clear:both;
	padding:20px 0 0 0;
}

#rss_box .info {
	width:410px;
	float:left;
	padding-bottom:4px;
	background:url(../img/top/rss_box_bg.gif) no-repeat center bottom;

}

#rss_box .news {
	width:410px;
	float:right;
	padding-bottom:4px;
	background:url(../img/top/rss_box_bg.gif) no-repeat center bottom;

}

#rss_box .entry {
	width:auto;
	height:150px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	overflow:auto;
	padding:1px;
}

#rss_box .entry dt {
	background:url(../img/top/info_dt_bg.gif) no-repeat 0 0;
	text-indent:20px;
	line-height:21px;
}

#rss_box .entry dd {
	padding:2px 0 2px 20px;
}