@charset "shift_jis" ;
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
html {
	color:#000;
	background:#FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

body {line-height:1;background-color:#FFFFFF;font-size: 14px;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,"ＭＳ Ｐゴシック", "MS UI Gothic",Osaka, sans-serif;}

.mt0
{
	margin-top: 0px !important;
}
.mt10
{
	margin-top: 10px !important;
}
.mt13
{
	margin-top: 13px !important;
}
.mt34
{
	margin-top: 34px !important;
}
.mt20
{
	margin-top: 20px !important;
}



table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img{
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var,optgroup {
	font-style:inherit;
	font-weight:inherit;
}

del,ins{
	text-decoration:none;
}

li {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
	font-variant:normal;
}

sup {
	vertical-align:baseline;
}

sub {
	vertical-align:baseline;
}

legend {
	color:#000;
}

input,button,textarea,select,optgroup,option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}

input,button,textarea,select {
	*font-size:100%;
}

body {
	font:13px/1.231 monospace;
	*font-size:small;
	*font:x-small;
}

select,input,button,textarea,button {font:99% arial,helvetica,clean,sans-serif;}

table{font-size:inherit;font:100%;}

pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}


/* ---------------------------------------------

------------------------------------------------*/
body #wrapper {
	width: 934px;
	margin: 0px auto;
	padding: 0px 18px 20px;
	border-right: #D9D9D9 solid 1px;
	border-bottom: #D9D9D9 solid 1px;
	border-left: #D9D9D9 solid 1px;
	font-size: 108%;/* 108%の指定でほぼ全ブラウザ 14pxにしている */
	line-height: 1.4;
	font-family: monospace;
}

body #popup-wrapper {
	width: 610px;
	margin: 0px auto;
	padding: 0px 18px 20px;
	border-right: #D9D9D9 solid 1px;
	border-bottom: #D9D9D9 solid 1px;
	border-left: #D9D9D9 solid 1px;
	font-size: 108%;/* 108%の指定でほぼ全ブラウザ 14pxにしている */
	line-height: 1.4;
	font-family: monospace;
}

/*--------------------------------------------------
基本項目
--------------------------------------------------*/

a:link {
	border: 0 ;
	color: #4684CD;
	text-decoration: none;
}

a:visited {
	border: 0 ;
	color: #4684CD;
	text-decoration: none;
}

a:hover {
	border: 0 ;
	color: #4684CD;
	text-decoration: underline;
}

a:active {
	border: 0 ;
	color: #4684CD;
	text-decoration: underline;
}


/*--------------------------------------------------
共通指定
--------------------------------------------------*/

html {
	background-image: url(../img/bg_body.png);
	background-position: left top;
	background-repeat: repeat;
}

body {
	color: #000000;
	padding-bottom: 20px;
}

body #wrapper,
body #popup-wrapper {
	background-color: #FFFFFF;
}

img {
	vertical-align: bottom;
}


/*--------------------------------------------------
header
--------------------------------------------------*/

#header {
	margin-bottom: 20px;
	padding-top: 10px;
}

#header h1 {
	float: left;
}

#header #header-inner {
	position: relative;
	background-image: url(../img/bg_header.gif);
	background-position: 0px 22px;
	background-repeat: no-repeat;
	width: 830px;
	margin-left: 100px;
	_margin-left: 97px;
	font-size: 71%;
	zoon: 1;
}

#header #popup-header-inner {
	position: relative;
	background-image: url(../img/bg_header.gif);
	background-position: 0px 22px;
	background-repeat: no-repeat;
	width: 510px;
	margin-left: 100px;
	_margin-left: 97px;
	font-size: 71%;
	zoon: 1;
}

#header #header-inner p {
	color: #666666;
	padding-top: 3px;
}

#header a:link,
#header a:visited {
	color: #333333;
	text-decoration: none;
}

#header a:hover,
#header a:active {
	color: #333333;
	text-decoration: underline;
}

#header #header-inner ul#header-link-01 {
	margin-top: 35px;
	font-family: Arial, sans-serif;
}

#header #header-inner ul#header-link-01 li a {
	background-image: url(../img/mr_home.gif);
	background-position: left center;
	background-repeat: no-repeat;
	margin-top: 30px;
	padding-left: 7px;
}

#header #header-inner ul#header-link-02 {
	position: absolute;
	top: 3px;
	right: 0px;
}

#header #header-inner ul#header-link-02 li a {
	background-image: url(../img/mr_close_01.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 13px;
}

#header #header-inner #header-tel {
	float:right;
	padding:12px 135px 0 0;
}

/*--------------------------------------------------
container
--------------------------------------------------*/
#container {
	display: block;
	width: 934px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	margin: 0px auto;
	padding: 0px 0px 40px;
}

#popup-container {
	display: block;
	width: 610px;
	margin: 0px auto;
	padding: 0px 0px 40px;
}

#container p,
#popup-container p {
	margin-bottom: 1em;
}

#container p.m-b-00 {
	margin-bottom: 0px;
}

.h2-area {
	background-image: url(../img/bg_h2_head.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-bottom: 15px;
	padding-top: 3px;
	zoom: 1;
}

.h2-area-inner {
	background-image: url(../img/bg_h2_foot.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 3px;
}

.h2-area h2 {
	background-image: url(../img/bg_h2_body.gif);
	background-position: 0px 0px;
	background-repeat: repeat-y;
	padding: 12px 22px;
	font-size: 114%;/* 14px→16px */
	font-weight: bold;
	line-height: 1;
}

h3 {
	background-color: #F9F9F9;
	background-image: url(../img/bg_h3_line.gif);
	background-position: 0px 0px;
	background-repeat: repeat-y;
	border-top: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	width: 910px;
	margin-bottom: 20px;
	padding: 5px 10px;
	font-weight: bold;
	line-height: 1;
}

#container a:link,
#container a:visited,
#footer a:link,
#footer a:visited {
	text-decoration: underline;
}

#container a:hover,
#container a:active,
#footer a:hover,
#footer a:active {
	text-decoration: none;
}


/*-------- table -----------*/
table {
	border-collapse: collapse;
	border: none;
}

th,
td {
	padding: 13px 10px 8px;
	text-align: center;
	vertical-align: middle;
}


/*--------  -----------*/
.span-asterisk {
	background-color: #FFE6E1;
	margin-right: 5px;
	padding: 2px 5px;
	color: #CC0000;
}

.id-info-area {
	font-size: 100%;
	margin-left: 22px;
}

#container .id-info-area .seal {
	float:right;
	margin:0 0 0 20px;
}
#container .id-complete-area .seal {
	float:right;
	margin:0 0 0 20px;
}
#container .id-complete-area p.p-text {
	margin:0;
	padding:35px 0 0;
}
#container .id-info-area p {
	margin-bottom: 0px;
	font-weight: bold;
}

#container .id-info-area p.p-text {
	font-weight: normal;
	margin-top: 4px;
}

.form-table {
	width: 890px;
	margin: 35px auto 0px;
}

.wd780 {
	width: 780px;
}




.form-table td {
	background-image: url(../img/bg_table_line.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	text-align: left;
	vertical-align: middle;
	color: #000000;
	word-break: break-all;

}

.form-table td .form-table-02 {
	width: 800px;
	margin-top: 10px;
	margin-left: 5px;
}

.form-table td .form-table-02 td {
	background-image: none;
	padding-top: 0px;
	padding-bottom: 10px;
}

.form-table td.td-line-none {
	background-image: none;
	padding-top: 0px;
}

.form-table td.td-line-none input {
	float: none;
}

.form-table td p {
	display: inline;
	font-size: 78%;
	margin: 0px;
	padding: 0px;
}

.form-table td.cell-tel p.text-01 {
	display: block;
	float: left;
	font-size: 78%;
	margin-bottom: 0px !important;
	padding: 0px;
}

.form-table td p span {
	font-size: 109%;
	color: #CC0000;
	font-weight: bold;
}

.form-table .td-empty {
	width: 2px;
	padding-right: 0px;
	padding-left: 0px;
}

.form-table .td-empty-bottom {
	padding: 0px;
	height: 40px;
}

.form-table td.td-01 {
	background-color: #F6F6F6;
	width: 31px;
	text-align: center;
}

.form-table .td-02 {
	background-color: #F9F9F9;
	width: 212px;
}

.form-table .td-02 span {
	font-size: 81%;
}

.form-table td.necessity-01,
td.necessity-01 {
	background-color: #FFE6E1;
	color: #CC0000;
}

.form-table .necessity-02 {
	background-color: #FFF2F0;
	font-weight: bold;
}

.input-name,
.input-postcode-up,
.input-postcode-down,
.input-address-01,
.input-address-02,
.input-tel {
	display: inline;
	float: left;
	margin-right: 5px;
}

#container .input-address-01 p {
	display: block;
	margin-top: 5px;
	margin-bottom: 0px;
}

.m-t-05 {
	margin-top: 5px;
}

.span-hyphen {
	float: left;
	margin-right: 5px;
}

.m-r-10 {
	margin-right: 20px;
}

span.span-name {
	display: block;
	float: left;
	width: 2.3em;
}

.form-table select {
	margin-right: 8px;
}

.label {
	margin-right: 15px;
}

.label input {
	margin-right: 5px;
}

.t-a-center {
	margin-right: 90px;
	margin-left: 110px;
}

.t-a-center2 {
	width: 480px;
	margin: 0 auto 10px auto !important;
}
.t-a-center3 {
	width: 505px;
	margin: 0 auto 10px auto !important;
}
.t-a-center4 {
	width: 571px;
	margin: 0 auto 10px auto !important;
	text-align:center;
}



.popup-attention {
	font-size: 128%;
	color: #CC0000;
	margin-right: 30px;
	margin-left: 50px;
	padding-top: 20px;
}

.agree-table {
	width: 13em;
	margin: 0px auto 35px;
}

.agree-table .label {
	font-weight: bold;
}

.agree-table .label input {
	margin-right: 10px;
}

.agree-table .necessity-01 {
	width: 2.5em;
}

.link-ul {
	width: 294px;
	margin: 0px auto;
}

.link-ul-inputestimate {
	width: 434px;
	margin: 0 auto 0 292px;
}

.okTxtImg
{
	margin: 70px auto 70px auto;
	width: 761px;
}
.okTxtImg2
{
	margin: 70px auto 70px auto;
	width: 654px;
}


.link-ul-close {
	width: 11em;
	margin: 0px auto;
	padding-top: 20px;
}

.li-input,
.li-input input {
	width: 9em;
}

.li-input-inputestimate{
	width: 150px;
	margin: 20px auto 0 auto;
}




* html .li-input input {
	padding: 3px 0px;
}

.li-input {
	margin: 20px auto 0px;
}

#input-plan-01,
#input-plan-02 {
	margin-right: 5px;
}


/*-------- check -----------*/

#container p.m-b-35 {
	margin-bottom: 35px;
}

.link-ul-check {
	width: 244px;
	margin: 0px auto;
}

.link-ul-check-close {
	width: 150px;
	margin: 0px auto;
}


.link-ul-check-inputestimate {
	width: 394px;
	margin: 0px auto;
}

.link-ul-check-inputestimateBottom {
	width: 571px;
	margin: 0px auto;
}
	.link-ul-check-inputestimateBottom li {
		float: left;
	}
	.link-ul-check-inputestimateBottom li.li-input {
		width: 10em !important;
		margin-right: 25px !important;
		margin-top: 35px !important;
	}
	.link-ul-check-inputestimateBottom li.li-input-inputestimate {
		width: 10em !important;
		margin-right: 25px !important;
		margin-top: 35px !important;
	}







.link-ul-check li.li-input,
.link-ul-check li.li-input input {
	width: 4em;
}

.link-ul-check li.li-input {
	margin: 20px auto 0px;
}


/*-------- error -----------*/
.ul-error {
	margin: 15px 0px 0px 10px;
}

.ul-error li {
	/*background-image: url(../img/mr_error.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 15px;*/
	color: #CC0000;
	font-weight: bold;
	text-align: center;
}

.div-error {
	margin: 15px 0px 0px 10px;
	color: #CC0000;
	font-weight: bold;
	text-align: center;
}


/*-------- accepted -----------*/
.accepted-area {
	padding-top: 10px;
	text-align: center;
}

#container p.p-accepted-bold {
	font-weight: bold;
	font-size: 166%;
	margin-bottom: 15px;
}

#container p.p-accepted-number {
	background-color: #FFF2F0;
	width: 580px;
	margin: 0px auto 10px;
	padding: 10px;
	border: 1px solid #FFC9C1;
	font-size: 150%;
}

#container p.p-accepted-number span {
	font-weight: bold;
}

#container p.p-accepted-attention {
	color: #CC0000;
}

.link-ul-accepted {
	margin: 0px auto;
	padding-top: 40px;
}

.link-ul-accepted,
.link-ul-accepted input {
	width: 11em;
}


/*-------- end -----------*/
.p-inputsendingmaterial_end {
	display: block;
	margin-right: 200px;
	margin-left: 240px;
	text-align: left;
}



/***************************
* フォーム部分
***************************/
input[type="text"]
{
	font-size: 150% !important;
	border: 1px solid #B2B2B2;
}
input[type="button"]
{
	padding: 3px;
	cursor: pointer;
}

.exampleTxt
{
	margin-top:6px;
	color: #A9A9A9;
	display: block;
	font-size: 82%;
}

.formLeft
{
	float: left;
	width: 780px
}

.ttlAddress
{
	width:62px;
	padding: 6px 0 0 10px;
}

.stepBox
{
	margin: 33px 0 18px 22px;
}

.lineBox
{
	border-right: 2px #E4E4E4 solid;
	width: 62px;
	height: 250px;
}
	.lineBox p
	{
		line-height: 242px !important;
		font-size: 100% !important;
		display: block !important;
		margin: 0  !important;
	}

.zipSearch
{
	font-size: 82%;
}

.formRight
{
	float: left;
	margin-left: 9px;
	margin-top:36px;
	width: 139px;
}
.formRight .seal
{
	text-align:center;
	margin:0 0 15px;
}
.formRight .pmark
{
	text-align:center;
	margin:15px 0 0;
}

.formRight .formcautiontext
{
	font-size: 80%;
	margin-bottom: 10px;
	width: 154px;
	margin-top: 8px;
}


.formRight .formCaution
{
	border-bottom: 1px solid #808080;
	border-left: 2px solid #808080;
	border-top: 2px solid #808080;
	height: 245px;
	overflow-y: scroll;
	width: 150px;
	font-size: 80%;
}

.zipBox{}
.zipBox .left
{
	float: left;
}
.zipBox .right
{
	float: left;
	font-size: 90%;
}



/***************************
* エラー表示
***************************/
.formAlertTop
{
	position:absolute;
	top:-76px;
	left:-50px;
	background:url(/form/cmn/img/form_alert_top.png) top left no-repeat;
	width: 184px;
	padding-top: 4px;
	font-size: 82%;
}
	.formAlertTop .formAlertBottom
	{
		background:url(/form/cmn/img/form_alert_bottom.png) bottom left no-repeat;
		width: 184px;
		padding-bottom: 18px;
	}
		.formAlertTop .formAlertBottom .formAlertBody
		{
			background:url(/form/cmn/img/form_alert_body.png) top left repeat-y;
			padding: 5px 6px 3px 7px;
			width: 172px;
			color:#FFFFFF;
		}

.formAlertTop2
{
	position:absolute;
	top:-76px;
	left:-50px;
	background:url(/form/cmn/img/form_alert_top2.png) top left no-repeat;
	width: 127px;
	padding-top: 4px;
	font-size: 82%;
}
	.formAlertTop2 .formAlertBottom
	{
		background:url(/form/cmn/img/form_alert_bottom2.png) bottom left no-repeat;
		width: 184px;
		padding-bottom: 18px;
	}
		.formAlertTop2 .formAlertBottom .formAlertBody
		{
			background:url(/form/cmn/img/form_alert_body2.png) top left repeat-y;
			padding: 5px 6px 3px 7px;
			width: 172px;
			color:#FFFFFF;
		}

.formAlertTop3
{
	position:absolute;
	top:-76px;
	left:-50px;
	background:url(/form/cmn/img/form_alert_top3.png) top left no-repeat;
	width: 335px;
	padding-top: 4px;
	font-size: 82%;
}
	.formAlertTop3 .formAlertBottom
	{
		background:url(/form/cmn/img/form_alert_bottom3.png) bottom left no-repeat;
		width: 335px;
		padding-bottom: 18px;
	}
		.formAlertTop3 .formAlertBottom .formAlertBody
		{
			background:url(/form/cmn/img/form_alert_body3.png) top left repeat-y;
			padding: 5px 6px 3px 7px;
			width: 335px;
			color:#FFFFFF;
		}


.formAlertTop4
{
	position:absolute;
	top:-76px;
	left:-50px;
	background:url(/form/cmn/img/form_alert_top3.png) top left no-repeat;
	width: 253px;
	padding-top: 4px;
	font-size: 82%;
}
	.formAlertTop4 .formAlertBottom
	{
		background:url(/form/cmn/img/form_alert_bottom3.png) bottom left no-repeat;
		width: 253px;
		padding-bottom: 18px;
	}
		.formAlertTop4 .formAlertBottom .formAlertBody
		{
			background:url(/form/cmn/img/form_alert_body3.png) top left repeat-y;
			padding: 5px 6px 3px 7px;
			width: 240px;
			color:#FFFFFF;
		}

/***************************
* 必須アイコン
***************************/
.requisiteArea
{
	position: relative;
}
	.icoRequisite {
		position: absolute;
		right: 5px;
		top: -23px;
	}
	.icoRequisite2 {
		position: absolute;
		right: 23px;
		top: -115px;
	}
	.icoRequisite3 {
		position: absolute;
		right: 5px;
		top: -30px;
	}






/*--------------------------------------------------
footer
--------------------------------------------------*/
#footer {
    clear: both;
	background-color: #E7E7E7;
	padding: 12px 15px;
	color: #666666;
}

#footer ul {
	width: 480px;
	font-size: 85%;
}

#footer ul li {
	float: left;
}

#footer ul li a {
	margin: 0px 8px;
}

#footer p {
	float: right;
	width: 420px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	font-size: 71%;
	font-family: Arial, sans-serif;
	zoom: 1;
}


/*--------------------------------------
flow clear
--------------------------------------*/

.clearfix {
   /zoom:1;
}

.clearfix:after {
   content:'';
   display:block;
   clear:both;
}
/*--------------------------------------
flow clear End
--------------------------------------*/

.right-txt{
	font-size: 12px;
	color: #243f90;
	font-weight: bold;
}