@charset "Shift_JIS";
/*====================================================================
 reset styles
====================================================================*/
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
ol, ul {
	list-style: none;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
fieldset, img {
	border:0;
}
div#main_contents img {
	vertical-align: top;
}
caption, th {
	text-align:left;
}
abbr, acronym {
	border:0;
}
hr {
	display: none;
}


/*====================================================================
 body
====================================================================*/
body {
	font-size: 11px;
	line-height: 1.2;
	color: #000000;
}

/*====================================================================
 common style
====================================================================*/
/* notes
--------------------------------------------------------------------*/
.notes {
	margin-top: 0;
	font-size: 0.8em;
	color: #666666;
}

/* oioiMark
--------------------------------------------------------------------*/
div.pageDescription img.oioiMark {
	margin-right: 2px;
	vertical-align: middle;
}

/* h2
--------------------------------------------------------------------*/
#contentsTop {
	margin-top: 0;
}
div#main_contents div#contents h2 {
	padding-bottom: 0;
}

/*====================================================================
 contents
====================================================================*/
div#contents {
	padding-left: 9px;
	text-align: left;
}

/*====================================================================
 campaign
====================================================================*/
div.campaignArea {
	margin-bottom: 20px;
	background: transparent url(../images/campaign_bg01.gif) repeat-y 0 0;
}
div.campaignArea div.bgBottom {
	padding: 15px 25px 20px;
	background: transparent url(../images/campaign_bg01_bottom.gif) no-repeat 0 100%;
}
div#hpMini div.bgBottom {
	padding: 0 25px 20px;
	background: transparent url(../images/campaign_bg01_bottom.gif) no-repeat 0 100%;
}
div.campaignArea p.bigImg {
	margin: 20px 0 25px;
	text-align: center;
}
div.campaignArea dl {
	margin: 15px 10px 0;
}
div#hpMini dl {
	margin: 0 10px 15px;
}
div.campaignArea dt {
	width: 7%;
	float: left;
	font-size: 120%;
}
div.campaignArea dd {
	width: 93%;
	float: left;
	font-size: 120%;
}
div.campaignArea p.entryBtn {
	margin-top: 10px;
	text-align: center;
}
div.campaignArea ul{
	margin: 15px 0 0 50px;
}
div.campaignArea p.registrationText {
	margin: 15px 10px 0;
}
div.campaignArea p.registrationBtn {
	margin: 10px 10px 0;
	text-align: right;
}
div.campaignArea ul li {
	padding-left: 1em;
	text-indent: -1em;
}
div.campaignArea div.campaignLineup {
	margin: 0 0 0 2px;
}
div.campaignArea div.campaignLineup div {
	margin-right: 20px;
	padding: 0;
	width: 150px;
	float: left;
}
div.campaignArea div.campaignLineup div.box03 {
	margin-right: 0;
}
div.campaignArea div.campaignLineup div p.text {
	padding: 7px;
	height: 200px;
	background-color: #ffffff;
	border: #d3d3d3 1px solid;
	border-top: none;
}
html > body div.campaignArea div.campaignLineup div p.text {
	height: auto;
	min-height: 186px;
}
div.campaignArea div.campaignLineup div.box02 p.text {
	border: #d3d3d3 1px solid;
	border-bottom: none;
}
div.campaignArea div.campaignLineup div.box01 p.text img {
	margin: 5px 0 0;
}
div.campaignArea div.campaignLineup div.box02 p.text img {
	margin: 0 0 5px;
}
div.campaignArea div.campaignLineup div.box03 p.text img {
	margin: 35px 0 0;
}

p.directplusBtn {
	margin-top: 20px;
	text-align: center;
}
div.campaignFlow {
	width: 531px;
}
div#main_contents div#contents div.campaignFlow h2 {
	margin-left: 16px;
	padding: 8px 13px;
	background-color: #000000;
}
div.campaignFlow p {
	margin: 10px 0 0 16px;
	text-align: center;
	border-top: none;
}
div.campaignFlow p img {
	margin-top: 10px;
	vertical-align: middle;
}

/*====================================================================
 clearfix
====================================================================*/
div#globalNav ul:after,
ul#pageTop:after,
div#alreadyBox:after,
div.bgBottom:after,
div.inquiryBox dl:after,
dl.maruikDescription:after,
div.companyTable table dl:after,
ul.companyImages:after,
ul.cardLineup:after,
div.visaBox dd ul:after,
dl.atmBox:after,
ul.oioiList:after,
div.campaignArea dl:after,
div.campaignLineup:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*+html div#globalNav ul,
*+html ul#pageTop,
*+html div#alreadyBox,
*+html div.bgBottom,
*+html div.inquiryBox dl,
*+html dl.maruikDescriptionr,
*+html div.companyTable table dl,
*+html ul.companyImages,
*+html ul.cardLineup,
*+html div.visaBox dd ul,
*+html dl.atmBox,
*+html ul.oioiList,
*+html div.campaignArea dl,
*+html div.campaignLineup {
	height: 1%;
}
* html div#globalNav ul,
* html ul#pageTop,
* html div#alreadyBox,
* html div.bgBottom,
* html div.inquiryBox dl,
* html dl.maruikDescriptionr,
* html div.companyTable table dl,
* html ul.companyImages,
* html ul.cardLineup,
* html div.visaBox dd ul,
* html dl.atmBox,
* html ul.oioiList,
* html div.campaignArea dl,
* html div.campaignLineup {
	height: 1%;
}

}