@charset "euc-jp";
/*--------------------
 *
 *    optout css
 *
--------------------*/
/* common */
a { color:#006599;}
#wrapper { color:#333; }
body {
  font-family: Arial,Meiryo;
  *font-family: Meiryo;
}

.clearFix{
    overflow:hidden;
	_zoom:1;
}
div.yjmthloginarea { margin-left:10px;}
h1 {
	background-color: #efefef;
    border-top: 2px solid #D7D7D7;
    font-weight: bold;
    margin-bottom: 0.6em;
    padding: 3px 10px 5px;
	color:#333;
}
h2 {
	font-size:100%;
	margin-bottom:20px;
	font-weight:700;
}
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb40 { margin-bottom:40px; }
.grayColor { color:#666; cursor:default; }
.floatL { float:left; }
.floatR { float:right; }
.hidden { display:none; }

/* Menu */
#optCmnMenu {
	width:220px;
	margin:0 20px 30px 0;
	font-size:80%;
	float:right;
	_float:inherit; /* ie6 */
}
#optCmnMenu li {
	width:210px;
	padding:10px 10px;
	border-top:1px solid #d7d7d7;
	line-height:120%;
}
#optCmnMenu li.current {
	font-weight:700;
}
#optCmnMenu li.gray {
	background:#F2F2F2;
}
#optCmnMenu a {
	text-decoration:none;
}
/* Main */
#optCmnMain {
	width:710px;
	float:right;
	margin-bottom:30px;
}
#optCmnMain p, #optCmnMain legend {
	font-size:80%;
	line-height:130%;
}
#optCmnMain ol, #optCmnMain ul {
	font-size:80%;
	line-height:130%;
}
#optCmnMain p, #optCmnMain label {
	font-size:80%;
	line-height:130%;
}
#optCmnMain a { text-decoration:none;}

.optCmnH1Title {
	margin-top: 10px;
}
.optCmnTextBox { border:1px solid #85ace0; background:#ecf2fb;  text-align:center; padding:10px; }
.optCmnTextBox dt { font-size:93%; font-weight:700; text-align:center; }
.optCmnTextBox dd { font-size:80%; text-align:center; line-height:120%; }

#optCmnBreadcrumbs { font-size:80%; margin-bottom:20px; }
#optCmnBreadcrumbs li { display:inline; }

/* List */
optCmnList {
	font-size:13px;
	line-height:130%;
	padding:0 10px;
	margin-bottom:15px;
}
.optCmnList li {
	margin-bottom:5px;
}
.optCmnListDisc {
	font-size:13px;
	line-height:130%;
	padding:0 5px;
	margin:0 0 15px 15px;
	text-align: left;
}
.optCmnListDisc li {
	list-style:disc;
	margin-bottom:8px;
}
.optCmnListDisc li:empty {
	display: none;
}
.optCmnListDisc li.noDisc {
	list-style:none;
	margin-left:-15px;
}

/* changeDevice */
.changeDevice {
    font-size: 14px;
    margin: 10px;
}
.changeDevice dl {
    background: #F9F9F9;
    border: 1px solid #E7E7E7;
    display: inline-block;
    padding: 5px 5px 5px 10px;
}
.changeDevice dt {
    display: inline;
}
.changeDevice dt:after {
    content: ":";
}
.changeDevice dd {
    display: inline;
}
.changeDevice dd:after {
    content: "|";
}
.changeDevice dd:last-child:after {
    content: "";
}
.changeDevice p {
    font-size: 12px;
}
.changeDevice a, .changeDevice span {
    padding: 0 5px;
}
.changeDevice span {
    font-weight: bold;
}

/* RadioBox */
.optCmnError { border:1px solid #85ace0; background:#ecf2fb; font-size:100%; font-weight:700; text-align:center; padding:3px; margin-bottom:10px; }
.optCmnError2 { font-size:100%; font-weight:700; text-align:center; padding:3px; margin-bottom:10px; }
.optCmnError span, .optCmnError2 span { display:inline-block; background:url(cmn_alert_icon.png) 0 2px no-repeat; padding-left:25px;}
.optCmnError2 span { background:url(cmn_alert_icon2.png) 0 2px no-repeat; }
.optCmnError p, .optCmnError2 p { text-align:left; margin:5px; font-weight:100; }
.optCmnRadioForm legend { margin-bottom:10px; }
.optCmnRadioForm textarea { width:590px; height:100px; resize:none; border:1px solid #d7d7d7; margin:0 auto 20px; display:block;}
.optCmnRadioForm button { border:1px solid #5a8ed6; background:#85ace0; color:#fff; text-align:center; width:200px; height:33px; line-height:33px; margin:0 auto 20px; display:block; font-size:100%; letter-spacing:5px; font-weight:700; cursor:pointer; }
.optCmnTextAdBox { margin-bottom:24px; }
.optCmnTextAdBox .number { background:url(cmn_number_bg.png) left center no-repeat; width:35px; min-height:67px; text-align:center; line-height:25px; font-weight:700; float:left; margin-right:15px; line-height:67px; text-indent: -8px;}
.optCmnTextAdBox .ad { width:400px; float:left; margin-right:10px; word-break: break-word; word-wrap: break-word;}
.optCmnTextAdBox .ad .explainBtn { font-size:80%; left:10px; }
.optCmnTextAdBox .ad .explainBox { width:690px; margin-left:-50px; }
.optCmnTextAdBox .url { font-size: 14px; }
.optCmnTextAdBox.notext .ad { width:650px; }
.optCmnTextAdBox .text { font-size:90%; line-height:67px; float:left; width:250px; }
.optCmnTextAdBox .text span { font-weight:700; }
.optCmnTextAdBox .reasons { float:left; display:block; width:100%; }
.optCmnRadioBox { width:710px; margin:0 auto 20px; background:url(cmn_radio_bg.png) 50% 50% no-repeat;}
.optCmnRadioBox input{ margin-left:127px; *margin-left:120px; cursor:pointer;}
.optCmnRadioBox input.first { margin-left:55px;}
.optCmnRadioText { width:598px; *width:608px; margin:0 auto; font-size:80%;}
.optCmnRadioText .floatL, .optCmnRadioText .floatR{ display:block; }

/* A1A_img */
#optA1AImg {
    width:300px; margin-bottom:20px;
}
#optA1AImg dd {
	font-size:80%; text-align:center;
}
/* A1ADynamic Ad */
#optA1ADynamic {
	width: 300px; margin-bottom: 20px;text-align: center;
}
#optA1ADynamic dd{
	margin-top:7px;font-size:80%; text-align:center;
}

/* B1A */
.optCmnTextAdBox .text span.optB1AText { font-weight:100; color:#555;}

/* B1A_img */
#optB1AImg { margin-left:80px; float:left;}
#optB1AImg * { line-height:300px;}
/* B1ADynamic Ad */
#optB1ADynamic * {
	margin-left:80px; float:left;
}
#optB1ADynamic * {
	line-height: 150px;
}
#optB1ADynamic span {
	font-weight: 700;
}
/* B1B */
#optB1BTable { width:100%; font-size:83%; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; margin-bottom:40px;}
#optB1BTable tr { height:30px; }
#optB1BTable thead #optB1BPrincipal { width: auto; }
#optB1BTable thead #optB1BClass { width: 11%; }
#optB1BTable thead #optB1BDate { width: 23%; }
#optB1BTable thead #optB1BRelease { width: 22%; }
#optB1BTable thead th { text-indent:10px; font-weight:700; background:#EFEFEF; }
#optB1BTable thead tr,
#optB1BTable tbody tr { border-bottom:1px dotted #d7d7d7; }
#optB1BTable tbody td { text-indent:10px; }
#optB1BTable tbody span { color:#888;}

/* B2A */
#optB2AImg { background:url(img_explain.png) no-repeat; width:315px; height:196px; margin:0 auto 20px; text-indent:-9999px; }
#optB2APopupWindow { border:2px solid #D7D7D7; width:325px; height:100px; padding:30px 10px; position:absolute; z-index:100; background:#EFEFEF; font-size:90%; text-align:center; line-height:180%; }
#optB2APopupWindowMask { position:fixed; background:#fff; opacity:0; left:0; top:0;  z-index:90; width:100%; height:100%; filter:  alpha(opacity=0);}
#optB2APopupWindow div { text-align:left; margin-top:20px;}
#optB2APopupWindow span { border:1px solid #5a8ed6; background:#85ace0; color:#fff; text-align:center; width:80px; height:33px; display:block; line-height:33px; font-size:100%; letter-spacing:5px; font-weight:700; cursor:pointer; float:left; margin:0 20px 0 75px; _margin-left:36px; }
#optB2APopupWindow a { line-height:33px; }
#optB2APopupDone { color:#666; font-weight:700; }

#optB2AExplainBox,
.explainBox {
	background-color:#EFEFEF;
	padding:10px 10px 15px 10px;
	margin-bottom:15px;
}
#optB2AExplainBox h3,
.explainBox h4 { font-size:85%; font-weight:bold; margin-bottom:20px; float:left;}
#optB2AExplainBox span,
.explainBox span { float:right; display:block; background:url(closeBtn.gif) no-repeat; width:18px; height:18px; cursor:pointer;}
#optB2AExplainBox p
.explainBox p { line-height:150%; margin-bottom:25px;}
#optB2AExplainBox dt,
#optB2AExplainBox dd { line-height:150%; font-size:80%; }

/*anchor*/
.optAnchor li{
	border-bottom: 1px solid #d8d8d8;
	width: 280px;
}
.optAnchor li a{
	display: block;
	background: url(anchor_icon.png) 10px 15px no-repeat;
	padding: 15px 10px 15px 45px;
}
.optColorBox{
	padding:30px;
	background: #efefef;
}

/*screenList*/
.screenList{

}
.screenList li{
	float:left;
	padding-left:25px;
	background: url(arrow_icon.png) 5px center no-repeat;
}
.screenList li:first-child{
	padding-left:0;
	background: none;
}

/*explain*/
.explainBtn{
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
  position: relative;
  margin: 0 0 10px 12px;
}
.explainBtn::before,
.explainBtn::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: -10px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.explainBtn::before{
	width: 4px;
	height: 4px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.explainBtn.grayColor::before,
.explainBtn.grayColor::after{
	bottom: 2px;
}
.explainBtn.grayColor::before{
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}