@charset "utf-8";
/*
Theme Name:
Theme URI:
Description:
Author:
Version:
*/


@import url('css/base.css');      /* Base          */
body {
	margin : 0;
	padding : 0;
	text-align: center; /* IE センタリング */
	color : #222222;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'ヒラギノ角ゴ W3', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	background: transparent;
	-webkit-text-size-adjust: 100%;
}
html, body {
	width: 100%;
	margin: 0;
	padding: 0;
}
::selection {
	background: none repeat scroll 0 0 #ffe8e9;
	color: #333333;
	text-shadow: none;
}

::-moz-selection {
 background: none repeat scroll 0 0 #ffe8e9;
 color: #333333;
 text-shadow: none;
}
a::selection {
	background: none repeat scroll 0 0 #EEEEEE;
	color: #29abe2;
	text-shadow: none;
}
 a::-moz-selection {
 background: none repeat scroll 0 0 #EEEEEE;
 color: #29abe2;
 text-shadow: none;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
.video embed, .video object, .video iframe {
	width: 100%;
	height: auto;
}


/*-----------------------------------------------
	Form Parts Setting
-------------------------------------------------*/

label {
	margin-bottom: 0.3em;
	text-shadow: 0 1px 0 #ffffff;
}
select, textarea, input {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	/* [disabled]display: block;
*/
	font-size: 16px;
	line-height: 1.4;
	padding: 0.4em;
	/* [disabled]width: 90%;
*/
	margin-bottom: 0.7em;
	border: 1px solid #B3B3B3;
	color: #000;
	text-shadow: 0 1px 0 #ffffff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
	background: #ffffff;
}
.buttons {
	margin-top:20px;
	text-align:center;
}
.buttons input {
	background:#F90;
	color: #FFF;
	text-shadow: none;
	width: auto;
	margin: 0px auto 10px;
	padding: 0.6em 15px;
}
.buttons input#entry {
	background:#666;

}

input:focus {
	border:solid 1px #EEA34A;
}
.buttons .nextbutton {
	background: #006EFC;
	color: #FFF;
	text-shadow: 0 1px 0 #333333;
}
.buttons .nextbutton:hover {
	background: #003272;
	color: #FFF;
}
/*.buttons input:hover,
.buttons input:active {
	background: #FA8605;
	color: #FFF;
}*/

.buttons input:hover {
    cursor:pointer;
    filter:alpha(opacity=60);        /* ie lt 8 */
    -ms-filter:"alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

select {
	width: auto;
	display: inline;
}
.button input {
	width: auto;
	padding: 0.3em 20px;
	margin-right: 10px;
	float: left;
}
dl input#tel1, dl input#tel2, dl input#tel3, dl input#zip1, dl input#zip2 {
	width: 5em;
	display: inline;
}
.required {
	color: #F00;
	vertical-align: middle;
}
label .required {
	padding-left: 0.6em;
}
#registmail form input.radio {
	width: auto;
	/* [disabled]display: inline;
*/
	/* [disabled]float: left;
*/
}
input.width100 {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width: 100%;
}

.emphasis {
	border:#F90 solid 2px;
	text-align:center;
	padding:10px;
}

/*================================
    
    Size setting

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

#header, #headerImage, #main, #sitemapNavi, #footer {
	width: 100%;
}
.wrap {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
#main {
	padding: 10px 0;
	background-color: #ebf0f3;
	border-top: 5px solid #dae0e3;
}
#content {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
/*-----------------------------------------------
	Background image
-------------------------------------------------*/
/*-----------------------------------------------
	Header Setting
-------------------------------------------------*/

#header {
	border-top: 5px solid #0c499c;
	padding: 7px 0 10px;
}
#site-title {
	width: 200px;
	float: left;
	margin-left: 20px;
}
#navBox {
	width: auto;
	float: right;
	margin-top: 22px;
}
#site-description {
}
/*-----------------------------------------------
	Global Navigation
-----------------------------------------------*/
/*-----------------------------------------------
	Header Navigation
-----------------------------------------------*/
/*-----------------------------------------------
	member Navigation
-----------------------------------------------*/

#memberNavi {
	width: auto;
	float: right;
}
#memberNavi ul, #memberNavi li {
	margin: 0pt;
	padding: 0pt;
	text-align: center;
	float: left;
	line-height: 1;
	list-style-type: none;
}
#memberNavi li a {
	padding: 0.5em 10px;
	display: block;
	position: relative;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-color: rgb(238, 238, 238);
}
#memberNavi li.regi {
	margin-right: 8px;
}
#memberNavi li.regi a {
	background-color: #09479c;
}
#memberNavi li.login a {
	background-color: #2a97cf;
}
#memberNavi li.logout a {
	background-color: #6d767f;
}
#memberNavi li.regi a:hover {
	color: #ffffff;
	background-color: #2967b4;
}
#memberNavi li.login a:hover {
	color: #ffffff;
	background-color: #42a8d9;
}
#memberNavi li.logout a:hover {
	background-color: #333333;
}
/*-----------------------------------------------
	Main Visual
-----------------------------------------------*/

/*-----------------------------------------------
	Primary Setting
-------------------------------------------------*/

/*-----------------------------------------------
	Footer Setting
-------------------------------------------------*/
#footer {
	padding: 10px 0;
	background-color: #666;
	color: #eeeeee;
}
#copy {
	clear: left;
	padding-top: 12px;
}
#copy p {
	text-align: center;
	margin: 0.3em 0;
}
#helpNavi, #footerNavi {
	margin :0;
	padding: 0;
	list-style-type: none;
}
#helpNavi li, #footerNavi li {
	margin : 0 8px 0 0;
	padding: 0;
	float: left;
}
#helpNavi li a, #footerNavi li a {
	display: block;
	position: relative;
	color: #ffffff;
}
#footerNavi {
	float: left;
}
#helpNavi {
	float: right;
}
/*-----------------------------------------------
	Page Setting
-------------------------------------------------*/

#mypage {
	max-width: 600px;
	margin: 0 auto 40px;
	text-align: left;
	padding: 40px 80px 20px;
	position: relative;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	behavior: url(css/PIE.htc);
}
#mypage #servicelist {
	margin-bottom: 2em;
	font-size: 14px;
	margin-top: 2em;
}
#mypage #servicelist td.state {
	text-align:center;
}

/* mediaStaff */
#mypage .servicelistInner1 {
	padding-top:0;
	margin-bottom:2em;
	border:2px #207291 solid;
	padding: 8px;
}
#mypage .servicelistInner1 h3 {
	margin-top: 0;
	padding: 5px 20px;
	background-color: #f0f0f0;
}
#mypage .servicelistInner1 p {
	padding: 0 20px;
}
#mypage .servicelistInner2 {
	margin-bottom:2em;
}
#mypage .servicelistInner2 h3 {
	padding: 5px 20px;
	background: #F90;
	color: #FFF;
}
#mypage .servicelistInner2 li {
	margin-left: 20px;
	font-size: 16px;
	list-style-type: circle;
}
#mypage .freedial {
	margin-bottom:10px;
	line-height:1;
}
#mypage .freedial a {
	color:#227390;
}
#mypage .freedial img {
	width:40px;
	vertical-align:central;
}

/* /mediaStaff */

#mypage h2 {
	text-align: center;
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 9px 10px;
	position: relative;
	background-color: #207291;
	behavior: url(css/PIE.htc);
	color: #ffffff;
}

#mypage h3.orange {
	margin: 0 0 10px 0;
	padding: 9px 10px;
	background: #F90;
	color: #FFF;
	font-size: 16px;
}
#mypageNavi {
	width: auto;
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}
#mypageNavi li {
	margin-bottom: 10px;
	position: relative;
	border: 2px solid #2796ce;
	background-color: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(css/PIE.htc);
}
#mypageNavi li a {
	display: block;
	padding: 10px 10px;
	padding: 0.7em 30px 0.7em 15px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	text-transform: capitalize;
	font-size: 16px;
}
#mypageNavi li a:link, #mypageNavi li a:visited {
	color: #333333;
}
#mypageNavi li a:hover {
	color: #000000;
	background-color: #f5f5f5;
}
#mypageNavi .heading {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin: 0.6em 0;
	margin: 0;
	text-overflow: ellipsis;
}
#mypageNavi .icon-arrowR {
	display: block;
	background: url("../images/common/point_03.gif")  no-repeat scroll 0 0  #ffffff;
	height: 20px;
	margin-top: -10px;
	position: absolute;
	right: 10px;
	top: 50%;
	width: 20px;
}
.textlink {
	padding-left: 16px;
	text-align: left;
	font-size: 16px;
	line-height: 1;
	background: #ffffff  url("../images/common/point_05.gif")  no-repeat scroll 0 center;
}

/* mediaStaff */
.pagerWrap {
	margin-bottom: 2em;
}
.pagerL {
	float: left;
	display: block;
	padding: 0 5px;
	font-size: 16px;
	background: #54576b;
}

.pagerL a:before {
	content:"< ";
	}
.pagerR {
	float: right;
	display: block;
	padding: 0 5px;
	font-size: 16px;
	background: #54576b;
}
.pagerR a:after {
	content:" >";
	}
.pagerR a,
.pagerL a {
	color: #fff;
}
/* /mediaStaff */	

/*-----------------------------------------------
	New Password Setting
-------------------------------------------------*/

#newpassword {
	margin-bottom: 30px;
}
/*-----------------------------------------------
	ID MailSetting
-------------------------------------------------*/

#registmail {
}
#registmail {
}
#idmail {
	margin-bottom: 40px;
}
#registmail input {
	/* [disabled]display: block;
*/
}
#registmail .shortinput {
	width: 45%;
	float: left;
}
/*-----------------------------------------------
	登録編集
-------------------------------------------------*/

#changedate {
	font-size: 16px;
}
#creditcard {
	font-size: 16px;
}
#retire {
	font-size: 16px;
}
#servicelist {
	font-size: 16px;
}
/*-----------------------------------------------
	Thanks
-------------------------------------------------*/

#thanks {
	margin-bottom: 2em;
	font-size: 16px;
}
/*-----------------------------------------------
	ヘルプ
-------------------------------------------------*/

#help {
	padding-top: 20px;
}
.qa {
	margin-bottom: 15px;
	padding: 3px 3px 3px 50px;
	background: #eeeeee  url('../images/help/icon_q.gif')  no-repeat 18px 16px;
}
.accd, .accd dt, .accd dd {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}
.accd dt {
	margin-right: 12px;
	padding: 10px 30px 10px 15px;
	cursor: pointer;
	background: transparent  url('../images/help/icon_close.gif')  no-repeat 100% 10px;
}
.accd dt.active {
	background-image: url('../images/help/icon_open.gif');
}
.accd dd {
	padding: 10px 30px 10px 15px;
	display:none;
}
/*-----------------------------------------------
	Contact（非会員）Setting
-------------------------------------------------*/

#contact {
	margin-bottom: 30px;
}
.confirm dl {
	margin-bottom: 20px;
}
.confirm dt {
	/*border-bottom: 1px solid #dddddd;*/
}
.confirm dd {
	margin-bottom: 1.5em;
	padding: 10px;
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
/*-----------------------------------------------
	Credit Setting
-------------------------------------------------*/

#credit {
	margin-bottom: 2em;
	font-size: 16px;
}
#credit .creditdate {
	font-size: 16px;
	padding: 0 10px;
}
/*-----------------------------------------------
	Page Navi
-------------------------------------------------*/
#userInfo {
	margin: 0 0 20px 0;
	text-align: right;
}
/*-----------------------------------------------
	Page Top
-------------------------------------------------*/
#pageTop {
	position: fixed;
	right: 50px;
	z-index: 1250;
	bottom: 100px;
	margin: 0;
	padding: 0;
	display: none;
}
.step img {
	width: 100%;
	height: auto;
}



/*-----------------------------------------------
	1024pxより狭い場合
-------------------------------------------------*/

@media screen and (max-width: 1024px) {
/*  Common
	-------------------------------------------------*/
	#header,  #headerImage,  #main,  #sitemapNavi,  #footer {
	width: 100%;
}
.wrap {
	width: 100%;
}
#main {
	padding: 10px 0;
}
#content {
	width: auto;
	padding: 0 20px;
}
/*	Header Setting
	-------------------------------------------------*/
	
	#header {
}
#site-title {
	width: 160px;
	height: auto;/*float: left;*/
	}
#navBox {
	margin-right: 20px;
}
#userInfo {
	text-align: center;
}
/*	Mypage Setting
	-------------------------------------------------*/
	
	#mypage {
	margin: 0 auto 18px;
	padding-left: 80px;
	padding-right: 80px;
}
#mypage h2 {
}
#mypageNavi {
}
.textlink {
	padding-left: 16px;
	text-align: left;
	font-size: 16px;
	line-height: 1;
	background: #ffffff  url("../images/common/point_05.gif")  no-repeat scroll 0 center;
}
/*　Footer Setting
	-------------------------------------------------*/
	#footer {
	padding: 10px 0;
}
#copy {
	padding-top: 5px;
}
#copy p {
}
#helpNavi,  #footerNavi {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}
#footerNavi li {
	width: 25%;
	margin: 0;
}
#footerNavi li a {
	text-align: center;
	border-left: 1px dotted #dddddd;
}
#footerNavi li:first-child a {
	border-left: none;
}
#helpNavi {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	letter-spacing: -0.4em;
	margin: 0 auto 20px;
	overflow: hidden;
	padding: 0;
	text-align: center;
	width: 90%;
	background-color: #777777;
}
#helpNavi li {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	letter-spacing: normal;
	vertical-align: middle;
	width: 50%;
}
#helpNavi li a {
	padding: 5px 0;
}
#helpNavi li:first-child a {
	padding: 5px 0;
	border-right: 1px dotted #dddddd;
}
#footerNavi {
	float: none;
}
#helpNavi {
	float: none;
}
#pageTop {
	max-width: 640px;
	position: static;
	text-align: right;
	margin: 0 auto 18px;
}
}

/*-----------------------------------------------
	640pxより狭い場合
-------------------------------------------------*/

@media screen and (max-width: 640px) {
#footerNavi {
	font-size:11px;
}
#copy p {
	font-size:11px;
}
#mypage {
	margin: 0 auto 30px;
	padding-left: 20px;
	padding-right: 20px;
}
#pageTop {
	max-width: 520px;
	position: static;
	text-align: right;
	margin: 0 auto 18px;
}
.step {
}
#navBox {
	margin-top:0px;
}

}
#servicelist {
}
/*-----------------------------------------------
	membership agreement
-------------------------------------------------*/
.agreement {
	height:300px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin:10px auto;
	padding:10px;
	border:#999 solid 1px;
}
/*お知らせ系*/
.gInfo ul, .gInfo ol {
	padding-left:1em;
}
.gInfo ol li {
	list-style-type:decimal;
}
.gInfo li {
	font-size: 14px;
	line-height: 1.7143em;
	margin-bottom:10px;
}
.gInfo li ul {
	margin-top:10px;
}
.gInfo li li {
	list-style-type: none;
	text-indent: -3em; /*最初の行だけ1em（1文字）分、左に動かす*/
}
.hStyle04 {
	color: #081042;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
}
.bottom20 {
	margin-bottom:20px;
}