@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
	* html body {
		background: url("img/common/com_line.gif") repeat fixed 0 0 transparent;
	}

#header{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	/* IE6 later && javascript-on */
	_position: expression('absolute');
	_top: expression('0');
	_top: expression(documentElement.scrollTop>0 || document.body.scrollTop>0 ? ((documentElement.scrollTop || document.body.scrollTop)-0)+'px':'0');
}

#index {
	padding: 118px 0 12px;
}

#index .contents .photo {
	margin-bottom: 50px;
	text-align: center;
}

#index .contents h2 {
	border-bottom: 1px solid #333;
	margin-bottom: 14px;
	padding-bottom: 6px;
}

#index .contents dl {
	color: #CCC;
	font-size: 1.2em;
}

#index .contents dt {
	float: left;
}

#index .contents dd {
	padding: 0 0 6px 5.95em;
}

	* html #index .contents dd {
		text-indent: -3px;
	}
/*------------------------------------------------------------
	coding
------------------------------------------------------------*/
#coding {
	color: #CCC;
	padding: 145px 0;
	text-align: left;
}

#coding .contents {
	
}

#coding h2 {
	margin-bottom: 43px;
}

#coding .box {
	float: right;
	margin-bottom: 82px;
}

#coding p {
	margin-bottom: 33px;
}

#coding .title {
	margin-bottom: 19px;
}

#coding .box ul {
	width: 487px;
} 

#coding .box ul li {
	float: left;
	margin-right: 6px;
}

#coding .box ul li img {
	display: block;
}

#coding .inner {
	clear: both;
	margin-left: 2px;
}

#coding h3 {
	background: url(../img/index/cod_line.gif) repeat-x left bottom;
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom: 3px;
	padding-bottom: 13px;
}

#coding h3 span {
	font-size: 0.9em;
}

#coding .tabBox {
	float: left;
	width: 446px;
}

#coding .tabBox table {
	margin-bottom: 30px;
	width: 100%;
}


#coding .tabBox th {
	border-bottom: 1px solid #999;
	font-size: 1.4em;
	font-weight: normal;
	padding: 7px 0 9px;
	text-align: left;
	vertical-align: middle;
}


#coding .tabBox td {
	border-bottom: 1px solid #999;
	font-size: 1.6em;
	padding: 7px 0 6px;
	text-align: right;
	vertical-align: middle;
}


#coding .textBox {
	float: right;
	width: 485px;
	margin-bottom: 50px;
}
#coding .textBox table {
	margin-bottom: 30px;
	width: 446px;
}
#coding .textBox th {
	border-bottom: 1px solid #999;
	font-size: 1.4em;
	font-weight: normal;
	padding: 7px 0 9px;
	text-align: left;
	vertical-align: middle;
}
#coding .textBox td {
	border-bottom: 1px solid #999;
	font-size: 1.6em;
	padding: 7px 0 6px;
	text-align: right;
	vertical-align: middle;
}

#coding .textBox h3 {
	margin: 0 39px 23px 0;
}

#coding .textBox ul {
	font-size: 1.2em;
	line-height: 2;
	width: 446px;
}

/*------------------------------------------------------------
	solution
------------------------------------------------------------*/
#solution {
	background-color: #FFF;
	clear: both;
	padding: 143px 0 141px;
	text-align: left;
}
#solution .contents {
	
}

#solution .contents h2 {
	margin-bottom: 39px;
}

#solution .contents .inner {
	clear: both;
	margin:0 29px 83px 0;
}

#solution .contents .photoBox {
	float: left;
}

#solution .contents .textBox {
	float: right;
	margin-top: 7px;
	width: 451px;
}

#solution .contents .textBox .special {
	margin: 0 0 49px 0;
}

#solution .contents h3 {
	background: url(../img/index/sol_line01.gif) repeat-x left bottom;
	clear: both;
	margin-bottom: 9px;
	padding-bottom: 17px;
}

#solution .contents .ulBox {
	background: url(../img/index/sol_line02.gif) repeat-x left bottom;
	font-size: 1.3em;
	margin-bottom: 29px;
	padding-bottom: 32px;
}

#solution .contents .box {
	float: left;
	width: 484px;
}

#solution .contents .ulBox li {
	line-height: 1.6;
}

#solution .contents h4 {
	background: url(../img/index/sol_line02.gif) repeat-x left bottom;
	font-weight: normal;
	margin-bottom: 31px;
	padding-bottom: 11px;
}

#solution .contents p {
	clear: both;
	font-size: 1.3em;
	line-height: 1.6;
	margin-bottom: 21px;
}

#solution .contents .note {
	background: url(../img/index/sol_line02.gif) repeat-x left bottom;
	margin-bottom: 63px;
	padding-bottom: 32px;
}

#solution .contents .section {
	font-size: 1.3em;
}

#solution .contents .section h4 {
	margin-bottom: 8px;
}

#solution .contents .section .photo {
	margin-top: 18px;
}

#solution .contents .section dl {
	margin-bottom: 3px;
}

#solution .contents .section dt {
	float: left;
	margin-top: 2px;
}

#solution .contents .section dd {
	padding: 0 0 11px 10.2em;
	word-wrap: break-word;
}

	* html #solution .contents .section dd {
		text-indent: -3px;
	}

#solution .contents .section p {
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 0 0 0 8px;
}
/*------------------------------------------------------------
	contact
------------------------------------------------------------*/
#contact {
	background-color: #FFF;
	padding: 85px 0 139px 0;
}

#contact h2 {
	margin-bottom: 72px;
}

#contact p {
	clear: both;
	font-size: 1.2em;
	line-height: 2;
	margin: 0 0 32px 3px;
}

#contact h3 {
	background: url(../img/index/con_line.gif) repeat-x left bottom;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.2;
	margin: 0 0 3px 3px;
	padding-bottom: 16px;
}

#contact .h3Ttl {
	margin-bottom: 25px;
}

#contact table {
	border-collapse: collapse;
	margin: 0 0 62px 4px;
	width: 996px;
}

#contact th {
	border-bottom: 1px solid #CCC;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.2;
	padding: 9px 5px 13px 0;
	text-align: left;
	vertical-align: top;
}

#contact td {
	border-bottom: 1px solid #CCC;
	font-size: 1.4em;
	line-height: 1.2;
	padding: 9px 5px 9px 7px;
	text-align: left;
	vertical-align: top;
}

#contact .mailForm {
	margin-left: 4px;
}

#contact .mailForm table {
	margin: 0;
}

#contact .mailForm th {
	border-bottom: none;
	padding: 9px 0 41px;
}

#contact .mailForm .special {
	padding-top: 3px;
}

#contact .mailForm td {
	border-bottom: none;
	padding: 0 0 41px 10px;
}

#contact .mailForm td li {
	margin-bottom: 13px;
}

#contact .mailForm td li input {
	vertical-align: middle;
	margin-right: 14px;
}

	* html #contact .mailForm td input {
		vertical-align: 3x;
	}

	*+html #contact .mailForm td input {
		vertical-align: 2px;
	}

#fName,
#fEmail,
#fConfirmation,
#fAddress,
#fTel {
	margin-left: 4px;
	width: 711px;
}

#fContent {
	margin-left: 4px;
	height: 324px;
	width: 711px;
}

#contact .mailForm .submit {
	background: url(../img/index/con_line.gif) repeat-x left top;
	padding: 35px 0 30px;
}

#contact .mailForm .submit li {
	float: left;
	font-size: 1.4em;
	margin-right: 45px;
}

#contact .mailForm .submit .text {
	float: right;
	margin-top: 9px;
	width: 712px;
}

.submit input {
	background-color: #FFF;
	border: 1px solid #999;
	cursor: pointer;
	line-height: 1.2;
	font-size: 1.0em;
	padding: 6px 0;
	width: 236px;
}	

/*------------------------------------------------------------
	translation
------------------------------------------------------------*/
#translation {
	padding: 144px 0 100px 0;
}

#translation h2 {
	margin-bottom: 50px;
}

#translation .note {
	color: #fff;
	font-size: 1.3em;
	line-height: 1.2;
	margin-bottom: 80px;
}

#translation .title {
	margin-bottom: 92px;
}

#translation table {
	margin: 0 0 12px 3px;
}

#translation table td {
	line-height: 1.2;
	padding: 10px 5px 1px 6px;
	text-align: center;
}

#translation table p {
	margin-bottom: 17px;
	line-height: 1.4;
}

#translation table .tdSpecial {
	padding-top: 21px;
	text-align: left;
	vertical-align: middle;
}

#translation table .thSpecial {
	padding-bottom: 11px;
}

#translation .comTable01 td {
	padding: 32px 5px 33px 0;
	line-height: 1.6;
	text-align: left;
}

#translation .comTable01 th {
	padding: 10px 5px 10px 0;
	text-align: left;
}
 
/*------------------------------------------------------------
	business
------------------------------------------------------------*/
#business {
	padding: 100px 0 150px;
}

#business h2 {
	margin-bottom: 42px;
}

#business .title {
	margin-bottom: 90px;
}

#business table {
	margin-bottom: 62px;
}

#business table th {
	padding: 9px 5px 10px 0;
	text-align: left;
}

#business table td {
	padding: 30px 5px 37px 0;
}

#business table p {
	margin-bottom: 20px;
}

#business .h3Ttl {
	margin-bottom: 10px;
}

#business h4 {
	background: url(../img/common/com_line.gif) repeat-x left bottom;
	color: #fff;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 30px;
	padding-bottom: 13px;
}

#business .box {
	margin-bottom: 10px;
}

#business .box .lBox {
	background: url(../img/common/com_line.gif) repeat-x left bottom;
	float: left;
	padding-bottom: 30px;
	width: 520px;
}

#business .box .rBox {
	background: url(../img/common/com_line.gif) repeat-x left bottom;
	float: right;
	padding-bottom: 20px;
	width: 450px;
}

#business .box dl {
	margin-bottom: 40px;
}

#business .box dt {
	color: #fff;
	float: left;
	font-size: 1.3em;
	line-height: 1.6;
}

#business .box dd {
	color: #fff;
	font-size: 1.3em;
	line-height: 1.6;
	padding-left: 8em;
}

		* html #business .box dd {
			text-indent: -3px;
		}

#business .box p {
	color: #fff;
	font-size: 1.3em;
	line-height: 1.6;
}

#footer {
	position: fixed;
	z-index: 100;
	width: 100%;
	text-align: center;
	bottom:0;
	left:0;
	min-width: 1279px;
	background-color: #000000;
}

* html div#footer { 
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById('footer').offsetHeight));
}

.errorMsg {
	color: #F00;
	font-size: 1.3em;
	margin-bottom: 30px;
}

p.thanks {
	font-size: 1.3em;
}

@media screen and (max-device-width: 1024px){
	body {
		min-width: 100%;
	}
	.contents {
		width: 100%;
		overflow: hidden;
	}
	#footer {
		min-width: 100%;
	}
}