@charset "utf-8";


/* ///////////////////////// RESET */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd, div,
table, caption, th, td, img, form, blockquot {
margin: 0;
padding: 0;
list-style-type: none;
border:0;
font-weight: normal;
border-collapse:collapse;
zoom: 1;
}
em{
font-style:normal;
font-weight:bold;
}

cite{
font-style:normal;
font-weight: normal;
}

/* /////////////////////////基本定義 */
/* -- BODY -- */
body{
background:url(../img/bk.jpg) repeat-x; 
margin:0 auto;
padding:0;
line-height:1.5;
font-size:62.5%;
font-style: normal;
text-align: left;
color:#666666;
background-color:#E6E6E6;
}

/* -- BASIC LINK -- */
a:link, a:visited {color:#0066FF; text-decoration:none;}
a:hover, a:active {color:#3399FF; text-decoration:underline}
.link_bt{
clear:both;
text-align:right;
padding-bottom:21px;
}

/* -- [ wrapper ] --------------------------------------- */
#wrapper{
width:961px;
margin: 0 auto;
padding:0;
}

/* -- [ header ] --------------------------------------- */
#wrapper #header{
width:319px;
height:79px;
margin:7px 97px 0 0;
float:left;
}

/* -- [ nav ] --------------------------------------- */

#wrapper #nav{
width:auto;
height:87px;
background-color:#FFFFFF;
}
#wrapper #nav li{
float:left;
}

/* -- [ pnavi ] --------------------------------------- */
#pnavi{
width:861px;
margin: 1.0em 0 0 38px;
}
#pnavi li{
float:left;
background:url(../img/pnavi.gif) no-repeat 0px 0px;
padding-left:14px;
}
#pnavi li.home{
background:none;
}

/* -- [ contents_top] --------------------------------------- */
#contents_top{
clear:both;
overflow:hidden;
padding:0;
background-color:#FFFFFF;
font-size:1.4em;
background-image: url(../img/top_img.jpg);
background-repeat: no-repeat;
background-position: top;
}
#contents_top #movie {
height: 335px;
width: 500px;
position: relative;
top: 54px;
left: 20px;
border: 1px solid #FFFFFF;
margin-bottom:100px;
}

#contents_top .sec {
width:267px;
margin-top:21px;
padding:0 25px; 
float:left;
border-right:solid 1px #CCCCCC;
overflow:hidden;
}
#contents_top .last {
border:none;
}
#contents_top .sec dl{
padding:10px 15px 0 15px;
font-size:90%;
}
#contents_top .sec dt{
color:#0066CC;
font-weight:bold;
}
#contents_top .sec dt{
background:url(../img/info_icon.gif) no-repeat left;
padding-left:13px;
margin-bottom:3px;
}
#contents_top .sec dd{
margin-bottom:10px;
}
#contents_top .sec .thumbnail{
width:97px;
float:left;
padding:10px 15px 0 5px;
}
#contents_top .sec .explain{
width:150px;
float:left;
padding:10px 0;
}
/* -- [ contents_sub] --------------------------------------- */
#contents_sub{
clear:both;
overflow:hidden;
padding:0;
background-color:#FFFFFF;
font-size:1.4em;
}
#contents_sub #sidemenu {
width:190px;
margin:20px 0 0 50px;
clear:both;
float:left;
overflow:hidden;
background-color:#EAEAEA;
/display: inline;

}
#contents_sub #sidemenu p {
padding:10px;
}
#contents_sub #sidemenu h2{
padding:10px;
font-weight:bold;

}
#contents_sub #sidemenu a {
display:block;
width:160px;
padding:1em 1.4em;
border-left:#0066CC solid 2px;
height:100%;
letter-spacing:0.2em;
border-bottom:#FFFFFF solid 1px;
color:#666666;
text-decoration:none;
}
#contents_sub #sidemenu a:hover, a:active {
background-color:#0186d3;
color:#FFFFFF;
text-decoration:underline;
}

#contents_sub .sec, .sec_center {
width:636px;
margin:20px 50px 0 0;
float:right;
/display: inline;
line-height:1.6em;
}
#contents_sub .s_bottom_text{
font-size:80%;
vertical-align: baseline; 
}
#contents_sub .sec_center {
text-align:center;
}
#contents_sub .sec p {
padding:10px 10px 20px;
}
#contents_sub .sec ul {
padding:10px 10px 20px;
}
#contents_sub .sec h1#contact{
margin-bottom:20px ;
}
#contents_sub .sec h2{
margin-bottom:20px ;
}
#contents_sub .sec h3{
margin-bottom:10px ;
/*border-left:5px solid #0066CC;
padding-left:15px;*/
color:#0066CC;
font-weight:bold;
}
#contents_sub .sec h4{
background-color:#E6E6E6;
color:#0066CC;
font-weight:bold;
padding:0.1em 0.5em;
margin-bottom:1.0em;
}
#contents_sub .sec .link{
clear:both;
text-align:right;
padding-left:13px;
margin:5px 0 10px;
}
#contents_sub .sec .link img{
vertical-align:middle;
}
#contents_sub .sec .center_link {
clear:both;
padding:10px 0 5px;
}
#contents_sub .sec .center_link li{
padding-right:20px;
display:inline;
}
#contents_sub .items {
_zoom: 1;
overflow: hidden;
vertical-align: top;
}
#contents_sub table{
width:100%;
border-collapse:separate;
border-spacing:1px;
margin-bottom: 20px;
}
#contents_sub table caption{
text-align:left;
}
#contents_sub table th,td{
text-align:left;
padding:0.6em;
border-right: #CECECE 1px solid;
border-bottom: #CECECE 1px solid;
}
#contents_sub table th{
font-weight:bold;
background-color:#DAF0FE;
white-space:nowrap;
}
#contents_sub table td{
background-color: #F6F6F6;
}
#contents_sub .items dt {
font-weight:bold;
padding:5px 8px 5px 30px;
width: 100px;
display: inline-block;
/display: inline;
/zoom: 1;
background: url(../img/dt_bk.gif) 8px 0.6em no-repeat;
vertical-align: top;
border-bottom:1px solid #FFFFFF;
}
#contents_sub .items dd {
display: inline-block;
/display: inline;
/zoom: 1;
width:483px;
padding:5px 0 0 10px;
vertical-align: top;
border-left:1px solid #cccccc;
border-bottom:1px solid #FFFFFF;
}

/* バックナンバー */
dl.backnumber{
padding-bottom:60px;
clear:both;
} 
.backnumber dt{
float: left;
clear: none;
padding: 10px 0;
width: 8em;
font-weight: bold;
}
.backnumber dd{
padding: 10px 0 10px 0;
border-bottom: 1px #CCCCCC dotted;
position: relative;
}

/* お知らせ */
#contents_sub #news h1{
width:500px;
float:left;
line-height:1.3em;
margin-bottom:10px;
}
#contents_sub #news .date{
width:120px;
float:right;
text-align:center;
background:#0066CC;
font-size:smaller;
font-weight:bold;
color:#FFFFFF;
padding:0.2em;
}
#contents_sub #news p{
clear:both; 
padding:10px 10px 20px 0;
}

#contents_sub #news dt{
font-weight:bold;
color:#0066CC;
}
/* -- [ contents_sub 二段組み] --------------------------------------- */

#contents_sub .sec div.columnA_1 {
margin:0 auto 15px;
float: right;
clear: both;
width: 525px;
}
#contents_sub .sec div.columnA_2 {
margin:0 auto 15px;
float: right;
width: 110px;
}
#contents_sub .sec div.columnA_1 h4{
margin-bottom:0;
}
#contents_sub .sec div.columnB_1 {
margin:0 auto 15px;
float: right;
width: 425px;
}
#contents_sub .sec div.columnB_1 h4{
margin-bottom:0;
}
#contents_sub .sec div.columnB_2 {
margin:0 auto 15px;
float: right;
width: 210px;
}
#contents_sub .sec div.columnC_1 {
margin:0 auto 15px;
float: left;
clear: both;
width: 336px;
}
#contents_sub .sec div.columnC_1 h4{
margin-bottom:0;
}
#contents_sub .sec div.columnC_2 {
margin:0 auto 15px;
float: left;
width: 300px;
}
#contents_sub .sec div.columnD_1 {
margin:0 auto 15px;
float: left;
width: 210px;
}
/* -- [ vioice 先輩の声動画配置] --------------------------------------- */
#contents_sub .sec div.voice{
clear:both;
text-align:center;
background:url(../recruit/img/voice_bk.jpg);
padding:25px;
margin-bottom:40px;
}

/* -- [ contents_sub センター配置] --------------------------------------- */
#contents_sub .sec div.center {
width: 636px;
text-align:center;
}

/* -- [ page_top ] --------------------------------------- */
#page_top{
width:auto;
clear:both;
text-align: right;
margin: 0 50px 0 0;
padding-top:10px;
border-bottom: #EAEAEA solid 1px;
}



/* -- [ footer ] --------------------------------------- */
#footer{
width:961px;
height:auto;
margin:25px auto 0;
padding:0;
background:url(../img/footer.jpg) no-repeat top center #0168B5;
text-align:right;
}
/* フッターテキストナビ */
#f_navi{
font-size:1.2em;
width:961px;
height:auto;
padding-top:20px;
color:#FFFFFF;
}

#f_navi ul{
padding-right:22px;
list-style-type:none;
}

#f_navi li{
padding:0;
display:inline;
}

#f_navi li a {
width:auto;
padding:0 1em;
color:#ffffff;
border-left:1px solid #ffffff;
}

#f_navi li a:hover {
width:auto;
border-left:1px solid #ffffff;
}

#f_navi li.f_last a {
border-right:1px solid #ffffff;
}
/* komeriリンク */
#komeri{
font-size:1em;
height:auto;
padding:10px 20px 20px 0;
color: #FFFFFF;
letter-spacing:0.1em;
}

#komeri img{
vertical-align:middle;
}
#komeri a{
color:#FFFFFF;
}
/* コピーライト */
#copy{
font-size:1.2em;
height:auto;
padding:10px 0 20px;
color: #FFFFFF;
letter-spacing:0.1em;
text-align: center;
}