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


/*----------------------------------------
	default setting
-----------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, em, p, pre {
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

th {
	font-weight: normal;
	text-align: left;
}

li {
	list-style: none;
}

li img {
	vertical-align: bottom;
}

img, table {
	border: 0;
}

hr {
}
/*----------------------------------------
	link setting
-----------------------------------------*/

a:link, a:visited {
	color: #006688;
	text-decoration: none;
}

a:hover, a:active {
	color: #006688;
	text-decoration: underline;
}
.targetblank{
	background:url(/common/images/target_blank.gif) 0 0.4em no-repeat;
	padding-left:20px;
}
/*----------------------------------------
	body setting
-----------------------------------------*/

body {
	background-color: #cccccc;
	color: #525151;
	font-family: Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
}
body#loginbk{
	background-color: #a01d18;
}


/*----------------------------------------
	default layout setting
-----------------------------------------*/

#wrap{
	width:984px;
	margin:0 auto;
}
#wrap-inner{
	width:964px;
	margin:0 auto 20px;
	background-color:#ffffff;

}

/*----------------------------------------
	common parts
-----------------------------------------*/
.column-description{
	width:848px;
	margin:0 auto;
	font-size:0.9em;
	line-height:1.8em;
}

.backtotop{
	text-align:right;
	padding:15px 10px;
}
.backtotop a{
	background:url(/common/images/common_p.gif) left center no-repeat;
	padding:0 0 0 10px;
}
.icon{
	vertical-align:middle;
	margin-left:5px;
}
.common-box-description{
	font-size:0.7em;
	/*border-bottom:1px solid #e5e5e5;*/
	/*padding-bottom:10px;*/
	margin-bottom:10px;
}
.common-link{
	background:url(/common/images/common_pointer.gif) left center no-repeat;
	padding:0 0 0 13px;
}
.common-link-mini{
	background:url(/common/images/common_pointer_mini.gif) left center no-repeat;
	padding:0 0 0 9px;
	margin-left:5px;
}
.common-link-list{
	display:block;
	float:right;
	margin:7px 6px 0 0;
}
.modified{
	font-size:10px;
	color:#a71c16;
	line-height:2em;
	padding-bottom:3px;
}
.toolbox{
	width:296px;
	float:left;
}
.toolbox.right{
	width:296px;
	float:right;
}
.toolbody{
	background-color:#efeeee;
	font-size:0.83em;
	line-height:1.3em;
	min-height:100px;
}
.toolbody ul{
	padding:10px 15px;
}
.toolbody ul li{
	padding:3px 0;
	width:100%;
}
.toolbody ul li:after{
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
	content:'.';
}
.tooldate{
	width:90px;
	float:left;
	font-size:0.83em;
}
.toolbody .targetblank{
	background:url(/common/images/target_blank.gif) 0 0.4em no-repeat;
	float:left;
}

.toolbody .ulist li{
	background:url(/common/images/common_pointer.gif) 0 0.8em no-repeat;
	width:auto;
	padding-left:15px;
}


/*----------------------------------------
	common layout
-----------------------------------------*/
.caution{
	font-size:0.9em;
	color:#e9170f;
	font-weight:normal;
}
.caution_reg{
	font-size:0.9em;
	color:#955656;
	font-weight:normal;
}
#totop{
	height:23px;
}
#totop a{
	display:block;
	height:23px;
	background:url(/common/images/totop.gif) left top no-repeat;
	text-indent:-9999px;
}
#totop a:hover{
	background:url(/common/images/totop.gif) left bottom no-repeat;
}
.graph{
	text-align:center;
	padding:30px 0;
}
#breadcrumb{
	font-size:0.85em;
	padding:5px 0 10px;
}
#container-content{
	width:898px;
	margin:0 auto;
}


#container{
	width:934px;
	margin:20px auto;
}
#container:after{
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
	content:'.';
}
#main-col{
	width:610px;
	float:left;
}
#sub-col{
	width:309px;
	float:right;
}
/*		common-box		*/
.common-box{
	margin-bottom:20px;
}
.common-subject{
	background:url(/common/images/subject_head.gif) left top no-repeat;
	padding-top:4px;
	width:100%;
}
.common-subject:after{
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
	content:'.';
}
.common-subject-inner{
	width:220px;
	float:left;
}

.common-subject-innertop{
	float:left;
}

.common-subject h3{
	padding:6px 0;
	font-size:14px;
	color:#5d4e46;
	font-weight:bold;
	text-indent:5px;
	line-height:1.5em;
}
.common-description{
	padding:8px;
	margin-top:20px;
}
.icon-subject{
	margin-left:10px;
}
.common-link-list{
	display:block;
	float:right;
	margin:7px 6px 0 0;
}
.common-link-list img{
	display:block;
}
.crosstalk-sub{
	width:308px;
	height:14px;
	margin-bottom:8px;
}
.crosstalk-sub img{
	float:left;
}

.common-hr{
	height:1px;
	overflow:hidden;
	background:url(/common/images/dot_brown.gif) left bottom repeat-x;
	margin:10px 5px;
}
.common-hr-thin{
	height:1px;
	overflow:hidden;
	background:url(/common/images/dot_brown.gif) left bottom repeat-x;
	margin:5px 5px;
}
.common-hr hr{
	display:none;
}
.common-hr-thin hr{
	display:none;
}
.common-box-body{
	width:309px;
	padding:5px 0;
	clear:both;
}
.common-box-body:after{
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
	content:'.';
}
.common-row{
	width:309px;
	padding:5px 0;
	clear:both;
}
.common-row:after{
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
	content:'.';
}
.common-line ul li{
	clear:both;
	background:url(/common/images/common_pointer.gif) 10px 1.3em no-repeat;
	font-size:0.85em;
	line-height:1.3em;
	padding:10px 0 10px 25px;
	border-bottom:1px solid #e5e5e5;
}
.common-list-box{
	border-top:2px solid #a7231e;
}
.common-list-box .common-subject{
	background:url(/common/images/subject_head_bg.gif) left top repeat-x;
	padding-top:0;
	width:100%;
}
.common-list-box .common-subject:after{
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
	content:'.';
}
.common-list-box .common-subject-inner{
	width:300px;
	float:left;
}
.common-list-box .common-subject h3{
	padding:6px 0;
	font-size:14px;
	color:#5d4e46;
	font-weight:bold;
	text-indent:5px;
	line-height:1.5em;
}
.common-list-box-body dl{
	border-bottom:1px solid #e5e5e5;
	clear:both;
	width:100%;
	padding:5px 0;
	font-size:0.9em;
}
.common-list-box-body dl:after{
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
	content:'.';
}
.common-list-box-body dl dt{
	width:80px;
	float:left;
	font-size:10px;
	text-indent:5px;
}
.common-list-box-body dl dd{
	width:530px;
	float:left;
	font-size:0.9em;
}
/* SNET編集ここから　*/
.common-list-box-body p{
	float:left;
	font-size:0.8em;
	margin-left: 10px;
	width: 600px;
}
.common-list-box-body strong{
	font-weight:normal;
}
/* SNET編集ここまで　*/
.column-body{
	width:898px;
	padding-top:10px;
}
.column-body:after{
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
	content:'.';
}
.column-body-inner{
	width:898px;
	padding:20px 0;
}
.column-body-inner:after{
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
	content:'.';
}
.column-subject{
	width:898px;
	background:url(/common/images/column_subject_middle.gif) left top repeat-y;
}
.column-subject-inner{
	width:898px;
	
	background:url(/common/images/column_subject_top.gif) left top no-repeat;
}
.column-subject-inner h3{
	background:url(/common/images/column_subject_bottom.gif) left bottom no-repeat;
	padding:5px 10px;
	color:#b7620f;
	font-weight:bold;
}


/*----------------------------------------
	header layout setting
-----------------------------------------*/

#common-header{
	width:964px;
	height:86px;
	background:#a01d18 url(/common/images/bg_common_header.gif) left top no-repeat;
	overflow:hidden;
}
#common-header span a {
	display:block;
	margin-top:11px;
	width:231px;
	height:36px;
	background:url(/common/images/logo.gif) left top no-repeat;
	text-indent:-9999px;
	float:left;

}
#common-header h2 {
	display:block;
	width:296px;
	height:22px;
	margin-top:19px;
	text-indent:-9999px;
	background:url(/common/images/sitecopy.gif) left top no-repeat;
	float:left;
}

#keyword{
    width:624px;
	height:20px;
}

#logoarea{
    width:624px;
	height:36px;
}

#body-header{
	float:left;
    width:624px;
}

/*		helper		*/

#tools-header{
	float:right;
    width:340px;
	height:128px;
}

#helper{
	float:right;
	height:32px;
	background:url(/common/images/helper_bg.gif) right bottom repeat-x;
	margin-right:5px;
	_width:322px;
	width:322px;

}
#helper-container{
	height:32px;
	background:url(/common/images/helper_rightbrace.gif) right bottom no-repeat;
}
#helper-inner{
	height:32px;
	background:url(/common/images/helper_leftbrace.gif) left bottom no-repeat;
	padding:0 10px;
}
#helper-inner .helper-splitter{
	width:20px;
	height:28px;
	margin-top:2px;
	display:block;
	float:left;
	text-indent:-9999px;
	background:url(/common/images/helper_splitter.gif) center center no-repeat;
}
#helper-inner a{
	font-size:12px;
	color:#ffffff;
	display:block;
	background:url(/common/images/helper_pointer.gif) left center no-repeat;
	padding-left:15px;
	height:32px;
	line-height:32px;
	float:left;
}
#helper-inner a:link,#helper-inner a:visited{
	color:#ffffff;
	text-decoration:none;
}
#helper-inner a:active,#helper-inner a:hover{
	color:#ffffff;
	text-decoration:underline;
}

/*		login		*/
#loginframe{
	background:#a01d18 url(/common/images/bg_common_header_login.gif) -100px -40px no-repeat;
	height:46px;
	overflow:hidden;
}
#login{
	width:321px;
	float:right;
	border-width:0;
	margin-top:8px;
	margin-right:5px;
	height:100px;
	overflow:hidden;
	
}

#logout-inner{
	width:321px;
	margin-top:8px;
	margin-right:5px;
}
#login-inner{
	width:321px;
}
#loginform{
	width:277px;
	height:20px;
	float:left;
	margin-top:1px;
}
#loginform dt,#loginform dd{
	float:left;
}
#loginid{
	width:41px;
	height:18px;
	text-indent:-9999px;
	background:url(/common/images/login_id.gif) left top no-repeat;
}
#loginpasswd{
	margin-left:13px;
	width:50px;
	height:18px;
	text-indent:-9999px;
	background:url(/common/images/login_passwd.gif) left top no-repeat;
}
#loginid-input input {
	width:103px;
	border-width:0;
	float:left;
	height:18px;
	font-size:10px;
	line-height:18px;
	text-indent:3px;
}
#loginpasswd-input input {
	width:58px;
	border-width:0;
	float:left;
	height:18px;
	font-size:10px;
	line-height:18px;
	text-indent:3px;
}
#loginoption{
	clear:both;
	font-size:10px;
	margin-top:7px;
}
#loginoption:after{
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
	content:'.';
}
#loginauto{
	float:left;
	color:#d58581;
	line-height:12px;
}
#loginauto input{
	margin-right:5px;
	vertical-align:bottom;
}
#loginforgotten{
	float:left;
	color:#d58581;
	line-height:12px;
}
#loginforgotten a{
	color:#d58581;
	background:url(/common/images/login_forgotten_pointer.gif) left center no-repeat;
	padding-left:7px;
	margin-left:22px;
}

#logoutoption{
	clear:both;
	font-size:10px;
}
#logoutoption:after{
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
	content:'.';
}
#logoutoption{
	width:321px;
	float:left;
	color:#d58581;
	line-height:12px;
}
#logoutoption input{
	margin-right:5px;
	vertical-align:bottom;
}
#logined{
	float:left;
	color:#d58581;
	line-height:2.0em;
}
#logined a{
	color:#d58581;
	background:url(/common/images/login_forgotten_pointer.gif) left center no-repeat;
	padding-left:7px;
	margin-left:10px;
	color:#ffffff;
}
#logined span{
	color:#d58581;
	background:url(/common/images/login_forgotten_pointer.gif) left center no-repeat;
	padding-left:7px;
	margin-left:15px;
}
#logoutbtn{
	width:69px;
	height:20px;
	float:right;
	margin-left:10px;
	display:block;
}
#logined-op{
	float:left;
}
/*----------------------------------------
	footer layout setting
-----------------------------------------*/

#common-footer{
	clear:both;
	width:964px;
	height:119px;
	background:#202020 url(/common/images/bg_common_footer.gif) left top repeat;

}
#utility{
	height:21px;
	background:#202020;
}
#utility ul{
	height:21px;
	width:349px;
	margin:0 auto;
	overflow:hidden;
}
#utility ul:after{
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
	content:'.';
}
#utility ul li{
	float:left;
}
#utility ul li a{
	display:block;
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
	height:21px;
}
#utility ul li#utility-company a{
	width:74px;
	background-image:url(/common/images/utility_company.gif);
}
#utility ul li#utility-contact a{
	width:69px;
	background-image:url(/common/images/utility_contact.gif);
}
#utility ul li#utility-privacy a{
	width:126px;
	background-image:url(/common/images/utility_privacy.gif);
}
#utility ul li#utility-sitemap a{
	width:80px;
	background-image:url(/common/images/utility_sitemap.gif);
}
#utility ul li a:hover{
	background-position:left bottom;
}

#subnavi{
	background:#2c2c2c url(/common/images/bg_subnavi.gif) left top repeat-x;
	padding-top:1px;
}
#subnavi a{
	width:59px;
	height:16px;
	background:#2c2c2c url(/common/images/tohome.gif) 0 0 no-repeat;
	text-indent:-9999px;
	display:block;
	margin:0 auto;
}
#subnavi a:hover{
	background:#2c2c2c url(/common/images/tohome.gif) 0 -16px no-repeat;
}
#footer-menu{
}
#footer-menu ul{
	height:15px;
	width:725px;
	margin:13px auto 16px;
	overflow:hidden;
}
#footer-menu ul:after{
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
	content:'.';
}
#footer-menu ul li{
	height:15px;
	float:left;
}
#footer-menu ul li a{
	height:15px;
	display:block;
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
}
#footer-menu ul li#fmenu-jin-zai-magazine a{
	width:124px;
	background-image:url(/common/images/fmenu_jin_zai_magazine.gif);
}

#footer-menu ul li#fmenu-movie a{
	width:75px;
	background-image:url(/common/images/fmenu_movie.gif);
}
#footer-menu ul li#fmenu-compass a{
	width:74px;
	background-image:url(/common/images/fmenu_compass.gif);
}
#footer-menu ul li#fmenu-spotlight a{
	width:95px;
	background-image:url(/common/images/fmenu_spotlight.gif);
}
#footer-menu ul li#fmenu-crosstalk a{
	width:91px;
	background-image:url(/common/images/fmenu_crosstalk.gif);
}
#footer-menu ul li#fmenu-opinion a{
	width:83px;
	background-image:url(/common/images/fmenu_opinion.gif);
}
#footer-menu ul li#fmenu-topics a{
	width:106px;
	background-image:url(/common/images/fmenu_topics.gif);
}
#footer-menu ul li#fmenu-seminar a{
	width:77px;
	background-image:url(/common/images/fmenu_seminar.gif);
}
#footer-menu ul li a:hover{
	background-position:0 -15px;
}

#copyright{
	width:234px;
	height:15px;
	margin:0 auto;
}
#copyright img{
	display:block;
}

/*----------------------------------------
	global navigation
-----------------------------------------*/

#global-navi{
	width:964px;
	_width:1000px;
	height:45px;
	background-color:#e0e0e0;
	background: url(/common/images/gnavi_bg.gif) left bottom repeat-x;
}
#global-navi a{
	display:block;
	float:left;
	height:39px;
	overflow:hidden;
}
#global-navi a.here{
	height:45px;
}
#global-navi span{
	display:block;
	float:left;
	height:45px;
	overflow:hidden;
}
#global-navi a img{
	display:block;
	float:left;
}
#global-navi img.btn-here{
	display:block;
	float:left;
}
#gnavi-home{
	width:89px;
}
#gnavi-jin-zai-magazine{
	width:127px;
}
#gnavi-movie{
	width:107px;
}
#gnavi-compass{
	width:107px;
}
#gnavi-spotlight{
	width:107px;
}
#gnavi-crosstalk{
	width:107px;
}
#gnavi-opinion{
	width:107px;
}
#gnavi-topics{
	width:107px;
}
#gnavi-seminar{
	width:106px;
}
/*----------------------------------------
	for movie
-----------------------------------------*/
.movie-row{
	width:898px;
	font-size:0.8em;
	margin-bottom:40px;
}
.movie-row:after{
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
	content:'.';
}

.movie-row_t{
	font-size:0.8em;
	margin-bottom:40px;
}

.movie-box_t{
	width:299px;
}

.movie-box{
	width:299px;
	float:left;
}
.movie-box-inner{
	width:260px;
	margin:0 auto;
}
.movie-thumb{
	width:126px;
	float:left;
}
.movie-desc{
	width:124px;
	float:right;
}
.movie-desc strong{
	display:block;
	margin-bottom:5px;
}
.movie-desc p{
	margin-top:7px;
	line-height:1.2em;
}

.moviedata-row{
	width:449px;
	font-size:0.8em;
	margin-bottom:40px;
	margin:0 auto;
}


/*----------------------------------------
	for crosstalk
-----------------------------------------*/
.crosstalk-row{
	width:898px;
	font-size:0.8em;
	margin-bottom:40px;
}
.crosstalk-row:after{
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
	content:'.';
}
.crosstalk-box{
	width:266px;
	float:left;
}
.crosstalk-thumb{
	width:266px;
}
.crosstalk-desc{
	width:266px;
	float:right;
}
.crosstalk-desc p{
	margin-top:7px;
	line-height:1.5em;
}
.crosstalk-subject{
	width:266px;
	height:31px;
	background-position: left top;
	background-repeat:no-repeat;
}
#crosstalk-subject-student{
	background-image:url(/common/images/subh_crosstalk_student.gif);
}
#crosstalk-subject-fresh{
	background-image:url(/common/images/subh_crosstalk_fresh.gif);
}
#crosstalk-subject-manager{
	background-image:url(/common/images/subh_crosstalk_manager.gif);
}
.crosstalk-subject h3{
	text-indent:-9999px;
	float:left;
}
.crosstalk-list{
	width:73px;
	height:31px;
	float:right;
}
.crosstalk-list img{
	display:block;
}
/*----------------------------------------
	for what
-----------------------------------------*/
#agreement-option{
	padding:15px;
	text-align:center;
	font-size:0.9em;
}
#go-reg{
	width:171px;
	height:38px;
	display:block;
	background:url(/common/images/go_reg.gif) left top no-repeat;
	text-indent:-9999px;
	margin:30px auto;
}


/*----------------------------------------
	for seminar
-----------------------------------------*/
.seminar-tbl-container{
	border:1px solid #d4d4d4;
}
.seminar-tbl{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	border:1px solid #ffffff;
	border-width: 1px 0 0 1px;
}
.seminar-tbl .col01{
	background:url(/common/images/seminar_dot01.gif) left bottom no-repeat;
	width:191px;
}
.seminar-tbl .col02{
	background:url(/common/images/seminar_dot02.gif) left bottom repeat-x;
	width:108px;
}
.seminar-tbl .col03{
	background:url(/common/images/seminar_dot02.gif) left bottom repeat-x;
	width:518px;
}
.seminar-tbl .col04{
	background:url(/common/images/seminar_dot03.gif) right bottom no-repeat;
}
.seminar-tbl td{
	/*background-color:#f7efef;
	border:1px solid #ffffff;
	border-width: 0 1px 1px 0;*/
	padding:0 15px;
	vertical-align:middle;
	padding:5px 10px;
	font-size:0.80em;
	line-height:1.5em;
	color:#756262;
}
.seminar-tbl th{
	background:#efdede;
	border:1px solid #ffffff;
	border-width: 0 1px 1px 0;
	padding:10px 0px ;
	text-align:center;
	color:#955656;
	vertical-align:middle;
	font-weight:bold;
	font-size:0.95em;
}
.seminar-tbl .noborder td{
	background:#ffffff;
}
.seminar-body-inner{
	width:898px;
	padding:5px 0;
}
.seminar-subh{
	padding-bottom:5px;
}
.seminar-row{
	margin-bottom:20px;
}
.circle{
	color:#955656;
}
/*----------------------------------------
	for sitemap
-----------------------------------------*/
.sitemap-col{
	border-bottom:1px solid #e5e5e5;
	width:870px;
	margin:0 auto;
	padding:20px 0;
}

.sitemap-col dt a{
	background:url(/common/images/p_widget_list.gif) 0 0.6em no-repeat;
	_background:url(/common/images/p_widget_list.gif) 0 0.53em no-repeat;
	font-size:0.85em;
	line-height:1.3em;
	padding:5px 0 5px 17px;
	margin-left:10px;
	text-indent:0;
	font-size:1.1em;
}

.sitemap-col dd a{
	clear:both;
	background:url(/common/images/common_pointer.gif) 10px 1.3em no-repeat;
	font-size:0.85em;
	line-height:1.3em;
	padding:10px 0 10px 25px;
}
.sitemap-col ul{
	clear:both;
	padding:10px 0 0 25px;
}
.sitemap-col dd p{
	clear:both;
	background-color:#efece5;
	font-size:0.85em;
	line-height:1.3em;
	padding:10px;
	margin:15px 10px 0;
}


/*----------------------------------------
	for print
-----------------------------------------*/
#header-area{
	width:964px;
	height:131px;
	overflow:hidden;
}
#common-footer{
	width:964px;
	height:119px;
	overflow:hidden;
}
.forprint{
	display:block;
	display:none;
}

#visual{
	width:964px;
	height:108px;
	overflow:hidden;
}

/* ======================================== */
/*                 h1em                     */
/* ======================================== */
.tn1 {
	width: 604px;
	margin-top:5px;
	padding-left:20px;
	color: #ffffff;
}

.tn1 h1 {
	font-size: 10px;
	_font-size: 8px;
	width: 160px;
	font-weight: normal;
	float: left;
}

.tn1 em {
	font-size: 10px;
	_font-size: 8px;
	width: 444px;
	font-style:normal;
	float: left;
}

.tn1 em a.emlink:link    {text-decoration: none;color: #000000;}
.tn1 em a.emlink:visited {text-decoration: none;color: #000000;}
.tn1 em a.emlink:active  {text-decoration: none;color: #000000;}
.tn1 em a.emlink:hover   {text-decoration: underline;color: #000000;}

.clr {
	clear:both;
	margin-bottom: 0px;
}

/* ======================================== */
/*                 strong                   */
/* ======================================== */
.stnormal {
	font-weight: normal;
}

.stbold {
	font-weight: bold;
}

.imgbottom{
margin-bottom:10px;
}