/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #333;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
audio,
canvas,
img,
video {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}


body {
	min-width: 1400px;
    font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.5;
	background-color: #656672;
}
h1, h2, h3 {
	margin: 0;
	line-height: 1.5;
	font-family: "小塚ゴシック Pro", "Kozuka Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}
p {
	margin: 0;
	color: #777;
    font-size: 13px;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
input {
	line-height: 1;
}
select {
	line-height: 1;
}
textarea {
	line-height: 1.5;
}
a {
	text-decoration: underline;
	color: #B92C32;
}
a:active,
a:hover {
	color: #D94C52;
}
a.roll:active,
a.roll:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}

.row:before,
.row:after {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}
.row {
    *zoom: 1;
}



/* Structure --------------------------------------------*/

#bg-head {
	position: relative;
	z-index: 1;
	background-image: url('../img/bg_head_base.png');
	background-repeat: repeat-x;
	background-position: center top;
}
#head {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	padding: 2px 100px 0;
	width: 1200px;
	height: 197px;
	background-image: url('../img/bg_head.png');
	background-repeat: no-repeat;
	background-position: center 2px;
}
#bg-top {
	margin-top: -5px;
	background-image: url('../img/top_reverse.jpg');
	background-repeat: repeat-x;
	background-position: center top;
}
#home #bg-top {
	margin-top: -5px;
	background-image: url('../img/top_home_reverse.jpg');
	background-repeat: repeat-x;
	background-position: center top;
}
#top {
	margin: 0 auto;
	width: 1400px;
}
#top img {
	vertical-align: bottom;
}
#bg-fnavi {
	background-image: url('../img/bg_foot_base.png');
	background-repeat: repeat-x;
	background-position: center top;
}
#fnavi {
	margin: 0 auto;
	padding: 53px 210px 0;
	width: 980px;
	height: 191px;
	background-image: url('../img/bg_foot.png');
	background-repeat: no-repeat;
	background-position: center top;
}
#bg-contact-foot {
	background-color: #FFF;
}
#contact-foot {
	margin: 0 auto;
	padding: 0 210px;
	width: 980px;
	height: 79px;
	background-image: url('../img/tel_foot.png');
	background-repeat: no-repeat;
	background-position: 220px 29px;
}
#bg-copy {
	padding-top: 22px;
	height: 31px;
	background-image: url('../img/bg_copy.png');
	background-repeat: repeat-x;
	background-position: center top;
}
#bg-copy p {
	margin: 0 auto;
	padding-top: 14px;
	width: 286px;
	height: 0;
	overflow: hidden;
	background-image: url('../img/copy.png');
	background-repeat: no-repeat;
	background-position: left top;
}
#bg-main {
	background-color: #FFF;
}
#main {
	margin: 0 auto;
	padding: 50px 210px 70px;
	width: 980px;
}
#home #main {
	padding: 0 210px 50px;
}



/* Header --------------------------------------------*/

#head a#logo-head {
	display: block;
	position: absolute;
	margin-top: 33px;
	margin-left: 535px;
	padding-top: 123px;
	width: 130px;
	height: 0;
	overflow: hidden;
	background-image: url('../img/logo_head.png');
	background-repeat: no-repeat;
	background-position: left top;
}
#head a#logo-head:active,
#head a#logo-head:hover {
	background-position: left -123px;
}
#head .inner p.headline {
	position: absolute;
	margin-top: 20px;
	margin-left: 120px;
	font-size: 11px;
	color: #949494;
	line-height: 1.6;
}
#head .inner a.bt-contact {
	display: block;
	position: absolute;
	margin-top: 0;
	margin-left: 717px;
	padding-top: 52px;
	width: 364px;
	height: 0;
	overflow: hidden;
	background-image: url('../img/bt_contact_head.png');
	background-repeat: no-repeat;
	background-position: left top;
}
#head .inner a.bt-contact:active,
#head .inner a.bt-contact:hover {
	background-position: left -52px;
}
#head .inner p.tel {
	position: absolute;
	margin-top: 72px;
	margin-left: 719px;
	padding-top: 31px;
	width: 249px;
	height: 0;
	overflow: hidden;
	background-image: url('../img/tel_head.png');
	background-repeat: no-repeat;
	background-position: left top;
}
#head .inner #lang {
	position: absolute;
	margin-top: 75px;
	margin-left: 976px;
	width: 104px;
	height: 24px;
}
#head .inner #lang li {
	float: left;
}
#head .inner #lang li a {
	display: block;
	padding-top: 24px;
	width: 52px;
	height: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}
#head .inner #lang li a.on,
#head .inner #lang li a:active,
#head .inner #lang li a:hover {
	background-position: left -24px;
}
#head .inner #lang li#lang-ja a {
	background-image: url('../img/bt_lang_ja.png');
}
#head .inner #lang li#lang-en a {
	background-image: url('../img/bt_lang_en.png');
}

#head .inner #navi {
	position: absolute;
	margin-top: 129px;
	margin-left: 90px;
	width: 1020px;
	height: 60px;
}
#head .inner #navi li {
	float: left;
}
#head .inner #navi li a {
	display: block;
	padding-top: 60px;
	height: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}
#head .inner #navi li a:active,
#head .inner #navi li a:hover {
	background-position: left -60px;
}
#head .inner #navi li#navi-1 a {
	width: 160px;
	background-image: url('../img/nav_1.png');
}
#head .inner #navi li#navi-2 a {
	width: 130px;
	background-image: url('../img/nav_2.png');
}
#head .inner #navi li#navi-3 a {
	width: 155px;
	background-image: url('../img/nav_3.png');
}
#head .inner #navi li#navi-4 {
	margin-left: 130px;
}
#head .inner #navi li#navi-4 a {
	width: 155px;
	background-image: url('../img/nav_4.png');
}
#head .inner #navi li#navi-5 a {
	width: 130px;
	background-image: url('../img/nav_5.png');
}
#head .inner #navi li#navi-6 a {
	width: 160px;
	background-image: url('../img/nav_6.png');
}



/* Footer --------------------------------------------*/

#fnavi #logo-foot {
	float: left;
	margin-left: 10px;
	width: 328px;
	height: 135px;
	border-style: none solid;
	border-width: 1px;
	border-color: #dcdde9;
}
#fnavi #logo-foot p.img {
	margin: 0 auto;
	padding-top: 108px;
	width: 131px;
	height: 0;
	overflow: hidden;
	background-image: url('../img/logo_foot.png');
	background-repeat: no-repeat;
	background-position: left top;
}
#fnavi #logo-foot p.address {
	margin-top: 9px;
	text-align: center;
	font-size: 12px;
	color: #4d5393;
	line-height: 1;
}
#fnavi ul {
	float: left;
	padding: 0 30px;
	width: 149px;
	height: 135px;
	border-right: solid 1px #dcdde9;
}
#fnavi li {
	margin-top: 13px;
	line-height: 1.3;
	font-size: 13px;
}
#fnavi li a {
	color: #4d5292;
	text-decoration: none;
}
#fnavi li a:active,
#fnavi li a:hover {
	font-weight: bold;
	text-decoration: underline;
}
#fnavi li.first {
	margin-top: 0;
}
#contact-foot a.bt-contact {
	display: block;
	position: absolute;
	margin-top: 15px;
	margin-left: 607px;
	padding-top: 52px;
	width: 364px;
	height: 0;
	overflow: hidden;
	background-image: url('../img/bt_contact_foot.png');
	background-repeat: no-repeat;
	background-position: left top;
}
#contact-foot a.bt-contact:active,
#contact-foot a.bt-contact:hover {
	background-position: left -52px;
}



/* Main --------------------------------------------*/

.content-wide h2.textbase {
	margin-bottom: 26px;
	padding: 20px 34px 0;
	width: 896px;
	height: 54px;
	line-height: 1.3;
	font-size: 20px;
	letter-spacing: 0.05em;
	color: #454B85;
	background-image: url('../img/bg_content_head_wide.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.content-wide h2.textbase a {
	color: #454B85;
	text-decoration: none;
}
.content-wide h2.textbase a:active,
.content-wide h2.textbase a:hover {
	color: #656BA5;
}

.content h2.textbase {
	margin-bottom: 26px;
	padding: 20px 34px 0;
	width: 636px;
	height: 54px;
	line-height: 1.3;
	font-size: 20px;
	letter-spacing: 0.05em;
	color: #454B85;
	background-image: url('../img/bg_content_head.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.content h2.textbase a {
	color: #454B85;
	text-decoration: none;
}
.content h2.textbase a:active,
.content h2.textbase a:hover {
	color: #656BA5;
}
.content h2.textbase span {
	margin-left: 5px;
	font-size: 16px;
}

.content-wide h2.nomargin,
.content h2.nomargin {
	margin-bottom: 0;
}

a#gotop {
	display: none;
	position: fixed;
	z-index: 10;
	right: 50px;
	bottom: 108px;
	padding-top: 47px;
	width: 50px;
	height: 0;
	overflow: hidden;
	background-image: url('../img/gotop.png');
	background-repeat: no-repeat;
	background-position: left top;
}
a#gotop:active,
a#gotop:hover {
	background-position: left -47px;
}



/* Home --------------------------------------------*/

#box-home-1 {
	position: absolute;
	margin-top: -62px;
	width: 980px;
	height: 270px;
}
#box-home-1 h1 {
	position: absolute;
	padding-top: 270px;
	width: 980px;
	height: 0;
	line-height: 2.2;
	overflow: hidden;
	background-image: url('../img/bg_box_top.png');
	background-repeat: no-repeat;
	background-position: left top;
}
#box-home-1 ul {
	position: absolute;
	margin-top: 102px;
	margin-left: 40px;
}
#box-home-1 li {
	float: left;
	margin-left: 8px;
}
#box-home-1 li a {
	display: block;
	padding-top: 130px;
	width: 312px;
	height: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}
#box-home-1 li a:active,
#box-home-1 li a:hover {
	background-position: left -130px;
}
#box-home-1 li.ban-1 {
	margin-left: 0;
}
#box-home-1 li.ban-1 a {
	background-image: url('../img/nav_box_1.png');
}
#box-home-1 li.ban-2 a {
	background-image: url('../img/nav_box_2.png');
}
#box-home-1 .movie {
	position: absolute;
	margin-top: 73px;
	margin-left: 700px;
	width: 250px;
	height: 160px;
	background-color: #000;
}

#box-home-2  {
	padding: 254px 10px 8px;
	width: 960px;
	height: 295px;
	background-image: url('../img/bg_box_1stop.png');
	background-repeat: no-repeat;
	background-position: left 223px;
}
#box-home-2 h1 {
	margin-left: 30px;
	padding-top: 20px;
	width: 518px;
	height: 0;
	line-height: 2.2;
	overflow: hidden;
	background-image: url('../img/head_box_1stop.png');
	background-repeat: no-repeat;
	background-position: left top;
}
#box-home-2 .line {
	margin-top: 15px;
	padding-top: 11px;
	width: 941px;
	height: 0;
	overflow: hidden;
	background-image: url('../img/arrow_1stop.png');
	background-repeat: no-repeat;
	background-position: left top;
}
#box-home-2 .row {
	margin-top: 20px;
	margin-left: 20px;
}
#box-home-2 .col {
	float: left;
	margin-left: 20px;
	width: 215px;
}
#box-home-2 .leftend {
	margin-left: 0;
}
#box-home-2 .col .image {

}
#box-home-2 .col .image img {
	vertical-align: bottom;
}
#box-home-2 .col .text {
	position: relative;
	padding: 13px 15px 10px;
	background-color: #FFF;
	background-image: url('../img/bg_textbox_1stop.png');
	background-repeat: repeat-x;
	background-position: left top;
	box-shadow: 2px 2px 4px #E3E2E2, -2px 2px 4px #E3E2E2;
}
	html.lt-ie9 #box-home-2 .col .text {
		behavior: url('css/PIE.htc');
	}
#box-home-2 .col .text h2 {
	margin-bottom: 13px;
	font-size: 16px;
	color: #3e3e3e;
	line-height: 1;
}
#box-home-2 .col .text p {
	font-size: 11px;
	color: #3e3e3e;
}

#whatsnew {
	margin-top: 44px;
	padding-left: 10px;
}
#whatsnew h1 {
	margin-bottom: 49px;
	font-size: 20px;
	color: #454B85;
	line-height: 1;
}
#whatsnew table {
	width: 932px;
}
#whatsnew th {
	padding: 10px 0;
	width: 97px;
	height: 40px;
	text-align: left;
	vertical-align: middle;
	border-style: solid none;
	border-width: 1px 0;
	border-color: #E9E9E9;
}
#whatsnew th span {
	display: block;
	text-align: center;
	line-height: 1.8;
	font-size: 13px;
	color: #FFF;
	font-weight: 400;
	background-color: #CCC;
}
#whatsnew th span.product {
	background-color: #000;
}
#whatsnew th span.company {
	background-color: #B5343F;
}
#whatsnew th span.other {
	background-color: #8A8A8A;
}
#whatsnew td {
	padding: 10px 0;
	height: 40px;
	text-align: left;
	vertical-align: middle;
	border-style: solid none;
	border-width: 1px 0;
	border-color: #E9E9E9;
}
#whatsnew td.date {
	width: 97px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	font-family: Helvetica, Arial, sans-serif;
}
#whatsnew td.date a {
	color: #333;
	text-decoration: none;
}
#whatsnew td.value {
	padding-left: 20px;
	width: 718px;
	font-size: 14px;
}
#whatsnew td.value a {
	color: #333;
	text-decoration: none;
}
#whatsnew a.link {
	display: block;
	margin-top: 20px;
	margin-left: 876px;
	padding-top: 15px;
	width: 94px;
	height: 0;
	overflow: hidden;
	background-image: url('../img/link_see_list.png');
	background-repeat: no-repeat;
	background-position: left top;
}

#nav-ban {
	margin-top: 40px;
	margin-left: 10px;
	width: 960px;
	padding: 20px 0;
	border-style: solid none;
	border-width: 1px 0;
	border-color: #E9E9E9;
}
#nav-ban li {
	float: left;
	margin-left: 21px;
}
#nav-ban li.leftend {
	margin-left: 0;
}
#nav-ban li a {
	display: block;
	padding-top: 100px;
	width: 222px;
	height: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
	border-left: solid 2px #454b85;
}
#nav-ban li#nav-ban-1 a {
	background-image: url('../img/nav_ban_1.png');
}
#nav-ban li#nav-ban-2 a {
	background-image: url('../img/nav_ban_2.png');
}
#nav-ban li#nav-ban-3 a {
	background-image: url('../img/nav_ban_3.png');
}
#nav-ban li#nav-ban-4 a {
	background-image: url('../img/nav_ban_4.png');
}

#reason {
	margin-top: 48px;
}
#reason h1 {
	margin-bottom: 50px;
	padding-top: 30px;
	width: 741px;
	height: 0;
	line-height: 2.2;
	overflow: hidden;
	background-image: url('../img/head_reason.png');
	background-repeat: no-repeat;
	background-position: left top;
}
#reason .row {
	float: left;
	margin-left: 40px;
	width: 570px;
}
#reason .row .text {

}
#reason .row .set {
	margin-top: 10px;
}
#reason h2 {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 1;
}
#reason p {
	font-size: 13px;
	line-height: 1.8;
}
#reason img.thumb-0 {
	display: block;
	float: left;
}
#reason img.thumb {
	display: block;
	float: left;
	margin-left: 30px;
}
#reason img.thumb-1 {
	margin-left: 0;
}
#reason img.thumb-2 {
}
#reason img.thumb-3 {
}

#merit {
	margin-top: 40px;
	padding-top: 50px;
	border-top: solid 1px #E9E9E9;
}
#merit .col {
	float: left;
	margin-left: 32px;
	padding-bottom: 30px;
	width: 298px;
}
#merit .col-leftend {
	margin-left: 0;
}
#merit .col h2 {
	position: relative;
	padding-top: 49px;
	width: 298px;
	height: 0;
	line-height: 2.2;
	overflow: hidden;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
	border-style: solid none;
	border-width: 1px;
	border-color: #E3E2E2 #E3E2E2 #C3C2C2;
	box-shadow: 2px 2px 4px #E3E2E2, -2px 2px 4px #E3E2E2;
}
	html.lt-ie9 #merit .col h2 {
		behavior: url('css/PIE.htc');
	}
#merit .col-1 h2 {
	background-image: url('../img/head_box_merit_1.png');
}
#merit .col-2 h2 {
	background-image: url('../img/head_box_merit_2.png');
}
#merit .col-3 h2 {
	background-image: url('../img/head_box_merit_3.png');
}
#merit .col-4 h2 {
	background-image: url('../img/head_box_merit_4.png');
}
#merit .col-5 h2 {
	background-image: url('../img/head_box_merit_5.png');
}
#merit .col-6 h2 {
	background-image: url('../img/head_box_merit_6.png');
}
#merit .col .text {
	position: relative;
	padding: 15px 18px 10px;
	width: 262px;
	min-height: 155px;
	background-color: #FFF;
	background-image: url('../img/bg_shadow_merit.png');
	background-repeat: repeat-x;
	background-position: left top;
	box-shadow: 2px 2px 4px #E3E2E2, -2px 2px 4px #E3E2E2;
}
	html.lt-ie9 #merit .col .text {
		behavior: url('css/PIE.htc');
		box-shadow: 2px 2px 4px #E3E2E2, -2px 2px 4px #E3E2E2;
	}
#merit .col p {
	font-size: 13px;
	color: #777;
	line-height: 1.3;
}
#merit .col p.catch {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}



/* Bread --------------------------------------------*/

#bg-bread {
	height: 40px;
	background-image: url('../img/bg_bread.png');
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom: solid 1px #F2F2F6;
}
#bg-bread ul {
	margin: 0 auto;
	padding-top: 14px;
	width: 960px;
}
#bg-bread li {
	float: left;
	font-size: 12px;
	color: #000;
	line-height: 1;
}
#bg-bread li a {
	color: #B92C32;
}
#bg-bread li span {
	margin: 0 20px;
}



/* Sidebar --------------------------------------------*/

#sidebar {
	float: right;
	width: 230px;
}

ul.snavi {
	position: relative;
	padding: 15px 10px 10px;
	width: 210px;
	background-color: #F7F7F7;
	background-image: url('../img/headline_snavi.png');
	background-repeat: no-repeat;
	background-position: left top;
	box-shadow: 2px 2px 4px #E3E2E2, -2px 2px 4px #E3E2E2;
}
	html.lt-ie9 ul.snavi {
		behavior: url('css/PIE.htc');
	}
ul.snavi li {

}
ul.snavi li span.title {
	display: block;
	padding-top: 40px;
	width: 210px;
	height: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}
ul.snavi li#snavi-1 span {
	background-image: url('../img/head_snavi_1.png');
}
ul.snavi li#snavi-1 span.metal-title {
	background-image: url('../img/metal/head_snavi.png');
}
ul.snavi li#snavi-2 span {
	background-image: url('../img/head_snavi_2.png');
}
ul.snavi li#snavi-3 span {
	background-image: url('../img/head_snavi_3.png');
}
.blogside ul.snavi li span.title {
	display: block;
	padding: 12px 18px 0;
	width: 174px;
	height: 28px;
	overflow: auto;
	background-image: url('../img/bg_head_snavi.png');
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 14px;
	color: #444657;
	line-height: 1.3;
}
.blogside ul.snavi li span.title a {
	color: #444657;
	text-decoration: none;
}
ul.snavi ul {
	background-color: #FFF;
	border-style: none solid;
	border-width: 1px;
	border-color: #EFEFEF;
}
ul.snavi li.end ul {
	border-style: none solid solid;
	border-width: 1px;
	border-color: #EFEFEF;
}
ul.snavi ul li {
	font-size: 13px;
	line-height: 1.3;
}
ul.snavi ul li.first {
	border: none;
}
ul.snavi ul li a {
	display: block;
	padding: 16px 25px;
	border-top: solid 1px #EFEFEF;
	background-image: url('../img/arrow_list.png');
	background-repeat: no-repeat;
	background-position: 11px;
	color: #8486C6;
}
ul.snavi ul li a:active,
ul.snavi ul li a:hover {
	color: #A4A6E6;
	background-color: #F5F7FE;
}

ul.banner {
	padding-top: 20px;
}
ul.banner li {
	margin-top: 10px;
}
ul.banner li a.contact {
	display: block;
	margin-left: -1px;
	padding-top: 57px;
	width: 234px;
	height: 0;
	overflow: hidden;
	background-image: url('../img/bt_contact_side.png');
	background-repeat: no-repeat;
	background-position: left top;
}
ul.banner li span.tel {
	display: block;
	padding-top: 29px;
	width: 229px;
	height: 0;
	overflow: hidden;
	background-image: url('../img/tel_side.png');
	background-repeat: no-repeat;
	background-position: left top;
}



/* Content --------------------------------------------*/

.content-wide {
	margin: 0 auto;
	width: 960px;
}
.content-wide h2 {
	margin-left: -2px;
}
.content-wide h2 img {
	vertical-align: bottom;
}

.content {
	float: left;
	margin-left: 10px;
	width: 700px;
}
.content h2 {
	margin-left: -2px;
}
.content h2 img {
	vertical-align: bottom;
}
.content a.bt-contact {
	display: block;
	margin: 38px auto 0;
	padding-top: 72px;
	width: 384px;
	height: 0;
	overflow: hidden;
	background-image: url('../img/bt_contact_content.png');
	background-repeat: no-repeat;
	background-position: left top;
}
.content hr {
	border-color: #E9E9E9;
}

.content-inner {
	margin: 0 auto;
	width: 660px;
}


/* Advantage --------------------------------------------*/

#advantage img.fig-1 {
	display: block;
	margin: 26px auto 80px;
}
#advantage img.fig-2 {
	display: block;
	margin: 116px auto 70px;
}



/* Service --------------------------------------------*/

#service img.catch {
	margin-top: 16px;
	vertical-align: bottom;
}
#service .cols {
	padding: 10px 31px 30px;
	background-color: #F3F3F3;
}
#service .cols .row {

}
#service .cols .col {
	position: relative;
	margin-left: 22px;
	margin-top: 20px;
	width: 308px;
	background-color: #FFF;
	box-shadow: 2px 2px 4px #E3E2E2, -2px 2px 4px #E3E2E2;
}
	html.lt-ie9 #service .cols .col {
		behavior: url('css/PIE.htc');
	}
#service .cols .left {
	float: left;
	margin-left: 0;
}
#service .cols .right {
	float: right;
}
#service .cols .col h3 {
	border-bottom: solid 1px #E3E2E2;
}
#service .cols .col h3 img {
	vertical-align: bottom;
}
#service .cols .col img.thumb {
	vertical-align: bottom;
}
#service .cols .col .text {
	padding: 10px 10px 10px 15px;
}
#service .cols .col .text p {
	font-size: 12px;
	color: #777;
}



/* Proposal --------------------------------------------*/

#proposal p {
	padding: 14px 18px 0;
	color: #777;
	font-size: 13px;
}
#proposal img.text-1 {
	display: block;
	margin: 25px auto 60px;
}
#proposal img.text-2 {
	display: block;
	margin: 45px auto 0;
}



/* Cast --------------------------------------------*/

#cast img.text-1 {
	display: block;
	margin: 40px auto 40px;
}
#cast img.text-2 {
	display: block;
	margin: 40px auto 40px;
}
#cast img.text-3 {
	display: block;
	margin: 50px auto 47px;
}
#cast img.text-4 {
	display: block;
	margin: 56px auto 60px;
}
#cast .box {
	position: relative;
	margin-bottom: 44px;
	width: 308px;
	background-color: #FFF;
	box-shadow: 2px 2px 4px #E3E2E2, -2px 2px 4px #E3E2E2;
}
	html.lt-ie9 #cast .box {
		behavior: url('css/PIE.htc');
	}
#cast .left {
	float: left;
	margin-left: 20px;
}
#cast .right {
	float: right;
	margin-right: 20px;
}
#cast .box h3 {
	border-bottom: solid 1px #E3E2E2;
}
#cast .box h3 img {
	vertical-align: bottom;
}
#cast .box .text {
	padding: 18px;
	background-color: #FFF;
	background-image: url('../img/bg_shadow_merit.png');
	background-repeat: repeat-x;
	background-position: left top;
}
#cast .box .text p {
	font-size: 12px;
	color: #777;
}
#cast .box .text p strong {
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #3E3E3E;
}
#cast .widebox {
	position: relative;
	margin: 0 auto 70px;
	padding: 29px 29px 29px 39px;
	width: 590px;
	background-color: #FFF;
	background-image: url('../img/bg_column.png');
	background-repeat: repeat-x;
	background-position: left top;
	border: solid 1px #EFEFEF;
	box-shadow: 2px 2px 4px #E3E2E2, -2px 2px 4px #E3E2E2;
}
	html.lt-ie9 #cast .widebox {
		behavior: url('css/PIE.htc');
	}
#cast .widebox img.thumb {
	display: block;
	float: right;
}
#cast .widebox ul {
	float: left;
	width: 370px;
}
#cast .widebox li {
	padding: 8px 0 8px 22px;
	font-size: 14px;
	color: #3E3E3E;
	line-height: 1.3;
	background-image: url('../img/dot_list_strong.png');
	background-repeat: no-repeat;
	background-position: left 9px;
}
#cast .thumbset {
	margin: 30px auto 80px;
	width: 660px;
}
#cast .thumbset .col {
	float: left;
	margin-left: 30px;
	width: 200px;
}
#cast .thumbset .leftend {
	margin-left: 0;
}
#cast .thumbset .col img {
	margin-bottom: 25px;
	vertical-align: bottom;
}
#cast .thumbset .col p {
	color: #777;
	line-height: 1.4;
}
#cast .thumbset .col p strong {
	display: block;
	margin-bottom: 12px;
	font-size: 16px;
	font-weight: bold;
	color: #454B85;
}



/* Equipment --------------------------------------------*/

#equipment h2 {
	padding-bottom: 15px;
}
#equipment p {
	font-size: 13px;
	color: #777;
}
#equipment h3 {
	margin: 20px 0 38px;
	font-size: 22px;
	color: #454B85;
	line-height: 1;
}
#equipment h3 span {
	font-size: 20px;
}
#equipment .box {
	float: left;
	margin-left: 30px;
	padding-bottom: 28px;
	width: 465px;
	background-color: #FFF;
}
#equipment .leftend {
	margin-left: 0;
}
#equipment .box .text {
	position: relative;
	padding: 16px 19px;
	background-color: #FFF;
	border-style: none solid solid;
	border-width: 0 1px 1px;
	border-color: #EFEFEF;
	box-shadow: 1px 1px 2px #E3E2E2, -1px 1px 2px #E3E2E2;
}
	html.lt-ie9 #equipment .box .text {
		behavior: url('css/PIE.htc');
	}
#equipment .box .first {
	position: relative;
	padding: 16px 19px;
	border-style: solid solid none;
	border-width: 1px 1px 0;
	border-color: #EFEFEF;
	box-shadow: none;
}
	html.lt-ie9 #equipment .box .text {
		behavior: url('css/PIE.htc');
	}
#equipment .box p {
	font-size: 12px;
	color: #777;
}
#equipment .box p strong {
	font-size: 20px;
	color: #000;
	font-weight: bold;
	line-height: 1;
}
#equipment .box img {
	vertical-align: bottom;
}

#equipment .tableset {
	margin: 12px 0 40px;
}
#equipment .tableset .left {
	float: left;
	width: 465px;
}
#equipment .tableset .right {
	float: right;
	widh: 465px;
}
#equipment .tableset table {
	width: 465px;
}
#equipment .tableset table thead th {
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	font-weight: 400;
	font-size: 13px;
	color: #FFF;
	background-color: #666;
	border-style: solid;
	border-width: 1px;
	border-color: #666 #CBCBCB;
}
#equipment .tableset table thead th.col-0 {
	border-left-color: #666;
}
#equipment .tableset table thead th.col-2 {
	border-right-color: #666;
}
#equipment .tableset table tbody th {
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	font-weight: 400;
	font-size: 12px;
	color: #777;
	border: solid 1px #CBCBCB;
}
#equipment .tableset table tbody td {
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	color: #777;
	border: solid 1px #CBCBCB;
}
#equipment .tableset table.type-1 tbody th {
	width: 50%;
}
#equipment .tableset table.type-1 tbody td {
	width: 50%;
}
#equipment .tableset table.type-2 tbody th {
	width: 168px;
}
#equipment .tableset table.type-2 tbody tr.first th {
	border-top: none;
}
#equipment .tableset table.type-2 tbody td.col-1 {
	width: 79px;
}
#equipment .tableset table.type-2 tbody td.col-2 {
	width: 154px;
}
#equipment .tableset table.type-2 tbody tr.first td {
	border-top: none;
}
#equipment .tableset table.type-3 thead th.col-0 {
	width: 192px;
}
#equipment .tableset table.type-3 thead th.col-1 {
	width: 79px;
}
#equipment .tableset table.type-3 thead th.col-2 {
	width: 130px;
}
#equipment .tableset table.type-3 tbody th {
	width: 192px;
}
#equipment .tableset table.type-3 tbody td.col-1 {
	width: 79px;
}
#equipment .tableset table.type-3 tbody td.col-2 {
	width: 130px;
}



/* Works / FAQ --------------------------------------------*/

#cat-navi {
	margin-bottom: 25px;
}
#cat-navi ul {
	padding-left: 20px;
}
#cat-navi li {
	float: left;
	margin-right: 50px;
	padding-bottom: 15px;
}
#cat-navi ul.light li {
	margin-right: 30px;
}
#cat-navi li a {
	display: block;
	padding-left: 21px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	background-image: url('../img/arrow_category.png');
	background-repeat: no-repeat;
	background-position: left;
	color: #222;
	text-decoration: none;
}
#cat-navi li a:active,
#cat-navi li a:hover {
	color: #666;
}
#works .row {

}
#works .box {
	float: left;
	margin-left: 30px;
	padding-bottom: 46px;
	width: 300px;
	background-color: #FFF;
}
#works .leftend {
	margin-left: 0;
}
#works .box img {
	width: 300px;
	vertical-align: bottom;
}
#works .box .text {
	position: relative;
	padding: 16px 19px;
	background-color: #FFF;
	border-style: none solid solid;
	border-width: 0 1px 1px;
	border-color: #EFEFEF;
	box-shadow: 1px 1px 2px #E3E2E2, -1px 1px 2px #E3E2E2;
}
	html.lt-ie9 #works .box .text {
		behavior: url('css/PIE.htc');
	}
#works .box .text h3 {
	margin-bottom: 15px;
	font-size: 15px;
	font-weight: 400;
	color: #777;
}
#works .box .text p {
	font-size: 12px;
	color: #777;
}

#faq .each-qa {
	padding: 28px 20px 10px;
	border-top: solid 1px #f2f2f6;
}
#faq .first {
	padding-top: 0;
	border-top: none;
}
#faq h3 {
	margin-bottom: 20px;
	font-size: 18px;
	color: #454b85;
	line-height: 1.8;
}
#faq h3 span.point {
	margin-right: 3px;
	font-size: 24px;
}
#faq .text {
	padding-left: 18px;
}
#faq .text span.point {
	position: absolute;
	font-size: 24px;
	margin-top: -3px;
}
#faq .text p {
	padding-left: 28px;
	padding-bottom: 1.8em;
	font-size: 18px;
	color: #777;
	line-height: 1.8;
}


/* Company --------------------------------------------*/

#company p {
	font-size: 13px;
	color: #222;
	line-height:20px;
}
#company img.text-greeting {
	display: block;
	margin: 46px auto 60px;
}
#company img.text-sincerity {
	display: block;
	margin: 26px auto 15px;
}
#company table.com-info {
	margin-top: 25px;
}
#company table.com-info th {
	padding: 15px 20px;
	width: 109px;
	text-align: center;
	vertical-align: middle;
	background-color: #F7F7F7;
	border: solid 1px #EEE;
	font-size: 13px;
	font-weight: 400;
	color: #222;
}
#company table.com-info td {
	padding: 15px 20px;
	width: 289px;
	text-align: left;
	vertical-align: middle;
	border: solid 1px #EEE;
	font-size: 13px;
	color: #222;
}
#company table.com-info td.double {
	width: 438px;
}
#company .map {
	margin-top: 35px;
}
#company .map p {

}
#company .map iframe {
	margin-top: 5px;
}

#company ul{
	padding-top:20px;
	padding-bottom:20px;
}

#company li{
	font-weight:bold;
	padding:3px 0px 3px 0px;
}
#company h2{
	padding-bottom:30px;
}

#company .cation{
	padding-bottom:40px;
	color:#777777;
	font-size:13px;
}

/* Sitemap --------------------------------------------*/

#sitemap h2 {
	padding-bottom: 27px;
}
#sitemap p {
	margin: 20px 20px;
	font-size: 13px;
	color: #777;
}


#sitemap ul.tree {
	margin: 0 0 40px 20px;
	width: 800px;
	height: 920px;
	background-image: url('../img/line_sitemap.png');
	background-repeat: no-repeat;
	background-position: left top;
}
#sitemap ul.tree li {
	margin: 0;
	padding: 10px 0 0;
	font-size: 12px;
	line-height: 1;
}
	html.lt-ie9 #sitemap ul.tree li {
		padding: 7px 0 0;
	}
#sitemap ul.tree li.first {
	padding: 0;
}
	html.lt-ie9 #sitemap ul.tree li.first {
		padding: 0;
	}
#sitemap ul.tree li a {
	display: block;
	padding: 13px 16px 0;
	height: 25px;
	width: 116px;
	color: #222;
	line-height: 1;
	text-decoration: none;
	background-color: #FAFAFA;
	border: solid 1px #E2E2E2;
}
#sitemap ul.tree li a:active,
#sitemap ul.tree li a:hover {
	color: #666;
}
#sitemap ul.tree ul {
	position: absolute;
}
#sitemap ul.tree ul.layer-1 {
	margin-top: -40px;
	margin-left: 190px;
}
	html.lt-ie9 #sitemap ul.tree ul.layer-1 {
		margin-top: -42px;
	}
#sitemap ul.tree ul.layer-1 li a {
	width: 116px;
}
#sitemap ul.tree ul.layer-2 {
	margin-top: -50px;
	margin-left: 190px;
}
	html.lt-ie9 #sitemap ul.tree ul.layer-2 {
		margin-top: -42px;
	}
#sitemap ul.tree ul.layer-2 li a {
	width: 156px;
}
#sitemap ul.tree ul.layer-3 {
	margin-top: -40px;
	margin-left: 230px;
}
	html.lt-ie9 #sitemap ul.tree ul.layer-3 {
		margin-top: -42px;
	}
#sitemap ul.tree ul.layer-3 li a {
	width: 156px;
}
#sitemap ul.tree ul li a.long {
	width: 326px;
}
#sitemap .col {
	float: left;
	margin-bottom: 30px;
	margin-left: 40px;
	width: 280px;
}
#sitemap .col-first {
	margin-left: 20px;
}
#sitemap .col img {
	display: block;
	margin-bottom: 15px;
	border: solid 1px #E2E2E2;
}
#sitemap .col p {
	margin: 0;
}
#sitemap .col p strong {
	display: block;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 400;
}


/* Contact --------------------------------------------*/

#contact .contact-inner {
	padding: 24px 20px 0;
}
#contact p {
	font-size: 13px;
	color: #777;
}
#contact p.note {
	font-size: 12px;
	color: #ADADAD;
}
#contact ul.telfax {
	margin-top: 24px;
}
#contact ul.telfax li {
	padding-top: 60px;
	width: 450px;
	height: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}
#contact ul.telfax li.list-1 {
	float: left;
	background-image: url('../img/ban_tel.png');
}
#contact ul.telfax li.list-2 {
	float: right;
	background-image: url('../img/ban_fax.png');
}
#contact .about {
	position: relative;
	margin-top: 20px;
	padding: 30px 30px 20px;
	border: solid 1px #ECECEC;
	border-radius: 4px;
}
	html.lt-ie9 #contact .about {
		behavior: url('css/PIE.htc');
	}
#contact .about h3 {
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
	color: #535996;
}
#contact .about .text {
	padding-left: 110px;
	background-repeat: no-repeat;
}
#contact .about .text-1 {
	margin-bottom: 30px;
	background-image: url('../img/icon_fax.png');
	background-position: 32px 20px;
}
#contact .about .text-2 {
	background-image: url('../img/icon_mail.png');
	background-position: 32px 38px;
}
#contact .about .text p {
	font-size: 12px;
}
#contact form {
	padding: 20px 0 16px;
}
#contact table {
	position: relative;
	width: 920px;
	border-collapse: separate;
	border: solid 1px #ECECEC;
	border-radius: 4px;
	border-spacing: 0;
}
	html.lt-ie9 #contact table {
		behavior: url('css/PIE.htc');
	}
#contact table th {
	font-size: 13px;
	font-weight: 400;
	color: #777;
	background-color: #F6F6F6;
	border-style: none solid solid none;
	border-width: 1px;
	border-color: #ECECEC;
}
#contact table thead th {
	padding: 34px 34px 28px;
	text-align: center;
	vertical-align: top;
	border-style: none none solid;
	border-width: 1px;
	border-color: #ECECEC;
}
#contact table thead th span.title {
	display: block;
	margin: 0 auto 24px;
	font-size: 22px;
	color: #C05E67;
	line-height: 1;
}
#contact table thead th span.note {
	display: block;
	margin: 0 auto;
}
#contact table tfoot th {
	padding: 30px;
	border: none;
}
#contact table tfoot th input {
	display: inline-block;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
	margin: 0 auto;
	padding: 0;
	width: 384px;
	height: 72px;
	line-height: 1.5;
	overflow: hidden;
	background-color: transparent;
	background-image: url('../img/bt_estimate_bg.png');
	background-repeat: no-repeat;
	background-position: left top;
	border: none;
}
#contact table tfoot th input.wpcf7-back {

}
	html.lt-ie8 #contact table tfoot th input {
		height: 72px;
	}

#contact table tbody th {
	width: 199px;
	text-align: center;
	vertical-align: middle;
}
#contact table td {
	padding: 9px;
	width: 700px;
	font-size: 13px;
	font-weight: 400;
	color: #777;
	border-style: none none solid;
	border-width: 1px;
	border-color: #ECECEC;
}
#contact table td.checkbox span {
	display: block;
	padding: 10px 0;
	float: left;
	width: 290px;
}
#contact table td.checkbox .wpcf7-form-control-wrap, #contact table td.checkbox .wpcf7-form-control {
	display: block;
	padding: 0;
	float: none;
	width: 100%;
}
#contact table td.checkbox .wpcf7-list-item {
  display: block;
  padding: 10px 0;
  float: left;
  width: 290px;
}
#contact table td.checkbox span .wpcf7-list-item-label {
	display: inline-block;
	padding: 0;
	float: none;
	width: auto;
}
#contact input[type="text"], #contact input[type="tel"], #contact input[type="email"] {
	margin-right: 9px;
	padding: 7px 10px;
	width: 367px;
	border: solid 1px #CCC;
}
#contact input[type="radio"] {
	margin-right: 9px;
}
#contact input[type="checkbox"] {
	margin-right: 9px;
}
#contact input.postno {
	width: 97px;
}
#contact input.address {
	width: 497px;
}
#contact td textarea {
	padding: 7px 10px;
	width: 677px;
	border: solid 1px #CCC;
}



/* Blog --------------------------------------------*/

.blog .entry {
	margin: 0 auto;
	padding: 30px 0;
	width: 660px;
	border-bottom: solid 1px #EDEDED;
}
.blog .entry-1st {
	padding-top: 0;
}
.blog .entry p.date {
	float: left;
	margin-bottom: 28px;
	width: 220px;
	font-size: 20px;
	font-weight: bold;
	color: #515895;
	line-height: 1;
}
.blog .entry p.date span.wday {
	font-size: 13px;
}
.blog .entry p.category {
	float: right;
	width: 180px;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
	color: #515895;
}
.blog .entry p.category a {
	margin-left: 3px;
	font-size: 12px;
	font-weight: 400;
	color: #8486c6;
}
.blog .entry p.category a:active,
.blog .entry p.category a:hover {
	color: #A4A6E6;
}
.blog .entry ul.sns li {
	float: left;
	width: 82px;
}
.blog .entry ul.sns li a {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
}
.blog .entry ul.sns li a img {
	vertical-align: bottom;
}
.blog .entry ul.sns li span.count {
	display: block;
	float: left;
	margin-left: 2px;
	padding-top: 4px;
	padding-left: 4px;
	width: 35px;
	height: 16px;
	background-image: url('../img/balloon_sns.png');
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	font-size: 12px;
	line-height: 1;
	color: #1A1A1A;
}
.blog .pagenavi {
	margin: 40px auto 0;
	width: 660px;
	line-height: 1;
}
.blog .pagenavi .prev {
	float: left;
}
.blog .pagenavi .next {
	float: right;
}
.blog .pagenavi img {
	vertical-align: bottom;
}

#blog .entry .thumb {
	float: left;
	width: 350px;
}
#blog .entry .thumb .img {
	margin-bottom: 20px;
}
#blog .entry .thumb .img img {
	width: 350px;
	vertical-align: bottom;
}
#blog .entry .text {
	float: right;
	width: 290px;
	height: 215px;
}
#blog .entry .text p {
	font-size: 13px;
	color: #777;
	line-height: 1.7;
}
#blog .entry .text p.link {
	position: absolute;
	margin-top: 190px;
	width: 290px;
	text-align: right;
}
#blog .entry .text p.link a img {
	vertical-align: bottom;
}
#blog-detail .entry {
	padding-top: 0;
}
#blog-detail .entry ul.sns {
	float: left;
}
#blog-detail .entry-core img {
	margin-bottom: 25px;
}
#blog-detail .entry-core p {
	font-size: 14px;
	color: #777;
	line-height: 1.7;
}


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }


#design .text{
	padding: 14px 18px 0;
	color:#777777;
	font-size:13px;
/*	line-height:18px;*/
/*	padding-bottom:30px;*/

}

#design .wrapp01{
	margin-bottom:60px;
}

#design .wrapp02,
#design .wrapp03{
	/*width:660px;*/
	clear:both;
}

#design .wrapp02 img,
#design .wrapp03 img{
	padding-bottom:30px;
}

#design .wrapp02 .l-box{
	float:left;
	width:309px;
}

#design .wrapp02 .r-box{
	float:right;
	width:330px;
	color:#777777;
/*	line-height:18px;*/
	font-size:13px;
	padding: 0px 18px 0;
}

#design .wrapp03 .l-box{
	float:left;
	width:309px;
}

#design .wrapp03 .r-box02{
	float:right;
	width:330px;
	color:#777777;
/*	line-height:18px;*/
	font-size:13px;
	padding: 0px 18px 0;
}


#remodel .wrapp{
	width:700px;
	margin:auto;
}

#remodel .wrapp .l-box{
	width:373px;
	float:left;	padding-bottom:60px;
}

#remodel .wrapp .l-box p{
	color:#777777;
	font-size:13px;
	line-height:18px;
	padding-left:23px;
	padding-top:10px;
}

#remodel .wrapp .r-box{
	float:right;
	width:309px;
}

#remodel .wrapp ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

#remodel .wrapp li{
	float:left;
	width:272px;
	padding-top:36px;
	color:#777777;
	font-size:14px;
}

#remodel .wrapp .li02{
	width:115px;
	float:left;
}

#remodel .wrapp .name{
	color:#454b85;
	font-size:16px;
	font-weight:bold;
	padding:10px 0px 10px 0px;
}

#remodel .wrapp02 ul{
	list-style:none;
	padding-top:25px;
}

#remodel .wrapp02 li{
	width:200px;
	float:left;
	padding:0px 15px 0px 15px;
}

#remodel .wrapp02 .name{
		color:#454b85;
	font-size:16px;
	font-weight:bold;
	padding:10px 0px 10px 0px;
}

#remodel .m-title{
	padding-bottom:15px;
	}

#remodel .wrapp03{
	padding-bottom:30px;
}

#remodel .wrapp03 p{
	color:#777777;
	font-size:13px;
	line-height:18px;
	padding-top:10px;
}

#remodel .wrapp04{
	clear:both;
	width:700px;
	margin:auto;
}

#remodel .wrapp04 .l-box{
	float:left;
	width:309px;
		padding-top:30px;
	padding-bottom:50px;
}

#remodel .wrapp04 .r-box{
	float:right;
	width:364px;
	text-align:left;
	padding-top:30px;
	padding-bottom:50px;
	color: #777;
    font-size: 13px;
}

#axis .wrapp{
	clear:both;
	width:700px;
	margin:auto;
	padding-top:20px;
}

#axis .wrapp .l-box{
	float:left;
	width:380px;
	color:#777777;
	font-size:13px;
	line-height:18px;
}

#axis .wrapp .r-box{
	float:left;
	width:253px;
}

#axis hr{
	clear:both;
	margin-top:20px;
}

#axis .wrapp02{
	background-image:url(../img/service/axis/bg01.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:665px;
	height:270px;
	color:#3e3e3e;
	font-size:14px;
}

#axis .wrapp03{
	background-image:url(../img/service/axis/bg02.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:665px;
	height:270px;
	color:#3e3e3e;
	font-size:14px;
}

#axis .wrapp04{
	background-image:url(../img/service/axis/bg03.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:665px;
	height:270px;
	color:#3e3e3e;
		font-size:14px;
}

#axis .wrapp03 .in,
#axis .wrapp04 .in{
	width:340px;
	padding-top:30px;
	padding-left:30px;
}

#axis .wrapp03 .in p,
#axis .wrapp04 .in p{
	font-size:14px;
	color:#3e3e3e;
}
#axis .wrapp05{
	margin-top:60px
}

#axis .wrapp02 .l-box p{
	width:340px;
	color:#3e3e3e;
	font-size: 14px;
	padding-left: 30px;
	padding-top: 30px;
	float:left;
}

#axis .wrapp02 .r-box {
float: right;
width: 200px;
padding-top: 30px;
padding-right: 30px;
}

#axis .in-w{
	width:275px;
	margin:auto;
	color:#777777;
	font-size:14px;
	line-height:20px;
	text-align:left;
	padding-top:76px;
}
#axis .in-w03{
	width:275px;
	margin:auto;
	color:#777777;
	font-size:13px;
	line-height:20px;
	text-align:left;
	padding-top:76px;
}

#axis .in-w02{
	width:200px;
	float:left;
	padding:17px 15px 0px 15px;
}

#axis .in-w02 .title{
	font-size:14px;
	color:#454b85;
	font-weight:bold;
}

#axis .in-w02 p{
	color:#777777;
	line-height:20px;
	font-size:14px;
	padding:20px 0px 0px 0px;
}

/*--  16.10.13 glass  --*/

#glass .wrapp{
	width:700px;
	margin:auto;
}

#glass .wrapp .l-box{
	width:373px;
	float:left;	padding-bottom:60px;
}

#glass .wrapp .l-box p{
	/*color:#777777;*/
	color:#777777;
	font-size:13px;
	line-height:200%;
	padding-left:23px;
	padding-top:10px;
}

#glass .wrapp .r-box{
	float:right;
	width:309px;
}

#glass .wrapp ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

#glass .wrapp li{
	float:left;
	width:272px;
	padding-top:36px;
	color:#777777;
	font-size:14px;
}

#glass .wrapp .li02{
	width:115px;
	float:left;
}

#glass .wrapp .name{
	color:#454b85;
	font-size:16px;
	font-weight:bold;
	padding:10px 0px 10px 0px;
}

#glass .wrapp02 ul{
	list-style:none;
	padding-top:25px;
}

#glass .wrapp02 li{
	width:200px;
	float:left;
	padding:0px 15px 0px 15px;
}

#glass .wrapp02 .name{
		color:#454b85;
	font-size:16px;
	font-weight:bold;
	padding:10px 0px 10px 0px;
}

#glass .m-title{
	padding-bottom:15px;
	}

#glass .wrapp03{
	padding-bottom:30px;
}

#glass .wrapp03 p{
	color:#777777;
	font-size:13px;
	line-height:18px;
	padding-top:10px;
}

#glass .wrapp04{
	clear:both;
	width:700px;
	margin:auto;
}

#glass .wrapp04 .l-box{
	float:left;
	width:309px;
		padding-top:30px;
	padding-bottom:50px;
}

#glass .wrapp04 .r-box{
	float:right;
	width:364px;
	text-align:left;
	padding-top:30px;
	padding-bottom:50px;
	color: #777;
    font-size: 13px;
}
.glass-text{
	color:black;
	font-size:13px;
	line-height:180%;
	padding: 14px 18px 0;
}
/*-------------------------------*/

#vacuum .wrapp{
	clear:both;
	width:700px;
	margin:auto;
	font-size:13px;
	line-height:20px;
}

#vacuum .wrapp .l-box{
	float:left;
	width:350px;
}

#vacuum .wrapp .r-box{
	float:right;
	width:309px;
}

#vacuum .wrapp .s-title{
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
	color: #3e3e3e;
}

#vacuum .wrapp .s-title02{
	font-size:16px;
	font-weight:bold;
	padding-top:20px;
	color: #3e3e3e;
}

#vacuum .wrapp02{
	clear:both;
	width:700px;
	margin:auto;
	padding-top:25px;
	padding-bottom:50px;
}

#vacuum .l-wrapp{
	float:left;
	width:317px;
	height:260px;
	background-image:url(../img/service/vacuum/bg01.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#vacuum .r-wrapp{
	float:right;
	width:319px;
	height:260px;
	background-image:url(../img/service/vacuum/bg02.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#vacuum .l-wrapp02{
	float:left;
	width:317px;
	height:260px;
	background-image:url(../img/service/light/bg01.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#vacuum .r-wrapp02{
	float:right;
	width:319px;
	height:260px;
	background-image:url(../img/service/light/bg02.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#vacuum .in-w{
	width:275px;
	margin:auto;
	color:#777777;
	font-size:14px;
	line-height:20px;
	text-align:left;
	padding-top:76px;
}
#vacuum .in-w03{
	width:275px;
	margin:auto;
	color:#777777;
	font-size:13px;
	line-height:20px;
	text-align:left;
	padding-top:76px;
}

#vacuum .in-w02{
	width:200px;
	float:left;
	padding:17px 15px 0px 15px;
}

#vacuum .in-w02 .title{
	font-size:14px;
	color:#454b85;
	font-weight:bold;
}

#vacuum .in-w02 p{
	color:#777777;
	line-height:20px;
	font-size:14px;
	padding:20px 0px 0px 0px;
}

#material .wrapp{
	width:680px;
	margin:auto;
	clear:both;
	padding-bottom:30px;
}

#material .wrapp .l-box{
	float:left;
	width:309px;
}

#material .wrapp .r-box{
	float:right;
	width:350px;
}

#material .wrapp .r-box p{
	color:#777777;
	font-size:14px;
	line-height:20px;
}

#material .wrapp .title{
	color:#3e3e3e;
	font-weight:bold;
	padding-bottom:10px;
}


.gray-text{
	color:#777777;
	font-size:13px;
	line-height:20px;
	padding: 14px 18px 0;
}

.sameWrap a{
	color:#777777;
	text-decoration:none;
}

.sameWrap a:hover{
	color:#777777;
	text-decoration:underline;
}


/* Metal --------------------------------------------*/

#metal .content-inner p {
	font-size: 15px;
	line-height: 1.4;
}
#metal .content-inner p.note {
	font-size: 13px;
	line-height: 1.3;
}
#metal p.under-title {
	margin-top: 15px;
	font-size: 13px;
}
#metal img.head-text {
	display: block;
	margin: 0 auto 45px;
}
#metal img.catch {
	margin-top: 45px;
	margin-bottom: 40px;
}
#metal img.text-1 {
	margin-top: 40px;
}
#metal img.text-2 {
	margin-top: 40px;
}
#metal img.text-3 {
	margin-top: 85px;
}
#metal img.text-4 {
	margin-top: 85px;
}
#metal img.contact-us {
	margin-top: 70px;
}
#metal .wrapp{
	margin: 0 auto 50px;
	width: 660px;
	font-size:13px;
	line-height:20px;
}

#metal .wrapp .l-box{
	float:left;
	width:330px;
}
#metal .wrapp .l-box p{
	margin-bottom: 1em;
}

#metal .wrapp .r-box{
	display: block;
	float:right;
	width:310px;
}