@charset "utf-8";

@import "reset.css";
@import "base.css";

/*///////////////////////////////////////////////*/

/* baseSetting

/////////////////////////////////////////////////*/

body {
	/* background-image:url(../../img/bg_body.png); */
}

/*///////////////////////////////////////////////*/

/* #header

/////////////////////////////////////////////////*/

/*-----------------------------------------------*/
/* #gnavi
-------------------------------------------------*/

#gnavi01 a, #gnavi01 a:hover {
	background-position:0 -80px;
}

/*///////////////////////////////////////////////*/

/* #mainImg

/////////////////////////////////////////////////*/

#mainImg {
	margin-bottom:20px;
}

/*///////////////////////////////////////////////*/

/* #rightContents

/////////////////////////////////////////////////*/

/*-----------------------------------------------*/
/* .boxBnr
-------------------------------------------------*/

#rightContents .boxBnr .note {
	margin:5px 10px;
	font-size:10px;
}

/*///////////////////////////////////////////////*/

/* #mainContents

/////////////////////////////////////////////////*/

#mainContents > h3 {
	display:block;
	position:relative;
	width:720px;
	height:40px;
	line-height:40px;
	background:url(../img/bg_h4.png) no-repeat 0 0;
	text-indent:15px;
	font-size:14px;
	font-weight:bold;
}
#mainContents > h3 .tab {
	position:absolute;
	top:9px;
	right:19px;
	background:url(../../img/bg_h3_tab.png) no-repeat 0 0;
	font-size:11px;
}
#mainContents > h3 .tab a {
	display:block;
	width:122px;
	height:31px;
	background:url(../img/arrow.png) no-repeat 24px 12px;
	text-indent:40px;
	line-height:37px;
}

/*-----------------------------------------------*/
/* #brand
-------------------------------------------------*/

#brand {
	width:700px;
	height:130px;
	margin:0 auto;
	background:url(../../img/bg_brand.png) no-repeat 0 0;
}
#brand li {
	float:left;
	margin-right:20px;
}
#brand li a {
	display:block;
	width:220px;
	height:130px;
	background-image:url(../../img/bg_brand.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#brand li:last-child {
	margin-right:0;
}
#brand01 a:hover {
	background-position:0 -130px;
}
#brand02 a {
	background-position:-240px 0;
}
#brand02 a:hover {
	background-position:-240px -130px;
}
#brand03 a {
	background-position:-480px 0;
}
#brand03 a:hover {
	background-position:-480px -130px;
}

/*-----------------------------------------------*/
/* .list
-------------------------------------------------*/

#mainContents #boxNews {
	width:718px;
	height:600px;
	padding-bottom:10px;
}
#mainContents #boxNews *:focus{
	outline:none;
}
#mainContents .list {
	height:600px;
}

/* dl */

#mainContents .list dl {
	width:718px;
	padding:8px 0;
}
#mainContents .list dl:nth-child(even) {
	background:#f5f4e7;
}
#mainContents .list dl dt {
	float:left;
	width:180px;
	text-indent:20px;
}
#mainContents .list dl dd {
	float:right;
	width:510px;
	padding-right:15px;
}
#mainContents .list dt.info {
	background:url(../../img/icon_info.png) no-repeat center right;
}
#mainContents .list dt.idecafe {
	background:url(../../img/icon_idecafe.png) no-repeat center right;
}
#mainContents .list dt.kantaro {
	background:url(../../img/icon_kantaro.png) no-repeat center right;
}
#mainContents .list dt.tsurube {
	background:url(../../img/icon_tsurube.png) no-repeat center right;
}
#mainContents .list dt.other {
	background:url(../../img/icon_other.png) no-repeat center right;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* clearfix
+++++++++++++++++++++++++++++++++++++++++++++++++*/

.clearfix, #brand,
#mainContents .list dl {
	zoom: 1; /* for IE5.5 - IE7 */
}
.clearfix:after, #brand:after,
#mainContents .list dl:after {
	/* for modern browser */
  	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}