@charset "utf-8";
/* CSS Document */

/*floatクリア設定
--------------------------------------------------------------------*/
#price:after, #service01 #row3:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#price, #service01 #row3 {
	display: inline-block;
}
/*Hides from IE-mac |*/
* html #price, * html #service01 #row3 { 
	height:1%;
}
#price, #service01 #row3 {
	display:block;
}
/* End hide from IE-mac*/


/*index
--------------------------------------------------------------------*/
#headerWrap.index {
	background: url(../images/index/img_navback.png) no-repeat bottom;
}
#headerWrap.index ul#navGlobal {
	padding: 0px 0px 0px 11px;
}
#headerWrap.index h2 {
	padding: 6px 0px 11px 11px;
}
#contentWrap.index {
	margin: 30px auto 0px auto;
}
#character {
	margin: -210px 0px 0px 11px;
	z-index: 2;
	position: absolute;
}
#serviceIndex {
	width: 554px;
	margin-left: 235px;
	margin-bottom: 10px;	
	padding-bottom: 14px;
	background: url(../images/index/img_serviceback.png) no-repeat;
	float: left;
}
#serviceIndex ol {
	margin: 0px 0px 0px 4px;
	list-style: none;
}
#serviceIndex ol li {
	height: 130px;
	margin: 0px 0px 0px 6px;
	float: left;
}
#check {
	width: 174px;
	float: right;
}

#concept {
position: absolute;
width: 554px;
margin-left: 40px;
top: 615px;
}

/*checksheet
--------------------------------------------------------------------*/
#content.checksheet input[type=text],
#content.checksheet input[type=password],
#content.checksheet textarea {
    padding: 3px;
    border: 1px solid #999999;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#content.checksheet input[type=button],
#content.checksheet input[id=backButton],
#content.checksheet input[type=submit][id=backButton],
#content.checksheet input[type=submit]{
    min-width: 220px;
	_width: 220px;
	margin-left: 20px;
	margin-right: 20px;
	height: 45px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0px;
	border: 0px;
    background: url(../images/service/bt_back_off.png);
    cursor: pointer;
    line-height: 1;
	font-weight: bold;
	font-size: 110%;
    text-align: center;
}
#content.checksheet input[type=button]:hover,
#content.checksheet input[id=backButton]:hover,
#content.checksheet input[type=submit][id=backButton]:hover,
#content.checksheet input[type=submit]:hover{
    background: url(../images/service/bt_back_on.png);
}
#content.checksheet input[type=submit],
#content.checksheet input[id=checkButton],
#content.checksheet input[id=submitButton] {
    background: url(../images/check/bt_next2_off.png);
}
#content.checksheet input[type=submit]:hover,
#content.checksheet input[id=checkButton]:hover,
#content.checksheet input[id=submitButton]:hover {
    background: url(../images/check/bt_next2_on.png);
}
#contentWrap #content.checksheet .clientProfileTable h3 {
	margin: 60px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	background: none;
	border-bottom: 3px solid #aed5f9;
	font-size: 120%;
	font-weight: bold;
	display: block;
}

#content.checksheet table {
	border: none;
	margin-top: 15px;
	padding: 0px;
}
#content.checksheet th, td {
	text-align: left;
	border-top: none;
	border-right: none;
	border-bottom: #aaaaaa 1px solid;
	border-left: none;
}
#content.checksheet #checksheet thead th {
	padding: 12px 0px 8px 10px;
	background: #e7f1ce;
	font-size: 120%;
	font-weight: bold;
}
#content.checksheet #checksheet tbody {
	border-top: #aaaaaa 3px solid;
	border-bottom: #aaaaaa 3px solid;
}
#content.checksheet #checksheet th, td {
	text-align: left;
	border-top: none;
	border-right: none;
	border-bottom: #aaaaaa 1px solid;
	border-left: none;
    padding: 0.5em;
}
#content.checksheet #checksheet td {
	width: 28%;
	background: #eeeeee;
	text-align: center;
}
#answer {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border:  #cccccc 3px solid;
}
#contentWrap #answer h3 {
	margin: 0px 0px 20px 0px;
	padding: 20px 0px 15px 0px;
	background: #eee;
	background-image: none;
	border-bottom: 3px solid #ccc;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
}
#answer div {
	margin: 0px 50px;
}
#answer #resultchecked {
	margin: 30px 50px 0px 50px;
	border: #cee39d 3px solid;
}
#content.checksheet #checksheet table + table, #answer div + div {
	margin-top: 30px;
}
#result1checked h4, #result1notchecked h4, #result2checked h4, #result2notchecked h4, #result3checked h4, #result3notchecked h4 {
	width: 22%;
	margin-right: 15px;
	padding: 15px 0px 10px 0px;
	background: #e7f1ce;
	border-left: #cee39d 5px solid;
	border-right: #cee39d 5px solid;
	float: left;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}
#result1checked p, #result1notchecked p, #result2checked p, #result2notchecked p, #result3checked p, #result3notchecked p {
	width: 70%;
	float: left;
}
#resultchecked h4 {
	margint: 0px;
	padding: 15px 0px 10px 0px;
	background: #e7f1ce;
	border: none;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}
#resultchecked p {
	margin: 10px 20px;
}
.result {
	display: none;
}


/*message
--------------------------------------------------------------------*/
#contentWrap #content.checksheet .clientProfileTable h3, #contentWrap #content.checksheet .confirmTable h3 {
	margin: 40px 0px 20px 0px;
	padding: 16px 0px 10px 15px;
	background: url(../images/check/title_headline_row2.png) top no-repeat;
	border-bottom: 3px solid #c2dc84;
	font-size: 120%;
}
#contentWrap #content.checksheet .confirmTable h3 {
	margin: 0px 0px 20px 0px;
	padding: 16px 0px 10px 15px;
	background: url(../images/check/title_headline_row2.png) top no-repeat;
	border-bottom: 3px solid #c2dc84;
	font-size: 120%;
}
#contentWrap #content.checksheet .clientProfileTable h4 {
	margin: 30px 0px 10px 0px;
	padding: 2px 0px 0px 5px;
	border-left: 5px solid #85ba0a;
	font-size: 120%;
}
#content.checksheet .clientProfileTable table, #content.checksheet .confirmTable table {
	margin: 5px auto 0px auto;
	border-top: #aaaaaa 3px solid;
	border-bottom: #aaaaaa 3px solid;
}
#content.checksheet .clientProfileTable th, #content.checksheet .confirmTable th {
    width:25%;
	background-color: #eeeeee;
	text-align: center;
}
#content.checksheet .clientProfileTable td, #content.checksheet .confirmTable td {
    padding: 0.8em;
}
.clientProfileTable, .confirmTable, .adviseTable2 {
	width: 700px;
	margin: 0 auto;
}
.adviseTable {
	margin: 50px auto 0px auto;
}
#content.checksheet .adviseTable table, #content.checksheet .adviseTable2 table {
	margin: 5px auto 10px auto;
	border-top: #aaaaaa 2px solid;
	border-bottom: #aaaaaa 2px solid;
}
#content.checksheet .adviseTable th {
    padding: 0.8em;
	font-weight: bold;
}
#content.checksheet .adviseTable th span {
	margin-top: 10px;
    padding-left: 1em;
	font-weight: normal;
	display: block;
}
#content.checksheet .adviseTable td {
    width:20%;
    padding: 0.8em;
	background: #e7f1ce;
	text-align: center;
}
#content.checksheet .adviseTable2 table {
	margin: 10px auto 10px auto;
}
#content.checksheet .adviseTable2 th {
    padding: 0.8em;
	background: #eeeeee;
}
#content.checksheet .adviseTable2 td {
    width:50%;
    padding: 0.8em;
}
.adviseTable2 .box-l, .adviseTable2 .box-r {
	width: 50%;
}
#content.checksheet #home a, #content.checksheet #home a:link, #content.checksheet #home a:visited {
	padding-left: 22px;
	background: url(../images/arrow_grey_off.png) no-repeat;
	background-position: 5px center;
	text-align: left;
	text-decoration: none;
	color: #333333;
}
#content.checksheet #home a:hover {
	background: url(../images/arrow_grey_on.png) no-repeat;
	background-position: 5px center;
	text-decoration: underline;
	color: #06C;
}
#content.checksheet #sendEnd {
	width: 700px;
	margin: 0px auto;
	padding: 40px 0px 35px 0px;
	background: #e7f1ce;
	border: #cee39d 3px solid;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}
#content.checksheet #sendError {
	width: 700px;
	margin: 0px auto;
	padding: 40px 0px 35px 0px;
	border: #cccccc 3px solid;
	background: #eeeeee;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	color: #ff0000;
}
.alertMessage {
	font-size: 1.2em;
	color: red;
}
.address {
	width: 400px;
}
.mail {
	width: 300px;
}


/*campany01
--------------------------------------------------------------------*/
#campanyMessage {
	width: 630px;
	margin: 30px auto 0px auto;
}


/*campany02
--------------------------------------------------------------------*/
dl#campany {
	background: url(../images/img_back_blue.png) repeat-y;
	background-position: -220px 0px;
	border-top: 2px solid #aaaaaa;
	border-bottom: 3px solid #aaaaaa;
}
dl#campany dt {
	width: 175px;
	padding: 15px 0px 0px 0px;
	float: left;
	text-align: center;
}
dl#campany dd {
	padding: 15px 5px 10px 200px;
	border-top: 1px solid #aaaaaa;
}
dl#campany dd em {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 2px 0px;
	border-bottom: 2px dotted #aaaaaa;
	font-weight: normal;
	display: block;
}
dl#campany dd ul + em {
	margin-top: 15px;
}


/*service
--------------------------------------------------------------------*/
#service01 ul, #service02 ul, #service03 ul {
	margin-bottom: 30px;
	margin-left: 25px;
	font-size: 110%;
}
#service01 li + li, #service02 li + li, #service03 li + li {
	margin-top: 5px;
}
#service01 #row3 .box-l {
	width: 200px;
	margin-right: 50px;
	text-align: center;
}
#service01 #row3 .box-r {
	width: 200px;
	text-align: center;
}
#service01 #row3 .box-l p, #service01 #row3 .box-r p {
	margin-top: 10px;
	text-align: left;
}
#guarantee {
	width: 130px;
	margin-left: 15px;
	padding: 2px 10px 0px 10px;
	background: #ffffff;
	border: 1px solid #4f9634;
	text-align: center;
	font-size: 90%;
	color: #4f9634;
}
#service03 #row2 .box-l {
	width: 400px;
}
#service03 #row2 .box-r {
	width: 270px;
}
#service03 dl {
	margin-bottom: 10px;
	padding: 12px 0px 10px 0px;
	background: url(../images/img_back_blue.png) repeat-y;
	background-position: -330px 0px;
	border-top: 3px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}
#service03 dt {
	width: 70px;
	float: left;
	text-align: center;
}
#service03 dd {
	padding: 0px 0px 0px 85px;
}
#service03 span#note {
	margin-top: 8px;
	padding: 10px 0px 8px 0px;
	border-top: 2px dotted #cccccc;
	border-bottom: 3px solid #aaaaaa;
	display: block;
}


/*service_process
--------------------------------------------------------------------*/
#process .box-l {
	width: 320px;
	padding-right: 24px;
	border-right: 2px dotted #cccccc;
}
#process .box-r {
	width: 320px;
}


/*service_prive
--------------------------------------------------------------------*/
#price {
	margin: 30px 0px 30px 0px;
}
#price .box-l {
	width: 405px;
}
#price .box-r {
	width: 270px;
	padding: 0px;
	background: #e6f3ff;
}
#price .box-r em {
	margin-bottom: 10px;
	padding: 10px 0px 8px 0px;
    background-color:#add6ff;
	text-align: center;
	line-height: 1;
	display: block;
}
#price .box-r p {
	margin: 0px 0px 0px 15px;
}
#price .box-r p#note {
	margin: 10px 5px 5px 5px;
	padding: 10px 10px 6px 10px;
	background: #ffffff;
}
#price .box-r p + em {
	margin-top: 25px;
}


/*service_contact
--------------------------------------------------------------------*/
#content .row2 p.tel + p.mail {
	margin-top: 0px;
}
#content .row2 p.tel em, #content .row2 p.mail em {
	display: block;
}
#content .row2 p.tel {
	width: 295px;
	padding: 15px 0px 10px 40px;
	background: url(../images/service/img_page05_tel.png) no-repeat;
	background-position: 0px 10px;
	border-top: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
	float: left;
}
#content .row2 p.mail {
	width: 295px;
	padding: 15px 0px 10px 40px;
	background: url(../images/service/img_page05_mailform.png) no-repeat;
	background-position: 0px 10px;
	border-top: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
	float: right;
}


/*info
--------------------------------------------------------------------*/
#content #info.row2 .box-l {
	width:600px;
}
#content #info.row2 .box-r {
	width: 250px;
	text-align: center;
}

/*environment
--------------------------------------------------------------------*/
#environment .box-l {
	width: 600px;
}
#environment .box-r {
	width: 250px;
}
#environment p + ol {
	margin-top: 30px;
}
#environment ol li {
	margin-top: 20px;
}


/*recruit
--------------------------------------------------------------------*/
#recruit dl {
	background: url(../images/img_back_blue.png) repeat-y;
	background-position: -230px 0px;
	border-top: 2px solid #aaaaaa;
	border-bottom: 3px solid #aaaaaa;
}
#recruit dt {
	width: 165px;
	margin: 15px 0px 0px 0px;
	float: left;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}
#recruit dd {
	padding: 15px 5px 10px 185px;
	border-top: 1px solid #aaaaaa;
}
#recruit dd dl {
	margin-top: -16px;
	margin-bottom: -10px;
	background: none;
	border: none;
}
/* IE 7 -------*/
*:first-child+html #recruit dd dl {
	width: 100%;
	margin-top: -16px;
	margin-bottom: -10px;
	display: inline;
}
/* IE 7 end ---*/
#recruit dd dt {
	width: 150px;
	margin: 18px 0px 0px 5px;
	padding: 2px 0px 0px 5px;
	border-left: 5px solid #5890d5;
	float: left;
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	line-height: 1;
}
#recruit dd dd {
	padding: 15px 5px 10px 165px;
}
#recruit em {
	margin: 15px 0px 10px 0px;
	padding: 0px 0px 2px 0px;
	border-bottom: 2px dotted #aaaaaa;
	font-weight: normal;
	display: block;
}


/*privacy
--------------------------------------------------------------------*/
ol#privacy {
	margin: 50px 0px 0px 35px;
}
ol#privacy li.headline {
	margin-bottom: 30px;
	font-size: 120%;
	font-weight: bold;
}
ol#privacy ol.text, ol#privacy li span {
	margin-top: 5px;
	font-size: 85%;
	font-weight: normal;
	display: block;
}
ol#privacy ol.text li {
	margin-bottom: 10px;
}
ol#privacy ol.text li ul li {
	margin-bottom: 0px;
}


/*sitemap
--------------------------------------------------------------------*/
#sitemap ul {
	margin: 0px 0px 0px 0px;
}
#content #sitemap li {
	list-style: none;
	text-align: center;
}
#content #sitemap li ul {
	margin: 5px 0px 0px 0px;
	padding-top: 0px;
	border-top: 3px solid #cccccc;
}
#content #sitemap li li {
	list-style: none;
	padding: 3px 0px 2px 0px;
	border-bottom: 2px dotted #cccccc;
}
#content .box-r li + li {
	border-top: 1px solid #cccccc;
}
#sitemap .box-l {
	width: 240px;
	margin-right:40px;
	padding-top: 10px;
	border-top: 3px solid #cccccc;
}
#sitemap .box-r {
	width: 300px;
	border-top: 3px solid #cccccc;
	border-bottom: 3px solid #cccccc;
}
#content #sitemap li a, #content #sitemap li a:link, #content #sitemap li a:visited {
	padding: 10px 0px 5px 0px;
	background: url(../images/arrow_grey_off.png) no-repeat;
	background-position: 5px center;
	text-align: left;
	text-indent: 22px;
	text-decoration: none;
	color: #333333;
	display: block;
}
#content #sitemap li a:hover {
	background: #EEFBFF url(../images/arrow_grey_on.png) no-repeat;
	background-position: 5px center;
	text-decoration: underline;
	color: #06C;
}
#content #sitemap li li a, #content #sitemap li li a:link, #content #sitemap li li a:visited {
	padding: 3px 0px 2px 0px;
}
#content #sitemap li a:hover {
}