@charset "shift_jis";

/*--------------------------------------------------------------
login.css Last Update 09/03/16
--------------------------------------------------------------*/

/* background-color */
#account form#login p input.button,
#account {
 background-color:#F8FFF8
}
#faq dl dt {
 background-color:#EEFFEE
}

/* background-image */
#account form#login p a.faq {
 background-image:url(../images/bg-faq_login.gif)
}
#account form#login p input.button {
 background-image:url(../images/button-login_login.gif)
}
#account h2 {
 background-image:url(../images/bg-h2-account_login.gif)
}
#contents h2 {
 background-image:url(../images/bg-h2-contents_login.gif)
}
#faq dl dd {
 background-image:url(../images/dd-loginfaq.gif)
}
#faq dl dt {
 background-image:url(../images/dt-loginfaq.gif)
}
#faq p.prev a {
 background-image:url(../images/icon-prev.gif)
}
#footer {
 background-image:url(../images/bg-footer_login.gif)
}
#wrapper {
 background-image:url(../images/bg-wrapper_login.gif)
}

/* background-position */
#account form#login p a.faq,
#contents h2,
#faq p.prev a {
 background-position:left center
}
#faq dl dd,
#faq dl dt {
 background-position:3px 2px
}

/* background-repeat */
#account form#login p a.faq,
#account h2,
#contents h2,
#faq dl dd,
#faq dl dt,
#faq p.prev a,
#footer,
input.button {
 background-repeat:no-repeat
}
#wrapper {
 background-repeat:repeat-y
}

/* border */
#account {
 border:solid 1px #CCC
}
img {
 border:none
}
input.button {
 border:solid 0px #FFF
}

/* border-bottom */
#contents h2 {
 border-bottom:solid 1px #9C9
}

/* border-left */
#footer ul li.policy {
 border-left:solid 1px #060
}

/* clear */
#footer,
#footer address,
#header {
 clear:both
}

/* color */
#account h2 {
 color:#FFF
}
#account p strong,
#faq dl dd span.attention {
 color:#F00
}
#contents dl dt,
#faq dl dt {
 color:#399
}
#contents h2 {
 color:#063
}
#contents p.phonenumber {
 color:#039
}
a {
 color:#060
}
body {
 color:#666
}

/* cursor */
input.button {
 cursor:pointer
}

/* display */
#account form#login p a.faq,
#account p label,
#account ul li span,
#contents p em,
#footer ul li,
input.button {
 display:block
}
#contents p.businesshours em {
 display:inline
}

/* float */
#account,
#contents,
#footer ul li {
 float:left
}

/* font-size */
#account h2,
#contents h2 {
 font-size:120%
}
#contents p.businesshours {
 font-size:180%
}
#contents p.businesshours em {
 font-size:65%
}
#contents p.phonenumber {
 font-size:210%
}
body {
 font-size:75%
}

/* font-style */
#account p em,
#contents p em,
#faq dl dd em,
#footer address {
 font-style:normal
}

/* font-weight */
#account dl dt,
#account p em,
#account p label,
#contents dl dt,
#contents p em,
#contents p.businesshours,
#contents p.phonenumber,
#faq dl dd em,
#faq dl dt {
 font-weight:bold
}

/* height */
#account form#login p input.button {
 height:22px
}
#account h2 {
 height:30px
}
#footer {
 height:90px
}
#footer ul {
 height:1.2em
}

/* line-height */
#account dl dd,
#account dl dt {
 line-height:1.2em
}
#contents h2 {
 line-height:1.2
}
#faq dl dd,
#faq dl dt {
 line-height:1.4
}
#header h1 {
 line-height:1em
}

/* list-style */
#footer ul {
 list-style:none
}

/* list-style-position */
#account ul {
 list-style-position:outside
}

/* margin */
#account {
 margin:0 20px 0 30px
}
#account dl dd {
 margin:-3.5em 0 0.5em 0
}
#account dl dd input#password {
 margin:0.5em 0 0
}
#account dl dt {
 margin:0 0 1.5em
}
#account dl,
#account h2,
#account p,
#account ul,
#account ul li span,
#contents,
#contents dl dd,
#contents h2,
#contents p,
#footer,
#footer address,
#footer ul li,
#header,
body,
form,
h1,
h2,
img {
 margin:0
}
#account form#login p a.faq {
 margin:-1.4em 0 0 190px
}
#account form#login p input.button {
 margin:0 auto 0 30px
}
#account p label {
 margin:-1.4em 0 0 24px
}
#contents dl {
 margin:10px
}
#contents dl dt {
 margin:0 0 10px
}
#contents p em {
 margin:0 0 -10px
}
#faq dl {
 margin:10px 20px
}
#faq dl dd {
 margin:5px 0
}
#faq p {
 margin:0 20px 10px
}
#faq p.prev {

 margin:20px
}
#footer ul {
 margin:0 auto
}
#wrapper {
 margin:40px auto 0
}

/* margin-left */
* html #account {
 margin-left:15px
}

/* overflow */
input.button {
 overflow:hidden
}

/* padding */
#account dl dd {
 padding:0 10px 5px 0
}
#account dl dt,
#contents dl,
#contents dl dd,
#contents dl dt,
#contents p em,
#footer,
#footer address,
#header,
body,
form,
h1,
h2,
img {
 padding:0
}
#account dl,
#account p {
 padding:10px 20px 0
}
#account h2 {
 padding:5px 0 0 50px
}
#account ul {
 padding:0 0 10px 36px
}
#account ul li span {
 padding:0 0 0 1em
}
#contents h2 {
 padding:3px 0 2px 20px
}
#contents p {
 padding:0 10px 5px
}
#contents p.businesshours {
 padding:0 0 20px 50px
}
#contents p.phonenumber {
 padding:10px 0 0 50px
}
#faq dl dd,
#faq dl dt {
 padding:5px 0 5px 35px
}
#faq p.prev a {
 padding:5px 20px
}
#footer ul {
 padding:20px 0 30px
}
#footer ul li {
 padding:0 1em
}

/* padding-left */
#account form#login p a.faq {
 padding-left:20px
}

/* padding-right */
#contents p.attention span,
#faq dl dd span.attention span {
 padding-right:4px
}
#contents p.businesshours em,
#contents p.phonenumber img {
 padding-right:10px
}

/* text-align */
#account dl dd {
 text-align:right
}
#faq p.prev,
#footer,
body {
 text-align:center
}
#wrapper {
 text-align:left
}

/* text-decoration */
a {
 text-decoration:none
}
a:hover {
 text-decoration:underline
}

/* text-indent */
input.button {
 text-indent:-9999px
}

/* white-space */
#footer ul li {
 white-space:nowrap
}

/* width */
#account {
 width:350px
}
#account dl dd input#password,
#account dl dd input#login_id {
 width:170px
}
#account dl dt {
 width:120px
}
#account dl,
#account p,
#account ul {
 width:310px
}
#account form#login p input.button {
 width:80px
}
#account ul {
 width:290px
}
#contents {
 width:340px
}
#footer ul {
 width:16.5em
}
#header,
#wrapper {
 width:770px
}

/*This wirte by Azusa. last update 20090415*/
.privacy p {
 margin:0 20px 10px
}
.privacy ol{
margin-top:20px;
}
.privacy ol li{
	line-height:1.7em;
	list-style-position: outside;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-right: 50px;
	margin-left: 30px;
}
.privacy dl {
margin:3px 0px 10px 30px;
line-height:1.7em;
}
.privacy #add{
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:30px;
}
.privacy p.prev a {
background-image:url(../images/icon-prev.gif);
background-position:left center;
background-repeat:no-repeat;
padding:5px 20px;
}
.privacy p.prev {
margin:30px 20px 0px;
text-align:center
}
.privacy #footer address{
padding-top: 57px;
}