/* ------ general
-----------------------------------------------*/

body {
margin:0;
padding:0;
font-family: "�l�r �o�S�V�b�N", Osaka, Arial, "�q���M�m�p�S Pro W3";
font-size:12px;
letter-spacing:0.05em;
background:url(../img/bg_main.png) repeat-y center #EEE;
color:#555;
}

img {
border:0;}

h3,h4,h5,h6,h7,p,ul,li,dl,dt,dd{
margin: 0px;
padding: 0px;
}

h1 {
margin: 0px;
padding: 0px;
height:0;
font-size:1px;
color: #595757;
}

h2 {
margin:0;
height:48px;
font-size:21px;
padding:1px 0 0 13px;
font-weight:bold;
color:#333;
width: 670px;
background:url(../img/title/bg_title.png) no-repeat;
letter-spacing:0.03em;
font-family: "�l�r �o����", "�ז�����", "�q���M�m���� Pro W3";
}

h2 .s {
margin:0;
float:right;
font-size:11px;
padding-top:43px;
font-weight:bold;
color:#333;
letter-spacing:0.05em;
line-height:0;
font-family: "�l�r �o����", "�ז�����", "�q���M�m���� Pro W3";
}

h4 {
height:25px;
font-size:15px;
margin:8px 0 0 13px;
font-weight:bold;
color:#333;
border-bottom:dotted 1px #CCCCCC;
letter-spacing:0.05em;
font-family: "�l�r �o�S�V�b�N", Osaka, Arial, "�q���M�m�p�S Pro W3";
}

h5 {
height:130px;
font-size:18px;
padding-top:50px;
font-weight:bold;
color:#333;
background:url(../img/bg_subheader04.png) no-repeat;
letter-spacing:0.05em;
font-family: "�l�r �o�S�V�b�N", Osaka, Arial, "�q���M�m�p�S Pro W3";
}

h6 {
height:130px;
font-size:18px;
padding-top:50px;
font-weight:bold;
color:#333;
background:url(../img/bg_subheader02.png) no-repeat;
letter-spacing:0.05em;
font-family: "�l�r �o�S�V�b�N", Osaka, Arial, "�q���M�m�p�S Pro W3";
}

body a {
color: #999999;
text-decoration:underline;
font-family: "�l�r �o�S�V�b�N", Osaka, Arial, "�q���M�m�p�S Pro W3";
}

body a:hover {
color: #333333;
text-decoration:underline;
font-family: "�l�r �o�S�V�b�N", Osaka, Arial, "�q���M�m�p�S Pro W3";
}

p {
line-height:170%;
letter-spacing:0.08em;
font-size:13px;
font-family: "�l�r �o�S�V�b�N", Osaka, Arial, "�q���M�m�p�S Pro W3";
}

.p_bk {
line-height:170%;
letter-spacing:0.08em;
font-size:13px;
font-family: "�l�r �o�S�V�b�N", Osaka, Arial, "�q���M�m�p�S Pro W3";
color:#000;
}

.kome {
color:#CC0000;
}

.red_s {
color:#CC0000;
font-size:11px;
}

.bk_l {
color: #000;
font-weight:bold;
font-size:35px;
line-height:130%;
font-family: "�l�r �o����", "�ז�����", "�q���M�m���� Pro W3","���˖��� Pro";
}

.bk_m {
color: #000;
font-weight:100;
font-size:20px;
line-height:130%;
}

.blue_s {
color: #339;
font-size:10px;
}

.w_m {
color: #FFF;
font-size:13px;
}

.t_m {
font-size:13px;
}

.exp {
font-size:10px;
}

#container {
width:950px;
margin:0 auto;
}

.indent {
padding-left:14px;
}

.poti {
	padding-left: 33px;
	background:url(../img/poti_bluel.png) no-repeat;
	font-size:15px;
	line-height:180%;
}


/*PAGE TOP
========================================================================*/
.gotop {
	float:right;
}

/*Header
========================================================================*/
#header {
margin:0 auto;
padding:0;
width:1032px;
background:url(../img/bg_header.png) no-repeat top center;
}

#logo {
float:left;
padding-top:40px;
}

#h_menu {
margin:0 auto;
padding:0;
height:110px;
font-family: "�l�r �o�S�V�b�N", Osaka, Arial, "�q���M�m�p�S Pro W3";
font-size: 11px;
background:url(../img/bg_menu.png) no-repeat;
}

#h_menu a {
color:#DDD;
text-decoration:none;
}

#h_menu a:hover {
color:#FFF;
}

#h_menu02 {
margin:0;
padding:0;
float:right;
font-family: "�l�r �o�S�V�b�N", Osaka, Arial, "�q���M�m�p�S Pro W3";
height:23px;
width:660px;
font-size: 13px;
color:#888;
text-align:right;
padding-top:60px;
padding-right:45px;
}

#m_menu {
margin:0;
padding:0;
}

#m_menu ul {
width:900px;
list-style-type:none;
}

#m_menu li
{
margin:0;
padding-top:15px;
}

#ro {
float:left;
width:180px;
height:38px;
}

#ro a {
display:block;
width:180px;
height:38px;
}

.poti_link {
background:url(../img/potis_white.png) no-repeat center left;
padding-left:15px;
}

#pan {
	padding-left:40px;
	padding-right:20px;
	float:left;
	font:11px;
	color:#999;
	background:url(../img/bg_stripe_.png) repeat;
}

#pan a {
	color:#999;
	text-decoration:none;
}

#pan a:hover {
	color:#666;
	text-decoration:none;
}

/* Top Content
========================================================================*/
#content {
margin:0 auto;
padding:0;
width:900px;
}

#content_t_l {
float:left;
width:625px;
}

#content_t_r {
float:right;
width:300px;
}

.t_box {
padding:3px 15px 10px 10px;
}

.t_box ul li {
list-style:none;
line-height:180%;
}

.t_box .ind {
padding-left:12px;
}

.t_box02, .t_box02 a, .t_box02 a:hover {
padding:10px 5px 10px 10px;
background:#eeefef url(../img/bg_submenubtn.png) no-repeat center bottom;
font:"�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
font-size:14px;
text-decoration:none;
}

.t_box02 ul li {
list-style:none;
line-height:250%;
}

.t_box02 span a, .t_box02 span a:hover {
font-size:12px;
}

.t_recommend {
width:100%;
}

.t_recommend table td {
border-bottom:#BBB 1px solid;
font-size:12px;
}


/* Inner Content
========================================================================*/
#content_i_l {
float:left;
width:230px;
background:url(../img/bg_stripe_.png) repeat;
}

#content_i_r {
float:right;
width:690px;
}

#content_i_r_t {
float:right;
width:690px;
background:url(../img/bg_talent.jpg) no-repeat;
}

#content_i_r_in {
padding-left:45px;
width:580px;
text-align:left;
}


.talent_p {
	float:right;
	padding-top:57px;
	padding-right:60px;
}

.talent_n {
	float:left;
	padding-top:55px;
	padding-left:35px;
}

/* SUB MENU
========================================================================*/
#navcontainer { width: 230px;
 }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a, #navcontainer .active
{
display: block;
padding: 10px 0 10px 20px;
width: 210px;
border-bottom: 1px solid #eee;
background:url(../img/bg_stripe_b.png) no-repeat left;
font-size:12px;
}

#navcontainer a:link, #navlist a:visited
{
color: #333;
text-decoration: none;
}

#navcontainer a:hover, #navcontainer .active
{
background:url(../img/bg_stripe_b.png) repeat #FFF;
color: #000;
}

#navcontainer ol a, #navcontainer ol .active {
display: block;
padding: 10px 0 10px 20px;
margin-left:-30px;
width: 200px;
background-color: #FFF;
border-bottom: 1px solid #eee;
background:url(../img/bg_stripe_g.png) repeat-y left;
font-size:12px;
}

#navcontainer ol a:hover, #navcontainer ol .active
{
background:url(../img/bg_stripe_g.png) repeat #FFF;
color: #000;
}

/* Title
========================================================================*/
.title_b {
font-family: "�l�r �o�S�V�b�N", Osaka, Arial, "�q���M�m�p�S Pro W3";
width:100%;
height:29px;
background:#FFFFFF url(../img/bg_submenutop.png) no-repeat top left;
padding-top:11px;
font-size:15px;
color:#FFFFFF;
text-align:center;
}

.title_g {
font-family: "�l�r �o�S�V�b�N", Osaka, Arial, "�q���M�m�p�S Pro W3";
width:100%;
height:37px;
background:url(../img/bg_mtitle02.jpg) no-repeat top left;
padding-top:10px;
padding-left:19px;
font-size:14px;
color:#000;
}

.title_r_l {
font-family: "�l�r �o�S�V�b�N", Osaka, Arial, "�q���M�m�p�S Pro W3";
width:100%;
height:27px;
background:url(../img/title_red.gif) no-repeat top left;
padding-top:6px;
font-size:13px;
color:#555;
}

.nws_title {
font-family: Verdana, Geneva, sans-serif;
font-size:20px;
color:#000;
font-weight:normal;
line-height:120%;
}



/*Line
========================================================================*/
.line_dot {
width:690px;
height:2px;
clear:both;
border-top:dotted 1px #000;
margin-top:5px;
padding-bottom:10px;
}

.line_l {
border-right:dotted 1px #BBB;
border-bottom:dotted 1px #333;
}

.line_r {
border-bottom:dotted 1px #333;
}

/*Table
========================================================================*/
#r_recruit {
	height: auto;
	width: 530px;
	padding: 0;
	margin: 0;
}
#r_recruit table{
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #D6D6D6;
	margin: 0px auto 0px;
	font-size: 12px;
	line-height:170%;
}
#r_recruit table tr {
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #CCC;
}
#r_recruit table th{
	padding: 8px;
	width: 120px;
	border-style: solid;
	border-width: 0px;
	background-color: #EAEAEA;
	color: #444;
}
#r_recruit table td{
	text-align: left;
	padding: 5px 0px 0px 10px;
}

.b_top {
padding:5px 0;
border-top:dotted 1px #CCCCCC;
border-bottom:dotted 1px #CCCCCC;
}

.b_top02 {
padding:10px;
border-top:dotted 1px #CCCCCC;
border-bottom:dotted 1px #CCCCCC;
}

.b_bottom {
padding:5px 0;
border-bottom:dotted 1px #CCCCCC;
}

.b_bottom02 {
padding:10px;
border-bottom:dotted 1px #CCCCCC;
}

.b_top_g {
padding:10px;
border-top:dotted 1px #CCCCCC;
border-bottom:dotted 1px #CCCCCC;
background-color:#DDD;
}

.b_bottom_g {
padding:10px;
border-bottom:dotted 1px #CCCCCC;
background-color:#DDD;
}

.b_l_t {
border-top:dotted 1px #CCCCCC;
border-left:dotted 1px #CCCCCC;
border-right:dotted 1px #CCCCCC;
border-bottom:dotted 1px #CCCCCC;
}

.b_r_t {
border-top:dotted 1px #CCCCCC;
border-right:dotted 1px #CCCCCC;
border-bottom:dotted 1px #CCCCCC;
}

.b_l {
border-left:dotted 1px #CCCCCC;
border-right:dotted 1px #CCCCCC;
border-bottom:dotted 1px #CCCCCC;
}

.b_r {
border-right:dotted 1px #CCCCCC;
border-bottom:dotted 1px #CCCCCC;
}

/*div_box
========================================================================*/
.orange_box {
border-top:dotted 1px #FF9900;
border-right:dotted 1px #FF9900;
border-bottom:dotted 1px #FF9900;
border-left:dotted 1px #FF9900;
display: inline-block;
background: #FFF8F1;
padding:10px 20px 10px 20px;
line-height:180%;
}

.blue_box {
border-top:solid 2px #4b86b0;
border-right:solid 1px #4b86b0;
border-bottom:solid 1px #4b86b0;
border-left:solid 1px #4b86b0;
display: inline-block;
width:628px;
padding:20px;
}

.blue_box02 {
border-top:dotted 1px #006699;
border-right:dotted 1px #006699;
border-bottom:dotted 1px #006699;
border-left:dotted 1px #006699;
display: inline-block;
padding:20px 30px 20px 30px;
line-height:180%;
}

.blue_box03 {
border-top:dotted 1px #006699;
border-right:dotted 1px #006699;
border-bottom:dotted 1px #006699;
border-left:dotted 1px #006699;
display: inline-block;
padding:10px 20px 10px 20px;
line-height:180%;
}

.gray_box {
padding-right:20px;
font-size:12px;
}

.gray_box td{
border-right:dotted 1px #BBB;
border-bottom:dotted 1px #BBB;
border-left:dotted 1px #BBB;
border-top:dotted 1px #BBB;
}

.gray_box02 {
padding:10px 20px 10px 0;
font-size:13px;
line-height:190%;
}

.gray_box02 td{
border-right:dotted 1px #BBB;
border-bottom:dotted 1px #BBB;
}

.bg_g01 {
	background:#EEE;
}

.bg_g02 {
	background:#EFEFEF;
}

.bg_grn {
	background: #F4FFF5;
}

.bg_blu {
	background: #ECF9FF;
}

.gray_box03 {
padding-left:20px;
font-size:12px;
line-height:180%;
}

.gray_box03 td{
border-right:dotted 1px #BBB;
border-bottom:dotted 1px #BBB;
}

.gray_box04 {
padding:0;
font-size:11px;
line-height:180%;
}
.gray_box04 td{
border-bottom:dotted 1px #BBB;
}

.gray_box05 {
padding:0;
font-size:13px;
line-height:180%;
}
.gray_box05 td{
border-bottom:dotted 1px #BBB;
padding:10px 15px 10px 0;
}

/*Space
========================================================================*/
.space0{
	clear:both;
	padding-bottom:1px;
}

.space03{
	clear:both;
	padding-bottom:3px;
}

.space05{
	clear:both;
	padding-bottom:5px;
}

.space10{
	clear:both;
	padding-bottom:10px;
}

.space15{
	clear:both;
	padding-bottom:15px;
}

.space20{
	clear:both;
	padding-bottom:20px;
}

.space24{
	clear:both;
	padding-bottom:24px;
}

.space30{
	clear:both;
	padding-bottom:30px;
}

.space40{
	clear:both;
	padding-bottom:40px;
}

.space50{
	clear:both;
	padding-bottom:50px;
}

.space60{
	clear:both;
	padding-bottom:60px;
}

.space100{
	clear:both;
	padding-bottom:100px;
}

.space150{
	clear:both;
	padding-bottom:150px;
}

.space200{
	clear:both;
	padding-bottom:200px;
}

.space250{
	clear:both;
	padding-bottom:250px;
}

.space265{
	clear:both;
	padding-bottom:265px;
}

.space300{
	clear:both;
	padding-bottom:300px;
}

.space400{
	clear:both;
	padding-bottom:400px;
}

/*Modal
========================================================================*/
.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.modalDialog > div {
    width: 600px;
    position: relative;
    margin: 10% auto;
    padding: 5px;
    border-radius: 10px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
		border-radius: 3px;
}
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.close:hover {
    background: #cccccc;
		text-decoration: none;
}


/*Footer
========================================================================*/
#footer {
margin:0 auto;
width:1032px;
height:50px;
background: #666666;
}

.f_content {
margin:0 auto;
padding:5px 0 0 0;
width:950px;
color:#BBB;
font-size:10px;
line-height:180%;
letter-spacing:0.05em;
font-family: "�l�r �o�S�V�b�N", Osaka, Arial, "�q���M�m�p�S Pro W3";
}

.f_content_l {
float:left;
padding-top:5px;
text-align:left;
background:#666666;
}

.f_content_r {
float:right;
padding-top:5px;
text-align:right;
background:#666666;
}

.f_content a {
text-decoration:none;
color: #BBB;
}

.f_content a:hover {
text-decoration:none;
color: #FFF;
}