@charset "utf-8";

/*==========================
　フォント
==========================*/

.font_1 {
	padding:5px 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	color:#333333;
	text-align:left;
}

.font_2 {
	padding:0 0 5px 0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	_font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
	color:#333333;
	text-align:left;
}

.font_2 span {
	margin:0 2px 0 0;
	padding:0 2px;
	color:#FFFFFF;
	background-color:#333333;
}

.font_4 {
	padding:5px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:17px;
	color:#333333;
	text-align:center;
	clear:left;
}

.font_5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:19px;
	color:#FFFFFF;
	text-align:left;
}

.font_6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:18px;
	color:#333333;
	text-align:right;
}

.font_7 {
	margin:0 10px 10px 0;
	padding:0 15px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:19px;
	color:#333333;
	text-align:right;
	background:url(../images/squer_img2.gif) right center no-repeat;
}

.font_8 {
	padding:0 10px 10px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	color:#333333;
	text-align:left;
}

.font_8 span.newimg0 {
	font-weight:normal;
}

.font_8 span.newimg1 {
	padding:0 38px 0 0;
	font-weight:normal;
	background:url(../images/new_img2.gif) right 3px no-repeat;
}

.font_9 {
	padding:0 10px 10px 21px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:18px;
	color:#333333;
	text-align:left;
}

.font_10 {
	padding:0 0 5px 0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:18px;
	height:20px;
	color:#333333;
	text-align:left;
}

.font_10 span {
	margin:0 0 0 2px;
	padding:1px 2px;
	color:#FFFFFF;
	background-color:#333333;
}

.font_11 {
	margin:0 7px 1px 123px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:16px;
	color:#333333;
	text-align:left;
}

.font_11 span {
	padding:2px;
	_padding:2px 2px 1px;
	background-color:#CCCCCC;
}

html:not([lang*=""]) .font_11 span {
	margin:0;
	padding:2px 2px 1px;
	background-color:#CCCCCC;
}

.font_12 {
	padding:0 10px 5px 33px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:19px;
	font-weight:bold;
	color:#333333;
	text-align:left;
}

.font_13 {
	padding:0 10px 0 33px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:19px;
	color:#333333;
	text-align:left;
}

.font_14 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:120%;
	color:#333333;
	text-align:center;
}

.font_15 {
	padding:0 0 8px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	line-height:21px;
	color:#333333;
	text-align:left;
}

.font_16 {
	padding:0 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:19px;
	color:#333333;
	text-align:left;
}

.font_16 span {
	color:#FF0099;
}

/*==========================
　コンテンツ
==========================*/

#nf_box {
	position:relative;
	margin:0 0 10px;
	width:390px;
	/*height:240px;*/
	background:url(../images/shadow1.gif) repeat-y;
	text-align:left;
}

#nf_box ul#tab_bg1 {
	width:380px;
	height:30px;
	overflow:hidden;
	list-style:none;
	background:url(../contents/0_file/img/tab_bg.gif) 0 0 no-repeat;
}

#nf_box li#tab1,#nf_box li#tab2,#nf_box li#tab3,#nf_box li#tab4 {
	float:left;
	width:95px;
	height:30px;
	cursor:pointer;
}

#nf_area {
	position:relative;
	width:380px;
	height:255px;
	border:solid #333333 1px;
	background-color:#FFF;
	top:-5px;
	left:8px;
}

#nf_link {
	position:absolute;
	font-size:13px;
	line-height:21px;
	color:#333;
	right:5px;
	bottom:0px;
}

#nf_area1 {
	margin:0 auto;
	width:370px;
	height:202px;
	border:solid #666666 1px;
}

.nf_img_bg {
	float:left;
	width:130px;
	height:202px;
	background:url(../contents/0_file/img/nf_img_bg.gif) 10px 0 no-repeat;
}

.nf_img {
	margin:25px 8px 0 auto;
	width:100px;
	height:132px;
	border:solid #333333 1px;
}

.nf_nbox {
	float:right;
	padding:10px 0 0 0;
	width:238px;
	height:192px;
	overflow:hidden;
}

#f_box {
	position:relative;
	margin:0 0 10px;
	width:390px;
	height:406px;
	background:url(../images/shadow1.gif) repeat-y;
	text-align:left;
}

#f_area {
	position:relative;
	width:380px;
	height:404px;
	background-color:#FFFFFF;
	border:solid #333333 1px;
	text-align:left;
	top:-5px;
	left:8px;
}

#f_block {
	padding:0 0 0 1px;
	width:379px;
}

.title_bg1 {
	margin:0 0 13px;
	width:380px;
	height:30px;
	background:url(../images/title_bg1.gif) no-repeat;
}

#f_img1 {
	float:left;
	margin:0 0 3px 3px;
	width:120px;
	height:160px;
	border:solid #333333 1px;
	display:inline;
}

#f_img2 {
	float:left;
	margin:0 0 3px 3px;
	width:120px;
	height:160px;
	border:solid #333333 1px;
	display:inline;
}

#f_img3 {
	float:left;
	margin:0 0 3px 3px;
	width:120px;
	height:160px;
	border:solid #333333 1px;
	display:inline;
}

#f_img4 {
	float:left;
	margin:0 0 3px 3px;
	width:120px;
	height:160px;
	border:solid #333333 1px;
	display:inline;
}

#f_img5 {
	float:left;
	margin:0 0 3px 3px;
	width:120px;
	height:160px;
	border:solid #333333 1px;
	display:inline;
}

#f_img6 {
	float:left;
	margin:0 0 3px 3px;
	width:120px;
	height:160px;
	border:solid #333333 1px;
	display:inline;
}

#rank_box {
	position:relative;
	margin:0 0 10px;
	width:390px;
	background:url(../images/shadow1.gif) repeat-y;
	text-align:left;
}

#rank_area {
	position:relative;
	width:380px;
	background-color:#FFFFFF;
	border:solid #333333 1px;
	text-align:left;
	top:-5px;
	left:8px;
}

.title_bg2 {
	position:relative;
	margin:0 0 30px 0;
	width:380px;
	height:30px;
	background:url(../images/title_bg1.gif) no-repeat;
}

#free_box {
	position:relative;
	margin:0 0 10px;
	width:390px;
	height:322px;
	background:url(../images/shadow1.gif) repeat-y;
	text-align:left;
}

#free_area {
	position:relative;
	width:380px;
	height:320px;
	background-color:#FFFFFF;
	border:solid #333333 1px;
	text-align:left;
	top:-5px;
	left:8px;
}

#move_box {
	position:relative;
	margin:0 0 10px;
	width:390px;
	background:url(../images/shadow1.gif) repeat-y;
	text-align:left;
}

#move_area {
	position:relative;
	width:380px;
	background-color:#FFFFFF;
	border:solid #333333 1px;
	text-align:left;
	top:-5px;
	left:8px;
}

.move_base {
	margin:0 0 4px 0;
	padding:0 0 2px 0;
	width:380px;
	background:url(../images/line.gif) 24px bottom no-repeat;
	text-align:left;
}

.move_img_bg {
	float:left;
	width:72px;
	height:72px;
	background:url(../contents/0_file/img/move_img_bg.gif) no-repeat;
}

.move_img {
	margin:0 0 0 auto;
	width:48px;
	height:65px;
	border:solid #333333 1px;
}

#move_area dl {
	float:right;
	width:300px;
}

#move_area dt {
	margin:2px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333333;
	line-height:19px;
	padding:0;
	text-align:left;
}

#move_area dt span {
	margin:0 4px 0 0;
	padding:0 2px;
	color:#FFFFFF;
	background-color:#333333;
}

#move_area dd {
	padding:0 5px 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:17px;
	color:#333333;
}

#move_area dd.chk {
	padding:0 0 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:19px;
	color:#333333;
	background:url(../images/icon_self.gif) 0 center no-repeat;
}

#event_box {
	position:relative;
	margin:0 0 10px;
	width:390px;
	background:url(../images/shadow1.gif) repeat-y;
	text-align:left;
}

#event_area {
	position:relative;
	padding:0 0 5px;
	width:380px;
	border:solid #333333 1px;
	background:url(../contents/0_file/img/area_map.gif) #FFFFFF 40px 30px no-repeat;
	text-align:left;
	top:-5px;
	left:8px;
}

#event_list1 {
	float:left;
	padding:27px 0 0 30px;
	width:70px;
	height:183px;
}

#event_list2 {
	float:left;
	padding:27px 0 0 0;
	width:120px;
}

.ev_inpt {
	width:12px;
	height:12px;
	vertical-align:middle;
}

.area_bt1 {
	margin:0 auto;
	width:370px;
	height:70px;
	clear:left;
	cursor:pointer;
}

.area_bt2 {
	margin:20px auto 0;
	width:370px;
	height:70px;
	clear:both;
	cursor:pointer;
}

.event_shp_box {
	position:relative;
	padding:0 0 18px 0;
	width:380px;
}

.ev_is_box {
	position:absolute;
	width:108px;
	height:16px;
	top:0;
	left:14px;
}

.ev_ic {
	float:left;
}

.ev_shp {
	float:right;
}

#projectx_box {
	position:relative;
	margin:0 0 10px;
	width:390px;
	background:url(../images/shadow1.gif) repeat-y;
	text-align:left;
}

#projectx_area {
	position:relative;
	padding:0 0 10px 0;
	width:380px;
	border:solid #333333 1px;
	background-color:#FFFFFF;
	text-align:left;
	top:-5px;
	left:8px;
}

#projectx_l {
	float:right;
	padding:6px 0 0 0;
	width:160px;
}

#projectx_img_shadow {
	margin:0 8px 4px 0;
	width:152px;
	height:202px;
	background-color:#CCCCCC;
}

#projectx_img_shadow img {
	position:relative;
	width:150px;
	height:200px;
	border:solid #333333 1px;
	top:-5px;
	left:8px;
}

#projectx_r {
	float:right;
	width:205px;
}

#projectx_txt {
	width:205px;
	height:174px;
	overflow:hidden;
}
	

#column_box {
	position:relative;
	margin:0 0 10px;
	width:390px;
	background:url(../images/shadow1.gif) repeat-y;
	text-align:left;
}

#column_area {
	position:relative;
	width:380px;
	border:solid #333333 1px;
	background-color:#FFFFFF;
	text-align:left;
	top:-5px;
	left:8px;
	word-break:break-all;
}

#recuruit_box {
	position:relative;
	margin:0 0 10px;
	width:390px;
	background:url(../images/shadow1.gif) repeat-y;
	text-align:left;
}

#recuruit_area {
	position:relative;
	width:380px;
	border:solid #333333 1px;
	background-color:#FFFFFF;
	text-align:left;
	top:-5px;
	left:8px;
}

/*==========================
　リサーチ
==========================*/

#res_box {
	position:relative;
	margin:0 0 10px;
	width:390px;
	background:url(../images/shadow1.gif) repeat-y;
	text-align:left;
}

#res_area {
	position:relative;
	width:380px;
	background-color:#FFFFFF;
	border:solid #333333 1px;
	text-align:center;
	top:-5px;
	left:8px;
	overflow:hidden;
}

dl.rsch00 {
	position:relative;
	margin:-13px 5px 20px;
	padding:10px 0 10px 10px;
	background-color:#e5e5e5;
	text-align:left;
	overflow:hidden;
}

dl.rsch00 dt {
	margin:0 0 0 120px;
	padding:2px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:22px;
	letter-spacing:3px;
	color:#333;
}

dl.rsch00 dt span {
	padding-top:5px;
	font-size:14px;
	color:#666;
	letter-spacing:2px;
	display:block;
}

dl.rsch00 dd.rschimg {
	position:absolute;
	width:120px;
	height:56px;
	overflow:hidden;
	top:10px;
	left:10px;
	_left:0;
}

.state_box0,.state_box1 {
	float:left;
	width:48px;
	height:48px;
	background-color:#fff;
	border:solid #999 1px;
	-moz-box-shadow:3px 3px 3px #666;
	-webkit-box-shadow:3px 3px 3px #666;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	box-shadow:3px 3px 3px #666;
}

.state_box0 p,.state_box1 p {
	font-size:14px;
	line-height:18px;
	color:#ff0099;
	text-align:center;
}

.state_box1 p {
	color:#333;
}

.state_box0 p span,.state_box1 p span {
	padding-top:2px;
	font-size:12px;
	color:#000;
	display:block;
}

.anum_box0,.anum_box1 {
	margin-left:58px;
	width:50px;
	height:50px;
	background-color:#ff0099;
	-moz-box-shadow:3px 3px 3px #666;
	-webkit-box-shadow:3px 3px 3px #666;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	box-shadow:3px 3px 3px #666;
}

.anum_box1 {
	background-color:#000;
}

.anum_box0 p,.anum_box1 p {
	font-size:14px;
	line-height:16px;
	color:#fff;
	text-align:center;
}

.anum_box0 p span,.anum_box1 p span {
	padding-top:5px;
	font-size:12px;
	display:block;
}

#rsch_txt {
	padding:0 0 13px 19px;
	font-size:14px;
	line-height:16px;
	color:#666;
	text-align:left;
}

#res_area2 {
	padding:0 0 0 28px;
	overflow:hidden;
}

.a_bt {
	/position:relative;
	float:left;
	margin:0 4px 0 0;
	padding:2px 0 0 0;
	width:160px;
	height:68px;
	text-align:center;
	background:url(../images/research/a_bt_off.jpg) no-repeat;
	cursor:pointer;
	display:table;
	overflow:hidden;
}

.a_bt_in {
	width:160px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}

* html .a_bt_in {
	position:absolute;
	color:#0000CC;
	top:50%;
}

*:first-child+html .a_bt_in {
	position:absolute;
	color:#0000CC;
	top:50%;
}

.an_txt {
	width:160px;
	font-size:14px;
	line-height:18px;
	color:#fff;
}

* html .an_txt {
	position:relative;
	top:-50%;
	left:-50%;
	
}

*:first-child+html .an_txt {
	position:relative;
	top:-50%;
	left:-50%;
}

.rslt {
	margin:0 25px 0 0;
	padding:20px 12px 20px 0;
	font-size:14px;
	line-height:16px;
	text-align:right;
	background:url(../images/squer_img2.gif) right center no-repeat;
}

.rslt a {
	color:#333;
}

.rslt a:hover {
	color:#ff0099;
}

/***　画像タイプ  ***/

.img_typ {
	float:left;
	margin:0 15px 10px -5px;
	width:160px;
	height:278px;
	border:solid #666 1px;
	text-align:center;
	-moz-box-shadow:3px 3px 3px #666;
	-webkit-box-shadow:3px 3px 3px #666;
	box-shadow:3px 3px 3px #666;
}

.img_typ img {
	margin:3px 3px 1px;
	padding:1px;
	border:solid #666 1px;
	display:block;
}

.img_typ .a_bt {
	float:none;
	margin:0;
}