@charset "utf-8";

/*--------------------------------
Common
--------------------------------*/
@font-face{font-family:"IonIcons";src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1");src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal}
@media print {
img { display: none; }
canvas { display: none; }
}
body{
	color:#333;
	font-size:13px;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
	margin:0;
	padding:0;
}
h1,h2,h3,h4{
	font-weight:normal;
	margin:0;
	padding:0;
}
div,p{
	margin:0;
	padding:0;
}
ul,li,ol{
	list-style:none;
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
}
img{
	border:0;
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	user-drag:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
}
img.thumbnail{
	pointer-events: none;
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
}
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}

#mainContents{
	width:100%;
	display:table;
	margin:70px 10px 10px 10px;
	table-layout: fixed;
}
.left{
	width:70%;
	vertical-align:top;
}
.right{
	width:30%;
	text-align:center;
	vertical-align:top;
}
.box{
	display:table-cell;
	
}
.box p{
	font-size:18px;
	font-weight:bold;
}
#mainContents .contents li{
	display:inline-block;
	width:200px;
	margin:0 8px 20px 0;
	padding:0;
		vertical-align:top;
}
#mainContents .contents li p{
	font-size:12px;
	font-weight:bold;
	text-align:left !important;
	padding:5px;
}
.logintable_01{
    width:50%;
    display: block;
    margin:20px;
    clear: both;
    background-color: #ffffff;
    border:3px solid #00273d;
    -webkit-box-shadow:0 3px 3px rgba(113, 135, 164, 0.298039);
       -moz-box-shadow: 0 3px 3px rgba(113, 135, 164, 0.298039);
            box-shadow:0 3px 3px rgba(113, 135, 164, 0.298039);
}
.carrierLogin{
	display:table;
	border-spacing: 10px;
}
.carrierLogin div{
	display:table-cell;
}
.loginTitle{
    color: #fff;
    padding: 6px;
    margin: 0 auto;
    background-color:#00273d;
}
.loginBody{
    padding: 6px;
}
#menu_box_login .d-flex {
	display:table;
}
#menu_box_login .d-flex .logintable_01{
	display:table-cell;
}
#menu_box_login .d-flex .logintable_01 table{
	width:100%;
	margin:10px 0;
	text-align:center;
	border-spacing:10px;
}
#menu_box_login .d-flex .logintable_01 table input,
#opinion_form input,
#opinion_form textarea {
	border: 1px solid #aaa;
	height:30px;
}
.btRed {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height:40px;
	line-height:40px;
	background-color:#ff1493;
	padding: 0;
	border-radius: 0;
	outline: none;
	color:#fff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-weight:bold;
	text-decoration:none;
	font-size: 18px;
}
.btRed a{
	color: #fff;
	font-size: 18px;
}
.buttonWrapper{
	text-align:center;
	margin:0 auto;
}
#loginNotice{
	width: 90%;
	padding-top:20px;
	margin:0 auto;
}
#submit_button{
	border-radius:0;
	vertical-align:middle;
	text-align:center;
	border-style: none;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	height:40px !important;
	line-height:40px;
	background-color:#ff1493;
	padding: 0;
	outline: none;
	color:#fff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-weight:bold;
	text-decoration:none;
	font-size: 18px;
}
	.imgCreditList{
		background: url("/dl.php?type=img&name=img-cregitcard") no-repeat 0 0 ;
		background-size: contain;
		padding: 0px 0px 48px 69px !important;
		border:none !important;
	}
		.errBox{
		border: 1px solid #ff0000;
		background-color: #fff;
		padding: 10px ;
		text-align: left;
		margin: 10px 0;
		font-size: 10px;
	}
	.errTitle {
    color: #ff0000;
    font-size: 15px;
    font-weight: bold;
    background: url("/dl.php?type=icon&name=bg-err-title") no-repeat 0 0 ;
    padding-left: 52px;
}
	.btGrayHalf {
	width: 160px;
	margin-left: auto;
	margin-right: auto;
	-moz-box-shadow:inset 0px 1px 0px 0px #a7bab7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a7bab7;
	box-shadow:inset 0px 1px 0px 0px #a7bab7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #94a6a1), color-stop(1, #7e8a8a));
	background:-moz-linear-gradient(top, #94a6a1 5%, #7e8a8a 100%);
	background:-webkit-linear-gradient(top, #94a6a1 5%, #7e8a8a 100%);
	background:-o-linear-gradient(top, #94a6a1 5%, #7e8a8a 100%);
	background:-ms-linear-gradient(top, #94a6a1 5%, #7e8a8a 100%);
	background:linear-gradient(to bottom, #94a6a1 5%, #7e8a8a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#94a6a1', endColorstr='#7e8a8a',GradientType=0);
	background-color:#94a6a1;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #8a9692;
	display:inline-block;
	cursor:pointer;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #566664;
	}
	.btGrayHalf a{
		color: #fff;
		font-size: 15px;
		padding: 15px 0 2px 0;
		height: 40px;
	}
	.btBlue {
	width: 90%;
	height:40px;
	line-height:40px;
	margin-left: auto;
	margin-right: auto;
	background-color:#4682b4;
	padding: 0;
	border-radius: 0;
	outline: none;
	color:#fff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-weight:bold;
	text-decoration:none;
	font-size: 18px;
	}
	.btBlue a{
		color: #fff;
		font-size: 18px;
		padding: 9px 15px 6px 15px;
		height: 40px;
	}
.pt20{
  padding-top: 20px;
}

.select-wrap {
    position: relative;
}
.select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 15px;
    top: 0;
    content: "\f123";
    font-family: "IonIcons";
    line-height: 43px;
    color: #7F878C;
    pointer-events: none;
}
select{
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 40px;
    padding: 8px 12px;
    border:1px solid #ddd;
    color:#828c9a;
    width:100%;
    border-radius:3px;
}
select option{
  background-color: #fff;
  color: #333;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}
#formSection .row{
	margin:0 !important;
	padding:0 !important;
}
#formSection .form-group{
    position: relative;
}
#formSection label{
    font-size:18px;
    font-weight:bold;
    padding-left:20px;
}
#formSection label:before{
    z-index: 1;
    position: absolute;
    left: 0;
    top: -10px;
    content: "\f400";
    font-family: "IonIcons";
    line-height: 43px;
    color: #ff1493;
}
.infoBoxWrapper_Gray{
padding:20px;
/* box-shadow */
box-shadow:0px 0px 8px -50px #cfcfcf;
-moz-box-shadow:0px 0px 8px -50px #cfcfcf;
-webkit-box-shadow:0px 0px 8px -50px #cfcfcf;

/* border-radius */
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;

/* border */
border:1px solid #d9d9d9;

}
.infoBoxWrapper_Gray p{
	border-bottom:1px solid #4682b4;
	padding:5px 0;
	margin-bottom:10px;
}/*
#login{
	min-height:100%;
}*/
#login li{
	margin:15px 0;
}
#login a{
	text-decoration:underline;
}
.tap-button{
	width: 90%;
	margin:0 auto;
	height:40px;
	line-height:40px;
	padding: 0;
	border-radius: 0;
	outline: none;
	color:#fff;
	display:inline-block;
	cursor:pointer;
	font-family:Arial;
	font-weight:bold;
	text-decoration:none;
}
.a{
	background-color:#ff8c00;
	color:#ffffff;
}
.d{
	background-color:#dc143c;
	color:#ffffff;
}
.s{
	background-color:#808080;
	color:#ffffff;
}
#guide .infoBoxWrapper_Gray{
	margin:10px 0;
}
#guide .premium{
	display:table;
	margin:10px 0;
	width:100%;
	border-collapse: separate;
	border-spacing: 10px 10px;
}
#guide .premium > div{
	text-align:center;
	display:table-cell;
	border:1px solid #ff8c00;
	width:40%;
}
#guide .premium .monthlyCource{
	color:#ff8c00;
	font-size:16px;
	font-weight:bold;
	padding:5px;
}
#guide .premium .monthlyPoint{
	background-color:#ff8c00;
	color:#fff;
	padding:5px;
}
#guide .viewingEnv{
	width:100%;
}
#guide .viewingEnv th,
#guide .viewingEnv td{
	padding:10px;
	border:1px solid #696969;
}
#guide .viewingEnv th{
	background-color:#dcdcdc;
}
.num{
	color:red;
	text-decoration:underline;
	font-weight:bold;
}
#xList{
	border:1px solid #ff0000;
	margin:10px 0;
	padding:10px;
}
#xList li{
	position: relative;
	padding-left:15px;
}
#xList li:before {
    z-index: 1;
    position: absolute;
    left: 0;
    top: -10px;
    content: "\f3bc";
    font-family: "IonIcons";
    line-height: 43px;
    color: #ff8c00;
}
.pointBuy{
	display:table;
	border-collapse: separate;
	border-spacing: 10px 0;
}
.pointBuy div{
	border-radius:5px;
	font-weight:bold;
	color:#fff;
	width:120px;
	height:120px;
	text-align:center;
	display:table-cell;
	vertical-align: middle;
}
.pointBuy div a{
	text-decoration:none;
	color:#fff;
}
	.p300{
		background-color:#0000cd;
	}
	.p500{
		background-color:#ff8c00;
	}
	.p1000{
		background-color:#ff69b4;
	}
	.p1500{
		background-color:#008000;
	}
/*--------------------------------
Twitter
--------------------------------*/
.twitterBox{
	background-color:#55acee;
	margin:0 auto;
	width:80%;
}

/*--------------------
FAQ
--------------------*/
#docs_faq_answer dd {
    padding-left: 10px;
}
#docs_privacy {
  line-height:1.6em;
  font-size:16px;
}
#docs_privacy .block{
  padding:10px 0 20px 0;
}
#docs_privacy p{
  padding-bottom:25px;
  word-wrap:break-word;
  font-weight:normal;
}
#docs_privacy h2{
  font-size:20px;
  line-height:1.5em;
  margin-bottom:15px;
}
#docs_privacy h3{
  font-size:16px;
  margin-bottom:10px;
}
#docs_privacy h4{
  font-size:15px;
  margin-bottom:5px;
}
#docs_privacy .none{
  padding-bottom:0;
}
#docs_privacy ul{
  padding:0 0 25px 20px;
}
#docs_privacy ul li{
  padding:2px 0;
  list-style-type: disc !important;
}
#docs_privacy table{
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
  margin-bottom:21px;
}
#docs_privacy th{
  font-weight:normal;
  background-color:#efeff4;
  padding:5px 10px;
}
#docs_privacy th, #docs_privacy td{
  border:1px solid #ddd;
  padding:5px 8px;
}
#docs_privacy td{
  vertical-align:top;
}
#docs_privacy .indent{
  test-indexnt:-1em;
  padding-left:1em;
}
#docs_privacy .indent li{
  list-style-type:none !important;
}
#docs_privacy .note{
  font-size:12px;
  padding:0 10px;
}
#docs_privacy .right{
  text-align:right;
  width:100%;
}