/* 09/06/15SEO対策のHTML変更に伴う追加 */
h1 span {
	display:none;
}

h2{
	display:none;
}

.flash {
	width:760px;
	height:300px;
	margin: auto;
	padding:0;
	text-align:left;
}

.purpletxt {
	font-size:10px;
	color:#4f174f;
}

/* contents部分・ページによって天地変動あり */

#contents {
	clear:both;
	width:760px;
	margin: auto;
	padding:0;
	text-align:center;
	background-color:#ffffff;
	border-bottom:5px solid #602460;
}


.menu {
	width:760px;
	height:310px;
	margin:0 0 15px 0;
	background-image: url("../img/menu_back.jpg");
	text-align:left;
	float:none;
}

#topbase {
	position:relative;
	width:760px;
	height:730px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#topbase #center{
	width:760px;
	height:80px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#topbase #center #banner {
	width:355px;
	height:60px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 14px;
	text-align: left;
	float: left;
}

#topbase #center #removal{
	width:345px;
	height:70px;
	margin:5px 0px 0px 15px;
	padding:5px;
	text-align: left;
	float: left;
	border: solid 1px #FF0000;
	line-height:17px;
}

#removal h3 {
	margin:0;
	padding:0 0 5px 0;	
	font-size:15px;
	color:#FF0000;
}

#topbase #under{
	float:left;
	width:370px;
	height:200px;
	margin:0 auto;
	text-align:left;
	padding-top:20px;
}

#topbase #under #search {
	float:left;
	height:40px;
	width:370px;
	padding-left:20px;
}

#topbase #under #accessory{
	float:left;
	height:100px;
	width:370px;
}

#topbase #under #accessory #isms {
	float:left;
	padding-left:20px;
	margin-top:10px;
	width:137px;
	height:80px;
	text-align:left;
	font-size:10px;
}

#topbase #under #accessory #qr {
	float:left;
	padding-left:20px;
	margin-top:9px;
	width:55px;
	height:80px;
	text-align:center;
	font-size:10px;
}


#topbase #topics{
	width:760px;
	height:320px;
	margin:0 auto;
}

#topbase #topics #news {
	float:left;
	width:370px;
	height:220px;
}

#topbase #topics #rink {
	float:left;
	width:360px;
	height:220px;
}

.toplongbar {
	width:355px;
	height:27px;
	background-image: url("../img/longbar2.jpg");
	padding:0;
	margin-left:14px;
	text-align:left;
	/*clear:both;*/
	float:left;
}

.tit12 {
	margin:0 0 0 10px;
	padding-top:6px;
	font-size:12px;
}

#table {
	width:370px;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 14px;
	text-align:center;
	/*clear:both;*/
	float: left;
}
.rink{
	width: 335px;
	margin-left:5px;
	padding:0;
	text-align:left;
	float:right;
}

.arrow{
	width: 10px;
	margin:0;
	padding:0;
	text-align:right;
	float:left;
}

.new{
	width: 270px;
	margin-left:5px;
	padding:0;
	text-align:left;
	float:right;
}

.date{
	width:80px;
	margin:0;
	padding:0;
	text-align:left;
	float:left;
	font-size:92%;
}

hr{
	clear:both;
	visibility:hidden;
}


.results {
	width:707px;
	margin:0;
	padding:10px 30px 0 23px;
	text-align:center;
	float:left;
}

.results2 {
	width:707px;
	margin:0;
	padding:5px 30px 10px 23px;
	text-align:left;
	float:left;
}


.samplebox {
	width:160px;
	height:120px;
	float:left;
	text-align:left;
	margin:0;
	padding:0;
}

.samplebox2 {
	width:160px;
	float:left;
	text-align:left;
	padding:0;
	margin-top:5px;

}


.imagespoce {
	width:22px;
	float:left;
	margin:0;
	padding:0;
}


#btn_top {
	margin-top:20px;
	width:750px;
	clear:both;
	float:left;
	text-align:right;
}

.list_longbar {
	width:365px;
	float:left;
}

.list_button {
	text-align:right;
	margin:3px 3px 0 3px;

}

/* メニュー部分・ページによって天地変動あり */


.menubox {
	width:180px;
	height:300px;
	margin:0;
	padding-left:8px;
	float:left;
	text-align:left;
}


/* 事業案内 */
.menu ul.nav {
	width:180px;
	height:300px;
	color:#333333;
	background:url(../img/topbusiness_menu.jpg) ;
	margin-top:4px;
	background-repeat:no-repeat;
}

.menu ul.nav li {
	list-style:none;
	display:block;
	margin:auto;
	float:left;
	text-indent:-9999px;
	width:180px;
}

.menu ul.nav li a {
	margin:auto;
	display:block;
	text-decoration:none;
	background-image:url(../img/topbusiness_menu.jpg);
	background-repeat:no-repeat;
}


.menu ul.nav li.nav-business,.menu ul.nav li.nav-business a  { height:46px; }
.menu ul.nav li.nav-web,.menu ul.nav li.nav-web a { height:21px; }
.menu ul.nav li.nav-iphone,.menu ul.nav li.nav-iphone a { height:33px; }
.menu ul.nav li.nav-signage,.menu ul.nav li.nav-signage a { height:16px; }
.menu ul.nav li.nav-seo,.menu ul.nav li.nav-seo a { height:18px; }
.menu ul.nav li.nav-mobile,.menu ul.nav li.nav-mobile a { height:18px; }
.menu ul.nav li.nav-dvd,.menu ul.nav li.nav-dvd a { height:16px; }
.menu ul.nav li.nav-graphic,.menu ul.nav li.nav-graphic a { height:17px; }
.menu ul.nav li.nav-dtp,.menu ul.nav li.nav-dtp a { height:17px; }
.menu ul.nav li.nav-dtpprint,.menu ul.nav li.nav-dtpprint a { height:18spx; }
.menu ul.nav li.nav-marketing,.menu ul.nav li.nav-marketing a { height:35px; }
.menu ul.nav li.nav-translation,.menu ul.nav li.nav-translation a { height:15px; }
.menu ul.nav li.nav-rakudaya,.menu ul.nav li.nav-rakudaya a { height:22px; }

.menu ul.nav li.nav-business a  { background-position: 0 0; }
.menu ul.nav li.nav-web a { background-position: 0 -46px; }
.menu ul.nav li.nav-iphone a { background-position: 0 -67px; }
.menu ul.nav li.nav-signage a { background-position: 0 -100px; }
.menu ul.nav li.nav-seo a { background-position: 0 -116px; }
.menu ul.nav li.nav-mobile a   { background-position: 0 -134px; }
.menu ul.nav li.nav-dvd a    { background-position: 0 -152px; }
.menu ul.nav li.nav-graphic a   { background-position: 0 -168px; }
.menu ul.nav li.nav-dtp a   { background-position: 0 -185px; }
.menu ul.nav li.nav-dtpprint a   { background-position: 0 -203px; }
.menu ul.nav li.nav-marketing a      { background-position: 0 -220px; }
.menu ul.nav li.nav-translation a   { background-position: 0 -255px; }
.menu ul.nav li.nav-rakudaya a   { background-position: 0 -270px; }

.menu ul.nav li.nav-business a:hover  { background-position: 100% 0; }
.menu ul.nav li.nav-web a:hover { background-position: 100% -46px; }
.menu ul.nav li.nav-iphone a:hover { background-position: 100% -67px; }
.menu ul.nav li.nav-signage a:hover { background-position: 100% -100px; }
.menu ul.nav li.nav-seo a:hover { background-position: 100% -116px; }
.menu ul.nav li.nav-mobile a:hover   { background-position: 100% -134px; }
.menu ul.nav li.nav-dvd a:hover    { background-position: 100% -152px; }
.menu ul.nav li.nav-graphic a:hover   { background-position: 100% -168px; }
.menu ul.nav li.nav-dtp a:hover   { background-position: 100% -185px; }
.menu ul.nav li.nav-dtpprint a:hover   { background-position: 100% -203px; }
.menu ul.nav li.nav-marketing a:hover      { background-position: 100% -220px; }
.menu ul.nav li.nav-translation a:hover   { background-position: 100% -255px; }
.menu ul.nav li.nav-rakudaya a:hover   { background-position: 100% -270px; }

.menu ul.nav li.nav-business.current-page  { background:url(../img/topbusiness_menu.jpg) 100% 0; }
.menu ul.nav li.nav-web.current-page { background:url(../img/topbusiness_menu.jpg) 100% -46px; }
.menu ul.nav li.nav-iphone.current-page { background:url(../img/topbusiness_menu.jpg) 100% -67px; }
.menu ul.nav li.nav-signage.current-page { background:url(../img/topbusiness_menu.jpg) 100% -100px; }
.menu ul.nav li.nav-seo.current-page { background:url(../img/topbusiness_menu.jpg) 100% -116px; }
.menu ul.nav li.nav-mobile.current-page   { background:url(../img/topbusiness_menu.jpg) 100% -134px; }
.menu ul.nav li.nav-dvd.current-page    { background:url../img/topbusiness_menu.jpg) 100% -152px; }
.menu ul.nav li.nav-graphic.current-page   { background:url(../img/topbusiness_menu.jpg) 100% -168px; }
.menu ul.nav li.nav-dtp.current-page   { background:url(../img/topbusiness_menu.jpg) 100% -185px; }
.menu ul.nav li.nav-dtpprint.current-page   { background:url(../img/topbusiness_menu.jpg) 100% -203px; }
.menu ul.nav li.nav-marketing.current-page      { background:url(../img/topbusiness_menu.jpg) 100% -220px; }
.menu ul.nav li.nav-translation.current-page   { background:url(../img/topbusiness_menu.jpg) 100% -255px; }
.menu ul.nav li.nav-rakudaya.current-page   { background:url(../img/topbusiness_menu.jpg) 100% -270px; }







/* 制作実績 */

.menu ul.nav2 {
	width:180px;
	height:300px;
	color:#333333;
	background:url(../img/topportfolio_menu.jpg);
	margin-top:4px;
	background-repeat:no-repeat;
}

.menu ul.nav2 li {
	list-style:none;
	display:block;
	margin:auto;
	float:left;
	text-indent:-9999px;
	width:180px;
}

.menu ul.nav2 li a {
	margin:auto;
	display:block;
	text-decoration:none;
	background-image:url(../img/topportfolio_menu.jpg);
	background-repeat:no-repeat;
}


.menu ul.nav2 li.nav-portfolio,.menu ul.nav2 li.nav-portfolio a  { height:46px; }
.menu ul.nav2 li.nav-web2,.menu ul.nav2 li.nav-web2 a	{ height:22px; }
.menu ul.nav2 li.nav-iphone2,.menu ul.nav2 li.nav-iphone2 a	{ height:17px; }
.menu ul.nav2 li.nav-graphic2,.menu ul.nav2 li.nav-graphic2 a	{ height:17px; }
.menu ul.nav2 li.nav-dtp2,.menu ul.nav2 li.nav-dtp2 a { height:17px; }
.menu ul.nav2 li.nav-dtpprint2,.menu ul.nav2 li.nav-dtpprint2 a { height:21px; }

.menu ul.nav2 li.nav-portfolio a  { background-position: 0 0; }
.menu ul.nav2 li.nav-web2 a { background-position: 0 -46px; }
.menu ul.nav2 li.nav-iphone2 a { background-position: 0 -68px; }
.menu ul.nav2 li.nav-graphic2 a   { background-position: 0 -85px; }
.menu ul.nav2 li.nav-dtp2 a    { background-position: 0 -102px; }
.menu ul.nav2 li.nav-dtpprint2 a   { background-position: 0 -119px; }


.menu ul.nav2 li.nav-portfolio a:hover  { background-position: 100% 0; }
.menu ul.nav2 li.nav-web2 a:hover { background-position: 100% -46px; }
.menu ul.nav2 li.nav-iphone2 a:hover { background-position: 100% -68px; }
.menu ul.nav2 li.nav-graphic2 a:hover   { background-position: 100% -85px; }
.menu ul.nav2 li.nav-dtp2 a:hover   { background-position: 100% -102px; }
.menu ul.nav2 li.nav-dtpprint2 a:hover   { background-position: 100% -119px; }

.menu ul.nav2 li.nav-portfolio.current-page  { background:url(../img/topportfolio_menu.jpg) 100% 0; }
.menu ul.nav2 li.nav-web2.current-page { background:url(../img/topportfolio_menu.jpg) 100% -46px; }
.menu ul.nav2 li.nav-iphone2.current-page { background:url(../img/topportfolio_menu.jpg) 100% -68px; }
.menu ul.nav2 li.nav-graphic2.current-page   { background:url(../img/topportfolio_menu.jpg) 100% -85px; }
.menu ul.nav2 li.nav-dtp2.current-page   { background:url(../img/topportfolio_menu.jpg) 100% -102px; }
.menu ul.nav2 li.nav-dtpprint2.current-page   { background:url(../img/topportfolio_menu.jpg) 100% -119px; }



/* 会社案内 */

.menu ul.nav3 {
	width:180px;
	height:300px;
	color:#333333;
	background:url(../img/topcompany_menu.jpg);
	margin-top:4px;
	background-repeat:no-repeat;
}

.menu ul.nav3 li {
	list-style:none;
	display:block;
	margin:auto;
	float:left;
	text-indent:-9999px;
	width:180px;
}

.menu ul.nav3 li a {
	margin:auto;
	display:block;
	text-decoration:none;
	background-image:url(../img/topcompany_menu.jpg);
	background-repeat:no-repeat;
}


.menu ul.nav3 li.nav-company,.menu ul.nav3 li.nav-company a  { height:46px; }
.menu ul.nav3 li.nav-summary,.menu ul.nav3 li.nav-summary a	{ height:22px; }
.menu ul.nav3 li.nav-history,.menu ul.nav3 li.nav-history a	{ height:15px; }
.menu ul.nav3 li.nav-idea,.menu ul.nav3 li.nav-idea a { height:17px; }
.menu ul.nav3 li.nav-access,.menu ul.nav3 li.nav-access a { height:18px; }
.menu ul.nav3 li.nav-inquiry,.menu ul.nav3 li.nav-inquiry a { height:17px; }
.menu ul.nav3 li.nav-privacy,.menu ul.nav3 li.nav-privacy a { height:20px; }
.menu ul.nav3 li.nav-iso,.menu ul.nav3 li.nav-iso a { height:40px; }

.menu ul.nav3 li.nav-company a  { background-position: 0 0; }
.menu ul.nav3 li.nav-summary a { background-position: 0 -46px; }
.menu ul.nav3 li.nav-history a   { background-position: 0 -68px; }
.menu ul.nav3 li.nav-idea a    { background-position: 0 -83px; }
.menu ul.nav3 li.nav-access a   { background-position: 0 -100px; }
.menu ul.nav3 li.nav-inquiry a     { background-position: 0 -118px; }
.menu ul.nav3 li.nav-privacy a    { background-position: 0 -134px; }
.menu ul.nav3 li.nav-iso a    { background-position: 0 -150px; }


.menu ul.nav3 li.nav-company a:hover  { background-position: 100% 0; }
.menu ul.nav3 li.nav-summary a:hover { background-position: 100% -46px; }
.menu ul.nav3 li.nav-history a:hover   { background-position: 100% -68px; }
.menu ul.nav3 li.nav-idea a:hover   { background-position: 100% -83px; }
.menu ul.nav3 li.nav-access a:hover   { background-position: 100% -100px; }
.menu ul.nav3 li.nav-inquiry a:hover      { background-position: 100% -118px; }
.menu ul.nav3 li.nav-privacy a:hover    { background-position: 100% -134px; }
.menu ul.nav3 li.nav-iso a:hover    { background-position: 100% -150px; }


.menu ul.nav3 li.nav-company.current-page  { background:url(../img/topcompany_menu.jpg) 100% 0; }
.menu ul.nav3 li.nav-summary.current-page { background:url(../img/topcompany_menu.jpg) 100% -46px; }
.menu ul.nav3 li.nav-history.current-page   { background:url(../img/topcompany_menu.jpg) 100% -68px; }
.menu ul.nav3 li.nav-idea.current-page   { background:url(../img/topcompany_menu.jpg) 100% -83px; }
.menu ul.nav3 li.nav-access.current-page   { background:url(../img/topcompany_menu.jpg) 100% -100px; }
.menu ul.nav3 li.nav-inquiry.current-page      { background:url(../img/topcompany_menu.jpg) 100% -118px; }
.menu ul.nav3 li.nav-privacy.current-page    { background:url../img/topcompany_menu.jpg 100% -134px; }
.menu ul.nav3 li.nav-iso.current-page    { background:url../img/topcompany_menu.jpg 100% -150px; }



/* 採用情報 */

.menu ul.nav4 {
	width:180px;
	height:300px;
	color:#333333;
	background:url(../img/toprecruit_menu.jpg);
	margin-top:4px;
	background-repeat:no-repeat;
}

.menu ul.nav4 li {
	list-style:none;
	display:block;
	margin:auto;
	float:left;
	text-indent:-9999px;
	width:180px;
}

.menu ul.nav4 li a {
	margin:auto;
	display:block;
	text-decoration:none;
	background-image:url(../img/toprecruit_menu.jpg);
	background-repeat:no-repeat;
}


.menu ul.nav4 li.nav-recruit,.menu ul.nav4 li.nav-recruit a  { height:46px; }
.menu ul.nav4 li.nav-recruit2,.menu ul.nav4 li.nav-recruit2 a	{ height:20px; }


.menu ul.nav4 li.nav-recruit a  { background-position: 0 0; }
.menu ul.nav4 li.nav-recruit2 a { background-position: 0 -46px; }


.menu ul.nav4 li.nav-recruit a:hover  { background-position: 100% 0; }
.menu ul.nav4 li.nav-recruit2 a:hover { background-position: 100% -46px; }


.menu ul.nav4 li.nav-recruit.current-page  { background:url(../img/toprecruit_menu.jpg) 100% 0; }
.menu ul.nav4 li.nav-recruit2.current-page { background:url(../img/toprecruit_menu.jpg) 100% -46px; }