@charset "utf-8";
@import url("base.css"); /* common stylesheet */

#dammy {
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0 0;
	width: 216px;
	overflow: hidden;
	display: block;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}

/* layout
--------- --------- --------- --------- --------- */
#wrapper {
	background: url('../images/common/wrapper.jpg') repeat-x;
	background-position: center top;
	margin:0;
	padding:0;
	min-width: 980px;
	}

.header_block {
	margin:0 auto;
	padding:0;
	width:960px;
	height:130px;
	text-align: left;
	}

.contents_block {
	background: url('../images/common/bottom_back.jpg') repeat-x;
	background-position: center bottom;
	margin:0;
	}
	
.contents_body {
	margin:0 auto;
	padding:0;
	width:960px;
	text-align: left;
	}

#wrapper2 {
	min-width: 980px;
	background: url('../images/common/flinks_back2.jpg') repeat;
	margin:0;
	}
	
.bottom_block {
	background: url('../images/common/bottom_back3.png') repeat-x;
	background-position: center top;
	margin:0;
	}
	
.bottom {
	background: url('../images/common/bottom_back1.jpg') no-repeat;
	margin:0 auto;
	padding:130px 0 30px 0;
	width:960px;
	color:#FFF;
	font-size:1.2em;
	text-align: left;
	}
	
/* #header
--------- --------- --------- --------- --------- */
.header {
	margin:0;
	padding:22px 0 0 0;
	width:960px;
	height:59px;
	position: relative;
	}
	
h1 {
	position: absolute;
	top:10px;
	right:0;
	font-size: 1.3em;
	font-weight: bold;
	}

.logo {
	margin:0;
	width:255px;
	height:40px;
	}

.logo a {
	background: url('../images/common/logo.jpg') no-repeat;
	margin: 0;
	padding: 40px 0 0 0;
	width: 255px;
	overflow: hidden;
	display: block;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}

.hlinks {
	position: absolute;
	top:45px;
	right:0;
	font-size: 1.3em;
	}

.hlinks li {
	margin:0;
	float:left;
	}
	
.hlinks li a {
	margin:0 5px;
	color:#333;
	}
	
.hlinks li.last a {	
	margin:0 0 0 5px;
	}

.gnavi_area {
	margin:0;
	height:49px;
	}

.gnavi {
	margin:0;
	}

.gnavi li {
	margin:0 35px 0 0;
	width:135px;
	height:49px;
	float:left;
	}
	
.gnavi li.gnavi1 {
	margin:0;
	width:230px;
	}
	
.gnavi li.gnavi2 {
	margin:0;
	width:170px;
	}
	
.gnavi li.gnavi3 {
	margin:0;
	width:140px;
	}
	
.gnavi li.gnavi4 {
	margin:0;
	width:140px;
	}
	
.gnavi li.gnavi5 {
	margin:0;
	width:160px;
	}
	
.gnavi li.gnavi6 {
	margin:0;
	width:100px;
	}

.gnavi li a {
	margin: 0;
	padding: 49px 0 0 0;
	width: 135px;
	overflow: hidden;
	display: block;
	height: 0px!important;
	height /**/:49px;/* for ie5.x */	
	}
	
.gnavi li.gnavi1 a {
	background: url('../images/common/gnavi1.jpg') no-repeat;
	width:230px;
	}
	
.gnavi li.gnavi2 a {
	background: url('../images/common/gnavi2.jpg') no-repeat;
	width:170px;
	}
	
.gnavi li.gnavi3 a {
	background: url('../images/common/gnavi3.jpg') no-repeat;
	width:140px;
	}
	
.gnavi li.gnavi4 a {
	background: url('../images/common/gnavi4.jpg') no-repeat;
	width:140px;
	}
	
.gnavi li.gnavi5 a {
	background: url('../images/common/gnavi5.jpg') no-repeat;
	width:160px;
	}
	
.gnavi li.gnavi6 a {
	background: url('../images/common/gnavi6.jpg') no-repeat;
	width:100px;
	}
	
.gnavi li.on a,
.gnavi li a:hover {
	background-position: 0 -49px;
	}

/* #main
--------- --------- --------- --------- --------- */
.bread_area {
	position:relative;
	margin:0 0 12px 0;
	padding:5px 10px;
	width:940px;
	background-color: #ffffff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px #F2F2F2;
	-webkit-box-shadow: 1px 1px 1px #F2F2F2;
	box-shadow: #E8E9E2 1px 1px 1px;
	behavior:url("./js/PIE.htc");
	}
	
.bread_area ol {
	margin:0;
	font-size:1.2em;
	}
	
.bread_area ol li {
	margin:0;
	color:#414141;
	float:left;
	}
	
.bread_area ol li a {
	margin:0;
	color:#069;
	text-decoration: underline;
	}
	
.bread_area ol li b {
	
	}
	
.term_title {
	margin:0 0 5px 0;
	font-size:1.6em;
	font-weight: bold;
	color:#329933;
	}
	
.term {
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #CCC;
	height:150px;
	overflow-y: scroll;
	}

.term h4 {
	margin:0 0 5px 0;
	font-size:1.4em;
	font-weight: bold;
	}

.term h4 b {
	margin:0 5px 0 0;
	}

.term_ex {
	margin:0 0 15px 0;
	font-size:1.4em;
	}
	
.term_ex a {
	color:#333;
	text-decoration: underline;
	}
	
.term_ex.ssl {
	padding:0 150px 0 0;
	width:500px;
	text-align: left;
	position: relative;
	}
	
.term_ex.ssl a {
	position: absolute;
	top:0;
	right:0;
	}
	
/* #side
--------- --------- --------- --------- --------- */
.common_banner1,
.common_banner2,
.common_banner3,
.common_banner4,
.common_banner5,
.my_navi_banner, 
.common_banner_aotani,
.common_banner_yujin  {
	margin:0 0 10px 0;
	width:184px;
	height:64px;
	}
	
.common_banner1 a,
.common_banner2 a,
.common_banner3 a,
.common_banner4 a,
.common_banner5 a,
.common_banner_aotani a,
.common_banner_yujin a {
	background: url('../images/common/common_banner1.jpg') no-repeat;
	margin: 0;
	padding: 64px 0 0 0;
	width: 184px;
	overflow: hidden;
	display: block;
	height: 0px!important;
	height /**/:64px;/* for ie5.x */
	}
	
.common_banner2 a {
	background: url('../images/common/common_banner2.jpg') no-repeat;
	}
	
.common_banner3 a {
	background: url('../images/common/common_banner3.jpg') no-repeat;
	}
	
.common_banner4 a {
	background: url('../images/common/common_banner4.jpg') no-repeat;
	}

.common_banner5 a {
	background: url('../images/common/internship_2017.jpg') no-repeat;
	}
	
.common_banner_aotani a {
	background: url('../images/common/common_banner_aotani.jpg') no-repeat;
	}
	
.common_banner_yujin a {
	background: url('../images/common/common_banner_yujin.jpg') no-repeat;
	}
	
.common_banner1 a:hover,
.common_banner2 a:hover,
.common_banner3 a:hover,
.common_banner4 a:hover,
.common_banner5 a:hover,
.common_banner_aotani a:hover,
.common_banner_yujin a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	zoom:1;
	}

/* #flinks_block
--------- --------- --------- --------- --------- */	
.flinks_block {
	background: url('../images/common/flinks_back1.jpg') repeat;
	margin:0;
	border-bottom:1px solid #F1EEE8;
	}
	
.flinks1area {	
	margin:0 auto;
	padding:30px 0 45px 290px;
	width:670px;
	text-align: left;
	position: relative;
	}
	
.flinks1area h3 {
	position: absolute;
	top:30px;
	left:0;
	margin:0;
	width:255px;
	height:43px;
	}
	
.flinks1area h3 a {
	position: absolute;
	top:0;
	left:0;
	margin:0;
	background: url('../images/common/flogo.jpg') no-repeat;
	margin: 0;
	padding: 43px 0 0 0;
	width: 255px;
	overflow: hidden;
	display: block;
	height: 0px!important;
	height /**/:43px;/* for ie5.x */
	}

.flinks1area p {
	-webkit-text-size-adjust: 100%;
	margin:0 0 30px 0;
	font-size:1.3em;
	line-height: 1.6;
	color:#404040;
	}

.flinks1area ul {
	margin:0;
	}

.flinks1area ul li {
	margin:0 35px 0 0;
	width:125px;
	height:16px;
	}

.flinks1area ul li.flink_m2 {
	width:140px;
	}

.flinks1area ul li.flink_m3 {
	width:150px;
	}

.flinks1area ul li.flink_m4 {
	margin:0;
	width:158px;
	}

.flinks1area ul li a {	
	margin: 0;
	padding: 16px 0 0 0;
	width: 125px;
	overflow: hidden;
	display: block;
	height: 0px!important;
	height /**/:16px;/* for ie5.x */
	}

.flinks1area ul li.flink_m1 {
	background: url('../images/common/flink_m1.jpg') no-repeat;
	}

.flinks1area ul li.flink_m2 {
	background: url('../images/common/flink_m2.jpg') no-repeat;
	width:140px;
	}

.flinks1area ul li.flink_m3 {
	background: url('../images/common/flink_m3.jpg') no-repeat;
	width:150px;
	}

.flinks1area ul li.flink_m4 {
	background: url('../images/common/flink_m4.jpg') no-repeat;
	width:158px;
	}
		
.flinks2area {
	margin:0 auto;
	padding:30px 0 50px 0;
	width:960px;
	text-align: left;
	}
	
.flink_box {
	margin:0;
	width:190px;
	float:left;
	}

.flink_box h3 {
	margin:0 0 15px 0;
	font-size:1.4em;
	}

.flink_box h3 a {
	margin:0;
	font-weight: bold;
	color:#333;
	}
	
.flink_box ul {	
	margin:0;
	font-size:1.3em;
	}
	
.flink_box ul li {	
	margin:0 0 5px 0;
	}

.flink_box ul li a {
	margin:0;
	color:#333;
	}

.flink_box ul li a:hover {
	text-decoration: underline;
	}

/* #footer
--------- --------- --------- --------- --------- */
.tlink {
	margin:0 0 30px 0;
	padding:0;
	text-align: center;
	}
	
.tlink a {
	margin:0;
	color:#FFF;
	}

.copy {
	margin:0;
	padding:0;
	text-align: center;
	}

.flink_box h3 a:hover,
.hlinks li a:hover {
	text-decoration: underline;
}


/* sub_navigation
--------- --------- --------- --------- --------- */
.subnavi_button{
    text-decoration: none;
    display: inline-block;
    text-align: center;
    color: #ffffff;
 
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(91, 91, 91, 0.2);           
    
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
}

.subnavi_button,
.subnavi_button span{
	 -moz-border-radius: .3em;
    border-radius: .3em;
}

.subnavi_button span{
    background-size: 3px 3px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: block;
    padding: 0.5em 2.5em; 
                      
    /* Pattern settings */
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
}

.subnavi_button:active{
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}

.button_blue{
    background: #006699;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#006699) );
    background: -moz-linear-gradient(-90deg, #81a8cb, #006699);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#006699');
}
 
.button_blue:hover{
    background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#006699), to(#81a8cb) );
    background: -moz-linear-gradient(-90deg, #006699, #81a8cb);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#006699', endColorstr='#81a8cb');
}
 
.button_blue:active{
    background: #006699;
}

.button_red{
    background: #DF4A4C;
    background: -webkit-gradient(linear, left top, left bottom, from(#EC9294), to(#DF4A4C) );
    background: -moz-linear-gradient(-90deg, #EC9294, #DF4A4C);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EC9294', endColorstr='#DF4A4C');
}
 
.button_red:hover{
     background: #EC9294;
    background: -webkit-gradient(linear, left top, left bottom, from(#DF4A4C), to(#EC9294) );
    background: -moz-linear-gradient(-90deg, #DF4A4C, #EC9294);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EC9294', endColorstr='#DF4A4C');
}
 
.button_red:active{
    background: #DF4A4C;
}

.button_green{
    background: #339933;
    background: -webkit-gradient(linear, left top, left bottom, from(#85C285), to(#339933) );
    background: -moz-linear-gradient(-90deg, #85C285, #339933);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#85C285', endColorstr='#339933');
}
 
.button_green:hover{
    background: #85C285;
    background: -webkit-gradient(linear, left top, left bottom, from(#339933), to(#85C285) );
    background: -moz-linear-gradient(-90deg, #339933, #85C285);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#339933', endColorstr='#85C285');
}
 
.button_green:active{
    background: #339933;
}

.button_default{
	color: #339933;
    background: #EFEFEF;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF) );
    background: -moz-linear-gradient(-90deg, #FFFFFF, #EFEFEF);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#EFEFEF');
}
 
.button_default:hover{
    background: #FFFFFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF) );
    background: -moz-linear-gradient(-90deg, #EFEFEF, #FFFFFF);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EFEFEF', endColorstr='#FFFFFF');
}
 
.button_default:active{
    background: #EFEFEF;
}
.receptionist{
	width:654px;
	background: url('../images/services/dock/receptionist_mainbg.jpg') no-repeat right top #e9f5e9;
	padding:22px 22px 14px 22px;
	}
.receptionist dl{
	float:left;
	width:405px;
	min-height:86px;
	background: url('../images/services/dock/receptionist_dl_bg.gif') no-repeat;
	}
.receptionist dl dt{
	overflow: hidden;
	display: block;
	height: 0px!important;
	}
.receptionist dl dd{
	font-size:1.2em;
	line-height:1.4;
	width:255px;
	padding:0px 0px 0px 155px;
	}
.receptionist p.tel{
	float:right;
	background: url('../images/services/dock/receptionist_tel.jpg') no-repeat;
	padding:86px 0 0 0;
	width:236px;
	overflow: hidden;
	display: block;
	height: 0px!important;
	height /**/:86px;/* for ie5.x */
}
.receptionist_info{
	margin:0px 0px 15px 0px;
	}
.receptionist_info a{
	background: url('../images/services/dock/receptionist_info.gif') no-repeat;
	margin:0 auto;
	padding: 43px 0 0 0;
	width: 700px;
	overflow: hidden;
	display: block;
	height: 0px!important;
	height /**/:43px;/* for ie5.x */
	}

.receptionist_info a:hover {
	opacity: .7;
}

.gdock_receptionist{
	margin:10px 0px 0px 0px;
	}
.gdock_receptionist span{
	background: url('../images/services/dock/receptionist_snavi.gif') no-repeat;
	width:184px;
	padding:169px 0 0 0;
	overflow: hidden;
	display: block;
	height: 0px!important;
	height /**/:169px;/* for ie5.x */
}
.gdock_receptionist a{
	background: url('../images/services/dock/receptionist_snavi_button.gif') no-repeat;
	margin:0 auto;
	padding: 38px 0 0 0;
	width: 184px;
	overflow: hidden;
	display: block;
	height: 0px!important;
	height /**/:38px;/* for ie5.x */
}

.gdock_system_btn {
	margin: 0 0 25px;
}

.gdock_system_btn a {
	display: block;
	height: 0;
	padding: 122px 0 0;
	overflow: hidden;
	background: url('../images/common/gdock_system_btn.jpg') no-repeat;
}

.gdock_system_btn a:hover {
	opacity: .7;
}

/* sp用ボタン
--------- --------- --------- --------- --------- */
#sp_jump {
	display: none;
	margin:0;
	padding:10px;
	background-color: #FFF;
	}
	
#sp_jump p {
	margin:0;
	}
	
#sp_jump p a img {
	margin:0;
	width:100%;
	}


/* マイナビバナー
--------- --------- --------- --------- --------- */

.my_navi_banner a {
	display: block;
	height: 0;
	padding: 64px 0 0;
	overflow: hidden;
	background: url('../images/common/mynavi.jpg') no-repeat;
}

.my_navi_banner a:hover {
	opacity: 0.7;
}