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

body {width: 100%; margin: 0px; padding: 0px; font-family:'メイリオ','ＭＳ Ｐゴシック','MS PGothic',Meiryo,sans-serif;
	background: url(/img/bg.jpg) repeat;
}

a {color: #ff6860;　text-decoration: none;
}
#contents{}
.contents{margin:20px 10px 50px; padding: 20px 10px; color: white; background-color:black;
	border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;}
h1 img{width: 80%; margin:0 0 0 10px; padding:0;}
h1 img.login {position:relative; width:80%; margin:44px auto 0 10px; padding:0;}
h1 {margin-top: 40px; margin-bottom: 0;}
h1 a {margin: 0; padding: 0;}
img.width {display:block; width:100%; margin-top:-50px; margin-bottom:20px;}
aside {display:block; margin:20px auto; color:white; font-weight:bold; text-align:center;}
ul li {margin:0; padding:0;}
span.yellow {font-weight:bold; color:yellow;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-table; margin: 0;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*-- ヘッダーポイント部 --*/
div#point {position: fixed !important; display:block; background:rgba(0,0,0,0.5); z-index:10000; top:0; right:0; margin:0; padding:5px; color:white; width:100%; text-align:right; font-size:12pt;}

/*-- 会員登録 及び フッターアイコン部 --*/
nav { display:block; margin:0px 10px 20px 10px;}
nav ul {list-style:none inside; margin:0 0 0 0.5%; padding:0; width:100%; overflow:auto;}
nav li img {float:left; padding:0; width:49%; margin:0 1% 1% 0;}
#button {display:block; float:right; margin:15px 15px 0 0; width:40%;}
footer {display:block; height:50px; margin:0; padding-top:30px; background-color:#9A9B9B; text-align:center; clear:both;}
/*submitボタンをbutton要素に入れたので、ここから追加*/
button.submit_button {display:block; margin:0; padding:0; width:100%; background-color:#000; border:0 none;}
img.button_full {display:block; width:100%;  margin:0; border:0 none;}
/*submitボタンをbutton要素に入れたので、ここまで追加*/
img.button_full, input.button_full {display:block; width:100%; margin:0;}
img.button_back {display:block; width:20%; margin:30px auto 10px;}
p.err_msg {font-size: 150%; color: red;}
/*-- 会員登録ページ部 --*/
section#register img.button {display:block; width:75%; margin:20px auto 0;}
section#register dd {list-style:disc outside; margin-left:20px;}
span.pt {color:#ff6860; font-weight:bold; text-decoration:underline;}
span.pt_normal {color:#ff6860; font-weight:normal;}
span.pt_bold {color:#ff6860; font-weight:bold;}
div.carrer {display:block; width:75%; margin:0 auto; }
div.carrer img.au{ margin:5% 10% 50px 0; width:30%;}
div.carrer img.docomo{ margin:5% 10% 50px 0; width:43%;}
div.register {margin:20px 10px 20px; padding: 20px 10px; color:black; background-color:white; text-align:center;
	border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;}
div.register img {margin:20px auto; width:50%;}
img.login {display:block; margin:0 auto 20px;}
div.register p.title {font-size:large; font-weight:bold; color:gray;}


/*-- ページエラー部 --*/
section#error p {display:block; margin:20% auto; text-align:center;}

/*-- カテゴリー ダウンロード部--*/
.categories {display:block;}
input[type=checkbox] {display: none;}
.checkbox {
	box-sizing: border-box;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
	position:relative; display:block; margin:0 0 10px 0; padding:3% 1% 3% 15%; width:100%; border-radius:5px; background-color:#ffe9e8; vertical-align:middle; cursor:pointer; color:black; font-weight:bold;}
.checkbox:after {
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	position:absolute; top:50%; left:15px; display:block; margin-top:-10px; width:16px; height:16px; border:2px solid #ff6860; border-radius:5px; content:'';}
.checkbox:before {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	position: absolute; top: 50%; left: 21px; display: block; margin-top: -7px; width: 5px; height: 9px; border-right: 3px solid #ff6860; border-bottom: 3px solid #ff6860; content: ''; opacity: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);}
input[type=checkbox]:checked + .checkbox:before {opacity: 1;}
section#download p {margin:0 auto 0 20px;}
section#download select {display:block; margin:10px auto 10px; overflow:auto; width:200px; height: 30px; overflow: hidden; background:url(/img/new_arrow.png) no-repeat right #999; background-size:15px 12px;background-position:150px;
	border:1px solid #999;
	-moz-border-radius:2px;
	border-radius:2px;
	padding:5px 0; text-align:center; font-size:16px;}
span.selectstyle {background:transparent; width: 170px; padding: 5px 20px 5px 5px; font-size: 14px; line-height: 14px; border: 0; height: 30px;
	-webkit-appearance: none;}
img.result {display:block; margin:20px auto; width:50%;}
section#download option {text-align:center; padding:5px auto;}
div.categories p {margin-bottom:20px !important;}

/*-- 退会部 --*/
section#cancel p {margin:0;}
section#cancel p#bottom {margin:50px auto;}
section#cancel img.login {display:block; margin:0 auto 20px;}

/*-- コンタクトフォーム部 --*/
section#contact {display:block; margin:15px auto 0; color:#ff6860;}
#FullName { padding:3px 5px 0 5px; width:90%; height:27px; border:1px solid #999;
						-moz-border-radius:2px; border-radius:2px; -moz-box-shadow:inset 0 1px 1px #ccc; -webkit-box-shadow:inset 0 1px 1px #ccc; box-shadow:inset 0 1px 1px #ccc; background-color:#fff;}
#Mail { padding:3px 5px 0 5px; width:90%; height:27px; border:1px solid #999;
						-moz-border-radius:2px; border-radius:2px; -moz-box-shadow:inset 0 1px 1px #ccc; -webkit-box-shadow:inset 0 1px 1px #cccc; box-shadow:inset 0 1px 1px #ccc; background-color:#fff;}
#Message { padding:5px; width:90%; line-height:18px; border:1px solid #999;
						-moz-border-radius:2px; border-radius:2px; -moz-box-shadow:inset 0 1px 1px #ccc; -webkit-box-shadow:inset 0 1px 1px #ccc; box-shadow:inset 0 1px 1px #ccc; background-color:#fff;}
#contact_check , #contact_thx { margin: 15px auto 0;}
p.contact_title { margin: 30px auto 0 0; color:#ff6860; font-weight:bold;}
p.contact_text { color:#FFF; font-weight:normal; margin-bottom:30px;}
p.contact_caution {color:red; margin:0 auto 0 0; font-size:small;}
img.button {display:block; margin:50px auto 0;}

/*-- 更新情報部 --*/
section#news dl {margin:10px 0 0; padding:0 0 10px 0; border-bottom:1px dashed;}
section#news dl:last-child {border:none;}
section#news dt {float:left; width:120px; height:auto; list-style:url(/img/arrow_dot.png) inside; color:#F3B12D; font-weight:bold;}
section#news dd{margin-left:120px; list-style:none inside;}

/*-- インフォメーション部 --*/
section#info dl{overflow:hidden; margin:10px 0 0; padding:0 0 10px 0; border-bottom:1px dashed;}
section#info dl:last-child{border:none;}
section#info dt:first-child {display:inline-block; float:left; width:140px; list-style:url(/img/arrow_dot.png) inside; color:#F3B12D; font-weight:bold;}
section#info dt {float:left; width:auto; list-style:none; color:#FFF; font-weight:bold;}
section#info dd {font-weight:normal; clear:both; margin:0 auto 10px 0; padding-left:0; list-style:none inside;}

/*-- 使い方部 --*/
h3 {margin-bottom:0px; padding-bottom:0; color:#F3B12D;}
h4 {margin-bottom:10px; padding-bottom:10px;  font-weight:bold;}
section#guide p {margin:0 auto 0 10px;}
span.img_howto img {display:block; margin:10px auto 50px auto; width:50%;}

/*-- 対応端末部 --*/
section#device dl {list-style-position:inside;}
section#device dt{font-weight:bold; color:#992929; list-style-type:square;}
section#device dd{font-weight:normal; color:#FFF; list-style-type:dotted;}

/*-- プライバシーポリシー部 --*/
section#law ul{margin:10px; padding:0; list-style:none inside;}
section#law ul li{font-weight:bold;}
section#law ul li:last-child{margin:0 0 40px 0; height:auto; font-weight:normal;}
section#law ol{margin:0; padding-left:20px;}
section#law ol li{list-style-type:none; list-style-position:inside; counter-increment:cnt; font-weight:normal;}
section#law ol li:before{display:marker; content: "(" counter(cnt) ")";}

/*-- 利用規約部 --*/
section#user ul {margin:0 0 0 30px; padding:0;}
section#user ul li {list-style-type: square; margin-bottom:20px;}
section#user p {text-indent:1em;}
section#user p:last-child {text-indent:0em;}
section#user dl {list-style:none outside;}
section#user dt {font-weight:bold; color:#FFF;}
section#user dd {margin-left:20px; font-weight:normal; color:#FFF;}

/*-- 特定商取引法 --*/
section#commerce ul{padding:0; list-style:none inside;}
section#commerce ul li:first-child{font-weight:bold;}

/*-- Box Slider --
.bxslider {display:block; margin-top:0;}*/

/*-- Box Slider 35% ▼▼スライドの縦縮小。ここから追加▼▼--
.bxslider {width: 100%;  overflow:hidden; text-align:center;}
.trimming {position:relative; height: 240px;}
.img{position:absolute; clip: rect(0px 100% 240px 0px);}
-- Box Slider 35% ▲▲ここまで▲▲ --*/

/*-- Box Slider --*/
.bxslider { display:block; overflow: hidden; margin-top:0; width: 100%; height:320px; }
.bxslider li { position:relative; height: 240px; }

/** RESET AND LAYOUT ===================================*/
.bx-wrapper { position:relative;margin: 0 auto 60px; height: 240px; padding: 0; *zoom: 1;}
.bx-wrapper img { display: block; position:absolute; width:100%; clip: rect(0px 100% 240px 0px);}

/** RESET AND LAYOUT ===================================*/
.bx-wrapper { position:relative; margin: 0 auto 60px; padding: 0; *zoom: 1;}
.bx-wrapper img { width:100%; display: block;}

/** THEME ===================================*/
.bx-wrapper .bx-viewport {
	height:35%;/*-- Box Slider 35% --*/
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
			-ms-transform: translatez(0);
			-o-transform: translatez(0);
			transform: translatez(0);}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute; width: 100%;}

/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px; background: url(/img/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}

/* PAGER */
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block;width: 10px; height: 10px; margin: 0 5px; outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #000;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 10px; background: url(/img/controls.png) no-repeat 0 -32px;}
.bx-wrapper .bx-next {right: 10px; background: url(/img/controls.png) no-repeat -43px -32px;}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(/img/controls.png) -86px -11px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(/img/controls.png) -86px -44px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%;}
.bx-wrapper .bx-caption span {color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;}