@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}


html,body,#left {
	height:100%;
}

body {
    font-family: 'Noto Sans Japanese', serif;
	font-size:14px;
}

#pagetop a {
	text-decoration:none;
	color:#FFF;
	font-size:24px;
}

#pagetop {
	padding:2px 15px 5px;
	background-color:#3765a3;
	border:1px solid #FFF;
	text-align:center;
}

#topcontrol {
	z-index:999;
}

p {
	line-height:1.8em;
	letter-spacing:0.1em;
}

.img100 img {
	width:100%;
	height:auto;
}

#cy_h1 {
	position:absolute;
	right:7px;
	top:2px;
	font-size:10px;
	z-index:500;
}
.block640 {
	display:none;
}
.font {
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}

.cy_container {
	width:97%;
	margin:0 auto;
	max-width:960px;
}

.pcnone {
	display:none;
}

.posi {
	position:relative;
}

.inline {
	display:inline-block;
}

#spnav {
	display:none;
}

.a_b a {
	color:#000;
	text-decoration:none;
}
#copy a{
color:#fff;	
	}
/**header********************************/
#cy_header {
	width:100%;
	position:relative;
	z-index:100;
}
#rogo {
	float:left;
	width:185px;
}

#header_right {
	float:left;
	padding-top:20px;
	width:775px;
}

#mininav {
	float:left;
	width:60%;
	text-align:center;
	padding-top:7px;
}

	#mininav li {
		float:left;
		width:25%;
	}
	
	#mininav a {
		text-decoration:none;
		color:#000;
	}

#tel {
	float:right;
	width:37%;
	text-align:right;
}

	#tel li:nth-child(1) img {
		width:100%;
		height:auto;
	}

	#tel li:nth-child(2) {
		margin-top:5px;
	}

#cy_nav {
	border-top:2px solid #e0e0e0;
	margin-top:15px;
	padding-top:15px;
	position:relative;
}

#cy_nav li {
	float:left;
	width:25%;
	text-align:center;
}

#cy_nav span {
	border-top:5px solid #000;
	height:7px;
	display:block;
	position:absolute;
	width:107px;
	left:0;
	top:-11px;
	margin-top:7px;
	background-position:50% 0;
}

#bg {
	background-image:url(../images/top8.jpg);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:auto 142px;
	height:142px;
	margin-top:40px;
}

	#toptitle {
		text-align:center;
		font-size:24px;
		padding-top:30px
	}
	
	.pcblock {
		display:block;
	}

#topleft50 {
	float:left;
	width:50%;
}

	.max500 img {
		width:100%;
		height:auto;
		max-width:500px;
	}

#topright45 {
	float:right;
	width:48%;
}

#more {
	text-align:center;
	margin-top:20px;
}

	#more a {
		text-decoration:none;
		color:#FFF;
		background-color:#3765a3;
		padding:5px 25px;
		font-weight:bold;
		font-size:18px;
		border:1px solid #3765a3;
		-webkit-transition: 0.3s ease-in-out;  
		   -moz-transition: 0.3s ease-in-out;  
			 -o-transition: 0.3s ease-in-out;  
				transition: 0.3s ease-in-out;
	}
	
	#more a:hover {
		background-color:#FFF;
		color:#3765a3;
	}

#topbox {
	border:3px solid #f0f0f0;
	margin-top:20px;
	box-sizing:border-box;
	position:relative;
}

	#img1 {
		position:absolute;
		right:0;
		bottom:0;
		z-index:0;
	}
	
	#topleft50_2 {
		float:left;
		width:50%;
		position:relative;
		z-index:100;
	}
	
		#topleft50_2 img {
			width:100%;
			height:auto;
		}
		
	#topright50_2 {
		float:right;
		width:50%;
		padding:20px 0 0;
		font-size:13px;
		position:relative;
		z-index:100;
	}
	
		#topright50_2 img {
			width:95%;
			height:auto;
		}
	
	.color_b {
		color:#3765a3;
	}
	.font22 {
		font-size:22px;
	}
	.font20 {
		font-size:20px;
	}
	.font18 {
		font-size:18px;
	}
	.font16 {
		font-size:16px;
	}
	
	#more2 {
		text-align:right;
		margin-top:10px;
	}
		#more2 a {
			text-decoration:none;
			color:#FFF;
			background-color:#000;
			padding:5px 25px;
			font-weight:bold;
			font-size:14px;
			border:1px solid #000;
			-webkit-transition: 0.3s ease-in-out;  
			   -moz-transition: 0.3s ease-in-out;  
				 -o-transition: 0.3s ease-in-out;  
					transition: 0.3s ease-in-out;
		}
		
		#more2 a:hover {
			background-color:#FFF;
			color:#000;
		}

#bg_gray {
	background-color:#eff3f7;
	padding-bottom:20px;
	margin-top:80px;
}
	
	#zisseki {
		text-align:center;
		position:relative;
		top:-30px;
	}
	
#news {
	margin-top:10px;
}
	
#news li {
	float:left;
	width:33.33%;
	margin-top:20px;
}

	#news .width {
		width:94%;
		position:relative;
	}
	
	#news li:nth-child(2) .width {
		margin:0 auto;
	}
	
	#news li:nth-child(3) .width {
		float:right;
	}
	
	#news img {
		width:100%;
		height:auto;
	}
	
	#news a {
		text-decoration:none;
		color:#000;
	}
	
	.new {
		position:absolute;
		top:0;
		left:0;
		background-color:#ff6114;
		color:#FFF;
		font-weight:bold;
		padding:0 20px;
	}
	
	.news_title {
		background-color:#3a3a3a;
		color:#FFF;
		padding:2px 10px;
		font-size:12px;
	}

	.news_text {
		background-color:#FFF;
		padding:10px;
		min-height:130px;
		font-size:12px;
	}

#pickup {
	text-align:center;
	color:#3765a3;
	font-size:32px;
	font-weight:bold;
	margin-top:40px;
}

#bg_2 {
	background-image:url(../images/top28.png);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:auto 380px;
}

	#three li {
		float:left;
		width:33.33%;
		text-align:center;
		padding-top:20px;
	}
	
	#three li img {
		width:92%;
		height:auto;
	}
	

#news_left {
	float:left;
	width:48%;
}
	#n_title {
		float:left;
		font-size:20px;
		font-weight:bold;
	}
		
	#view a{
		text-decoration:none;
		color:#000;
		display:block;
		float:right;
		font-weight:bold;
		margin-top:7px;
	}
	
	.bb {
		border-bottom:1px solid #000;
	}
		
	#news_2 li {
		padding:10px 0;
	}
	
		.a_b a {
			text-decoration:none;
			color:#000;
		}
	

#topright {
	float:right;
	width:48%;
}
	
	#tel2 img {
		width:100%;
		height:auto;
	}
	
	#fax {
		text-align:center;
		font-weight:bold;
		font-size:18px;
		margin-top:10px;
	}
	
	#mail {
		text-align:center;
		border:3px solid #000;
	}
	
	#mail a {
		display:block;
		padding:20px 0;
	}
	
	#mail img {
		max-width:366px;
		height:auto;
		width:96%;
	}
	
#border {
	border-top:3px solid #c8c8c8;
	margin-top:60px;
}

#border_2 {
	border-top:5px solid #3765a3;
	width:100px;
	margin:0 auto;
}

#banar {
	margin-top:40px;
}
	
	#banar li {
		float:left;
		width:33.33%;
		text-align:center;
		margin-top:20px;
	}

	#banar img {
		width:94%;
		height:auto;
	}

#cy_footer {
	background-color:#3765a3;
	padding:40px 0 20px;
	margin-top:60px;
	color:#FFF;
}

	#f_rogo {
		float:left;
		width:30%;
	}
	
	#fright {
		float:right;
		width:68%;
	}
	
	#address {
		float:left;
		width:48%;
	}
	
	#ftel {
		float:right;
		width:48%;
	}

#copy {
	margin-top:10px;
	text-align:center;
}

#blog_l {
	float:left;
	width:48%;
}

	.b_title {
		text-align:center;
		font-weight:bold;
		color:#3765a3;
		line-height:1.2em;
	}
	
	.b_title span {
		font-size:26px;
		color:#000;
		font-weight:normal;
		display:block;
	}

	.blog {
		margin-top:30px;
	}
		
		.blog li{
			margin:15px 0;
		}
	
		.b_img {
			float:left;
			width:20%;
		}
		
			.b_img img {
				width:100%;
				height:auto;
				border:1px solid #3a3a3a;
			}
		
		.b_text {
			float:right;
			width:77%;
		}
		
			.b_text p {
				line-height:normal;
				font-size:13px;
			}
		
			.bb_b {
				border-bottom:1px solid #000;
				padding-bottom:3px;
				margin-bottom:3px;
				font-weight:bold;
			}
	
	.b_more a {
		display:block;
		text-decoration:none;
		color:#FFF;
		font-weight:bold;
		padding:5px;
		background-color:#3765a3;
		margin-top:30px;
		text-align:center;
	}

#blog_r {
	float:right;
	width:48%;
}

/**********************************
追記
************************************/
.blog li{
	height: 100px;
	overflow: hidden;
	}
.hissu {
	color: #E70003;
}
.size {
	width: 100%;
}
.area {
	width: 100%;
	height: 150px;
}
#submit li {
	float: left;
	width: 50%;
	margin: 0px auto 0;
	font-weight: bold;
}
#kakunin {
	width: 40%;
	margin: 40px auto 0;
}
.contact_title {
	margin: 20px 0 5px;
	font-weight: bold;
}
.www {
	width: 80%;
	margin: 0 auto;
}
.soshin {
	 width: 100%;
	margin: 0 auto;
	border: 2px solid #000;
	padding: 10px 0;
	cursor: pointer;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
/******************************************************************

	当院について

********************************************************************/
#ab_main {
	background-image:url(../images/about1.jpg);
	position:relative;
}

	.main_size {
		background-position:50% 0;
		background-repeat:no-repeat;
		background-size:auto 350px;
	}
	
	#title {
		text-align:center;
		padding:130px 0;
	}
	
	#title img {
		height:85px;
		width:auto;
	}
	
	#penki1 {
		position:absolute;
		bottom:-140px;
	}
	
	#penki {
		position:absolute;
		bottom:-100px;
		width:100%;
		text-align:center;
		overflow:hidden;
	}

.midashi_box {
	position:relative;
	border-bottom:3px solid #e0e0e0;
	padding-bottom:10px;
}

	.img {
		position:absolute;
		top:0;
		text-align:center;
		width:100%;
	}
	
	.midashi {
		font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
		text-align:center;
		font-size:30px;
		padding-top:50px;
		color:#3a3a3a;
	}
	
	.line {
		border-bottom:5px solid #3765a3;
		width:300px;
		position:absolute;
		bottom:-3px;
		left:50%;
		margin-left:-148px;
	}

.three li {
	float:left;
	width:33.33%;
	text-align:center;
	margin-top:10px;
}

	.three img {
		width:94%;
		height:auto;
	}

.left48 {
	float:left;
	width:48%;
}

	.max450 {
		text-align:center;
	}
	
	.max450 img {
		width:100%;
		height:auto;
		max-width:450px;
	}
	
.right48 {
	float:right;
	width:48%;
}

.line2 {
	position:absolute;
	top:14px;
	left:0;
	width:100%;
	border-bottom:3px solid #3765a3;
	z-index:10;
}

.midashi_line {
	font-size:18px;
}

	.midashi_line span {
		background-color:#FFF;
		position:relative;
		padding-right:10px;
		z-index:100;
	}

.number_img img {
	height:23px;
	width:auto;
}

.slider li{
	text-align:center;
	float:left;
	position:relative;
	z-index:200;
}

.image {
	background-color:rgba(12,95,183,0.68);
	color:#FFF;
	font-weight:bold;
	position:absolute;
	bottom:0;
	width:100%;
	left:0;
	padding:5px;
}

.slider .width {
	width:95%;
	margin:0 auto;
}

.slider img {
	width:100%;
	height:auto;
}

.left1 {
	float:left;
	width:45%;
}
.indent_list li {
	text-indent:-1em;
	margin-left:15px;
	padding:5px 0;
}

.left2 {
	float:left;
	width:10%;
	text-align:center;
	position:relative;
	padding-top:130px;
}

.right1 {
	float:right;
	width:45%;
}


.list li {
	padding:5px 0;
}

.more a {
	text-decoration:none;
	color:#000;
	border:1px solid #000;
	padding:10px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	display:block;
}
/******************************************************************

	施工事例

********************************************************************/
#ex_main {
	background-image:url(../images/jirei1.jpg);
	position:relative;
}

.ex {
	width:100%;
}

	.ex th {
		background-color:#3765a3;
		color:#FFF;
		text-align:center;
		padding:15px 5px;
		width:25%;
		border:1px solid #000;
		font-size:16px;
	}
	
	.ex td {
		color:#3765a3;
		text-align:center;
		padding:15px 5px;
		width:25%;
		border:1px solid #000;
		font-size:16px;
	}
/******************************************************************

	求人情報

********************************************************************/
#re_main {
	background-image:url(../images/recruit1.jpg);
	position:relative;
}

/******************************************************************

	会社概要

********************************************************************/
#company_main {
	background-image:url(../images/company1.jpg);
	position:relative;
}

#map {
	margin-top:20px;
}

	#map iframe {
		width:100%;
		height:400px;
	}

#cy_table {
	width:100%;
	margin-top:10px;
	border-collapse:separate;
	border-spacing:0 20px;
}

	#cy_table th {
		width:140px;
		border-right:1px solid #000;
	}
	
	#cy_table td {
		padding-left:60px;
	}
/******************************************************************

	お問い合わせ

********************************************************************/
#contact_main {
	background-image:url(../images/contact1.jpg);
	position:relative;
}
/******************************************************************

	見積もり

********************************************************************/
#sim_main {
	background-image:url(../images/mitsumori1.jpg);
	position:relative;
}
	
#insatsu {
	width:100%;
	margin-top:40px;
}
	
#insatsu th{
	padding:5px;
	background-color:#E7E7E7;
	border:1px solid #000;
}

#insatsu td{
	padding:5px;
	border:1px solid #000;
}
#insatsu input {
	width:70px;
}

.w1 {
	width:70px;
}

.w2 {
	width:100px;
}

.w3 {
	width:100px;
}

#san li {
	float:left;
	width:50%;
	padding:0 20px;
	text-align:right;
	margin:20px 0;
}

#san li:nth-child(2) {
	text-align:left;
}


#san input,#san select {
	width:90%;
	height:40px;
	margin-left:5px;
}

.button2 {
	background-color:#3765a3;
	color:#FFF;
	width:100%;
	max-width:330px;
	font-weight:bold;
	padding:10px;
	box-shadow:none;
	border:1px solid #ADADAD;
}

.button {
	background-color:#3765a3;
	color:#FFF;
	width:100%;
	max-width:140px;
	font-weight:bold;
	padding:10px;
	box-shadow:none;
	border:1px solid #ADADAD;
}


#sim {
	margin-top:20px;
}
#sim li {
	float:left;
	width:48%;
	text-align:right;
}

#sim li:nth-child(2) {
	text-align:left;
	float:right
}
/******************************************************************

	diy塗装サポート

********************************************************************/
#diy_main {
	background-image:url(../images/diy1.jpg);
	position:relative;
}
	
.green {
	color:#46d85e;
}

.red {
	color:#ff5959;
}

.blue1 {
	color:#3fc7ff;
}

.blue2 {
	color:#3765a3;
}

#bg3 {
	background-image:url(../images/diy3.jpg);
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:auto 1318px;
	height:1318px;
	padding:20px 0;
}
#left1 {
	float:left;
	width:50%;
}

#right1 {
	float:right;
	width:46%;
}

.left48_2 {
	float:left;
	width:48%;
}

.diy {
	width:100%;
}

	.diy th {
		background-color:#848484;
		color:#FFF;
		text-align:center;
		width:140px;
		padding:7px;
		border:1px solid #000;
	}
	
	.diy td {
		padding:7px;
		border:1px solid #000;
		background-color:#FFF;
		text-align:center;
	}

.right48_2 {
	float:right;
	width:48%;
}

.diy2 {
	width:100%;
}

	.diy2 th {
		background-color:#3765a3;
		color:#FFF;
		text-align:center;
		width:140px;
		padding:7px;
		border:1px solid #000;
	}
	
	.diy2 td {
		padding:7px;
		border:1px solid #000;
		background-color:#FFF;
		text-align:center;
	}

.box {
	display:table;
	width:100%;
}

	.diycell1 {
		display:table-cell;
		vertical-align:middle;
	}
	
	.diycell2 {
		display:table-cell;
		vertical-align:middle;
	}
	
	#plan {
		background-color:#3765a3;
		text-align:center;
		padding:10px;
		font-weight:bold;
		border:1px solid #3765a3;
		color:#FFF;
	}
	
	#plan2 {
		border:1px solid #3765a3;
		padding:10px;
		text-align:center;
		font-weight:bold;
		font-size:24px;
		background-color:#FFF;
	}

#sagaku {
	text-align:center;
	margin-top:40px;
}

	#sagaku img {
		width:100%;
		height:auto;
		max-width:866px;
	}

/* PC用
------------------------------------------------------------*/

@media only screen and (min-width: 1000px){
.pcblock {
	display:block;
}

.pc_none {
	display:none;
}
.pctab_none {
	display:none;
}

.pcblock {
	display:block;
}

a img {
	-webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;
}

a:hover img {
	opacity: 0.6;  
    filter: alpha(opacity=60);
}

}




@media only screen and (max-width: 999px){
/**header********************************/
#cy_header {
	width:100%;
	position:relative;
	z-index:100;
}
#rogo {
	float:left;
	width:20%;
}
	#rogo img {
		width:100%;
		height:auto;
	}

#header_right {
	float:left;
	padding-top:20px;
	width:80%;
}

#mininav {
	float:left;
	width:60%;
	text-align:center;
	padding-top:0px;
	font-size:13px;
}

	#mininav li {
		float:left;
		width:50%;
		margin:3px 0;
	}
	
	#mininav a {
		text-decoration:none;
		color:#000;
	}

	
	#cy_nav img {
		height:50px;
		width:auto;
	}


/******************************************************************

	当院について

********************************************************************/
	.main_size {
		background-position:50% 0;
		background-repeat:no-repeat;
		background-size:auto 300px;
	}
	
	#title {
		text-align:center;
		padding:100px 0;
	}
	
	#title img {
		height:70px;
		width:auto;
	}
	
	#penki {
		position:absolute;
		bottom:-80px;
		width:100%;
		text-align:center;
		overflow:hidden;
	}
	
	#penki img {
		height:200px;
		width:auto;
	}

/******************************************************************

	施工事例

********************************************************************/

.ex th {
	font-size:12px;
}

.ex td {
	font-size:12px;
}



.b_title span {
	font-size:22px;
	color:#000;
	font-weight:normal;
	display:block;
}

#san li {
	float:left;
	width:50%;
	padding:0 20px;
	text-align:right;
	margin:20px 0;
}

#san li:nth-child(2) {
	text-align:left;
}


#san input,#san select {
	width:80%;
	height:40px;
	margin-left:5px;
}



}


@media only screen and (max-width:640px){
#spnav {
	display:block;
}
body {
	font-size:12px;
}


.cy_container {
	width:94%;
}


/**header********************************/
#cy_header {
	width:100%;
	position:relative;
	z-index:100;
}
#rogo {
	float:none;
	width:auto;
	margin-top:20px
}
	#rogo img {
		width:70px;
		height:auto;
	}

#header_right {
	float:left;
	padding-top:20px;
	width:80%;
}

#mininav {
	display:none;
}

#tel {
	display:none;
}

#cy_nav {
	display:none;
}

#bg {
	background-image:none;
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:auto 142px;
	height:auto;
	margin-top:0;
}

	#toptitle {
		text-align:center;
		font-size:18px;
		padding-top:30px
	}
	
	.pcblock {
		display:block;
	}

#topleft50 {
	float:none;
	width:100%;
}

	.max500 img {
		width:100%;
		height:auto;
		max-width:500px;
	}

#topright45 {
	float:none;
	width:100%;
}

#more {
	text-align:center;
	margin-top:20px;
}

	#more a {
		text-decoration:none;
		color:#FFF;
		background-color:#3765a3;
		padding:5px 25px;
		font-weight:bold;
		font-size:14px;
		border:1px solid #3765a3;
		-webkit-transition: 0.3s ease-in-out;  
		   -moz-transition: 0.3s ease-in-out;  
			 -o-transition: 0.3s ease-in-out;  
				transition: 0.3s ease-in-out;
	}
	
	#more a:hover {
		background-color:#FFF;
		color:#3765a3;
	}

#topbox {
	border:3px solid #f0f0f0;
	margin-top:20px;
	box-sizing:border-box;
	position:relative;
	padding:10px
}

	#img1 {
		display:none;
	}
	
	#topleft50_2 {
		display:none;
	}
	
		#topleft50_2 img {
			width:100%;
			height:auto;
		}
		
	#topright50_2 {
		float:none;
		width:100%;
		padding:20px 0 0;
		font-size:13px;
		position:relative;
		z-index:100;
	}
	
		#topright50_2 img {
			width:95%;
			height:auto;
		}
	
	.font22 {
		font-size:18px;
	}
	.font20 {
		font-size:16px;
	}
	.font18 {
		font-size:14px;
	}
	.font16 {
		font-size:14px;
	}
	
	#more2 {
		text-align:center;
		margin:20px 0;
	}
		#more2 a {
			text-decoration:none;
			color:#FFF;
			background-color:#000;
			padding:5px 25px;
			font-weight:bold;
			font-size:14px;
			border:1px solid #000;
			-webkit-transition: 0.3s ease-in-out;  
			   -moz-transition: 0.3s ease-in-out;  
				 -o-transition: 0.3s ease-in-out;  
					transition: 0.3s ease-in-out;
		}
		
		#more2 a:hover {
			background-color:#FFF;
			color:#000;
		}

#bg_gray {
	background-color:#eff3f7;
	padding-bottom:20px;
	margin-top:80px;
}
	
	#zisseki {
		text-align:center;
		position:relative;
		top:-30px;
	}
	
		#zisseki img {
			height:auto;
			width:160px;
		}
	
#news {
	margin-top:10px;
}
	
#news li {
	float:none;
	width:100%;
	margin-top:20px;
}

	#news .width {
		width:100%;
		position:relative;
	}
	
	#news li:nth-child(2) .width {
		margin:0 auto;
	}
	
	#news li:nth-child(3) .width {
		float:none;
	}
	
	#news img {
		width:100%;
		height:auto;
	}
	
	#news a {
		text-decoration:none;
		color:#000;
	}
	
	.news_text {
		background-color:#FFF;
		padding:10px;
		min-height:0;
		font-size:12px;
	}

#pickup {
	text-align:center;
	color:#3765a3;
	font-size:24px;
	font-weight:bold;
	margin-top:20px;
}

#bg_2 {
	background-image:none;
}

	#three li {
		float:none;
		width:100%;
		text-align:center;
		padding-top:20px;
	}
	
	#three li img {
		width:92%;
		height:auto;
	}
	

#news_left {
	float:none;
	width:100%;
}
	#n_title {
		float:left;
		font-size:18px;
		font-weight:bold;
	}
		
	

#topright {
	float:none;
	width:100%;
}
	#tel2 {
		text-align:center;
		margin-top:20px;
	}
	
	#tel2 img {
		width:100%;
		height:auto;
		max-width:280px;
	}
	
	#fax {
		text-align:center;
		font-weight:bold;
		font-size:16px;
		margin-top:10px;
	}
	
	#mail {
		text-align:center;
		border:3px solid #000;
	}
	
	#mail a {
		display:block;
		padding:20px 0;
	}
	
	#mail img {
		max-width:280px;
		height:auto;
		width:96%;
	}
	
#border {
	border-top:3px solid #c8c8c8;
	margin-top:40px;
}

#border_2 {
	border-top:5px solid #3765a3;
	width:100px;
	margin:0 auto;
}

#banar {
	margin-top:20px;
}
	
	#banar li {
		float:left;
		width:50%;
		text-align:center;
		margin-top:10px;
	}

	#banar img {
		width:94%;
		height:auto;
	}

#cy_footer {
	background-color:#3765a3;
	padding:40px 0 20px;
	margin-top:40px;
	color:#FFF;
}

	#f_rogo {
		float:none;
		width:100%;
		text-align:center;
	}
	
		#f_rogo img {
			width:80px;
			height:auto;
		}
	
	#fright {
		float:none;
		width:100%;
		margin-top:10px;
	}
	
	#address {
		float:none;
		width:100%;
		margin-top:10px;
	}
	
	#ftel {
		float:none;
		width:100%;
		margin-top:10px;
	}

#copy {
	margin-top:10px;
	text-align:center;
}

/******************************************************************

	当院について

********************************************************************/
.main_size {
	background-position:50% 0;
	background-repeat:no-repeat;
	background-size:auto 230px;
}

	#title {
		text-align:center;
		padding:80px 0;
	}
	
	#title img {
		height:50px;
		width:auto;
	}
	
	#penki {
		display:none;
	}
	

.midashi_box {
	position:relative;
	border-bottom:3px solid #e0e0e0;
	padding-bottom:10px;
}

	.img {
		position:absolute;
		top:0;
		text-align:center;
		width:100%;
	}
		.img img {
			width:70px;
			height:auto;
		}
		
	.midashi {
		font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
		text-align:center;
		font-size:20px;
		padding-top:40px;
		color:#3a3a3a;
	}
	
	.line {
		border-bottom:5px solid #3765a3;
		width:180px;
		position:absolute;
		bottom:-3px;
		left:50%;
		margin-left:-88px;
	}

.left48 {
	float:none;
	width:100%;
}

	.max450 img {
		width:100%;
		height:auto;
		max-width:450px;
	}
	
.right48 {
	float:none;
	width:100%;
	margin-top:10px;
}

.line2 {
	display:none;
}

.midashi_line {
	font-size:16px;
	border-bottom:1px solid #3765a3;
	line-height:1.6em;
	padding-bottom:3px;
}

	.midashi_line span {
		padding-right:0;
		z-index:10;
	}

.number_img img {
	height:19px;
	width:auto;
}


.left1 {
	float:none;
	width:100%;
	text-align:center;
}
.indent_list li {
	text-indent:-1em;
	margin-left:15px;
	padding:5px 0;
}

.left2 {
	float:none;
	width:100%;
	text-align:center;
	position:relative;
	padding-top:10px;
}
.right1 {
	float:none;
	width:100%;
	margin-top:10px;
	text-align:center;
}

	.left1 img,.right1 img {
		max-width:480px;
		margin:0 auto;
	}
	.left1 li,.right1 li {
		text-align:left;
	}

.none640 {
	display:none;
}

.block640 {
	display:block;
}


.more a {
	font-size:12px;
}


/******************************************************************

	会社概要

********************************************************************/

#map {
	margin-top:20px;
}

	#map iframe {
		width:100%;
		height:200px;
	}

#cy_table {
	width:100%;
	margin-top:10px;
	border-collapse:separate;
	border-spacing:0 20px;
}

	#cy_table th {
		width:80px;
		border-right:1px solid #000;
	}
	
	#cy_table td {
		padding-left:20px;
	}
/******************************************************************

	diy塗装サポート

********************************************************************/

#bg3 {
	background-image:none;
	height:auto;
	padding:20px 0;
}

.left48_2 {
	float:none;
	width:100%;
}

.diy {
	width:100%;
}

	.diy th {
		width:100px;
	}

.right48_2 {
	float:none;
	width:100%;
	margin-top:20px;
}

.diy2 {
	width:100%;
}

	.diy2 th {
		width:100px;
	}

.box {
	display:block;
	width:100%;
}

	.diycell1 {
		display:block;
	}
	
	.diycell2 {
		display:block;
		margin-top:10px;
	}
	
	#plan {
		background-color:#3765a3;
		text-align:center;
		padding:10px;
		font-weight:bold;
		border:1px solid #3765a3;
		color:#FFF;
	}
	
	#plan2 {
		font-size:18px;
		letter-spacing:normal;
	}

#sagaku {
	text-align:center;
	margin-top:40px;
}

	#sagaku img {
		width:100%;
		height:auto;
		max-width:400px;
	}



#blog_l {
	float:none;
	width:100%;
}

	.blog {
		margin-top:20px;
	}
		
		.blog li{
			margin:15px 0;
		}
		
		.b_text {
			float:right;
			width:77%;
		}
		
			.b_text p {
				line-height:normal;
				font-size:11px;
			}
	
	.b_more a {
		margin-top:20px;
	}

#blog_r {
	float:none;
	width:100%;
	margin-top:40px;
}


#insatsu th{
	padding:5px;
	background-color:#E7E7E7;
	border:1px solid #000;
}

#insatsu td{
	padding:5px;
	border:1px solid #000;
}
#insatsu input {
	width:40px;
}

.w1 {
	width:50px;
}

.w2 {
	width:70px;
}

.w3 {
	width:70px;
}




}


@media only screen and (max-width:480px){


	#toptitle {
		text-align:center;
		font-size:14px;
		padding-top:30px
	}
	
	.pcblock {
		display:block;
	}
	
#left1 {
	float:none;
	width:100%;
	text-align:center;
}
	#left1 img {
		max-width:300px ;
	}

#right1 {
	float:none;
	width:100%;
	text-align:center;
}
	#right1 img {
		max-width:300px ;
	}

	
#insatsu {
	width:100%;
	margin-top:40px;
	font-size:10px;
}
	
#insatsu th{
	padding:5px;
	background-color:#E7E7E7;
	border:1px solid #000;
}

#insatsu td{
	padding:5px;
	border:1px solid #000;
}

#san li {
	float:none;
	width:100%;
	padding:0;
	text-align:center;
	margin:15px 0;
}

#san li:nth-child(2) {
	text-align:center;
}


#san input,#san select {
	width:85%;
	height:30px;
	margin-left:5px;
}
.b_text{
width: 62%;
}
.b_img{
width: 25%;
}
}
@media only screen and (max-width:330px){
	.b_img{
width: 30%;
}

	}