@charset "utf-8";

/* pc
----------------------------------------------- */
@media screen and (min-width:960px) {

	/* nav
	----------------------------------------------- */
	
	#nav .home > a { background-position: 0 -108px; }
	
	/* opening
	----------------------------------------------- */
	
	#opening {
		position: absolute;
		top: 154px;
		left: 50%;
		margin: 0 0 0 -480px;;
		width: 960px;
		height: 300px;
		border: 1px solid rgb(220,220,220);
		background: white;
		overflow: hidden;
		z-index: 1;
		cursor: pointer;
	}
	#opening .loading {
		position: absolute;
		top: 50%;
		left: 50%;
		margin: 0 0 0 -25px;
		width: 50px;
		height: 5px;
		background: url(../../home/images/ic_loading.gif) no-repeat;
	}
	#opening .star {
		display: none;
		position: absolute;
		top: 50%;
		left: 0;
		margin: -20px 0 0;
		width: 40px;
		height: 40px;
		background: url(../../home/images/opening_star.png) no-repeat;
	}
	#opening .logo {
		display: none;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -61px 0 0 -160px;
		width: 320px;
		height: 122px;
		background: url(../../home/images/opening_logo.png) no-repeat;
	}
	#opening ul {
		display: none;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -21px 0 0 -338px;
		width: 676px;
	}
	#opening li {
		float: left;
		margin: 0 5px;
		width: 42px;
		height: 42px;
		background: url(../../home/images/opening_copy.png) no-repeat;
	}
	#opening .copy01 { background-position: 0 0; }
	#opening .copy02 { background-position: -42px 0; }
	#opening .copy03 { background-position: -84px 0; }
	#opening .copy04 { background-position: -126px 0; }
	#opening .copy05 { background-position: -168px 0; }
	#opening .copy06 { background-position: -210px 0; }
	#opening .copy07 { background-position: -252px 0; }
	#opening .copy08 { background-position: -294px 0; }
	#opening .copy09 { background-position: -336px 0; }
	#opening .copy10 { background-position: -378px 0; }
	#opening .copy11 { background-position: -420px 0; }
	#opening .copy12 { background-position: -462px 0; }
	#opening .copy13 { background-position: -504px 0; }
	
	/* mainimage
	----------------------------------------------- */
	
	#mainimage {
		position: relative;
		margin: auto;
		width: 960px;
		height: 300px;
		overflow: hidden;
	}
	#mainimage ul {
		display: none;
		position: absolute;
		top: 0;
		left: 960px;
		width: 4800px;
	}
	#mainimage li {
		float: left;
	}
	
	/* slidestatus
	----------------------------------------------- */
	
	#slidestatus {
		margin: 15px auto 0;
		width: 970px;
		height: 5px;
	}
	#slidestatus ul {
		display: none;
	}
	#slidestatus li {
		float: left;
		margin: 0 5px;
		width: 184px;
		height: 5px;
		background: rgb(230,230,230);
		cursor: pointer;
	}
	#slidestatus li img {
		width: 0;
		height: 5px;
	}

	/* contents
	----------------------------------------------- */
	
	#contents {
		margin: 10px auto 0;
	}
		
	/* section
	----------------------------------------------- */
	
	#main section {
		position: relative;
		margin: 30px 0 0 !important;
		width: 690px;
		min-height: 215px;
	}
	#main section h1 {
		width: 690px;
		height: 35px;
		text-indent: 100%;
		white-space: nowrap;
		background: url(../../home/images/section_title.png) no-repeat;
		overflow: hidden;
	}
	#main .pressrelease h1 { background-position: 0 0; }	
	#main .blog h1 { background-position: 0 -35px; }
	#main .recruit h1 { background-position: 0 -70px; }
	#main .publicity h1 { background-position: 0 -105px; }
	#main section .entries {
		margin: 7px 0 0 120px;
		width: 570px;
	}
	#main section .entries li {
		position: relative;
		font-size: 0.8em;
		border-bottom: 1px dotted rgb(220,220,220);
	}
	#main section .noentry {
		padding: 15px 0 0;
		font-size: 0.8em;
	}

	/* link */

	#main .pressrelease .entries li { background: url(../../home/images/ic_pressrelease.png) no-repeat left center; }
	#main .blog .entries .spicy_tech { background: url(../../home/images/ic_tech.png) no-repeat left center; }
	#main .blog .entries .spicy_watch { background: url(../../home/images/ic_watch.png) no-repeat left center; }
	#main .recruit .entries li { background: url(../../home/images/ic_recruit.png) no-repeat left center; }
	#main .publicity .entries li { background: url(../../home/images/ic_publicity.png) no-repeat left center; }

	/* hover */

	#main .pressrelease .entries li:hover { background-position: -800px center; }
	#main .blog .entries .spicy_tech:hover { background-position: -800px center; }
	#main .blog .entries .spicy_watch:hover { background-position: -800px center; }
	#main .recruit .entries li:hover { background-position: -800px center; }
	#main .publicity .entries li:hover { background-position: -800px center; }

	#main section .entries li a {
		display: inline-block;
		padding: 10px 0 9px 22px;
		width: 475px;
		line-height: 1em;
		vertical-align: top;
	}
	#main section .entries li time {
		position: absolute;
		top: 0;
		right: 0;
		padding: 10px 0 9px;
		width: 70px;
		color: rgb(150,150,150);
		font-size: 0.85em;
		text-align: right;
		word-break: break-all;
	}
	#main section .image {
		position: absolute;
		top: 51px;
		left: 0;
		padding: 7px 0;
		width: 105px;
		min-height: 98px;
		text-align: center;
		background: url(../../home/images/image_base.png) no-repeat;
	}
	#main section .image img {
		display: none;
	}
	#main section .button {
		position: absolute;
		top: 3px;
		right: 0;
	}
	#main section .button li {
		float: left;
		border-left: 1px solid rgb(220,220,220);
	}
	#main section .button li:first-child {
		border: 0;
	}
	
	#main section .button li a {
		display: block;
		height: 14px;
		text-indent: 100%;
		white-space: nowrap;
		background: url(../images/b_more.png) no-repeat;
		overflow: hidden;
	}
	#main section .button .rss {
		padding: 0 10px 0 0;
	}
	#main section .button .more {
		padding: 0 0 0 10px;
	}
	
	/* link */
	
	#main section .button .rss a { width: 39px; background-position: 0 0; }
	#main section .button .more a { width: 52px; background-position: -39px 0; }

	/* hover */
	
	#main section .button .rss a:hover { width: 39px; background-position: 0 -14px; }
	#main section .button .more a:hover { width: 52px; background-position: -39px -14px; }

	/* banner_service
	----------------------------------------------- */
	
	#banner_service {
		margin: 20px 0 0;
	}
	#banner_service li {
		padding: 10px 0 0;
	}
	
	/* banner_blog
	----------------------------------------------- */
	
	#banner_blog {
		margin: 15px 0 0;
		padding: 5px 0 0;
		border-top: 1px solid rgb(220,220,220);
	}
	#banner_blog li {
		padding: 10px 0 0;
	}
	
	/* facebook
	----------------------------------------------- */
	
	#facebook {
		margin: 15px 0 0;
		padding: 15px 0 0;
		border-top: 1px solid rgb(220,220,220);
	}
	
}

/* mobile
----------------------------------------------- */

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

	/* search
	----------------------------------------------- */

	#search {
		margin: 20px 0 0;
	}

	/* opening
	----------------------------------------------- */
	
	#opening {
		display: none;
	}

	/* mainimage
	----------------------------------------------- */
	
	#mainimage {
		position: relative;
		margin: auto;
		width: 320px;
		height: 100px;
		overflow: hidden;
	}
	#mainimage ul {
		position: absolute;
		top: 0;
		left: 320px;
		width: 1600px;
	}
	#mainimage li {
		float: left;
	}
	#mainimage img {
		width: 320px;
		height: auto;
	}

	/* slidestatus
	----------------------------------------------- */
	
	#slidestatus {
		position: relative;
		margin: 10px 0 0;
		height: 25px;
	}
	#slidestatus ul {
		display: none;
		margin: auto;
		padding: 11px 0 0;
		width: 240px;
	}
	#slidestatus li {
		float: left;
		margin: 0 5px;
		width: 30px;
		height: 5px;
		background: rgb(230,230,230);
	}
	#slidestatus li img {
		width: 0;
		height: 5px;
	}
	#slidestatus .prev,
	#slidestatus .next {
		position: absolute;
		top: 0;
		width: 25px;
		height: 25px;
		background: url(../images/sp/b_slide.png) no-repeat;
		cursor: pointer;
		z-index: 1;
		-webkit-background-size: 50px 25px;
		-moz-background-size: 50px 25px;
		background-size: 50px 25px;
	}
	#slidestatus .prev {
		left: 10px;
	}
	#slidestatus .next {
		right: 10px;
		background-position: -25px 0;
	}

	/* contents
	----------------------------------------------- */
	
	#contents {
		position: relative;
		margin: 10px 0 0;
		padding: 198px 0 0;
	}

	/* section
	----------------------------------------------- */

	#main .entry {
		margin: 0 10px;
	}
	#main .entry {
		margin: 0 10px;
	}
	#main .entry li {
		font-size: 1em;
		text-align: justify;
		line-height: 1.5em;
		border-bottom: 1px dotted rgb(220,220,220);
		background: url(../images/sp/ic_arrow_off.png) no-repeat left 18px;
		-webkit-background-size: 15px 15px;
		-moz-background-size: 15px 15px;
		background-size: 15px 15px;
	}
	#main .entry li a {
		display: block;
		padding: 15px 0 15px 20px;
	}
	#main .entry li time {
		display: none;
	}
	#main .button {
		display: none;
	}
	#main .image {
		display: none;
	}
	#main .noentry {
		margin: 0 10px;
		padding: 15px 0 0;
		font-size: 0.8em;
	}
		
	/* banner_service
	----------------------------------------------- */
	
	#banner_service {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		text-align: center;
	}
	#banner_service ul {
		margin: auto;
		width: 310px;
	}
	#banner_service li {
		float: left;
		margin: 10px 5px 0;
		width: 145px;
	}
	#banner_service img {
		width: 145px;
		height: 56px;
	}

	/* banner_blog
	----------------------------------------------- */
	
	#banner_blog {
		position: absolute;
		top: 132px;
		left: 0;
		width: 100%;
		text-align: center;
	}
	#banner_blog ul {
		margin: auto;
		width: 310px;
	}
	#banner_blog li {
		float: left;
		margin: 10px 5px 0;
		width: 145px;
	}
	#banner_blog img {
		width: 145px;
		height: 56px;
	}

	/* facebook
	----------------------------------------------- */
	
	#facebook {
		margin: 20px auto 0;
		text-align: center;
	}
	.fbcomments,
	.fb_iframe_widget,
	.fb_iframe_widget[style],
	.fb_iframe_widget iframe[style],
	.fbcomments iframe[style],
	.fb_iframe_widget span{
		margin: auto;
	    width: 300px !important;
	}

}

/* print
----------------------------------------------- */

@media print {

	/* display
	----------------------------------------------- */
	
	.image,
	.button {
		display: none;
	}

}