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

/*----------------------------------------------------------------------------------------------------
*main-visual
----------------------------------------------------------------------------------------------------*/
div#main-visual-container{
width:1020px;
margin:0 auto;
height:380px;
overflow:hidden;
margin-top:35px;
margin-bottom:35px;
}

div#main-visual-container div#main-visual{
width:100%;
height:380px;
background:url(../img/main-visual.jpg) repeat-x left top;
}

div#main-visual-container div#main-visual2{
width:100%;
height:380px;
background:url(../img/main1.jpg) repeat-x left top;
}

div#main-visual-container div#main-visual2 a{
display:block;
width:100%;
height:380px;
}

@media screen and (max-width:640px){

div#main-visual-container{
height:auto;
}

div#main-visual-container div#main-visual{
height:190px;
background-size:auto 190px;
}

div#main-visual-container div#main-visual2{
height:190px;
background-size:auto 190px;
}

div#main-visual-container div#main-visual2 a{
height:190px;
background-size:auto 190px;
}

}

/*----------------------------------------------------------------------------------------------------
*info-container
----------------------------------------------------------------------------------------------------*/
div#info-container{
width:100%;
margin-bottom:40px;
}

div#info-container ul.title-container{
margin-bottom:8px;
}

div#info-container ul.title-container li{
float:right;
}

div#info-container ul.title-container li a{
display:inline-block;
}


div#info-box{
width:1020px;
height:40px;
margin-top:8px;
background:url(../img/info.gif) no-repeat;
}

div#info-box div.inner-container{
height:14px;
width:987px;
padding:13px 0;
float:left;
}

div#info-box div.inner-container div#number{
width:29px;
text-align:center;
padding-left:124px;
float:left;
line-height:19px;
}

div#info-box div.inner-container div#number a{
color:#426ab2;
}

html.ie6 div#info-box div.inner-container div#number a:hover,
html.ie7 div#info-box div.inner-container div#number a:hover,
html.ie8 div#info-box div.inner-container div#number a:hover{
color:#d9e1f0;
}

div#info-box div.info-content{
display:none;
}


div#info-box div.info-content div.date{
width:114px;
text-align:center;
padding-left:16px;
color:black;
float:left;
}

div#info-box div.info-content div.title{
background:url(../img/list_marker.gif) no-repeat 0 3px;
padding-left:11px;
float:left;
}

div#info-box div#news-change-btn{
width:33px;
height:40px;
float:right;
}

div#info-box div#news-change-btn a{
width:33px;
height:40px;
display:block;
}

/*SP�lj�*/

div#sp-info-all{
display:none;
}

div#sp-info-title{
display:none;
}


@media screen and (max-width:640px){

div#info-container{
margin-bottom:20px;
}

div#info-container ul.title-container{
display:none;
}

div#info-box div.inner-container{
width:100%;
height:auto;
float:none;
padding:0px;
}

div#info-box{
width:100%;
height:auto;
background:none;
border-bottom: dotted 1px rgba(66,106,178,0.2);
}

div#info-box div.inner-container div#number{
display:none;
}

div#info-box div.info-content div.date{
width:90%;
padding-left:0px;
text-align:left;
margin:0px auto;
color:black;
float:none;
}

div#info-box div.info-content div.title{
padding-left:0px;
float:none;
width:90%;
margin:10px auto;
padding:0px 0px 10px 22px;
background:url(../img/list_marker_sp.gif) no-repeat 12px 8px;
background-size:4px 4px;
}

div#info-box div#news-change-btn{
display:none;
}

div#sp-info-all{
display:block;
text-align: right;
padding: 10px;
}

div#sp-info-all a{
color:#525252;
}

div#info-box div.inner-container div# div#sp-number {
float: none;
padding-left: 0px;
background: #426ab2;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
}


div#sp-info-title{
display:block;
padding:10px;
background:#d9e3ed;
margin: 10px 0px;
}

div#sp-info-title ul#sp-info-title-inner{
text-align:center;
}

div#sp-info-title ul#sp-info-title-inner li{
display:inline-block;
}

div#sp-info-title ul#sp-info-title-inner p{
font-size:14px;
}

div#sp-info-title ul#sp-info-title-inner div#sp-number{
width:29px;
margin-left: 8px;
margin-top:1px;
background: #426ab2;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
text-align:center;
}

div#sp-info-title ul#sp-info-title-inner div#sp-number a{
color:#fff;
margin:0px auto;
}


}

/*----------------------------------------------------------------------------------------------------
*news-ber
----------------------------------------------------------------------------------------------------*/
div#news-ber{
width:730px;
margin-bottom:20px;
float:left;
}



/*----------------------------------------------------------------------------------------------------
*news-container
----------------------------------------------------------------------------------------------------*/
div#news-container{
width:730px;
margin-bottom:20px;
float:left;
border-top:solid 3px #3399CC;
}

div#corpnews-container{
width:730px;
margin-bottom:40px;
}

div#news-container h2{
width:100%;
height:36px;
background:url(../img/news.gif) no-repeat;
float:left;
overflow:hidden;
text-indent:-9999px;
border-bottom:solid 1px #3399CC;
}

div#corpnews-container h2{
float:left;
}


div#news-container ul.title-container,
div#corpnews-container ul.title-container{
margin-bottom:8px;
}

div#news-container ul.title-container li,
div#corpnews-container ul.title-container li{
float:right;
}

div#news-container ul.title-container li a,
div#corpnews-container ul.title-container li a{
display:inline-block;
}

div#news-container ul#news-box,
div#corpnews-container ul#corpnews-box{
width:730px;
list-style-type:none;
border:solid 1px #ccd4e5;
border-top:solid 1px rgba(66,106,178,0.2);
}

ul#news-box{
}

ul#news-box li,
ul#corpnews-box li{
width:730px;
height:36px;
line-height:36px;
float:left;
}

ul#news-box li.ip,
ul#corpnews-box li.ip{
background:url(../img/news_bg1.jpg);
}



ul#news-box li.news,
ul#corpnews-box li.news{
background:url(../img/news_bg2.jpg);
}


ul#news-box li.member,
ul#corpnews-box li.member{
background:url(../img/news_bg3.jpg);
}


ul#news-box li.no-line,
ul#corpnews-box li.no-line{
background:url(../img/news_bg.jpg);
}


ul#news-box li div.date,
ul#corpnews-box li div.date{
width:90px;
text-align:center;
color:black;
float:left;
}

ul#news-box li div.title,
ul#corpnews-box li div.title{
padding-left:65px;
float:left;
}

ul#news-box li div.title img,
ul#corpnews-box li div.title img{
padding-left:4px;
padding-bottom:5px;
display:inline;
vertical-align:middle;
}

html.ie6 ul#news-box li div.title img{
padding-top:6px;
padding-bottom:10px;
}

div#sp-news-all{
display:block;
text-align: right;
padding: 10px;
background:url(../img/list_marker_sp.gif) no-repeat right center ;
}

div#sp-news-all {
color:#525252;
}

/*box*/
div#new_box{
width:710px;
margin-bottom:20px;
padding:5px;
text-align: left;
color:#333;
border:solid 1px #cccccc;
}



/*server*/
div#mente{
width:710px;
margin-bottom:20px;
padding:10px;
text-align: center;
float:left;
color:#333;
border:solid 1px #cccccc;
}


/*server*/
div#server{
width:710px;
margin:10px 0;
padding:10px;
text-align: center;
float:left;
color:#333;
border:solid 1px #ff0000;
}

div#server span{
color:#ff0000;
font-size:15px;
}


@media screen and (max-width:640px){
div#news-container,
div#corpnews-container{
margin-bottom:20px;
}

div#news-container ul.title-container,
div#corpnews-container ul.title-container{
display:none;
}

div#news-container h2{
float:none;
width: 100%;
height:45px;
background:url(../img/news_sp.gif) no-repeat;
background-position: left center;
border-top: solid 1px rgba(66,106,178,0.2);
}



ul#news-box li{
width:auto;
margin:0px auto;
height:auto;
background:none;
line-height:20px;
text-align:left;
padding:5px 5%;
float:none;
border-bottom:dotted 1px rgba(66,106,178,0.2);
}


div#news-container ul#news-box{
width:100%;
margin:0px auto;
height:auto;
list-style-type:none;
text-align:center;
border-top:solid 1px #ccd4e5;
border-top:solid 1px rgba(66,106,178,0.2);
}

/*
ul#news-box li div.date{
width:100%;
text-align:left;
float:none;
margin:0px auto;
padding:10px 0px;
}

ul#news-box li div.title{
width:100%;
padding-left:0px;
float:none;
margin:0px auto;
padding:0px 0px 10px 10px;
background:url(../img/list_marker_sp.gif) no-repeat 2px 8px;
background-size:4px 4px;
}
*/

ul#news-box li div.date{
width:100%;
text-align:left;
float:none;
height:36px;
}

ul#news-box li div.title{
width:100%;
float:none;
height:36px;
padding:0px 0px 10px 10px;
background:url(../img/list_marker_sp.gif) no-repeat 2px 8px;
background-size:4px 4px;
}



ul#news-box li.ip{
border-top:dotted 1px #C5D8EB;
background:#fff;
}


ul#news-box li.news{
border-top:dotted 1px #C5D8EB;
background:#fff;
}


ul#news-box li.member{
border-top:dotted 1px #C5D8EB;
background:#fff;
}


ul#news-box li.no-line{
background:#fff;
}

/*server*/
div#mente{
width:85%;
margin:0 5% 0 5%;
float:none;
margin-bottom: 20px;
}



/*SP�lj�*/
div#sp-news-all,
div#sp-corpnews-all{
display:none;
}

}


/*----------------------------------------------------------------------------------------------------
*menu-container, contents-container  �g�b�v�y�[�W
----------------------------------------------------------------------------------------------------*/
div#menu-container{
width:1020px;
margin-top:-100px;
margin-bottom:40px;
float:left;
}


div#menu-container div.contents-container{
width:320px;
background:white;
border:1px solid #f0efef;
border-radius: 2px;
margin-left:8px;
margin-right:8px;
margin-bottom:12px;
float:left;
}

html.ie6 div#menu-container div.contents-container{
margin-right:11px;
}

div#menu-container div.contents-container h3{
margin:5px 5px 19px;
}

div#menu-container div.contents-container h3 a{
width:310px;
height:114px;
display:block;
overflow:hidden;
text-indent:-9999px;
}

div#menu-container div.contents-container h3.cont1 a{
background:url(../img/cont1.jpg) no-repeat;
}

div#menu-container div.contents-container h3.cont2 a{
background:url(../img/cont2.jpg) no-repeat;
}

div#menu-container div.contents-container h3.cont3 a{
background:url(../img/cont3.jpg) no-repeat;
}

div#menu-container div.contents-container h3.recruit a{
background:url(../img/contents_recruit.jpg) no-repeat;
}

div#menu-container div.contents-container ul.contents-menu{
padding-left:22px;
padding-bottom:5px;
float:left;
}

div#menu-container div.contents-container ul.contents-menu li{
color:#000;
}

div#menu-container div.contents-container ul.contents-menu li a{
margin-bottom:4px;
padding-left:20px;
background:url(../img/cont_list.gif) no-repeat left 7px;
font-weight:bold; 
color:#000;
font-size:17px;
}

@media screen and (max-width:640px){

div#menu-container{
margin-top:20px;
width:100%;
}

div#menu-container div.contents-container{
width:90%;
height:auto;
background:#fff;
border: 1px solid #e5e5e5;
margin:0px auto 12px auto;
float:none;
}

div#menu-container div.contents-container ul.contents-menu{
padding-left:10px;
float:left;
margin-bottom:10px;
}

div#menu-container div.contents-container h3{
float:left;
width:100%;
margin:0px;
}

div#menu-container div.contents-container h3 a{
width:98%;
height:100px;
display:block;
overflow:hidden;
text-indent:-9999px;
margin: 5px auto 10px auto;
}

div#menu-container div.contents-container ul.contents-menu li{
color:#000;
}

div#menu-container div.contents-container ul.contents-menu li a{
color:#000;
margin-bottom:4px;
padding-left:20px;
background:url(../img/cont_list.gif) no-repeat left 7px;
background-size:15px 15px;
}


div#menu-container div.contents-container h3.cont1 a{
background:url(../img/cont1_sp.jpg) no-repeat;
background-size:100%;
background-position:center left;
}

div#menu-container div.contents-container h3.cont2 a{
background:url(../img/cont2_sp.jpg) no-repeat;
background-size:100%;
background-position:center left;
}

div#menu-container div.contents-container h3.cont3 a{
background:url(../img/cont3_sp.jpg) no-repeat;
background-size:100%;
background-position:center left;
}


}

/*----------------------------------------------------------------------------------------------------
*menu-container-c, contents-container-c  �R���e���c�y�[�W
----------------------------------------------------------------------------------------------------*/
div#menu-container-c{
width:760px;
margin-top:10px;
margin-bottom:40px;
float:left;
}


div#menu-container-c div.contents-container-l{
width:360px;
background:white;
border:1px solid #f0efef;
border-radius: 2px;
margin-right:20px;
margin-bottom:12px;
float:left;
}

div#menu-container-c div.contents-container-r{
width:360px;
background:white;
border:1px solid #f0efef;
border-radius: 2px;
margin-bottom:12px;
float:right;
}




div#menu-container-c h3{
margin:10px 10px;
border-left:5px solid #0081CC;
font-size:16px;
padding:5px 10px;
font-weight: bold;
color:#444444;
}


div#menu-container-c p{
padding:5px 10px;
margin-bottom:10px;
color:#444444;
}


div#menu-container-c a{
padding:0px 10px;
background:url(../img/list_marker.gif) no-repeat left 5px;
margin:10px 10px;
}


/*����y�[�W�@���
.news-inner{
width:720px;
margin:15px auto;
font-size:90%;
color:#444444;
font-weight:normal;
}


 div.newsletter-container-l{
width:220px;
margin-bottom:12px;
float:left;
}

 div.newsletter-container-l p{
padding:5px 10px;
margin-bottom:20px;
text-align:center;
}

*/


@media screen and (max-width:640px){

div#menu-container-c{
margin-top:20px;
width:100%;
margin:0px auto;
float:none;
}

div#menu-container-c div.contents-container-l {
width:90%;
height:auto;
background:#fff;
border: 1px solid #e5e5e5;
margin:0px auto 12px auto;
float:none;
}

div#menu-container-c div.contents-container-r{
width:90%;
height:auto;
background:#fff;
border: 1px solid #e5e5e5;
margin:0px auto 12px auto;
float:none;
}


div#menu-container-c h3{
margin:10px 10px;
border-left:5px solid #0081CC;
font-size:16px;
padding:5px 10px;
font-weight: bold;
color:#444444;
}


/*����y�[�W�@���

.news-inner{
width:100%;
padding:20px 0px 0px 0px;
margin:auto;
}


 div.newsletter-container-l{
width:90%;
height:auto;
background:#fff;
border: 1px solid #e5e5e5;
margin:0px auto 12px auto;
float:none;
}
*/

}

/*----------------------------------------------------------------------------------------------------
*menu-container-c, contents-container-c  �����ǃy�[�W
----------------------------------------------------------------------------------------------------*/
#table{
    margin: 20px 10px 20px 10px;
	width: 95%x;
	border-collapse: collapse;
}
#table td,
#table th{
	width: 25%;
	padding: 3px;
	border: 1px solid #f0efef;
	color:#444444;
}
#table th{
	font-weight: bold;
	color:#444;
}
#table th{
	background:#FFCC66;
}

/*������_�ϑ�*/

#table_k{
    margin: 20px 10px 20px 10px;
	width: 95%;
	border-collapse: collapse;
}
#table_k td,
#table_k th{
	padding: 5px;
	border: 1px solid #cccccc;
	color:#444444;
}
#table_k th{
	font-weight: bold;
}
#table_k th{
text-align:center;
	background:#FFCC66;
}

#table_k .bg{
text-align:center;
	background:#FFF288;
}


/*�����p*/

#table_m{
    margin: 20px 10px 20px 10px;
	width: 95%;
	border-collapse: collapse;
}
#table_m td,
#table_m th{
	padding: 5px;
	border: 1px solid #cccccc;
	color:#444444;
}
#table_m th{
	font-weight: bold;
}
#table_m th{
text-align:center;
	background:#FFCC66;
}

#table_m .bg{
text-align:left;
	background:#ececec;
}

#table_m .bg1{
    text-align:center;
	background:#ececec;
	font-weight: bold;
}


@media screen and (max-width:640px){


#table_k {
  width:80%;
  margin: 0px 10px 0px 10px;
}
#table_k tr{
  width: auto;
  border-top: none !important;
}

#table_m {
  width:95%;
  margin: 0px 5px 0px 5px;
}
#table_m tr{
  width: auto;
  border-top: none !important;
}


.img1{
width:90%;
height:auto;
  margin: 0px 10px 0px 10px;
}


}



/*----------------------------------------------------------------------------------------------------
*sub-link
----------------------------------------------------------------------------------------------------*/
ul#sub-link{
width:220px;
margin-bottom:20px;
margin-right: 15px;
float:right;
}

ul#sub-link li{
margin-bottom:10px;
}

ul#sub-link li a{
width:220px;
height:82px;
text-indent:-9999px;
display:block;
}

ul#sub-link li.itami a{
background:url(../img/ber_itami.gif) no-repeat;
}

ul#sub-link li.hishikai a{
background:url(../img/ber_hisihkai.gif) no-repeat;
}

ul#sub-link li.kikan_s a{
background:url(../img/ber_kikan_s.jpg) no-repeat;
}

ul#sub-link li.credit a{
background:url(../img/iryocredit.png) no-repeat;
}


ul#sub-link li.last{
margin-bottom:0;
margin-top:20px;
padding:20px 0 0 0;
border-top:solid 1px #ccd4e5;
border-top:solid 1px rgba(66,106,178,0.2);
}

@media screen and (max-width:640px){

ul#sub-link{
width:100%;
margin:0px auto;
margin-bottom:0px;
text-align:center;
}

ul#sub-link li a{

margin:0px auto;

}

/*��Ë@�փo�i�[�\�����Ȃ�*/
div#news-ber img{
display:none;
}



}

/*----------------------------------------------------------------------------------------------------
*sub-link2
----------------------------------------------------------------------------------------------------*/
ul#sub-link2{
width:220px;
float:right;
}

ul#sub-link2 li{
margin-bottom:10px;
}

ul#sub-link2 li a{
width:220px;
height:100px;
text-indent:-9999px;
display:block;
}

ul#sub-link2 li.timelesswork a{
background:url(../img/sub_timelesswork.jpg) no-repeat;
}

@media screen and (max-width:640px){

ul#sub-link2{
width:100%;
margin:0px auto;
margin-bottom:0px;
text-align:center;
}

ul#sub-link2 li a{

margin:0px auto;

}
}