@import url(common.css);
@import url(shiroki2.css);
@import url(miracool.css);

/* サイト共通 */
body {
	background: #D1E4ED;
}

a {
}

a:link {
}

a:visited {
}

a:hover {
}


/* Common */
#wrap {
	width: 814px;
	margin: 0 0 50px 43px;
	background: url('../img/common/back_repeat.jpg') left top repeat-y;
}

div#contents {
	width: 800px;
	margin-left: 7px;
	text-align: center;
	border-bottom: 1px #CCC solid;
}

div#left_contents {
	width: 215px;
	margin-bottom: 50px;
	float: left;
	text-align: right;
}

div#left_contents dl.navigation {
	width: 200px;
	margin-left: 15px;
	text-align: center;
	padding-bottom: 10px;
	background: url('../img/common/back_navigation_bottom.jpg') left bottom no-repeat;
}

div#left_contents dl.navigation dt,
div#left_contents dl.navigation dt h1,
div#left_contents dl.navigation dd,
div#left_contents dl.navigation dd ul li {
	width: 200px;
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}

div#left_contents dl.env_news {
	width: 200px;
	margin: 25px 0 0 15px;
	text-align: left;
	padding-bottom: 5px;
	background: url('../img/common/back_news_bottom.jpg') left bottom no-repeat;
}

div#left_contents dl.env_news dt {
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}

div#left_contents dl.env_news dd {
	padding-top: 114px;
	background: url('../img/common/back_news_top.jpg') left top no-repeat;
}

div#left_contents dl.env_news dd p.text {
	font-size: 80%;
	color: #FFF;
	text-align: right;
	padding: 5px 15px 10px 0;
	background: url('../img/common/back_news_repeat.jpg') left top repeat-y;
}

div#left_contents dl.env_news dd p.text a,
div#left_contents dl.env_news dd p.text a:link,
div#left_contents dl.env_news dd p.text a:visited,
div#left_contents dl.env_news dd p.text a:hover {
	color: #FFF;
}

div#left_contents dl.env_news dd ul {
	padding: 15px 0;
	font-size: 80%;
	color: #FFF;
	line-height: 130%;
	background: url('../img/common/back_news_repeat.jpg') left top repeat-y;
}

div#left_contents dl.env_news dd ul li {
	width: 170px;
	margin: 0 0 0 20px;
}

div#left_contents dl.env_news dd ul li a {
	color: #FFF;
}

div#left_contents dl.env_news dd ul li a:link {
	color: #FFF;
}

div#left_contents dl.env_news dd ul li a:visited {
	color: #FFF;
}

div#left_contents dl.env_news dd ul li a:hover {
	color: #FFF;
}

div#left_contents dl.env_news dd ul li.uline {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px #FFF dotted;
}

div#left_contents ul.inner_banner {
	margin-top: 30px;
}

div#left_contents dl.company_name {
	width: 200px;
	padding: 20px 0 20px 15px;
	font-size: 70%;
	color: #666;
	text-align: left;
	line-height: 120%;
	background: #FFF;
}

div#left_contents dl.company_name dd {
	margin-top: 5px;
	padding: 0 0 5px 5px;
	border-left: 5px solid #A8C8DB;
}

div#left_contents dl.company_name dd div.uline {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px #CCC dotted;
}

div.left_back {
	background: url('../img/common/back_left_repeat.gif') 15px top repeat-y;
}

div#left_contents div.banner {
	width: 215px;
	margin: 30px 0 0 0;
	text-align: center;
}

div#right_contents {
	width: 570px;
	margin-bottom: 25px;
	text-align: left;
	float: left;
}

div#right_contents ul.top_navigation {
	height: 55px;
	margin-left: 95px;
	line-height: 55px;
}

div#right_contents ul.top_navigation li {
	margin: 0 5px;
	padding-left: 10px;
	font-size: 70%;
	color: #FFF;
	background: url('../img/common/icon_common_topnavi.jpg') left center no-repeat;
	float: left;
}

div#right_contents ul.top_navigation li a {
	color: #FFF;
}

div#right_contents ul.top_navigation li a:link {
	color: #FFF;
}

div#right_contents ul.top_navigation li a:visited {
	color: #FFF;
}

div#right_contents ul.top_navigation li a:hover {
	color: #FFF;
}

#footer {
	width: 814px;
	padding: 10px 0 30px 0;
	text-align: center;
	font-size: 80%;
	color: #666;
	background: url('../img/common/back_bottom.jpg') left bottom no-repeat;
}

p.topic_path {
	margin: 0 0 0 30px;
	font-size: 80%;
}

div.contact_infomation {
	width: 555px;
	margin: 0 0 50px 20px;
}

div.contact_infomation p.tel {
	width: 285px;
	text-align:left;
	float: left;
}

div.contact_infomation p.form {
	width: 270px;
	float: left;
}

ul.next_contents {
	margin-top: 15px;
}

ul.next_contents li {
	text-align: right;
	padding: 0 15px 7px 0;
}


/* top */
h1 {
}

p.btn_right {
	padding: 30px 10px 0 0;
	text-align: right;
}

p.btn_right2 {
	padding: 10px 10px 0 0;
	text-align: right;
}

div.toppage {
	background: url('../img/top/back_syanetsu_top.jpg') left top no-repeat;
}

h2#top_catch {
	width: 337px;
	margin: 139px 0 0 41px;
	_margin: 120px 0 0 41px;
}

div.top_coating_contents {
	width: 555px;
	margin: 40px 0 30px 15px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999;
}

div.top_coating_left {
	width: 280px;
	float: left;
	font-size: 80%;
	color: #666;
}

div.top_coating_left p {
	margin-left: 20px;
	padding-right: 10px;
}

div.top_coating_right {
	width: 275px;
	float: left;
}

h3#top_miracool {
	margin-left: 15px;
}

div.top_miracool_block {
	width: 555px;
	margin: 25px 0 0 15px;
	color: #666;
	font-size: 80%;
}

div.top_miracool_left {
	width: 242px;
	float: left;
	margin-right: 20px;
	padding-right: 20px;
	line-height: 130%;
	border-right: 1px dotted #999;
}

div.top_miracool_left ul {
	margin: 10px 0;
}

div.top_miracool_left ul li {
	margin: 0 0 0 20px;
	list-style: disc;
}

div.top_miracool_left p.photo {
	text-align: center;
}

div.top_miracool_right {
	width: 262px;
	float: left;
}

div.top_miracool_right p.photo {
	margin-top: 10px;
	text-align: center;
}

h4#top_vision {
	margin: 35px 0 0 15px;
}

div.top_vision_block {
	margin: 10px 0 0 15px;
}

div.top_vision_left {
	width: 230px;
	float:left;
}

div.top_vision_right {
	width: 320px;
	font-size: 80%;
	color: #666;
	float:left;
}

div.top_vision_right p.text {
	padding: 0 10px 0 20px;
}

/* what */
div.whatpage {
	background: url('../img/what/back_what_top.jpg') left top no-repeat;
}

h2#what_catch {
	width: 450px;
	margin: 68px 0 0 58px;
	_margin: 45px 0 0 58px;
}

div.what_contents {
	width: 555px;
	margin: 30px 0 40px 15px;
	padding-bottom: 20px;
	border-bottom: 1px #CCC dotted;
}

div.what_contents p.text {
	font-size: 80%;
	padding: 20px 20px 0 20px;
}

div.what_contents p.photo1 {
	text-align: center;
	margin: 0 0 0 0;
}

div.what_contents p.photo2 {
	text-align: center;
	margin: 5px 0 0 0;
}

h3#what_02,
h3#what_03 {
	margin-top: 40px;
}

div.what_03block {
	width: 555px;
	margin-top: 20px;
}

div.what_03block_left {
	width: 315px;
	float: left;
}

div.what_03block_right {
	width: 235px;
	float: left;
}

div.what_03block_right p {
	line-height: 130%;
}

div.what_03block_right p.text2 {
	margin: 10px 0 10px 20px;
	padding-left: 15px;
	font-size: 75%;
	border-left: 3px #333 solid;
	background: url('../img/common/icon_common_kome_small.gif') 6px 4px no-repeat;
}


/* contact */
div.contact {
	background: url('../img/contact/back_contact_top.jpg') left top no-repeat;
}

p.contact_topic_path{
    margin: 110px 0 0 30px;
    font-size: 80%;
    color:#0f66c2;
}
a.contact_topic_path{
    color:#0f66c2;
}
a:link.contact_topic_path{
    color:#0f66c2;
}
a:visited.contact_topic_path{
    color:#0f66c2;
}
a:hover.contact_topic_path{
    color:#0f66c2;
}
a:active.contact_topic_path{
    color:#0f66c2;
}

div.contact_contents {
	width: 555px;
	margin: 30px 0 40px 15px;
}

div.contact_contents p.text {
	font-size: 85%;
	padding: 0 20px 10px 0;
}

h2#contact_01,
h2#contact_02 {
	margin: 20px 0 20px 0;
}

div.contact_contents div.contact_01block {
	width: 555px;
}

div.contact_contents div.contact_01block_left {
	width: 128px;
	float: left;
	margin: 0 50px 0 0;
}

div.contact_contents div.contact_01block_right {
	width: 357px;
	float: left;
}
div.contact_contents div.contact_01block_right p.divisin_name {
	margin: 0 0 20px 0;
}

div.contact_contents div.contact_01block_right table.tablenumber {
}

div.contact_contents div.contact_01block_right table.tablenumber td.office_name{
	padding-top: 5px;
}

div.contact_contents div.contact_01block_right table.tablenumber td.tel_number {
	padding-top: 5px;
	padding-left: 20px
}

div.contact_contents div.contact_01block_right p.time_in {
	font-size: 85%;
	margin: 20px 0 20px 0;
}


div.contact_form_top {
    width: 525px;
	height: 6px;
	background: url('../img/contact/back_contact_form_top.gif') left top no-repeat;
	margin: 0 0 0 15px;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

div.contact_form {
    background:#D1E3ED;
    width: 525px;
	padding-top: 20px;
	margin-left: 15px;
}

div.contact_form table.formtable {
} 

div.contact_form table.formtable th,
div.contact_form table.formtable td {
	padding-top: 3px;
} 

div.contact_form td.h_input {
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	width: 180;
	text-align: right;
	vertical-align: top;
	font-size: 80%;
}

div.contact_form td.d_input {
	padding-top: 5px;
}

div.contact_form td.d_check {
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 30px;
	font-size: 80%;
}

div.contact_form td.d_input table {
	padding-left: 10px;
}

div.contact_form td.d_input td.h_sub_input{
	text-align: right;
	padding-bottom: 5px;
	font-size: 75%;
}
	
div.contact_form td.d_input td.d_sub_input{
	padding-bottom: 5px;
	padding-left: 10px;
}

div.contact_form td.d_input_text {
	margin-top: 5px;
	margin-bottom: 5px;
}

div.contact_form div.form_btn{
	margin: 20px 0 0 150px;
	padding-bottom: 30px;
}

div.contact_form_bottom {
	margin-left: 15px;
	background: url('../img/contact/back_contact_form_bottom.gif') left top no-repeat;
}

p.link_qa {
	margin: 20px 0 0 20px;
	font-size: 80%;
}



/* eval */
div.eval {
	background: url('../img/eval/back_eval_top.jpg') left top no-repeat;
}

p.eval_topic_path{
    margin: 110px 0 0 30px;
    font-size: 80%;
    color:#0f66c2;
}
a.eval_topic_path{
    color:#0f66c2;
}
a:link.eval_topic_path{
    color:#0f66c2;
}
a:visited.eval_topic_path{
    color:#0f66c2;
}
a:hover.eval_topic_path{
    color:#0f66c2;
}
a:active.eval_topic_path{
    color:#0f66c2;
}

div.eval_contents {
	width: 555px;
	margin: 30px 0 40px 15px;
}

div.eval_contents p.text {
	font-size: 90%;
	padding: 0 20px 10px 0;
}

h2#eval_01{
	margin: 20px 0 20px 0;
}