@charset "utf-8";
/* CSS Document */

h1, h2, h3, h4, ul,li, p, img {
	margin: 0;
	padding: 0;
}

h1 {
	margin-top: 5px;
	text-align: right;
	font-weight: normal;
	color: #666666;
}


div.contentsWrap {
	width: 760px;
	padding-bottom: 3px;
	margin-top: 25px;
	background: url(../img/bg_bottom.gif) 0 bottom no-repeat;
}


div.contentsBox {
	width: 730px;
	padding: 15px 15px 20px 15px;
	background:url(../img/bg_sides.gif) 0 0 repeat-y;
}

*html div.contentsBox {
	width: 760px;
}


div#titleWrap ul#titleStep li {
	float: left;
}

ul.boxList {
	list-style-type: none;
}

ul.boxList li {
	float: left;
	width: 230px;
	margin-right: 20px;
	text-align: right;
}

ul.boxList li.listTail {
	margin: 0;
}

ul.boxList li.note {
	text-align:left;
}

ul.boxList li.note span.enph {
	color: #FF0000;
}

span.notes {
	font-size: 82%;
}


h4#boxIntro span {
	font-weight: bold;
	color:#FF0000;
}

ul.shopList {
	margin: 0 10px;
	list-style-type: none;
}

ul.shopList li {
	float: left;
	width: 98px;
	height: 98px;
	margin-right: 15px;
	padding: 10px 15px; 
	text-align:center;
	border: 1px solid #CCCCCC;
}

*html ul.shopList li {
	width: 128px;
	height: 118px;
	margin-right: 12px;
}

ul.shopList li.shopListTail {
	margin: 0;
}

ul.shopListText {
	margin: 0 10px;
	list-style-type: none;
}

ul.shopListText li {
	float: left;
	width: 120px;
	padding: 0 5px;
	margin: 5px 15px 15px 0;
	text-align:left;
}

*html ul.shopListText li {
	width: 130px;
}


ul.shopListText li.shopListTail {
	margin-right: 0;
}

h4 {
	margin-bottom: 10px;
}
	

p#systemEx {
	margin: 5px 0;
}

p#systemPoint {
	text-align: right;
}


div#buttonArea p#buttons {
	text-align:center;
}

p.jump {
	font-weight: bold;
	text-align: right;
}

p#mainBanner {
	text-align: center;
	margin-bottom:10px;
}

ul.bannerList {
	float: left;
	padding: 10px 33px 15px 33px;
}

ul.bannerList li {
	float: left;
	width: 165px;
	margin-right: 83px;
}

ul.bannerList li.bannerTail {
	margin: 0;
}

/* clearfix ----------------- */
div#titleWrap:after,
ul#titleStep:after,
div.contentsBox:after,
div.contentsWrap:after,
ul.boxList:after,
ul#shopList:after,
ul#shopListText:after,
ul#bannerList:after
{/*for modern browser*/
display:block;
clear:both;
height:0;
line-height:0;
visibility:hidden;
content:".";
font-size:0.1em;
}

div#titleWrap,
ul#titleStep,
div.contentsBox,
div.contentsWrap,
ul.boxList,
ul#shopList,
ul#shopListText,
ul#bannerList{
display:inline-block;
}
/* Hides from Mac-IE \*/
* html div#titleWrap,
* html ul#titleStep,
* html div.contentsBox,
* html div.contentsWrap,
* html ul.boxList,
* html ul#shopList,
* html ul#shopListText,
* html ul#bannerList {
height:1%;
}

div#titleWrap,
ul#titleStep,
div.contentsBox,
div.contentsWrap,
ul.boxList,
ul#shopList,
ul#shopListText,
ul#bannerList{
display:block;
}
/* End hide from Mac-IE */

/*---------------------------*/