@charset"UTF-8";

@import url("default.css");
@import url("layout.css");
@import url("module.css");

/*========================Contents=============================
	01) Index
	02) Detail
	03) Step
=============================================================*/

/*============================================================
	01) Index
=============================================================*/

h3.brand  {
	font-size:134%;
	color:#00a6fc;
	font-weight:bold;
	margin:3px 0 5px 0;
}

#btnSpace {
	width:725px;
	height:72px;
	margin:8px 0 0 0;
	background:transparent url("../shared/bg/btn_bg.gif") left top no-repeat;
	text-align:center;
}

#btnSpace ul {
	width:513px;
	margin:0 auto;
	padding:19px 0 0;
}

#btnSpace2 li {display:inline;}
#btnSpace2 img {margin-right:25px;}

#btnSpace4 {
	width:725px;
	height:72px;
	margin:8px 0 0 0;
	background:transparent url("../shared/bg/btn_bg.gif") left top no-repeat;
	text-align:left;
}

#btnSpace4 ul {
	width:700px;
	padding:19px 0 0 0;
	margin:0 0 0 23px;
}

#btnSpace4 ul li {display:inline;}
#btnSpace4 ul img {margin-right:5px;}

#btnSpace5 {
	width:725px;
	height:72px;
	margin:8px 0 0 0;
	background:transparent url("../shared/bg/btn_bg.gif") left top no-repeat;
	text-align:left;
}

#btnSpace5 ul {
	width:500px;
	padding:19px 0 0 115px;
	margin:0 0 0 23px;
}

#btnSpace5 ul li {display:inline;}
#btnSpace5 ul img {margin-right:5px;}


.catchTxt {
	width:700px;
	margin:18px 0 8px 0;
	font-weight:bold;
}

.productList {width:725px;margin:21px 0;}

.productList dl {
	width:125px;
	margin-bottom:21px;
	float:left;
}

.productList dt img {margin-bottom:5px;}
.productList dd img {margin:5px 0 0 0;}
.productList dd span {font-size:93%;}
.productList dd a {text-decoration:none;}
.productList dd a:hover {text-decoration:underline;}
.productList dl.product01,
.productList dl.product02,
.productList dl.product03,
.productList dl.product04 {margin-right:25px;}

/*============================================================
	02) Detail
=============================================================*/

.explain {margin:15px 0;}
.prodactdetail {
	width:725px;
	margin:10px auto;
	text-align:left;
}
.prodactdetail .flL {width:240;float:left;}
.prodactdetail .flR {
	width:485px;
	float:right;}
	
.prodactdetail .detailTxt1 {
	margin:25px 0;
	font-size:125%;
	color:#00a6fc;
	font-weight:bold;
}
	
.prodactdetail .detailTxt2 {font-size:92%;}

.detaiSpaceS {
	width:725px;
	margin:28px 0;
}

.detaiSpaceS div {
	width:177px;
	float:left;
}

.detaiSpaceS p {
	width:548px;
	float:left;
}

.detaiSpaceS strong {font-weight:bold;}

/*============================================================
	03) Step
=============================================================*/

#step {
	width:550px;
	margin:0 auto;
	padding:20px 0;
	text-align:left;
	}

#step h1 {margin-bottom:15px;}
#step li img {vertical-align:top;}
#step p {text-align:center;margin:32px 0 0 0;}

/*============================================================
 99) Clear
=============================================================*/
.clearfix:after,
#btnSpace ul:after,
.productList:after,
.prodactdetail:after,
.detaiSpaceS:after,
#btnSpace3 ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

.clearfix,
#btnSpace ul,
.productList,
.prodactdetail,
.detaiSpaceS,
#btnSpace3 ul {display:inline-block;}

/* exclude MacIE5 \*/
* html .clearfix,
* html #btnSpace ul,
* html .productList,
* html .prodactdetail,
* html .detaiSpaceS,
* html #btnSpace3 ul {height:1%;}
.clearfix,
#btnSpace ul,
.productList,
.prodactdetail,
.detaiSpaceS,
#btnSpace3 ul {display:block;}
/* end MacIE5 */