@charset 'UTF-8';

/* form
======================================*/
/* form */
body.function input.text,
body.function input.password,
body.function select,
body.function textarea {
	background: #fafafa;
	border: #e2dbbf solid 1px;
}
body.function input.text,
body.function input.password {
}

/* div.form-tableA01 */
body.function div.form-tableA01 {
	margin: 0.45em 0 0;
	*margin-top: 0.5em;
	padding: 0;
	border: #e2dbbf solid 1px;
	border-top: none;
}
body.function div.form-tableA01 table {
	width: 100%;
	border-collapse: collapse;
}
body.function div.form-tableA01 table th,
body.function div.form-tableA01 table td {
	text-align: left;
	color: #4d3b17;
	border-top: #e2dbbf solid 1px;
}
body.function div.form-tableA01 table th {
	padding: 6px 9px;
	background: #fcf9f2;
	vertical-align: top;
}
body.function div.form-tableA01 table td.rowspan{
	border-right: #e2dbbf solid 1px;
	vertical-align: top;
}	
body.function div.form-tableA01 table td {
	padding: 4px 10px 4px;
	*padding: 3px 10px 3px;
	vertical-align: middle;
}
body.function div.form-tableA01 table td div.textA01 p {
	margin-top: 0;
}

/* dl.form-tableA01 */
body.function dl.form-tableA01 {
	margin: 0.5em 0 0;
	padding: 0;
	border: #e2dbbf solid 1px;
}
body.function dl.form-tableA01:first-child {
	margin-top: 1.7em;
}
body.function dl.form-tableA01 dt.heading {
	margin: 0;
	padding: 7px 9px;
	*padding: 8px 9px;
	color: #4d3b17;
	background: #fcf9f2;
	font-weight: bold;
}
body.function dl.form-tableA01 dd {
	margin: 0;
	padding: 0.7em 9px;
	color: #4d3b17;
}
body.function dl.form-tableA01 dd div.option-listB01 {
	padding-top: 0.7em;
	*padding-top: 0.5em;
}
body.function dl.form-tableA01 dd div.validate-required {
	*position: relative;
	*left: -4px;
}

/* form-tableB01 */
body.function div.form-tableB01 {
	margin-top: 0;
}
body.function div.form-tableB01 table {
	width: 100%;
	border-collapse: collapse;
	border: none;
}
body.function div.form-tableB01 table th,
body.function div.form-tableB01 table td {
	padding: 0;
	border: none;
	text-align: left;
}

/* form-tableC01 */
body.function div.form-tableC01 {
	margin-top: 0;
}

body.function div.form-tableC01 th {
	display: none;
}

body.function div.form-tableC01 table {
	width: 100%;
	border-collapse: collapse;
	border: none;
}
body.function div.form-tableC01 table th,
body.function div.form-tableC01 table td {
	padding: 0;
	border: none;
	text-align: left;
}


/* requiredA01 */
body.function span.requiredA01 {
	padding-right: 4px;
	font-weight: bold;
	color: #cc3300;
}
body.function th span.requiredA01 {
	padding-right: 0;
	padding-left: 5px;
}

/* form element control */
body.function #bty {
	display: inline;
}
body.function input#bty,
body.function input#tel1,
body.function input#tel2,
body.function input#tel3,
body.function input#zip1,
body.function input#zip2 {
	width: 63px;
	*padding: 2px 5px;
}
body.function input#sn,
body.function input#nm,
body.function input#ksn,
body.function input#knm {
	width: 162px;
}
body.function input#ml,
body.function input#pw1,
body.function input#pw2,
body.function input#adr1,
body.function input#adr2,
body.function textarea#ban8 {
	width: 346px;
}


body.function .panel-asideA01 form input#ml,
body.function .panel-asideA01 form input#pw1 {
	width: 94.5%;
}


body.function textarea#view {
	width: 356px;
	*width: 354px;
}
body.function input#pw1,
body.function input#pw2 {
	*padding: 1px 5px 4px;
}
body.function .textA01 p .buttonB01,
body.function input#zipMatching,
body.function input#zipret {
	margin-left: 6px;
}
body.function .textA01 p textarea {
	margin-bottom: 5px;
}

/* form-itemA01 */
body.function .form-itemA01 {
	margin-top: 10px;
	background: #fcf9f2 url(../../img/shared/bg/bg_function-block03_01.gif) left top no-repeat;
}
body.function .form-itemA01-content {
	padding: 10px;
	background: url(../../img/shared/bg/bg_function-block03_02.gif) left bottom no-repeat;
}
body.function .form-itemB01 {
	margin: 10px 0 20px;
	padding: 10px;
	border-color: #e2dbbf;
	border-style: solid;
	border-width: 1px 0;
}

/* note-listA01 */
body.function div.form-inputA01 ul.note-listA01 {
	margin-bottom: -3px;
	*margin-bottom: -1px;
	padding-top: 0.2em;
}

body.function div.form-inputA01 form.validation dl.form-tableA01 ins + ul.note-listA01 {
	padding-left: 18px;
}

/* note-listC01 */
body.function ul.note-listC01 {
	margin: 0.8em 0 0 20px;
	padding: 0;
	list-style-type: none;
}

/* note-listD01 */
body.function ul.note-listD01 {
	font-size: 83%;
	padding: 0;
	list-style: none;
	margin: 0.3em 0 0.3em 0;
}

ul.note-listD01 li span.marker {
    margin-right: 0.5em;
}
/* note-listE01 */
body.function ul.note-listE01 {
	list-style-type: none;
    margin: 0;
    padding: 0.3em 0 1em 1.25em;
}
body.function ul.note-listE01 li {
	font-size: 83%;
	margin: 0.25em 0 0;
    padding: 0;
    text-indent: -1.5em;
}
ul.note-listE01 li span.marker {
    margin-right: 0.5em;
}

/* button-listB01 */
body.function div.button-listB01 {
	padding-top: 1.3em;
}
body.function .button-listB01.action li {
	display: inline;
	padding: 0 1px;
}

/* note-textA01 */
body.function .note-textA01 {
	margin-left: 20px;
	color: #8c742a;
}

/* general modules
======================================*/
/* cancelation */
body.function .flat {
	margin-top: 0;
}

body.function .plain,
body.function ul.plain li,
body.function ol.plain li,
body.function dl.plain dt,
body.function dl.plain dd {
	background-color: transparent;
	background-image: none;
	border: none;
	color: inherit;
	font-weight: normal;
	list-style: none;
	margin: 0;
	padding: 0;
}
body.function div.textA01 ul.plain {
	padding-top: 0.6em;
}

/* compactA01 */
body.function dl.compactA01 {
	margin: 0;
	padding: 0;
}
body.function dl.compactA01 dt,
body.function dl.compactA01 dd {
	float: left;
	margin: 0;
	padding: 0;
}
body.function dl.compactA01 dt {
	width: 2em;
}
body.function dl.compactA01 dd {
	margin-right: 10px;
}
body.function dl.compactA01 dd input.text {
	width: 100%;
}

/* set-0ff modules
======================================*/
/* structure */
body.function .panelFull .panelFull-content01 {
	min-height: 518px;
	_height: 518px;
	padding-bottom: 20px;
}

/* heading */

body.function div.headingA01 {
	padding: 1.05em 0 0;
	*padding-top: 0.9em;
}
body.function h2 {
	margin: 0;
	padding-top: 1.1em;
	*padding-top: 0.37em;
}
body.function h2.step {
	margin-bottom: 1.15em;
	*margin-bottom: 0.85em;
	*padding-top: 0.85em;
}
body.function h2.headingA02 , body.function h3.headingA02 {
	margin: 1.6em 0 0;
	padding: 0;
	font-size: 125%;
	color: #4D3B17;
}
body.function h3.headingA03 {
	margin: 0;
	padding: 1.45em 0 0 0;
	color: #4d3b17;
	font-size: 100%;
}

/* paragraph */
body.function div.textA01 p {
	margin-top: 0.8em;
	padding-top: 0;
}
body.function div.textA01 p.flat {
	margin-top: 0.6em;
	word-break: break-all;
	word-wrap: break-word;
}

body.function div.important-informationB02 div.textA01 p,
body.function div.important-informationB02 div.textA01 p.flat {
	margin-top: 0.6em !important;
}
body.function h3.headingA03 + div.textA01 p {
	margin-top: 0.25em;
}
body.function strong {
	color: #4d3b17;
}

/* ico */
body.function img.icoB01 {
	margin-right: 10px;
}
body.function img.icoB02 {
	margin-right: 3px;
}
body.function img.icoB03 {
	margin-right: 0;
}

/* option-list */
body.function td div.option-listA01 ul,
body.function td div.option-listB01 ul,
body.function div.option-listA01 td ul,
body.function div.option-listB01 td ul {
	text-indent: 0;
}
body.function td div.option-listA01 ul {
	zoom:1;

}
body.function td div.option-listA01 ul:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
body.function div.form-tableA01 div.option-listA01 ul li {
	padding-right: 9px;
}
body.function div.option-listC01,
body.function div.option-listC01 dl,
body.function div.option-listC01 dt,
body.function div.option-listC01 dd,
body.function div.option-listC01 dd ul,
body.function div.option-listC01 dd li {
	margin: 0;
	padding: 0;
}
body.function div.option-listC01 dd ul {
	*position: relative;
	_position: static;  /* we have to ignore unnecessary left margins of radio/checkbox/etc on IE6, in order to prevent collapsing of layout. */
	*left: -4px;
}
body.function div.option-listC01 dt em {
	padding-right: 10px;
}
body.function div.option-listC01 dd li {
	float: left;
	padding-right: 9px;
	*padding-right: 5px;
	list-style-type: none;
}

/* figureA02 */
body.function .figureA02 {
	margin-top: 0.8em;
}
body.function div.headingA01 +  .figureA02 {
	margin-top: 1.65em;
}

/* special modules
======================================*/
/* important-informationA01 */
body.function .important-informationA01 {
	margin: 20px 0 10px;
	background: #fcf9f2 url(../../img/shared/bg/bg_function-block03_01.gif) left top no-repeat;
}
body.function .important-informationA01-content {
	padding: 10px 10px 6px;
	background: url(../../img/shared/bg/bg_function-block03_02.gif) left bottom no-repeat;
}
body.function .important-informationA01 div.button-listB01 {
	padding-top:0;
}

/* important-informationB01 */
body.function .important-informationB01 {
	margin: 1.7em 0 1.6em;
	*margin-bottom: 1.7em;
	padding: 0;
	color: #cc3300;
	background: #fff2f2 url(../../img/shared/bg/bg_function-block02_01.gif) left top repeat-y;
}
body.function .important-informationB01-content {
	background: url(../../img/shared/bg/bg_function-block02_02.gif) left top no-repeat;
}
body.function .important-informationB01-content-body {
	padding: 1.4em 20px 1.25em;
	*padding-top: 1.3em;
	*padding-bottom: 1.3em;
	background: url(../../img/shared/bg/bg_function-block02_03.gif) left bottom no-repeat;
}

/* important-informationB02 */
body.function .important-informationB02 {
	margin: 1.7em 0 0;
	padding: 0;
}
body.function .important-informationB02 {
	background: #fcf9f2 url(../../img/shared/bg/bg_function-block01_01.gif) left top repeat-y;
}
body.function .important-informationB02-content {
	background: url(../../img/shared/bg/bg_function-block01_02.gif) left top no-repeat;
}
body.function .important-informationB02-content-body {
	padding: 1.4em 20px;
	*padding: 1.3em 20px 1.5em;
	background: url(../../img/shared/bg/bg_function-block01_03.gif) left bottom no-repeat;
}
body.function .important-informationB02 div.textB01 em {
	color: #4d3b17;
}

/* important-informationC01 */
body.function .important-informationC01 {
	padding-top: 0.75em;
	*padding-top: 0.8em;
	padding-bottom: 0;
}
body.function .important-informationC01 div.figureA01 {
	padding-left: 29px;
}
body.function .important-informationC01 ul.note-listA01 {
	padding-top: 1.95em;
	*padding-top: 1.85em;
}
body.function .important-informationC01 ul.note-listA01 li {
	text-align: center;
}


/* ============== point-informationA01 ============== */


/* point-informationA01 */
body.function .point-informationA01 {
	margin: 1.7em auto 0;
	padding: 0;
	position: relative;
	z-index: 1;

}
body.function .point-informationA01 {
	background: #fcf9f2 url(../../img/shared/bg/bg_point-information-block01_01.gif) left top repeat-y;
	width: 329px;
}
body.function .point-informationA01-content {
	background: url(../../img/shared/bg/bg_point-information-block01_02.gif) left top no-repeat;
}
body.function .point-informationA01-content-body {
	padding: 1.4em 20px;
	*padding: 1.3em 20px 1.5em;
	background: url(../../img/shared/bg/bg_point-information-block01_03.gif) left bottom no-repeat;
}

body.function .point-informationA01-content-body.with-star {
	background: url(../../img/shared/bg/bg_point-information-block01_with-star.gif) left bottom no-repeat;
}

body.function .point-informationA01 .textA01 .ct {
	 margin-top: 0.1em;
}

/* point-informationB01 */
body.function .point-informationB01 {
	margin: 0 auto;
	margin-top: -1.4em;
	*margin-top: -1.6em;
	padding: 0;
	position: relative;
	z-index: 2;

}

body.function .point-informationB01 {
	background: #fcf9f2 url(../../img/shared/bg/bg_point-information-block01_04.gif) left top repeat-y;
	width: 329px;
	position: relative;
}
body.function .point-informationB01-content {
	background: url(../../img/shared/bg/bg_point-information_b01.jpg) no-repeat;
	background-position: 90% 80%;
	position: relative;
}
body.function .point-informationB01-content-body {
	padding: 1.4em 20px;
	*padding: 1.3em 20px 1.5em;
	background: url(../../img/shared/bg/bg_point-information-block01_03.gif) left bottom no-repeat;
	position: relative;
}

body.function .point-informationB01 .guidance-info-block {
	text-align: left;
	padding-top: 1.3em;
	border-top: solid 1px #e7e3d6;

}

body.function .point-informationB01 .guidance-info-block .link-listA01 li a {
	background-position: 0 0.4em;
}


/* get-point-textA01 */
body.function body.function .ct span.get-point-textA01 {
	padding-right: 0.3em;
}

body.function .point-informationA01 .textA01 .ct .get-point-textA01{
	color: #4D3B17;
}

body.function .point-informationA01 .textB01 span.get-point-textA01 {
	color: #cc3300;
}

body.function .form-tableA01 span.get-point-textA01 {
	font-weight: bold;
	color: #cc3300;
}

/* device-starD01 */
body.function em .device-starD01,
body.function td .device-starD01{
	color:#bfbc65;
}


/* scroll-areaA01 */
body.function .scroll-areaA01 {
	height: 241px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-top: 1.3em;
	padding: 0 7px 7px;
	border: #e2dbbf solid 1px;
}

/* set controls
======================================*/
/* font-size */
body.function .note-textA01 {
	font-size: 83%;
}
body.function textarea {
	font-size: 100%;
}
body.function ul.note-listB01.error,
body.function div.textB01 p.flat,
body.function div.textB01 .note-listA01,
body.function div.important-informationB02 .note-listA01 {
	font-size: 120%;
}
body.function ul.note-listB01.error {
	padding-top: 0.45em;
	*padding-top: 0.5em;
}

/* vertical-align */
body.function div.form-tableB01 table th,
body.function div.form-tableB01 table td {
	vertical-align: top;
}
body.function img.icoB01,
body.function img.icoB03 {
	vertical-align: middle;
}
body.function input.swap-img {
	vertical-align: bottom;
}
body.function img.icoB02 {
	vertical-align: -0.2em;
}

/* clearfix */
body.function dl.compactA01,
body.function div.option-listC01 dd ul,
.multi-column2 {
	*height: 1%;
}
body.function dl.compactA01:after,
body.function div.option-listC01 dd ul:after,
.multi-column2:after {
	clear: both; 
	content: ""; 
	display: block; 
	height: 0; 
	visibility: hidden;
}

/* for IE  */
body.function .form-itemA01-content,
body.function .important-informationA01-content,
body.function .important-informationB01-content-body,
body.function .important-informationB02-content-body {
	zoom: 1;
}
body.function td .textA01.first-child ul.plain {
	margin-top: 0.75em;
}
body.function input.checkbox,
body.function input.radio {
	_vertical-align: middle;
}

/* list
======================================*/
body.function div.important-informationB02 ul.note-listA01 {
	font-size: 100%;
}


/* Social Plus
======================================*/

/* social-button-listA01 */

body.function div.panel-asideA01 div.panel-asideA01-content div.social-button-listA01 {
	margin-top: 0;
	margin-bottom: 10px;
	overflow: hidden;
}

body.function div.panel-asideA01 div.panel-asideA01-content div.social-button-listA01 ul.link-listA01 {
	margin-bottom: 10px;
}

body.function div.panel-asideA01 div.panel-asideA01-content div.social-button-listA01 ul.note-listB01.error {
	padding-top: 0 !important;
	margin-bottom: 10px;
}

body.function div.panel-asideA01 div.panel-asideA01-content div.social-button-listA01 ul.button-listA01 {
	margin-bottom: 0;
}

body.function div.panel-asideA01 div.panel-asideA01-content div.social-button-listA01 ul.button-listA01 li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding-right: 8px;
}



/* notlogin_index  */
body.function div.form-inputA01 div.social-button-listA01 {
	margin: 5px 0 0 0;
	width: 420px;
}

body.function div.form-inputA01 div.social-button-listA01 ul.button-listA01 {
	margin-bottom: 0;
}

body.function div.form-inputA01 div.social-button-listA01 ul.button-listA01 li {
	float: left;
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 0 0 5px 0;
}

body.function div.form-inputA01 div.social-button-listA01 .note-listA01{
	clear: both;
}

/* --------- */
.social-button-listA01 .sp-login-embed ul li{
	padding-right: 8px;
}
.social-button-listA01 .sp-login-embed ul li a{
	width: 30px;
	height: 30px;
	background-position: left top;
	background-repeat: no-repeat;
}
.social-button-listA01 .sp-login-embed ul li a.facebook{
	background: url(/img/shared/btn/ico_social_facebook_01.gif) left top no-repeat;
}
.social-button-listA01 .sp-login-embed ul li a.twitter{
	background: url(/img/shared/btn/ico_social_twitter_01.gif) left top no-repeat;
}
.social-button-listA01 .sp-login-embed ul li a.google{
	background: url(/img/shared/btn/ico_social_google_01.gif) left top no-repeat;
}
.social-button-listA01 .sp-login-embed ul li a.yahoo{
	background: url(/img/shared/btn/ico_social_yahoo_01.gif) left top no-repeat;
}
.social-button-listA01 .sp-login-embed ul li a.mixi{
	background: url(/img/shared/btn/ico_social_mixi_01.gif) left top no-repeat;
}
/**/



/* notlogin_confirm - sp */
body.function div.form-tableA01 table th.social {
	vertical-align: middle;
}

body.function div.form-tableA01 table td .social-acount-listA01,
body.function dl.form-tableA01 dd.social-acount-listA01 {
	margin: 0 !important;
	padding: 0 !important;
}

body.function div.form-tableA01 table td .social-acount-listA01 dl,
body.function dl.form-tableA01 dd.social-acount-listA01 dl {
	margin: 0;
}

body.function div.form-tableA01 table td .social-acount-listA01 dl dt {
	clear: left;
	float: left;
	margin: 0;
	padding: 0.7em 6px 0.7em 0;
	width: 19px;
	height: 17px;
}

body.function dl.form-tableA01 dd.social-acount-listA01 dl dt {
	clear: left;
	float: left;
	margin: 0;
	padding: 0.7em 6px 0.7em 9px;
	width: 19px;
	height: 17px;
}

body.function div.form-tableA01 table td .social-acount-listA01 dl dd {
	margin: 0;
	padding: 9px 9px 0 0;
	font-weight: bold;
}

body.function dl.form-tableA01 dd.social-acount-listA01 dl dd {
	margin: 0;
	padding: 10px 9px 0 0;
	font-weight: bold;
}