@charset "utf-8";
/* Smartphones (portrait and landscape) ----------- */
/* @media screen and (max-width: 720px) and (orientation: portrait) { */
@media screen and (max-width: 720px) {

div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


img {
/*	width: 100%; */
	max-width: 100%!important;
	height: auto!important;
}


body {
	min-width: 100%;
}

/* ----------------------------------------
	2-1.レイアウト
---------------------------------------- */

#pageWrap {
	padding: 0!important;
	position: relative;
}


#contentsWrap {
	padding-bottom: 0;
	margin-bottom: 6.25%;
}

#contentsWrap.column1 {
	width: auto;
}

#mainContents {
	width: 100%!important;
	float: none!important;
	padding: 0;
}


#footer {
	padding: 10px;
	height: auto;
	position: static;
}

/* ----------------------------------------
	2-2.
---------------------------------------- */
/* ----------------------------------------
	2-3.グローバルメニュー
---------------------------------------- */

#gnavWrap {
	display: none;
	background: #e354a4;
	padding: 4%;
	width: 100%;
	position: absolute;
	z-index: 5000;
	top: 0;
}

#gnavWrap #gnav {
	padding: 3%;
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
	padding: 0;
}

#gnavWrap #gnav li {
	background: none;
	border-top: 2px #cccccc solid;
	margin-bottom: 0;
}

#gnavWrap #gnav li a {
	color: #222!important;
}

#gnavWrap #gnav li:first-child {
	border-top: none;
}

#gnavWrap #gnav li#mHome span {
	background: url(../img/common/icon_home.png) left center no-repeat;
}

#gnavWrap #gnav li#mAbout span {
	background: url(../img/common/icon_about.png) left center no-repeat;
}

#gnavWrap #gnav li#mQuestion span {
	background: url(../img/common/icon_doc.png) left center no-repeat;
}

#gnavWrap #gnav li#mPoints span {
	background: url(../img/common/icon_star.png) left center no-repeat;
}

#gnavWrap #gnav li#mSpec span {
	background: url(../img/common/icon_spec.png) left center no-repeat;
}

#gnavWrap #gnav li#mFaq span {
	background: url(../img/common/icon_faq.png) left center no-repeat;
}


#gnav li {
	width: 100%;
	height: 48px;
	background: url(../img/common/bg_menu.png) left top no-repeat;
	margin-bottom: 4px;
}

#gnav li.active {
	background: url(../img/common/bg_menu_a.png) left top no-repeat;
}

#gnav li.active a {
	color: #fff;
}

#gnav li:hover {
	background: url(../img/common/bg_menu_o.png) left top no-repeat;
}

#gnav li:hover a {
	color: #333;
}

#gnav li a {
	display: block;
	padding: 13px 10px;
	font-size: 108%;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}

#gnav li a span {
	padding-left: 25px;
	padding-top: 1px;
}


#mHome span {
	background: url(../img/common/icon_home.png) left center no-repeat;
}

#mHome.active span {
	background: url(../img/common/icon_home_a.png) left center no-repeat;
}


#mAbout span {
	background: url(../img/common/icon_about.png) left center no-repeat;
}

#mAbout.active span {
	background: url(../img/common/icon_about_a.png) left center no-repeat;
}


#mQuestion span {
	background: url(../img/common/icon_questionire.png) left center no-repeat;
}

#mQuestion.active span {
	background: url(../img/common/icon_questionire_a.png) left center no-repeat;
}


#mPoints span {
	background: url(../img/common/icon_star.png) left center no-repeat;
}

#mPoints.active span {
	background: url(../img/common/icon_star_a.png) left center no-repeat;
}


#mSpec span {
	background: url(../img/common/icon_spec.png) left center no-repeat;
}

#mSpec.active span {
	background: url(../img/common/icon_spec_a.png) left center no-repeat;
}


#mFaq span {
	background: url(../img/common/icon_faq.png) left center no-repeat;
}

#mFaq.active span {
	background: url(../img/common/icon_faq_a.png) left center no-repeat;
}


#lowerGnav {
	width: 100%;
	padding: 0;
	behavior: url(../PIE.htc);
	margin-bottom: 0;
}

#lowerGnav li {
	padding: 0;
	border-bottom: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#lowerGnav li:last-child h3 {
	border-bottom: none;
}

#lowerGnav li h3 {
	font-weight: bold;
	padding: 5% 4% 4%;
	background: url(../img/common/icon_plus.png) 95% center no-repeat;
	-webkit-background-size: 1.2em;
	background-size: 1.2em;
	color: #333;
	font-size: 100%;
	margin-bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 2px #cccccc solid;
}

#lowerGnav li h3.active {
	background: url(../img/common/icon_minus.png) 95% center no-repeat;
	-webkit-background-size: 1.2em;
	background-size: 1.2em;
	border-bottom: 2px #cccccc solid;
}

#lowerGnav li a {
	display: block;
	padding: 5% 4% 4%;
	font-weight: bold;
	background: url(../img/common/icon_arr.png) 95% center no-repeat;
	-webkit-background-size: 1em;
	background-size: 1em;
	display: block;
	color: #333;
	font-size: 100%;
	margin-bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 2px #cccccc solid;
}

#lowerGnav li a.spn {
	display: none;
}

/* ----------------------------------------
	2-4.フッターコンテンツ
---------------------------------------- */

#footer {
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#footer ul {
	width: 100%;
	text-align: center;
	padding-left: 0;
	margin-bottom: 1em;
}

#footer ul li {
	display: inline-block;
}

footer ul li a:link, footer ul li a:visited {
	color: #fff;
}

#footer small {
	font-size: 11px;
	color: #fff;
	/* float: right; */
	padding-right: 0;
	text-align: center;
	display: block;
}

/* ----------------------------------------
	2-5. サイドバーコンテンツ
---------------------------------------- */

#aside {
	height:auto !important;
	width: 100%!important;
	float: none!important;
	box-shadow: 0 0 4px #666666;
}

#aside #asideInner {
	width: 100%!important;
	padding: 0!important;
	background: #fff;
}

#aside #asideInner #logoArea {
	width: 100%!important;
	padding: 0!important;
	overflow: hidden;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#aside #asideInner #logoArea h1 {
	width: 40%;
	padding-left: 3%;
	float: left;
	margin-bottom: 3%;
}
#aside #asideInner #logoArea h2 {
	width: 40%;
	padding-left: 3%;
	float: left;
    margin-top:3%;
	margin-bottom: 3%;
}

#aside #asideInner #logoArea #spBtnArea {
	width: 55%;
	float: right;
	text-align: right;
}

#aside #asideInner #logoArea #spBtnArea li {
	width: 28%;
	display: inline-block;
}

#aside #asideInner #logoArea #spBtnArea li a {
	display: block;
	border-left: 1px #cccccc solid;
  height: 4em;
}

a.opend{
	background-color:#e354a4 !important;
}

#aside #asideInner #logoArea #spBtnArea li #spLoginFire {
	background: white url(../img/common/icon_sp_man.png) center center no-repeat;
	-webkit-background-size: 50%;
	background-size: 50%;
}

#aside #asideInner #logoArea #spBtnArea li #spLogoutFire {
	background: white url(../img/common/icon_sp_logout.png) center center no-repeat;
	-webkit-background-size: 50%;
	background-size: 50%;
}

#aside #asideInner #logoArea #spBtnArea li #spLoginFire.opend {
	background: #e354a4 url(../img/common/icon_sp_man_a.png) center center no-repeat;
	-webkit-background-size: 50%;
	background-size: 50%;
}

#aside #asideInner #logoArea #spBtnArea li #spFontFire {
	background: white url(../img/common/icon_textsize.png) center center no-repeat;
	-webkit-background-size: 54%;
	background-size: 54%;
}

#aside #asideInner #logoArea #spBtnArea li #spFontFire.opend {
	background: #e354a4 url(../img/common/icon_textsize_a.png) center center no-repeat;
	-webkit-background-size: 54%;
	background-size: 54%;
}

#aside #asideInner #logoArea #spBtnArea li #spMenuFire {
	background: white url(../img/common/icon_spmenu.png) center center no-repeat;
	-webkit-background-size: 50%;
	background-size: 50%;
}

#aside #asideInner #logoArea #spBtnArea li #spMenuFire.opend {
	background: #e354a4 url(../img/common/icon_spmenu_a.png) center center no-repeat;
	-webkit-background-size: 50%;
	background-size: 50%;
}

#aside #asideInner #loginArea {
	display: none;
	background: #e354a4;
	padding: 4%;
	width: 100%;
	position: absolute;
	z-index: 5000;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#aside #asideInner #loginArea .inner {
	padding: 3%;
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#aside #asideInner #loginArea input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

#aside #asideInner #loginArea h3 {
	padding-left: 0;
	background: none;
}

#aside #asideInner #monitorRegistBnr {
	display: none;
}

#aside #asideInner #textSizeArea {
	display: none;
	background: #e354a4;
	padding: 4%;
	width: 100%;
	position: absolute;
	z-index: 5000;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#aside #asideInner #textSizeArea .inner {
	padding: 3%;
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
}

/* ----------------------------------------
	2-6.
---------------------------------------- */
/* ----------------------------------------
	2-8.
---------------------------------------- */
/* ----------------------------------------
	2-9.text
---------------------------------------- */
/* ----------------------------------------
	2-9.
---------------------------------------- */
/* ----------------------------------------
	2-10
---------------------------------------- */
/* ----------------------------------------
	2-11.共通BOX
---------------------------------------- */

.pcn {
	display: block;
}


.spn {
	display: none;
}


.goPage img {
	display: block;
}

ul.orange_text {
	margin:0 0 0 10px;
}


/* ----------------------------------------
	2-12.
---------------------------------------- */
/* ----------------------------------------
	2-13.
---------------------------------------- */
/* ----------------------------------------
	1-1. index
---------------------------------------- */
#index #mainContents {
	padding: 4%;
}

#index #mainContents.noPadding {
	padding: 0;
}

#masonryWrap {
	width: 100%;
}

#masonryWrap .mason {
	width: 100%!important;
	height: auto!important;
	padding: 10px;
	position: relative;
	margin-left: 0px;
}

#masonryWrap .mason.long {
	height: auto;
}

#masonryWrap .mason h3 {
	padding-left: 12%;
	margin-bottom: 0;
}

#masonryWrap .mason.doc > img {
	display: none;
}

#masonryWrap .mason.doc a.goPage {
	display: block;
	width: 4%;
	position: absolute;
	top: 20px;
	right: 15px;
}

#masonryWrap .mason.doc h3 {
	-webkit-background-size: 10%;
	background-size: 10%;
}

#masonryWrap .indexMonitor #indexMoniterCampaign h3 {
	top: 0;
	-webkit-background-size:25%;
	background-size:25%;
}

#masonryWrap .mason.doc h3.double {
	padding: 12px 0 10px;
	padding-left: 50px;
}

#masonryWrap .mason.balloon h3 {
	display: none;
}

#masonryWrap .mason.balloon .topicTitle {
	padding-left: 12%;
	background: url(../img/common/icon_cir_balloon.png) left center no-repeat;
	-webkit-background-size: 10%;
	background-size: 10%;
}

#masonryWrap .mason.balloon h4 {
	color: #333;
	font-size: 108%;
}

#masonryWrap .mason.btn div h3 {
	top: 1%;
	-webkit-background-size:25%;
	background-size:25%;
}

#masonryWrap .mason .openFire {
	position: absolute;
	top: 20px;
	right: 15px;
	display: block;
	width: 5%;
	height: 2em;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	background: url(../img/common/icon_plus.png) center top no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}

#masonryWrap .mason .openFire.opend {
	background: #ffffff url(../img/common/icon_minus.png) center 30% no-repeat !important;
	-webkit-background-size: 100%;
	background-size: 100%;
}

#masonryWrap a.mason {
	width: 100%!important;
	height: auto;
}

#masonryWrap .indexMonitor {
	width: 100%!important;
	height: 100%;
	padding: 0;
}

#masonryWrap .indexMonitor #indexMoniterCampaign {
	position: relative;
	width: 100%!important;
	height: 100%!important;
}

#masonryWrap .indexMonitor #indexMoniterCampaign a {
	display: block;
	bottom: 7px;
	left: 0;
	text-align: center;
	width: 100%;
	margin-left: 0;
}

#masonryWrap .indexMonitor #indexMoniterCampaign a img {
	width: 92%;
}

#masonryWrap .imgArea {
	display: none;
}


#masonryWrap #indexFaq p {
	margin-bottom: 10px;
}

#masonryWrap #indexFaq ul {
	display: none;
}

/* ----------------------------------------
	1-2. mypage
---------------------------------------- */
#mypage .contentsInner h2 {
	background: url(../img/bg_h2-sp.png) 0 0 repeat-x;
	background-size: 100% 70px;
	height: 70px;
	line-height: 70px;
	margin: 0;
	color: #FFF;
	font-size: 220%;
	font-weight: bold;
	padding: 0 10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#mypage .contentsInner h2.m03_h2_my {
	padding-top: 0;
}

#pointsArea {
	border-top: 1px #cccccc solid;
	width: 100%;
	padding: 0;
	background: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-bottom: 0;
}

#pointsArea > p {
	background: #f5f5f5;
	padding: 5px 10px;
	margin-bottom: 2px;
}

#pointsArea > p span {
	padding-left: 23px;
	font-weight: bold;
	background: url(../img/mypage/bg_point_name.png) left 2px no-repeat;
}

#pointsArea #pointsCountInner {
	width: 100%;
	overflow: hidden;
	background: url(../img/mypage/bg_points.png) left top repeat-x;
}

#pointsArea #pointsCountInner p {
	width: 45%;
	float: left;
	text-align: left;
}

#pointsArea #pointsSum {
	width: 50%;
	float: right;
	overflow: hidden;
	padding-top: 2%;
}

#pointsArea #pointsSum img {
	width: 12%;
	float: left;
}

#pointsArea #pointsSum .pcn {
	padding-top: 3%;
	padding-left: 2%;
	float: left;
	font-weight: bold;
}

#pointsArea .btnArea {
	padding: 10px 0 0;
	text-align: center;
}


.contentsInner {
	width: 100%;
	background: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding-bottom: 0;
	min-height:350px;
}

#mypage .contentsInner .sectionWrap {
	padding: 0;
}


#mypageTopics h3 {
	background: url(../img/mypage/bg_title_green.png) left top repeat-x;
	font-size: 131%;
	font-weight: normal;
	padding-top: 12px;
	padding-left: 3%;
	height: 34px;
}

#mypageTopics h3 span {
	padding-left: 1.4em;
	background: url(../img/mypage/icon_doc.png) left 0.25em no-repeat;
	-webkit-background-size: 1em;
	background-size: 1em;
}

#mypageTopics .sectionInner {
	border: none;
	padding: 2%;
	height: auto;
	overflow-y: visible;
}


#currentQuestions h3 {
	background: url(../img/mypage/bg_title_orange.png) left top repeat-x;
	font-size: 131%;
	font-weight: normal;
	padding-top: 12px;
	padding-left: 3%;
	height: 34px;
	margin-bottom: 0.5em;
}

#currentQuestions h3 span {
	padding-left: 1.4em;
	background: url(../img/mypage/icon_write.png) left 0.25em no-repeat;
	-webkit-background-size: 1em;
	background-size: 1em;
}

#currentQuestions .sectionInner p.caption {
	font-size: 93%;
	padding: 0 2%;
	margin-bottom: 10px;
}


.questionWrap {
	width: 100%;
	margin-bottom: 1em;
	border-bottom: none;
}

.questionWrap li {
	width: 100%;
	overflow: hidden;
	background: #fdedf6;
}

.questionWrap li .dataInner {
	padding: 2%;
	width: 100%;
	overflow: hidden;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px #cccccc solid;
}

.questionWrap li.title {
	border-bottom: 5px #e857ac solid;
	overflow: hidden;
	width: 100%;
	background: #fff;
}

.questionWrap li.title .tab {
	width: 25%;
	font-size: 93%;
	padding: 5px 0 3px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.questionWrap li.title .icons {
	padding: 2px 10px 0;
	width: 75%;
}

.questionWrap li.title .icons .pc,
.questionWrap li.title .icons .sp {
	font-size: 85%;
}

.questionWrap li.head {
	display: none;
}

.questionWrap li.data {
	width: 100%;
	border-left: none;
	border-right: none;
}

.questionWrap li.data .dataInner div {
	border-top: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.questionWrap li div {
	float: left;
	height: auto;
	padding: 0 0 3px;
	text-align: center;
}

.questionWrap li .type {
	width: 12%;
	border-right: none;
}

.questionWrap li .no {
	width: 18%;
	font-size: 85%;
	color: #666;
	border-right: none;
	padding-top: 1.5%;
}

.questionWrap li .date {
	width: 18%;
	font-size: 85%;
	color: #666;
	border-right: none;
	padding-top: 1.5%;
}

.questionWrap li .qContent {
	padding-left: 0;
	padding-right: 0;
	width: 70%;
	border-right: none;
	text-align: left;
	float: left;
}

.questionWrap li .qContent span {
	color: #333;
	text-decoration: none;
}

.questionWrap li .status {
	width: 30%;
	float: right;
}

.questionWrap li .dataMain {
	width: 100%;
	padding: 0;
	overflow: hidden;
}

.questionWrap table#questionnaire td .detail, .questionWrap table#questionnaire td.qContent .detail {
	float: none;
	display: inline-block;
	width: 46px;
	padding: 0;
	line-height: 1.8;
	height: auto;
	background: url(../img/mypage/bg_detail.png) left top no-repeat;
	text-align: center;
	color: #222;
	margin: 0;
	text-decoration: none;
	font-size: 14px;
}

.questionWrap .answer {
	display: inline-block;
	margin: 0 auto 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.8;
	height: auto;
	background: url(../img/mypage/bg_sp_answer.png) left top no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.questionWrap .end {
	display: block;
	width: 70px;
	padding: 4px 0;
	margin: 0 auto;
	color: #ccc;
	background: url(../img/mypage/bg_sp_end.png) left top no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.questionWrap table#questionnaire {
	border-top: 1px solid #b1a5ac;
	border-bottom: 1px solid #cfc4cb;
}

.questionWrap tr.noTH {
	display: none;
}

.questionWrap tr {
	overflow: hidden;
	border-top: 1px solid #cfc4cb;
	border-bottom: 1px solid #b1a5ac;
	background: #fdedf6;
}

.questionWrap.qBlue tr {
	border-top: 1px solid #a8adb1;
	border-bottom: 1px solid #c6cccf;
	background: #f0f8fd;
}

.questionWrap table#questionnaire {
	border: none;
}

.questionWrap table#questionnaire td {
	display: block;
	width: auto !important;
	float: left;
	border: none !important;
	padding: 0;
}

.questionWrap table#questionnaire .type {
	padding: 3px 0 0 10px;
}

.questionWrap table#questionnaire .no {
	padding: 6px 10px;
	font-size: 80%;
	color: #666666;
}

.questionWrap table#questionnaire .date {
	padding: 6px 0 0;
	font-size: 80%;
	color: #666666;
}

.questionWrap table#questionnaire td.qContent {
	clear: both;
	display: block;
	width: 88%;
	padding-left: 0 0 0 10px;
	font-size: 115%;
}

.questionWrap table#questionnaire td.status {
	float: right;
	display: block;
	width: 12%;
	padding: 0 10px 5px 0;
}

.popup {
	width: 100%!important;
	padding: 10px;
	left: 0;
	-webkit-box-sizing: border-box!important;
	-moz-box-sizing: border-box!important;
	box-sizing: border-box!important;
}

.popup table {
	width: 100%;
	border: 1px #da750b solid;
}

.popup table th, .popup table td {
	padding: 8px;
	border-right: 1px #da750b solid;
	text-align: center;
}

.popup table th {
	background: #f29e00;
	color: #fff;
	font-weight: normal;
	border-bottom: 1px #da750b solid;
}

.popup table td {
	background: #feefd8;
}


.questionWrap.qBlue li {
	background: #f0f8fd;
}

.questionWrap.qBlue li.title {
	background: #fff;
}

.questionWrap.qBlue li.data {
	border: 0;
}

[aria-describedby="mypage_info"] {
  width: 80% !important;
}

#mypageTopics .sectionInner_mt {
	border: none;
	padding: 2%;
	height: auto;
	overflow-y: visible;
}

/* =================================================

LAYOUT

==================================================*/
#sidenavi {
	display: none;
}

.basic_block {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "�E��E� �E�ゴシチE��", "MS PGothic", Osaka, sans-serif;
	padding: 0 10px 10px;
	margin-bottom: 10px;
	width: 100%;
}

#mainContents .basic_block h2 {
	background: url(../img/bg_h2-sp.png) 0 0 repeat-x;
	background-size: 100% 70px;
	height: 70px;
	line-height: 70px;
	margin: 0 -10px 10px;
	color: #FFF;
	font-size: 220%;
	font-weight: bold;
	padding: 0 10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.basic_block h3 {
	background: url(../img/bg_h3-sp.png) 0 0 repeat-x;
	background-size: 100% 40px;
	height: 40px;
	line-height: 40px;
	font-size: 145%;
	font-weight: bold;
	padding: 0 10px;
	color: #FFF;
	margin: 0 -10px 10px;
}

.basic_block p {
	margin-bottom: 1em;
}

.basic_block table {
	font-size: 87.5%;
}

.basic_block ul, .basic_block ol {
	margin-bottom: 0.75em;
}
.basic_block li {
	list-style-position: inside;
}

/* ===== Link ===== */
a:link, a:visited { color: #4387D7; text-decoration: underline;}
a:hover, a:active { color: #4387D7; text-decoration: none;}

/* ===== Clearfix ===== */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

/* DreamWeaver */
.clearfix + *{ clear: both;}

/* 裁E�� */
.center {
	text-align: center;
}
.bottom20px {
	margin-bottom: 20px;
}
.bottom30px {
	margin-bottom: 30px;
}

/* ----------------------------------------
	TOP
---------------------------------------- */

#main {
	width: 640px;
}

.center_layout {
	text-align: center;
}

/* login_form */
.m01_login {
	background-color: #EDF2FE;
	border: 1px solid #6EBFEA;
	border-bottom: none;
	padding: 10px 10px 0;
}
.m01_center_passwd {
	background-color: #EDF2FE;
	border: 1px solid #6EBFEA;
	border-top: none;
	padding: 0 10px 10px;
	margin-bottom: 10px;
}
.m01_center_passwd a {
	background: url(/img/top/arr_pink-sp.png) left center no-repeat;
	background-size: contain;
	padding-left: 13px;
}
.m01_login_main p {
	font-weight: bold;
	font-size: 116%;
}
#m01_user_input {
	width:90%;
	font-size:100%;
}
#m01_user_input td {
	display: block;
	padding: 0 0 5px 0;
}
#m01_user_input input {
	background: 0 0 no-repeat;
	border: 2px solid #666666;
	background: #fff;
	width: 100%;
	height: auto;
	line-height: 1.1;
	padding: 6px;
}
.m04_center_btn {
	text-align: center;
}

.basic_block table#m01_user_info {
	background-color: #EDF2FE;
	border: 1px solid #6EBFEA;
	margin-bottom: 20px;
	font-size: 100%;
	width: 100%;
}
table#m01_user_info td {
	float: none;
	display: block;
	padding: 5px;
	width: 100%;
	font-weight: bold;
}
#m01_user_info input {
	background: #fff none;
	width: auto;
	height: auto;
	line-height: 1.1;
	padding: 6px;
	border: 2px solid #666;
}
/*
select {
	-moz-box-shadow: none;
	-webkit-box-shadow:none;
	box-shadow:none;
	background: none;
	background-color:#ffffff;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	border:1px solid #666666;
	padding: 0;
}

#m01_user_info span.customSelect {
	height: auto;
	line-height: 1.1;
	border: none;
	background: url(/img/top/bg_select_1.png) 0 0 no-repeat;
	width: 112px;
	padding: 0;
}
.select_s {
	width: 74px;
	background-image: url(../images/bg_select_2.png);
}
*/
/* about_questionnaire */
#m03_kind dt {
	font-size: 118%;
	font-weight: bold;
	background: url(/img/top/bg_dt_q-sp.png) left center no-repeat;
	border-bottom: 2px solid #12A3FA;
	padding-left: 20px;
	margin-bottom: 20px;
	padding-bottom: 3px;
}
#m03_kind dd {
	margin-bottom: 25px;
}

/* point_about */
#m04_bank_link {
	overflow: hidden;
}
#m04_bank_link_sub1 {
	font-weight: bold;
	margin-bottom: 15px;
}
#m04_bank_link_sub2 {
	width: 30%;
	float: left;
	background: url(/img/top/bank_1.jpg) center top no-repeat;
	background-size: 75px 75px;
	padding-top: 85px;
	margin-bottom: 15px;
}
#m04_bank_link_sub3 {
	width: 30%;
	float: left;
	background: url(/img/top/bank_2.jpg) center top no-repeat;
	background-size: 74px 74px;
	padding-top: 85px;
	margin-bottom: 15px;
}
#m04_bank_link_sub4 {
	width: 30%;
	float: left;
	background: url(/img/top/bank_3.jpg) center top no-repeat;
  background-size: 76px 76px;
	padding-top: 85px;
	margin-bottom: 15px;
}
#m03_syouhin, #m04_syouhin{
	margin: 0 10px;
}
#m03_syouhin img, #m04_syouhin img {
	margin: 0;
	width:48%;
}
img#m03_netmile_logo, img#m04_netmile_logo {
	float: none;
	display: block;
	margin: 0 auto 10px;
	padding-right:0;
	width: 35%;
}
#m04_pex {
	font-size: 124%;
	font-weight: bold;
	background: url(/img/top/bg_dt_q.png) left top no-repeat;
	border-bottom: 2px solid #12A3FA;
	padding-left: 12px;
	margin-bottom: 10px;
	padding-bottom: 6px;
}

/* use_system */
.m_sub04_system_brows dt {
	font-weight: bold;
	width: 10em;
	float: left;
	clear: both;
}
.m_sub04_system_brows dd {
	margin-left: 10em;
}
.center_lauout {
	text-align: center;
	padding: 10px 0;
}
.use_system_ttl {
	font-weight: bold;
	border-bottom: 2px solid #12A3FA;
	margin-bottom: 20px;
	padding-bottom: 12px;
}

/* privacy */
.contentsInner h2#m_sub02_h2_001 {
	font-size: 180%;
}
h4.m_sub03_privacy {
	font-size: 118%;
	font-weight: bold;
	border-bottom: 2px solid #12A3FA;
	margin-bottom: 20px;
	padding-bottom: 12px;
	line-height: 1.2;
}

/* security */
#m_sub03_security_message {
	font-weight: bold;
	background-image: none;
	background-color: #fcf3f9;
	border: 9px solid #f1a9d2;
	border-radius: 3px;
	padding: 15px 10px 0;
	margin-bottom: 10px;
}
#m_sub03_security_message p {
	line-height: 1.2;
}

/* provision */
ol.m_sub04_provision li {
	list-style-type: decimal;
	margin-left: 1.2em;
	text-indent: -1.2em;
}
ol.m_sub04_provision li li {
	list-style-type: decimal;
	margin-left: 1.2em;
	text-indent: -1.2em;
}
h3.gray_bar .required {
	padding-left: 1em;
}

/* ask */
#m_sub02 #m01_user_info caption {
	color: #FFF;
	text-align: left;
	background-color: #6DBFEA;
	padding: 20px;
	font-weight: bold;
}
#m_sub02 #m01_user_info ul {
	margin-bottom: 0;
}
#m_sub02 #m01_user_info li {
	list-style: none;
}
#m_sub02 #m01_user_info textarea {
	background: url(/img/top/bg_textarea-sp.png) 0 0 no-repeat;
	border: none;
	width: 560px;
	height: 176px;
}

/* about */
#m02_h2_001_sub {
	font-size: 136%;
	font-weight: bold;
	color: #1F6CC4;
	line-height: 1.3;
}
#m02_service_flow {
	margin-bottom: 20px;
}
#m02_about {
	margin-bottom: 30px;
}

/* ----------------------------------------
	REGIST
---------------------------------------- */
#m05_user_info_main {
	width:100%;
	padding:0;
}
.contentsInner h2#m01_h2_005, .contentsInner h2#m01_h2_006, .contentsInner h2#m01_h2_007, .contentsInner h2#m01_h2_008, .contentsInner h2#m01_h2_009 {
	font-size: 140%;
}
.m04_center_btn {
	margin-top: 13px;
}
#m01_monitor_flow caption {
	display: none;
}
#m01_monitor_flow tr {
	background: none;
}
#m01_monitor_flow tr#lastLine td {
	padding-bottom: 0;
	background: none;
}
#m01_monitor_flow td {
	padding-bottom: 26px;
	width: 55%;
	background: url(/img/regist/next.png) center 85% no-repeat;
	vertical-align: top;
}
#m01_monitor_flow td img {
	width: 90%;
	margin-right: 5px;
}
#m01_monitor_flow td.text {
	font-size: 100%;
	width: 45%;
	background: none;
}
#m01_monitor_flow td.flowAr {
	background: url(/img/regist/next.png) 75px 32px no-repeat;
}
table#m01_user_info {
	font-size: 100%;
}
table#m01_user_info caption, table#m05_user_info_kakunin caption {
	background-color: #6DBEE9;
	padding: 6px 10px;
	font-size: 115%;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}
#m05_user_info_kakunin {
	background-color: #EDF2FE;
	border: 1px solid #6EBFEA;
	margin-bottom: 20px;
	font-size: 100%;
	width: 100%;
}
#m05_user_info_kakunin td {
	float: none;
	display: block;
	padding: 5px;
	width: 100%;
	font-weight: bold;
}

/* ----------------------------------------
	point_history
---------------------------------------- */
table#m02_kakutoku_rireki {
	position: relative;
	margin-top: 53px;
}

table#m02_kakutoku_rireki caption {
	position: absolute;
	top: -43px;
	width: auto;
	padding: 8px 10px 5px;
	float: none;
	height: 30px;
	line-height: 30px;
	white-space:nowrap;
}

table#m02_kakutoku_rireki th, table#m02_koukan_rireki th {
	height: auto;
}

table#m02_kakutoku_rireki td.table_date, table#m02_koukan_rireki td.table_date {
	white-space: nowrap;
}

table#m02_kakutoku_rireki td.table_questionnaire_name2 , table#m02_koukan_rireki td.table_questionnaire_name2{
	width: auto;
}

table#m02_kakutoku_rireki td.table_num, table#m02_koukan_rireki td.table_num {
	width: 20px;
}

table#m02_koukan_rireki {
	position: relative;
	margin-top: 63px;
}

table#m02_koukan_rireki caption {
	position: absolute;
	top: -43px;
	width: auto;
	padding: 8px 10px 5px;
	float: none;
	height: 30px;
	line-height: 30px;
	white-space:nowrap;
}

table#m02_koukan_rireki td.table_num.end {
	width: 15px;
}

/* ----------------------------------------
	point_exchange
---------------------------------------- */

#m04_point_show{
	height: auto;
	margin-bottom:10px;
	overflow: hidden;
}

#m04_point_show div#m04_point_show_sub1{
	position: static;
	font-size:100%;
	background-size:contain;
	padding-left:30px;
	margin: 12px 0 0 20px;
}

#m04_point_show div#m04_point_show_sub2{
	position: static;
	float: left;
	height:auto;
	background-size: contain;
	margin: 9px 0 10px 10px;
	padding-left:25px;
	padding-top:0;
	font-size:100%;
}

#m04_point_show div#m04_point_show_sub3{
	position: static;
	float: right;
	margin: 0 10px 10px 0;
	height:auto;
	font-size:100%;
}
#m04_point_show div#m04_point_show_sub3 span{
	font-size:150%;
}

#m04_user_point_kakunin_sub2 img {
	width: 140px;
	height: auto;
}
/*
#m04_user_syohin_koukan select {
	   -moz-box-shadow: none;
        -webkit-box-shadow:none;
        box-shadow:none;
        background: none;
        background-color:#ffffff;
        -moz-border-radius:1px;
        -webkit-border-radius:1px;
        border-radius:1px;
        border:1px solid #666666;
}
*/
#m04_user_point_sub1{
	padding:6px 10px;
}

#m04_user_point_sub2{
	padding:10px;
}

.exchange_form_area dl {
  display: block;
}
.exchange_form_area dt {
  width: 100%;
}
.exchange_form_area dd {
  width: 100%;
}
.exchange_form_area dl dt {
  display: block;
}
.exchange_form_area dl dd {
  display: block;
}

.exchange_form_area input {
  width: 85% !important;
  margin: 5px 5px 0 0;
}
.exchange_form_area select {
  width: 90% !important;
  margin: 5px 5px 0 0;
}
.exchange_form_area_pex dd input {
  width: 70% !important;
}

/* ----------------------------------------
	monitor_input
---------------------------------------- */
div#m05_user_info, div#m05_user_info_zokusei{
	padding: 6px 10px;
}
div#m05_user_info1, div#m05_user_info_zokusei1 {
	padding:5px;
	margin-bottom:10px;
}
div#m05_user_info1 table td{
	display:block;
	width: 96%;
	padding: 5px 2% 0;
}

.m05_user_info_zokusei_birth {
	display: block;
}

div#m05_user_info1 table td input[type=text], div#m05_user_info1 table td input[type="password"] {
	border: 1px solid #666666;
	padding: 6px;
}

div#m05_user_info1 table td select {
	border: 1px solid #666666;
	padding: 6px;
}

div#m05_user_info_zokusei1 table td{
	display:block;
	width: 96%;
	padding: 5px 2% 0;
}

div#m05_user_info_zokusei1 table td input[type=text], div#m05_user_info_zokusei1 table td input[type="password"] {
	border: 1px solid #666666;
	padding: 6px;
}

div#m05_user_info_zokusei1 table td select {
	border: 1px solid #666666;
	padding: 6px;
}

div#m05_user_info_zokusei1 table b{
	font-size:100%;
}
.contentsInner h2#m05_h2_002 {
	font-size: 110%;
}
.contentsInner h2#m05_h2_003 {
	font-size: 150%;
}

.captcha_input {
	margin-top: 3%;
}

/* ----------------------------------------
	new_pass
---------------------------------------- */

div#m07_user_passwd{
	padding: 6px 10px;
}
div#m07_user_passwd1 {
	padding:10px;
	margin-bottom:10px;
}

div#m07_user_passwd1 table {
	font-size: 100%;
}
div#m07_user_passwd1 table td{
	display: block;
	float: none;
	width: 100%;
	padding: 5px 5px 0 5px;
}

div#m07_user_passwd1 input {
	width: 90%;
	padding: 6px;
}
/*
div#m07_user_passwd1 select{
	   -moz-box-shadow: none;
        -webkit-box-shadow:none;
        box-shadow:none;
        background: none;
        background-color:#ffffff;
        -moz-border-radius:1px;
        -webkit-border-radius:1px;
        border-radius:1px;
        border:1px solid #666666;
		padding:0;
		width: auto;
}
*/

/* ----------------------------------------
	point_exchange_pex
---------------------------------------- */
#m04_user_point_sub2 input {
	width: 8%;
	padding: 6px;
}

/* ----------------------------------------
	privacy
---------------------------------------- */
h4.m_sub03_privacy {
	background: none;
	border-bottom: 2px solid #12A3FA;
	padding: 0;
	margin-bottom: 10px;
}
#yellow_box{
	height: auto;
	margin-bottom:10px;
	padding: 3%;
}

#yellow_box div.mail_mark{
	position: static;
	display: table-cell;
}

#yellow_box div.adress{
	position: static;
	font-size:130%;
	display: table-cell;
	vertical-align: middle;
	white-space:nowrap;
}
#yellow_box div.adress a{
	margin-left: 5%;
}
/* ----------------------------------------
	ask
---------------------------------------- */
div#m_sub02_ask{
	padding: 6px 10px;
}
div#m_sub02_ask1 {
	padding:10px;
	margin-bottom:10px;
}
div#m_sub02_ask1 table td{
	padding: 5px 5px 0 5px;
}
div#m_sub02_ask1 input {
	padding: 6px;
	border: 1px solid #666666;
}

div#m_sub02_ask1 textarea {
	width: 93%;
	padding: 6px;
	border: 1px solid #666666;
}
/* ----------------------------------------
	bank
---------------------------------------- */
.contentsInner h2#m06_h2_001 {
	font-size: 170%;
}
div#m06_user_bank{
	padding: 6px 10px;
}
div#m06_user_bank1 {
	padding:10px;
	margin-bottom:10px;
}
div#m06_user_bank1 table td{
	display: block;
	padding: 0;
}

div#m06_user_bank1 table td.left {
	float: none;
}

div#m06_user_bank1 table td input[type=text] {
	border: 1px solid #666666;
	padding: 6px;
}

div#m06_user_bank1 select {
	-moz-box-shadow: none;
	-webkit-box-shadow:none;
	box-shadow:none;
	background: none;
	background-color:#ffffff;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	border:1px solid #666666;
}

div#m06_user_bank1 .small_text {
	display: block;
	margin: 0 0 10px 5px;
}

.contentsInner h2#m06_h2_002 {
	font-size: 110%;
}
.contentsInner h2#m06_h2_003 {
	font-size: 140%;
}


/* ----------------------------------------
	base
---------------------------------------- */
div#m05_user_info_zokusei1 input {
	border: 1px solid #666666;
	padding: 6px;
}
div#m05_user_info_zokusei1 select {
	   -moz-box-shadow: none;
        -webkit-box-shadow:none;
        box-shadow:none;
        background: none;
        background-color:#ffffff;
        -moz-border-radius:1px;
        -webkit-border-radius:1px;
        border-radius:1px;
        border:1px solid #666666;
}

/* ----------------------------------------
	faq
---------------------------------------- */
dl#m_sub01_faq_q {
	width:auto;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	filter:none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	border:none;
	border-bottom: 1px solid #ccc;
	display:block;
	font-size:100%;
	padding:6px;
	margin:0 -10px; 
}
	


div.q_bar{
        display:block;
		position: static;
		width:auto;
		height:auto;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none; 
        background-color:#eee;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        border-radius:0;
        border:none;
		border-bottom:1px solid #bebebe;
		margin:0 -10px 7px;
		padding: 2%;
}

div.q_bar div.q_no {
	position:static;
	float: left;
	width: 13%;
	padding: 0 0 0 3%;
	background: none;
	color:#E352A5;
}

div.q_bar  div.required {
	width:100%;
	padding: 0 10px 0 16%;
	position:static;
}

/* ----------------------------------------
	leave
---------------------------------------- */
ul#m08_tyuki li{
	margin-left: 8%;
	list-style-position: outside;
}

div#m08_questionnaire_sub1{
	padding: 6px 10px;
}

div#m08_questionnaire_sub2 {
	padding:10px;
	margin-bottom:10px;
}

div#m08_questionnaire_sub2 table td{
	padding: 5px 5px 0 5px;
}
div#m08_questionnaire_sub2 input {
	padding-right: 0;
}
div#m08_questionnaire_sub2 textarea {
	width:93%;
	padding: 6px;
}

/* ----------------------------------------
	top/company
---------------------------------------- */
#m_compamy th {
	white-space: nowrap;
}

}