@charset "utf-8";
/* -----------------------------------------------------------
トップページ　/index.php
----------------------------------------------------------- */
#alertWrapper {
	background:#FDFCD8;
	padding:10px 12px 5px;
	margin-top:1px;
	margin-bottom:10px;
	font-size:1em;
	text-align:left;
	line-height: 1.5;
}
#alertWrapper h3{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
	color:#E00;
}

#main_top h2{
	font-size:1em;
	font-weight:bold;
}
#main_image{
	/*width:100%;
	height:254px;
	background-position:0 0;*/
}
#rental_system{
	width:100%;
	height:91px;
	background-position:0 -270px;
}
#pc_search{
	width:100%;
	height:64px;
	background-position:0 -380px;
}






#lineupWrap h3,
#topicsWrap h3,
#otherWrap h3{
	margin-left:5px;
	padding-left:4px;
	color:#4D4D4D;
	
	border-left:solid 6px #8db0d0;
}







#lineup_windows,
#lineup_tablet,
#lineup_mac,
#lineup_chromebook,
#lineup_edius,
#lineup_acc{
	width:96%;
	margin:0 auto;
}

#lineup_windows::after,
#lineup_tablet::after,
#lineup_mac::after,
#lineup_chromebook::after,
#lineup_edius::after,
#lineup_acc::after{
	content: "";
	display: block;
	clear:left;
}
.lineup_heading{/*共通*/
	display:none;
	/*color:#3F3F3F;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.8em;
	width:100%;
	height:1.8em;
	margin-bottom:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", 'Meiryo UI', Meiryo, 'MS PGothic', 'Segoe UI', Tahoma, Helvetica, Sans-Serif !important;*/
}
/*#title_lineup_windows{
	background-color:#ffecc1;
}
#title_lineup_tablet{background-color:#ffe745;}
#title_lineup_mac{background-color:#a3d7fe;}
#title_lineup_chromebook{background-color:#faccce;}
#title_lineup_edius{background-color:#cad0d7;}
#title_lineup_acc{background-color:#d5edd3;}*/

.lineup_heading+p{/*共通*/
	display:none;
}
/*いらないはず
#title_lineup_windows+p{display:none;}
#title_lineup_tablet+p{color:#a86d00;}
#title_lineup_mac+p{color:#0b85b9;}
#title_lineup_chromebook+p{color:#a85500;}
#title_lineup_edius+p{color:#333333;}
#title_lineup_acc+p{color:#226f26;}*/

/*.material-icons{
	font-size:1.8em;
	vertical-align:top;
	
	padding:0 4px 0 0;
	margin-right:4px;
}
#title_lineup_windows .material-icons{
	background-color:#FFF;
	color:#F49A48;
}
#title_lineup_tablet .material-icons{
	background-color:#FFF;
	color:#F7C600;
}
#title_lineup_mac .material-icons{
	background-color:#FFF;
	color:#0EADF1;
}
#lineup_chromebook .material-icons{
	background-color:#FFF;
	color:#EC005F;
}
#lineup_edius .material-icons{
	background-color:#FFF;
	color:#363C70;
}
#title_lineup_acc .material-icons{
	background-color:#FFF;
	color:#309A35;
}*/



#lineup_windows a,
#lineup_tablet a,
#lineup_mac a,
#lineup_chromebook a,
#lineup_edius a,
#lineup_acc a{
	width:96%;
	display:block;
	float:left;
	vertical-align:top;
	margin:0 2% 10px;
	
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}









.lineup_content{
	width:100%;
	min-height:160px;
	
	display:inline-block;
	vertical-align:top;
	/*margin-right:13px;*/
	/*margin-bottom:20px;*/
	position:relative;
}
.lineup_content dl{
	width:49%;
	height:100%;
	padding:0 0 0 51%;
	position:absolute;
	top:0;
	left:0;
	
	background:#FFF;
	z-index:0;
}

.lineup_content dt{
	font-size:1.4em;
	font-weight:bold;
	text-align:right;
	position:absolute;
	bottom:0.8em;
	
	width:47%;
	right:4%;
	
	z-index:100;
	background:rgba(255,255,255,0.7);
}
.lineup_content dd{
	display:none;
}
.lineup_content span{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	
	border:solid 1px #AAA;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.lineup_content span img{
	width:50%;
	height:50%;
}
/*.lineup_content p{
	position:absolute;
	bottom:0;
	left:0;
}
.lineup_content_half{
	width:348px;
}
.lineup_content_right{
	margin-right:0;
}
.lineup_content_long{
	margin-top:0;
	padding-top:0;
	width:715px;
}*/












#lineupWrap{
	margin-top:20px;
}
#lineupWrap h3,
#topicsWrap h3,
#otherWrap h3{
	margin-bottom:10px;
	color:#4D4D4D;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.4;
	
	/*background-color:#FFF;*/
	
	/*background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 80%, #8db0d0);*/
	/*background: -webkit-gradient(linear,left top,right bottom,from(#8db0d0),color-stop(0.30, #8db0d0),color-stop(0.31, #9babbb),color-stop(0.31, #ffffff),to(#ffffff));*/
	/*border-bottom:solid 3px #8db0d0;*/
}
#lineupWrap h3+p,
#lineupWrap h4+p{
	display:none;
}




















/*#img_top_windows7{
	background-position:0 0;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	background-size:100%;
}
#img_top_windows8{
	background-position:0 -149px;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	background-size:100%;
	
}
#img_top_windows10{
	background-position:0 -640px;
	-webkit-background-size:100%;
	-moz-background-size:100%;
	background-size:100%;
}




#img_top_vista{
	background-position:0 -390px;
}
#img_top_xp{
	background-position:0 -520px;
}
#img_top_ipad{
	background-position:0 -650px;
}
#img_top_android{
	background-position:0 -780px;
}
#img_top_macnote{
	background-position:0 -910px;
}
#img_top_macdesk{
	background-position:0 -1040px;
}
#img_top_chrome{
	background-position:0 -1170px;
}
#img_top_edius{
	background-position:0 -1300px;
}
#img_top_soft{
	background-position:0 -1430px;
}
#img_top_display{
	background-position:0 -1560px;
}
#img_top_peripheral{
	background-position:0 -1690px;
}
#img_top_equipment{
	background-position:0 -1820px;
}*/



#outer dd{
	width:100%;
	border-right:none;
	border-top:solid 2px #FFF;
	font-size:1.1em;
	background: url(../img/top/outer_dub.png) no-repeat -50% top;
	background-size: 100%;
	padding:0;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#outer dd:nth-child(2){
	background: url(../img/top/outer_rental.jpg) no-repeat -50% top;
	background-size: 100%;
}
#outer dd:nth-child(2) a{
	color:#FFF;
}
#outer dd a{
	border-bottom:none;
}

#outer dd:last-child{
	background: url(../img/top/outer_suitcase.jpg) no-repeat -50% top;
	background-size: 100%;
	border-bottom:solid 2px #FFF;
}
#outer dd a{
	text-align:left !important;
	line-height:1.2;
	border-bottom:none;
}












#topicsWrap{
	width:100%;
	margin:60px 0 0;
	
}
#topicsWrap dl{
	margin:0 2%;
}
#topicsWrap dt{
	font-size:1.1em;
	padding:0.4em 1% 0;
	
	/*margin:0 5px 5px;
	
	float: left;
	clear: left;*/
}
#topicsWrap dd{
	display:block;
	font-size:1.1em;
	padding: 0.4em 1%;
	border-bottom:solid 1px #CCC;
}
/*#topicsWrap dd._2n{
	background-color:#F6F6F6;
}*/
#topicsWrap a{
	/*padding:0.6em 0;*/
	display:inline-block;
}
#topicsWrap p{padding:0.6em 1%;
	text-align:right;
	
}









































#contentWrap a{
	/*display:inline-block;*/
	text-decoration:none;
}
#contentWrap a:hover{
	color:inherit;
}

.gradationBtn{
	display:none;
}






























































@media only screen and (min-width:623px){
.sprite_toppage{
	background: url(../img/top/sprite_toppage.jpg) no-repeat;
    display: block;
    text-indent: -5000px;
    overflow: hidden;
}
/*.sprite_toppage_lineup{
	background: url(../img/top/sprite_sp_toppage_lineup.jpg) no-repeat;
    display: block;
    text-indent: -5000px;
    overflow: hidden;
}*/

#lineup_windows,
#lineup_tablet,
#lineup_mac,
#lineup_chromebook,
#lineup_edius,
#lineup_acc{
	position:relative;
	width:100%;
	/*margin:0 auto;*/
}











#main_image{
	width:715px;
	height:254px;
	
	background-position:0 0;
}
#rental_system{
	width:715px;
	height:91px;
	
	background-position:0 -270px;
}
#pc_search{
	width:715px;
	height:64px;
	
	background-position:0 -380px;
}
#mac_year{
	width:715px;
	height:91px;
	
	background-position:0 -470px;
}
#pc_used{
	width:715px;
	height:72px;
	
	background-position:0 -580px;
}
#edius_storm{
	width:715px;
	height:91px;
	
	background-position:0 -670px;
}
#ipad_projector{
	width:715px;
	height:91px;
	
	background-position:0 -780px;
}
#container_case{
	width:715px;
	height:91px;
	
	background-position:0 -890px;
}
#isms_iso{
	width:715px;
	height:50px;
	
	background-position:0 -1000px;
}







#main_top,
#lineupWrap,
#topicsWrap,
#otherWrap{
	margin-bottom:50px;
}
#bannerWrap p{
	margin-bottom:5px;
}
#bannerWrap{
	margin-top:10px;
}
#bannerWrap p:nth-child(2n){
	margin-bottom:10px;
}
#bannerWrap img{
	width:100%;
	height:60px;
}
#main_image +h2{
	color:#4D4D4D;
	font-size:1.3em;
	font-weight:bold;
	line-height:2;
}
#lineupWrap h3,
#topicsWrap h3,
#otherWrap h3{
	margin-bottom:0;
	margin-left:0;
	padding-left:0;
	border-left:none;
	
	color:#4D4D4D;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.4;
	
	background-color:#FFF;
	
	/*background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 80%, #8db0d0);*/
	/*background: -webkit-gradient(linear,left top,right bottom,from(#8db0d0),color-stop(0.30, #8db0d0),color-stop(0.31, #9babbb),color-stop(0.31, #ffffff),to(#ffffff));*/
	border-bottom:solid 3px #e7e7e7;
}
#lineupWrap h3 span,
#topicsWrap h3 span,
#otherWrap h3 span{
	border-bottom:solid 3px #8db0d0;
}
#lineupWrap h3+p{
	display:inline-block;
	margin-bottom:10px;
}
#lineupWrap a{
	margin-bottom:20px;
}
#lineupWrap h3 + p,
#lineupWrap h4 + p{
	display:inline-block;
}






#title_lineup_windows{
	background-color:#ffecc1;
	/*background: -moz-linear-gradient(left, #ffecc1, rgba(255,236,193,1));
	background: -webkit-gradient(linear, left top, right top, from(#ffecc1), to(rgba(255,236,193,0.7)));*/
}
#title_lineup_tablet{background-color:#ffe745;}
#title_lineup_mac{background-color:#a3d7fe;}
#title_lineup_chromebook{background-color:#faccce;}
#title_lineup_edius{background-color:#cad0d7;}
#title_lineup_acc{background-color:#d5edd3;}
.lineup_heading+p{/*共通*/
	display:inline;
	
	font-size:0.9em;
	line-height:1.6em;
	
	position:absolute;
	right:1em;
	top:0.5em;
}
.lineup_heading{/*共通*/
	display:inline-block;
	color:#3F3F3F;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.8em;
	width:100%;
	height:1.8em;
	margin-bottom:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", 'Meiryo UI', Meiryo, 'MS PGothic', 'Segoe UI', Tahoma, Helvetica, Sans-Serif !important;
}







#lineup_windows a,
#lineup_tablet a,
#lineup_mac a,
#lineup_chromebook a,
#lineup_edius a,
#lineup_acc a{
	width:30%;
	/*display:block;
	float:left;
	vertical-align:top;*/
	margin:0 3% 10px 0;
	
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#lineup_tablet a,
#lineup_mac a{
	width:47%;
}
#lineup_chromebook a,
#lineup_edius a{
	width:97%;
}

#title_lineup_windows+p{color:#e6740d;}
#title_lineup_tablet+p{color:#a86d00;}
#title_lineup_mac+p{color:#0b85b9;}
#title_lineup_chromebook+p{color:#a85500;}
#title_lineup_edius+p{color:#333333;}
#title_lineup_acc+p{color:#226f26;}

.material-icons{
	font-size:1.8em;
	vertical-align:top;
	
	padding:0 4px 0 0;
	margin-right:4px;
}
#title_lineup_windows .material-icons{
	background-color:#FFF;
	color:#F49A48;
}
#title_lineup_tablet .material-icons{
	background-color:#FFF;
	color:#F7C600;
}
#title_lineup_mac .material-icons{
	background-color:#FFF;
	color:#0EADF1;
}
#lineup_chromebook .material-icons{
	background-color:#FFF;
	color:#EC005F;
}
#lineup_edius .material-icons{
	background-color:#FFF;
	color:#363C70;
}
#title_lineup_acc .material-icons{
	background-color:#FFF;
	color:#309A35;
}










.lineup_content{
	width:232px;
	min-height:136px;
	/*display:inline-block;
	vertical-align:top;
	margin-right:13px;*/
	margin-bottom:20px;
	
	position:relative;
}
				.lineup_content_half{
					width:348px;
				}
				.lineup_content_long{
					width:715px;
				}
.lineup_content dl{
	width:148px;
	position:absolute;
	top:0;
	left:84px;
	
	padding:0;
}
				.lineup_content_half dl{
					width:264px;
					/*position:absolute;
					top:0;
					left:84px;
					
					padding:0;*/
				}
				.lineup_content_long dl{
					width:638px;
					/*position:absolute;
					top:0;
					left:84px;
					
					padding:0;*/
				}
.lineup_content dt{
	font-size:1.1em;
	font-weight:normal;
	text-align:left;
	position:inherit;
	top:0;
	
	width:100%;
	left:0;
	
	z-index:100;
	background:none;
}
.lineup_content dd{
	display:inline-block;
	position:absolute;
	top:1.5em;
	width:100%;
}

.lineup_content span{
	width:74px;
	height:74px;
	position:absolute;
	top:0;
	left:0;
	
	border:solid 1px #AAA;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.lineup_content span img{
	width:100%;
	height:100%;
}
.lineup_content p{
	position:absolute;
	bottom:0;
	left:0;
}
.lineup_content_right{
	margin-right:0;
}
/*#img_top_windows7{
	background-position:0 0;
}
#img_top_windows10{
	background-position:0 -130px;
}
#img_top_windows8{
	background-position:0 -260px;
}
#img_top_vista{
	background-position:0 -390px;
}
#img_top_xp{
	background-position:0 -520px;
}
#img_top_ipad{
	background-position:0 -650px;
}
#img_top_android{
	background-position:0 -780px;
}
#img_top_macnote{
	background-position:0 -910px;
}
#img_top_macdesk{
	background-position:0 -1040px;
}
#img_top_chrome{
	background-position:0 -1170px;
}
#img_top_edius{
	background-position:0 -1300px;
}
#img_top_soft{
	background-position:0 -1430px;
}
#img_top_display{
	background-position:0 -1560px;
}
#img_top_peripheral{
	background-position:0 -1690px;
}
#img_top_equipment{
	background-position:0 -1820px;
}*/
.lineup_content dt{
	color:#2288BB;
	font-weight:bold;
}
#lineup_tablet,
#lineup_mac,
#lineup_chromebook,
#lineup_edius,
#lineup_acc{
	width:100%;
	/*margin-bottom:30px;*/
}
/*#lineupWrap .gradationBtn:after{
	content:" >";
}*/
.lineup_content_half p{
	display:inline-block;
	float:right;
	width:65%;
	margin:0 2% 0 33%;
}	
.lineup_content_long p{
	display:inline-block;
	float:right;
	width:32%;
	margin:0 2% 0 66%;
}




















#topicsWrap{
	width:100%;
	margin:0;
	margin-bottom:50px;
}
#topicsWrap dl{
	margin:0;
}
#topicsWrap dt{
    margin: 5px;
    width: 95px;
    padding:0 0 0 3px;
	
	float: left;
	clear: left;
}
#topicsWrap dd{
    margin-bottom: 5px;
	padding: 5px;
    /*background: #FFF url(../img/top/news_arrow_a.gif) no-repeat 3% 0%;*/
    border: 1px solid #DDDDDD;
}
#topicsWrap dd._2n{
	background-color:#F6F6F6;
}
#topicsWrap a{
	padding:0;
	display:inline-block;
}



/*#topicsWrap ul li{
	display:inline-block;
}*/


#otherWrap p a{
	margin-top:10px;
}
















#contentMain a{
	color:#2288BB;
}
#contentMain a:hover{
	color:#2288BB;
	text-decoration:underline;
}
#contentMain a dd{
	color:#444;
}
.gradationBtn {
    display: inline-block;
}


}