/* ------------------------------
	全体部分
------------------------------ */

.clearfix::afer{
	content:"";
	display:block;
	clear:both;
}

.clearfix::before{
	content:"";
	display:block;
	clear:both;
}

.txt12{
	font-size: 12px;
	font-weight: normal;
}

.txt13{
	font-size: 13px;
	font-weight: normal;
}

.txt14{
	font-size: 14px;
	font-weight: normal;
}

.txt15{
	font-size: 15px;
	font-weight: normal;
}

.txt16{
	font-size: 16px;
	font-weight: normal;
}

/* ------------------------------
	outer部分
------------------------------ */

body{
	width: 1080px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	text-align: left;	
	background-color: #ffffff;
}

/* ------------------------------
	header部分
------------------------------ */

header{
	position: relative;
	width: 1080px;
	height: 75px;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	border-bottom:4px solid #000066;
}

#header-rogo{
	position: absolute;
	top: 8px;
	left: 0px;
	width: 160px;
	height: 54px;
	margin: 0px 18px 0px 22px;
}

#header-text{
	margin: 0;
	padding: 5px 22px 0px 10px;
	font-size: 14px;
	text-align: right;
}

#header-tel{
	margin: 0;
	padding: 5px 22px 0px 10px;
	text-align:right;
}

.tel-num{
	color: #b4005a;
	font-size: 24px;
	font-weight: bold;
	vertical-align: -2px;
}

/* ------------------------------
	nav部分
------------------------------ */

nav{
	width: 1080px;
	margin: 0;
	padding: 0;
}

nav ul{
	width:1080px;
	margin:0px;
	padding:20px;
	list-style:none;
}

nav ul li{
	display:block;
	width: 330px;
	height: 160px;
	margin: 0px 19px 19px 0px;
	border: 2px solid #cccccc;
	border-radius: 12px 12px 0px 0px/12px 12px 0px 0px;
	background-repeat: no-repeat;
	float: left;
}

ul li a{
	display:block;
	position:relative;
	background-color: #e6e6ff;
	width: 310px;
	height: 38px;
	line-height: 32px;
	margin: 110px 0px 0px 0px;
	padding: 12px 0px 0px 20px;
	font-size: 23px;
	font-weight: bold;
	opacity: 0.9;
}

ul li a::after{
	content:">>>";
	color:#000000;
	font-size:18px;
	position:absolute;
	bottom:10%;
	right:20px;
}

ul li a:hover{
	background-color: #ffddbb;
	opacity: 0.95;
}

.bg1-menu-2{
	background-image: url("../images/question-330160.jpg");
}

.bg2-menu-2{
	background-image: url("../images/notebook-330160.jpg");
}

.bg3-menu-2{
	background-image: url("../images/books-330160.jpg");
}

.bg4-menu-2{
	background-image: url("../images/usedproduct-330160.jpg");
}

.bg5-menu-2{
	background-image: url("../images/office-330160.jpg");
}

.bg6-menu-2{
	background-image: url("../images/cubes-330160.jpg");
}

/* ------------------------------
	main部分
------------------------------ */

main{
	width: 1080px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#left{
	width: 510px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
}

#right{
	width: 510px;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
}

h1{
	height: 32px;
	margin: 0px 0px 20px 0px;
	padding: 8px 0px 4px 20px;
	border-left: solid 20px #000066;
	border-radius:10px 10px 0px 0px;
	background:linear-gradient(to top,#d0d0d0 0%,#ececec 40%,#ececec 100%);
	font-size: 22px;
	font-weight: bold;
}

h2{
	line-height: 26px;
	margin: 0px 0px 0px 0px;
	padding-left: 12px;
	border-left: solid 12px #000066;
	font-size: 19px;
	font-weight: bold;
}

p{
	margin: 10px 0px 20px 10px;
}

p a{
	text-decoration: underline;
	color: #0000cc;
}

/* ------------------------------
	footer部分
------------------------------ */

footer{
	clear: both;
	width: 1060px;
	height: 32px;
	padding: 0px 10px 0px 10px;
	border-top: solid 4px #000066;
}