@charset "utf-8";

/*-- top.css --*/

#topBox1,#topBox3{ /margin-bottom:6px;}
#topBox2 a:hover,#topBox3 a:hover{ text-decoration:none;}
.box1,.box3,.box4,.box5{
	float:left;
	width:476px;
}
.box2,.box6{
	float:left;
	width:468px;
}
.box1,.box3,.box5{ margin-right:6px;}
.adoDec h2,.adoInfo a,.box2 h2,.past .ttl,.box6 p a{
	background:url(../images/spt_top.png) no-repeat;
	text-indent:-9999px;
}
.box1 .shadow:hover,.box3 .shadow:hover,.box4 .shadow:hover,.box5 .shadow:hover,.box6 .shadow:hover{
	box-shadow: 2px 2px 2px #7d7d7d;
	-moz-box-shadow: 2px 2px 2px #7d7d7d;
	-webkit-box-shadow: 2px 2px 2px #7d7d7d;
}

/* box */
.box1 .wrpBg{
	float:left;
}
.box1 .modal{ 
	margin-right:6px;
	_margin-right:3px;
}
.adoDec h2,.adoInfo a{
	height:102px;
	width:227px;
}
.adoDec h2{ background-position:0 0;}
.adoDec h2:hover{ background-position:-230px 0;}
.adoInfo a{
	background-position:0 -110px;
	display:block;
	overflow:hidden;
}
.adoInfo a:hover{ background-position:-230px -110px;}

.box2 .shadow{
	background-color:#fff;
	padding:6px;
	position:relative;
	font-size:90%;
}
.box2 h2{
	background-position:0 -220px;
	height:16px;
	width:63px;
	margin-bottom:4px;
}
.box2 .update{
	background:#ebebeb;
	padding:2px 5px 0 5px;
	line-height:1.3;
}
.box2 .update dt{ font-weight:bold;}
.box2 .update dd{ padding-bottom:2px;}
.box2 .more{
	background:url(../images/icn_arrow.png) no-repeat left center;
	padding-left:10px;
	position:absolute;
	top:5px;
	right:6px;
}

.box3 .wrp div,.box3 .wrp a,
.box5 div,.box5 a{ 
	float:left;
	width:227px;
}
.box3 .shadow,
.box4 .shadow,
.box5 .shadow{
	padding-bottom:9px;
}
.box3 a,.box4 a,.box5 a{
	color:#808080;
	font-size:90%;
	position:relative;
}
.box3 h2,.box4 h2,.box5 h2{
	text-indent:-9999px;
	position:absolute;
}
.box3 a p,.box4 a p,.box5 a p{
	position:absolute;
	left:15px;
	top:207px;
	width:197px;
	line-height:1.5;
}
.box3 .feature a p,
.box3 .feature3 a p,
.box3 .feature4 a p,
.box3 .feature5 a p,
.box4 .employee a p{
	top:270px;
	width:440px;
}
.box4 .yservice a p{
	top:206px;
	width:440px;
}
.box5 a p{ top:157px;}

.box3 a:hover,
.box4 a:hover,
.box5 a:hover{ text-decoration:none;}

.box3 .secFound,
.box5 .technology{ margin-right:6px;}

.box3 .wrp{ /margin-bottom:6px;}
.box3 .wrp a{ background:url(../images/spt_found.jpg) no-repeat 0 0;}

.box3 .feature a{ background:url(../images/spt_feature2.jpg) no-repeat 0 0;}
.box3 .feature3 a{ background:url(../images/spt_feature3.jpg) no-repeat 0 0;}
.box3 .feature4 a{ background:url(../images/spt_feature4.jpg) no-repeat 0 0;}
.box3 .feature5 a{ background:url(../images/spt_feature5.jpg) no-repeat 0 0;}
.box3 .feature6 p{ background:url(../images/spt_feature6.jpg) no-repeat 0 0;text-indent:-9999px;}

.box4 .employee a{ background:url(../images/spt_employee.jpg) no-repeat 0 0;}
.box4 .yservice a{ background:url(../images/spt_yservice.jpg) no-repeat 0 0;}
.box5 .technology a{ background:url(../images/spt_technology.jpg) no-repeat 0 0;}
.box5 .careerStory a{ background:url(../images/spt_technology.jpg) no-repeat 0 -240px;}

.box3 .secFound .shadow{ background:#fff url(../images/bg_bdr01.png) repeat-x left bottom;}
.box3 .strategy .shadow{ background:#fff url(../images/bg_bdr02.png) repeat-x left bottom;}

.box3 .feature .shadow,
.box3 .feature3 .shadow,
.box3 .feature4 .shadow,
.box3 .feature5 .shadow,
.box3 .feature6 .shadow{ background:#fff url(../images/bg_bdr04.png) repeat-x left bottom;}

.box4 .employee .shadow{ background:#fff url(../images/bg_bdr03.png) repeat-x left bottom;}
.box4 .yservice .shadow{ background:#fff url(../images/bg_bdr05.png) repeat-x left bottom;}
.box5 .technology .shadow{ background:#fff url(../images/bg_bdr06.png) repeat-x left bottom;}
.box5 .careerStory .shadow{ background:#fff url(../images/bg_bdr07.png) repeat-x left bottom;}

.box3 .secFound a:hover{ background-position:-227px 0;}
.box3 .strategy a{ background-position:0 -285px;}
.box3 .strategy a:hover{ background-position:-227px -285px;}
.box3 .feature a:hover,
.box3 .feature3 a:hover,
.box3 .feature4 a:hover,
.box3 .feature5 a:hover,
.box4 .employee a:hover{ background-position:0 -335px;}
.box4 .yservice a:hover{ background-position:0 -270px;}
.box5 .technology a:hover{ background-position:-235px 0;}
.box5 .careerStory a:hover{ background-position:-235px -240px;}
.box6 .fb p a{ background-position:0 -250px;}
.box6 .assist p a{ background-position:-200px -250px;}
.box6 .fb p a:hover{ background-position:-100px -250px;}
.box6 .assist p a:hover{ background-position:-300px -250px;}

.box3 a,.box4 a,.box5 a{
	display:block;
	min-height:254px;
	height: auto !important;  
    height: 254px;
	overflow:hidden;
}
.box3 .feature a,
.box3 .feature3 a,
.box3 .feature4 a,
.box3 .feature5 a,
.box3 .feature6 p,
.box4 .employee a{
	min-height:317px;
    height: 317px;
}
.box5 a{
	min-height:199px;
    height:199px;
}

.box6 .shadow{
	color:#808080;
	font-size:90%;
	padding:15px;
	line-height:1.5;
	/padding-bottom:12px;
}
.box6 p a{
	display:block;
	overflow:hidden;
	height:68px;
	width:90px;
}
.box6 .fb{
	border-bottom:1px solid #cecece;
	padding-bottom:20px;
}
.box6 li p{
	float:left;
	margin-right:10px;
}
.box6 li dl{
	float:left;
	width:333px;
}
.box6 li dt{
	color:#333;
	font-weight:bold;
	font-size:115%;
	margin-bottom:7px;
}
.box6 .assist{
	padding-top:20px;
}
#topBox3 .box6 dl a:hover{
	text-decoration:underline;
}
/* past */
.past{
	background:url(../images/bg_update.png) repeat-x;
	height:320px;
	width:600px;
	padding:7px;
	text-align:left;
}
.past .ttl{
	background-position:-70px -217px;
	height:29px;
	width:105px;
	margin-bottom:6px;
}
.past .wrp{
	background:#ebebeb;
    font-size: 80%;
    height: 285px;
    overflow: auto;
}
.past .wrp .bg{
	background:#dedede;
}
.past .wrp dl{ padding:8px 10px;}
.past .wrp dt{ font-weight:bold;}
.pastUpdate{
	height:300px;
	overflow:auto;
}

.prArea{
	text-align:center;
	font-size:90%;
	text-decoration:none;
	margin-bottom:5px;
}

.prArea a{
	padding-left:21px;
	margin:0 auto;
	background:url(http://i.yimg.jp/images/kakao/icon/kakao_16.png) no-repeat left center;
	line-height:14px;
}