/*	�������륷�����ɤ߹���
***************************************************/

@import url("../../css/reset.css");
/*	��������
***************************************************/
body {
	text-align: center;
	line-height: 1.6;
	color: #212121;
	font-size: 80%;
	font-family: "�ᥤ�ꥪ", "Meiryo", inherit;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "�ҥ饮�γѥ� Pro W3","Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", "Meiryo", inherit;
}
em,
address {
	font-weight: bold;
}
.forPrint {
	display: none;
} /* �������Τ�ɽ�� */


/*	�إå���
***************************************************/
#header h1 a {
	outline: 0;
}
#header h1 img {
	margin: 32px 0px 0 10px;
}

/*	����ǥå����ڡ����Τ�
***************************************************/
body#index #wrap {
	width: 1010px;
}
body#index .section {
	padding:0px 10px 10px 10px;
}
body#index #pankuzu{
	text-align:left; margin:0px 0px 20px 25px;
}
body#index #header h1 {
	text-indent: -999em;
	height: 500px
	border-bottom: 1px solid #FFF;
	margin-bottom: 10px;
}

/*	�ᥤ��ʥӥ��������
***************************************************/
#mainNavi {
	padding-left: 10px;
}
#mainNavi li {
	float: left;
	}
#mainNavi li a {
	display: block;
	height: 2.2em;
	line-height: 2.2em;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	padding: 0 1em;
	outline: 0;
}
#mainNavi li a:hover,
#mainNavi li a:focus {
	color: #CBDFFE;
}
body#index #mainNavi li.index a,
body#about #mainNavi li.about a,
body#flow #mainNavi li.flow  a,
body#faq #mainNavi li.faq   a,
body#fee #mainNavi li.fee   a,
body#environment #mainNavi li.environment a,
body#info #mainNavi li.info  a,
body#payment #mainNavi li.payment a,
body#form #mainNavi li.form  a {
	color: #06429D;
	background: #FFF;
	border-top: 2px solid #CBDFFE;
	margin-top: -2px; /* ���ߥڡ���ɽ�� */
}


/*	����ƥ��
***************************************************/

#pankuzu{
	text-align:left;
	margin:0px 0px 20px 22px;
}

#innerLink {
	margin: 2em 1em 1em;
	color: #999;
}
#innerLink li {
	display: inline;
}
#connTest {
	margin: 0 2em 2em;
}
#connTest a:hover {
	filter: alpha(opacity=85);
	opacity: 0.85;
}

.simple dt {
	font-weight: bold;
	color: #CC440B;
}
.simple dd {
	padding: 0 0 1em 1.2em;
}
.cost {
	width: 95%;
	margin: 0 2.2%;
	border-collapse: collapse;
	border: 2px solid #999;
}
.table-environment {
	width: 95%;
	font-size: .85em;
	margin: 0 2.2% 15px !important;
	border-collapse: collapse;
	padding:5px;
}
.table-environment td {
	vertical-align: top;
}
.table-environment thead td {
	font-size: 1.3em;
	width: 33.28%;
}
.table-environment ol li {
	list-style-type: decimal;
	margin-left: 1.7em;
	margin-bottom: .4em;
	margin-right:5px;
}
.cost {
	width: 96%;
	margin: auto !important;
}
.cost th,
.cost td {
	border: 1px solid #999;
	padding: 5px;
}
.cost thead td {
	background: #DDD;
	font-weight: bold;
}
.cost td dd {
	float: left;
	padding-right: .2em;
}
.faq dt {
	margin: 0 30px;
}
.faq dd {
	padding: .2em .5em 0;
	line-height: 26px;
}
.faq dt {
	color:#000066;
	font-weight: bold;
}
.faq dt em {
	color:#000066;
	padding-right: .5em;
	font-size: 1.6em;
	font-family: "Verdana", "Geneva", "sans-serif" !important;
}
.faq dd {
	color: #555;
	border-bottom: 1px solid #CCC;
	padding-left: 2em;
	margin: 3px 30px .2em 30px;
	padding-bottom: .2em;
}
.faq dd em {
	display: none;
	color: #3E8AC5;
	font-weight: bold;
	padding-right: .6em;
}
.link-pdf {
	background: url("../../image/pdf.gif") no-repeat 100% .12em;
	padding-right: 1.3em;
	margin: 0 .2em;
}
.link-blank {
	background: url("../../image/link-blank.gif") no-repeat 100% .12em;
	padding-right: 1.5em;
	margin: 0 .2em;
	min-height: 20px;
}
.link-mailto {
	background: url("../../image/link-mailto.gif") no-repeat 100% .45em;
	padding-right: 1.3em;
	min-height: 20px;
}
.backtotop {
	margin: 1.5em 10px 0;
	text-align: right;
}
.backtotop a {
	color: #666;
	text-decoration: none;
	padding-right: 1.2em;
	background: url("../image/link-backtotop.gif") no-repeat 100% .2em;
	min-height: 20px;
}
.table-fee {
	width: 80%;
	margin: .2em 0 2em 10px !important;
	vertical-align: middle;
	background: #F9F9F9;
}
.table-fee caption {
	background: #DDD;
	border: 1px solid #CCC;
	padding: .2em .5em 0;
	font-weight: bold;
	margin: 2px 2px 6px 1px;
}
.table-fee th {
	border: 1px solid #555;
	vertical-align: middle;
	width: 160px;
	padding: 0 10px;
}
.table-fee td {
	border: 1px solid #555;
	padding: .4em 1em;
}
.table-fee td span {
	font-size: .75em;
	color: #666;
	vertical-align: bottom;
}
.table-fee thead {
	background: #43A8FA;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
.table-fee thead th {
	background: #0677D7;
}
.table-fee tbody th {
	text-align: center;
	vertical-align: middle;
}
.table-fee tbody td {
	text-align: center;
}

.table-hojo {
	width: 60%;
	margin: .2em 0 2em 10px !important;
	vertical-align: middle;
	background: #F9F9F9;
}
.table-hojo caption {
	background: #DDD;
	border: 1px solid #CCC;
	padding: .2em .5em 0;
	font-weight: bold;
	margin: 2px 2px 6px 1px;
}
.table-hojo th {
	border: 1px solid #555;
	vertical-align:inherit;
	width: 160px;
	padding: 0 10px;
}
.table-hojo td {
	border: 1px solid #555;
	padding: .4em 1em;
}
.table-hojo td span {
	font-size: .75em;
	color: #666;
	vertical-align: bottom;
}
.table-hojo thead {
	background: #43A8FA;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
.table-hojo thead th {
	background: #0677D7;
}
.table-hojo tbody th {
	text-align: center;
	vertical-align: middle;
}
.table-hojo tbody td {
	text-align: right;
}

.table-carriage {
	width: 96%;
	margin: .2em 0 2em 10px !important;
	vertical-align: middle;
	background: #F9F9F9;
}
.table-carriage th {
	border: 1px solid #999;
	vertical-align: middle;
	padding: 0 10px;
}
.table-carriage td {
	border: 1px solid #999;
	padding: .4em 1em;
}
.table-carriage td span {
	font-size: .75em;
	color: #666;
	vertical-align: bottom;
}
.table-carriage thead {
	font-weight: bold;
	text-align: center;
}
.table-carriage tbody th {
	text-align: left;
	vertical-align: middle;
}
.table-carriage tbody td {
	text-align: right;
}
.table-carriage .carr-reg-1,
.table-carriage .carr-reg-3,
.table-carriage .carr-reg-5 {
	background: #DDD;
}
.table-carriage .carr-reg-2,
.table-carriage .carr-reg-4 {
	background: #EEE;
}
.table-carriage .carr-subj-4 {
	background: #FF9768;
}
.table-carriage .carr-subj-3 {
	background: #FFBB68;
}
.table-carriage .carr-subj-2 {
	background: #FFD968;
}
.table-carriage .carr-grade-4 {
	background: #FFCC33;
}
.table-carriage .carr-grade-5 {
	background: #FFD966;
}
.table-carriage .carr-grade-6 {
 	background:#FFE599;
}
.table-carriage .carr-weight {
	background: #EEE;
}
.table-carriage .carr-cost {
	background: #EEE;
}

#option,
#result_sum {
	text-align: center !important;
	table-layout: fixed;
	width: 90%;
	margin-left: 1em;
}
#option tr {
	border-bottom: 3px solid #FFF;
}
#option th,
#option td {
	padding: .2em;
	border: 3px solid #FFF;
}
#option th {
	color: #6B3900;
	padding-left: .2em;
	padding-top: .5em;
	font-weight: normal;
}
#option th em {
	font-weight: bold;
	padding: 0 .5em 0 0;
}
#option td {
	color: #42382F;
	background: #CDC4B7;
	cursor: pointer;
}
#option td:hover {
	background: #D7D0C6;
}
#option td.active {
	background: #FF8C00;
	color: #FFF;
	font-weight: bold;
}
#option td.active:hover {
	background: #FF981A;
}
#result_sum {
	margin-top: .5em;
	height: 2em;
	line-height: 2em;
	padding: .2em 0;
	color: #FFF;
	background: #CE0808;
	font-size: 1.2em;
	font-weight: bold;
}

#fee-table td {
	padding: 0 1em 0 0 !important;
	vertical-align: top;
}
.clear{
	clear:both;
}

/*	�եå���
***************************************************/
#footer {
	font-size: .85em;
	padding: 10px 2px 20px;
	margin: 60px 10px 0 10px;
	border-top: 2px solid #DDD;
	cursor: default;
	clear: both;
}
#footNavi {
	float: left;
}
#footNavi li {
	display: inline;
}
#footNavi li a {
	min-height: 20px;
	color: #555;
	text-decoration: none;
	background: url("../image/listmark.gif") no-repeat .2em .4em;
	padding-left: 1em;
	padding-right: 1em;
}
#footNavi li a:hover,
#footNavi li a:focus {
	color: #333;
	text-decoration:
	underline; outline: 0;
}
#sitelogo {
	float: right;
}
#sitelogo a {
	outline: 0;
}
#copyright {
	clear: both;
	padding-top: 10px;
	color: #555;
	text-align: right;
	font-family: "Trebuchet MS", "Verdana", "Geneva", "sans-serif" !important;
}

/*	CLEARFIX - �ե����Ȥ�ư�Dz�����ޤ�
***************************************************/
#footer:after,
#formButtons:after,
#mainNavi:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#footer,
#formButtons,
#mainNavi {
	display: inline-block;
}
/* exlude MacIE5 \*/
* html #footer,
* html #formButtons,
* html #mainNavi {
	height: 1%
}
#footer,
#formButtons,
#mainNavi {
	display: block;
}
/* end MacIE5 */

@media print {
	/* �������������� */
	.forPrint {
		display: block;
	}
	body#index #header h1 {
		height: 0;
	}
	.table-fee th,
	.table-fee td {
		border: 2px solid #999 !important;
	}
}


.yosyuu{
	font-size: 25px;
	text-align: center;
	color: #040065;
}
.mv {
	position: relative;
	z-index: 100;
}
.mv-img {
	width: 100%;
}
body #footer {
	margin: 0;
}
/*���ޥ�*/
@media screen and (max-width:769px) {
	body {
		margin: 0;
	}
	#wrap {
		width: 100%;
		margin: auto;
		text-align: left;
		background: #fff;
	}
	#content {
		clear: both;
		position: relative;
		padding-top: 2vw;
	}
	#content h2 {
		margin: 0 0 2vw 0;
		padding-left: 2vw;
		border-left: 3vw solid #06429D;
		font-size: 4vw;
		font-weight: bold;
	}
	.section {
		margin-bottom: 2vw;
		padding: 0 1vw;
	}
	.section h3 {
		font-size: 2.5vw;
		font-weight: bold;
		color:#000066;
		border-bottom: .5vw solid #CCC;
		margin-bottom: 2vw;
	}
	.section h3 span {
		font-size: smaller;
		color: #990000;
	}
	.kojin th {
		width: 30%;
	}
	.kojin td {
		width: 70%;
	}
	#formLayout {
		width: 95%;
		margin: auto;
	}
	#formLayout tr {
		border-top: .5vw solid #CCC;
	}
	#formLayout th,
	#formLayout td {
		display: block;
		width: 100%;
	}
	#formLayout th {
		font-size: 3.7vw;
		display: block;
		width: 100%;
		padding-top: 1vw;
	}
	#formLayout td {
		margin-bottom: 2vw;
	}
	.sectiontable td {
		padding: .5vw 0;
	}
	.box-long {
		width: 80%;
	}
	.box-middle {
		width: 40%;
	}
	.box-short {
		width: 20%;
	}

}
/*PC��*/
@media screen and (min-width:769px) {
	#wrap {
		width: 1000px;
		margin: auto;
		text-align: left;
		background-color: #fff;
	}
	#content {
		clear: both;
		position: relative;
		padding-top: 20px;
		padding-right: 10px;
		box-shadow: 2px 0 15px -4px #808080, -2px 0 8px -4px #808080;
	}
	#content h2 {
		margin: 0 10px 10px 0;
		padding-left: 10px;
		border-left: 15px solid #06429D;
		font-size: 2em;
		font-weight: bold;
		line-height: 1.35;
		height: 1.4em;
	}
	.section {
		padding: 10px 30px 10px 28px;
	}
	.section h3 {
		font-size: 1.8em;
		font-weight: bold;
		color:#000066;
		border-bottom: 2px solid #CCC;
		margin:3px;
	}
	.section h3 span {
		font-size: smaller;
		color: #990000;
	}
	.kojin th {
		width: 30%;
	}
	.kojin td {
		width: 70%;
	}
	#formLayout th,
	#formLayout td {
		padding: .5em 2em;
		border-bottom: 1px solid #CCC;
	}
	#formLayout th {
		text-align: right;
		font-size:12px;
	}
	#formLayout {
		width: 90%;
		margin: auto;
	}
	.sectiontable td {
		padding: 5px;
	}
	.box-long {
		width: 80%;
	}
	.box-middle {
		width: 40%;
	}
	.box-short {
		width: 20%;
	}
}


.section h4 {
	font-size: 1.5em;
	font-weight: bold;
	color:#000066;
	margin-bottom:5px;
}
.section table,
.section p {
	margin: 5px;
}

.section table p {
	font-size: 0.85em;
}

#header {
    background-color: white;
}

#input-brother-box {
    display: none;
}

/*	�ե�����
***************************************************/
#formButtons li {
	float: left;
	display: block;
	width: 33.25%;
	text-align: center;
}
#formButtons li a {
	display: block;
	outline: none;
}
#formButtons li a:focus,
#formButtons li a:hover {
	filter: alpha(opacity=75);
	opacity: 0.75;
}
#formButtons li dl dd {
	margin-top: 1em;
}

#formLayout input,
#formLayout textarea {
	padding: .1em;
	margin: 0.2em;
}
#formLayout td input[type=radio] {
	margin: .3em .3em 0 0;
}
#submitBtn {
	text-align: center;
	padding: 1em;
}
#submit {
	width: 120px;
	margin: 0 auto;
}
#submit input {
	width: 100%;
}
#formLayout .txtmode1 {
	ime-mode: active; /* ���ѥ⡼�� */
}
#formLayout .txtmode2 {
	ime-mode: inactive; /* Ⱦ�ѥ⡼�� */
}
.hissu {
	font-weight:normal;
	color:#FF0000;
}
.thin {
	font-weight:normal;
	font-size:10px;
	color: #990000;
}
.select_element {
	height:19px;
}
.speed {
	background: #FCC;
}