@charset "shift_jis";

@import "myjtable.css";

/*
	MyJ設定
	新規作成： 2007-04-09
	最終更新： 2007-04-09
*/

/* -------------------------------------------------- フォーム周り */
input,
select { font-size: 83%; }

p input,
p select,
ul li input,
ul li select { font-size: 100%; }

input,
select { margin: 0; padding: 0; }

div#mainContents table p input,
div#mainContents table p select { margin: 0;}

/* --------------------------------------------------マージン設計 */
div.sectionS { margin-bottom: 20px; }
div.sectionM { margin-bottom: 0; }

div.locator {
	margin-bottom: 20px;
}

div#mainContents h1 { margin-bottom: 30px;}
div#mainContents h3,
div#mainContents h4,
div#mainContents h5,
div#mainContents h6,
div#mainContents p,
div#mainContents ol,
div#mainContents ul,
div#mainContents dl,
div#mainContents table,
div#mainContents div.ratioA,
div#mainContents div.ratioB {
	margin-left: 20px;
	margin-bottom: 10px;
}

div#mainContents table h3,
div#mainContents table h4,
div#mainContents table h5,
div#mainContents table h6,
div#mainContents table p,
div#mainContents table ol,
div#mainContents table ul,
div#mainContents table dl,
div#mainContents table table {
	margin-bottom: 0;
}

div#mainContents table dl dd p {
	margin-left: 0;
}

label {
	margin: 0 10px 0 0;
}

div#mainContents input {
	margin: 0;
	font-size: 100%;
}

div#mainContents select {
	width: auto;
}

div#mainContents h1 {
	margin-bottom: 30px;
}

/* --------------------------------------------------注釈 */
div#mainContents .notes { margin-top: 5px; }

div#mainContents p.notes,
div#mainContents ul.notes li,
div#mainContents ol.notes li {
	font-size: 70%;
	padding-left: 10px;
	background-image: url(../../myj/common/images/mark-notes.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	list-style-type: none;
}

/* --------------------------------------------------ピンク角丸 */
div#mainContents div.importantArea p.message {
	color: #900;
	font-weight: bold;
}

div#mainContents div.importantArea p.message {
	font-size: 90%;
	line-height: 1.3;
	margin-bottom: 3px;
}

/* --------------------------------------------------セクションリンク */
div.sectionLink { margin-bottom: 20px; }

div#mainContents div.sectionLink ul li,
div#mainContents div.sectionLink ul li form {
	display: inline;
}

div#mainContents div.sectionLink ul.shortcut li {
	display: block;
}

div#mainContents div.sectionLink ul li input {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

div#mainContents ul.btn,
div#mainContents p.btn {
	text-align: center;
}

/* --------------------------------------------------テキストエリア＋同意 */
div#mainContents div.agreement {
	width: 100%;
}

div#mainContents div.agreement p textarea {
	width: 100%;
}

div#mainContents div.agreement p.agree {
	text-align: center;
}

div#mainContents div.agreementtextArea {
	overflow: auto;
	width: 740px;
	height: 150px;
	margin-left: 20px;
	border-top: 2px double #404040;
	border-right: 1px solid #d4d0c8;
	border-bottom: 1px solid #d4d0c8;
	border-left: 2px double #404040;
}

div#mainContents div.agreementtextArea h2 {
	width: auto;
	margin-right: 0;
	margin-left: 0;
	background: none;
	border: none;
	font-size: 90%;
	font-weight: bold;
}

div#mainContents div.agreementtextArea h3 {
	width: auto;
	margin-right: 0;
	margin-left: 0;
	background: none;
	border: none;
	color: #333;
	font-weight: bold;
}

div#mainContents div.agreementtextArea h2,
div#mainContents div.agreementtextArea h3,
div#mainContents div.agreementtextArea ol,
div#mainContents div.agreementtextArea p {
	margin-bottom: 10px;
}

div#mainContents div.agreementtextArea ol { padding-left: 1.2em; _padding-left: 1.4em; }
div#mainContents div.agreementtextArea ol li {
	list-style: decimal;
	line-height: 1.3;
}

div#mainContents div.agreementtextArea li li {
	font-size: 100%;
}

/* --------------------------------------------------閉じるボタン */
div#mainContents ul.closebtn li {
	text-align: center;
}

/* --------------------------------------------------インポータントエリア（ポップアップ版） */
div#platformP1 div#mainContents div.importantArea {
	width: 620px;
	margin-left: 9px;
	margin-bottom: 10px;/* ロケータと合わせて30px */
	background-image: url(../images/bg-border-gray-p.gif);
}

div#platformP1 div#mainContents div.importantArea .top { background-image: url(../images/bg-important-top-p.gif); }
div#platformP1 div#mainContents div.importantArea div.sector { background-image: url(../images/bg-important-bottom-p.gif); }



/* -------------------------------------------------- イエローボックス */

div#mainContents div.myjcbBoxOuter {
	text-align: center;
}

div#mainContents div.myjcbBox {
	width: 545px;
	margin: 0 auto;
	background-image: url(../../myj/common/images/cp_touroku_tbb_60313.gif);
	background-position: left;
	background-repeat: repeat-y;
	text-align: left;
}


div#mainContents div.myjcbBox div.myjcbBoxInner {
	padding: 5px 0 8px 0;
	background-image: url(https://www.jcb.co.jp/ap/campaign/images/cp_touroku_tbb_60313.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

div#mainContents div.myjcbBox h2 {
	width: 545px;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
}

div#mainContents div.myjcbBox ul li {
	font-size: 90%;
}

div#mainContents div.myjcbBox ul.camptext li {
	padding-left: 18px;
	background-image: url(../../myj/common/images/cp_touroku_icon_60313.gif);
	background-position: left 0.1em;
	background-repeat: no-repeat;
}

div#mainContents div.myjcbBox ul.camplink li {
	padding-left: 18px;
	background-image: url(../../myj/common/images/sankaku.gif);
	background-position: left 0.2em;
	background-repeat: no-repeat;
}

/* clearfix
 ----------------------------------------------- */
div.locator:after,
div.sectionS:after,
div.sectionM:after,
div.sectionLink:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.locator,
div.sectionS,
div.sectionM,
div.sectionLink { display: inline-table; }

/* Hides from IE-mac \*/
* html div.locator,
* html div.sectionS,
* html div.sectionM,
* html div.sectionLink { height: 1%; }
div.locator,
div.sectionS,
div.sectionM,
div.sectionLink { display: block; }
/* End hide from IE-mac */
/*EOF*/