@charset "utf-8";

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

.kaig{
	display: none;
}

/*==================================================
cont-submenu
====================================================*/
div#cont-submenu{
	margin-top: 15px;
}

/*==================================================
conttents
====================================================*/

div#cont-submenu div#contents section h1{
	background: #0a77ba; /* Old browsers */
	background: -moz-linear-gradient(left,  #0a77ba 0%, #83daf8 76%, #0b78bb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #0a77ba 0%,#83daf8 76%,#0b78bb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #0a77ba 0%,#83daf8 76%,#0b78bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a77ba', endColorstr='#0b78bb',GradientType=1 ); /* IE6-9 */
	border-left: solid 1px #7bc7e9;
	border-top: solid 1px #7bc7e9;
	border-right: solid 1px #4b98ba;
	border-bottom: solid 1px #4b98ba;	
}

div#cont-submenu div#contents section h1 img{
	vertical-align : middle;
}

div#cont-submenu div#contents section article h2{
	background: #cceffc url(../img/marker01.png) top left no-repeat;
	padding: 5px 5px 3px 15px;
	border-top: solid 1px #0493d3;
	border-bottom: solid 1px #0493d3;
	margin-top: 5px;
	margin-bottom: 15px;
}

div#cont-submenu div#contents section article h3{
	border-left: solid 3px #0493d3;
	padding-left: 10px;
	border-bottom: dotted 1px #cccccc;
	margin-bottom: 15px;
}

div#cont-submenu div#contents section article#mitumori{
	background-color: #e7f9ff;
	padding: 15px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;  /* Firefox用 */
	margin-bottom: 60px;
}

div#cont-submenu div#contents section article#mitumori h2{
	background: #ffffff url(../img/marker02.png) top left no-repeat;
	border-top: none;
	border-bottom: none;
}

div#cont-submenu div#contents section article#mitumori p#ansin{
	color: #0493d3;
	border-top: dotted 1px #0493d3;
	margin-top: 10px;
	padding-top: 5px;
}

div#cont-submenu div#contents section article p.jirei_link_bx{
	border: solid 1px #0493d3;
	background-color: #e7f9ff;
	padding: 5px;
	text-align: left;
	margin-bottom: 60px;
}

/*==================================================
page-news
====================================================*/
section#news article{
	margin: 15px 0 45px 0;
}

section#news article p{
	padding: 0 15px 0 15px;
}

/*==================================================
page-company
====================================================*/
section#company article{
	margin: 15px 0 75px 0;
}

section#company article#greeting p#profphoto{
	text-align: center;
	margin-bottom: 15px;
}

section#company article#greeting div#greet_bx p#name{
	text-align: right;
	margin-top: 15px;
}

section#company article#com_det dl dt{
	font-weight: bold;
	border-left: solid 3px #0493d3;
	padding-left: 10px;
}

section#company article#com_det dl dd{
	padding: 15px;
	border-bottom: dotted 1px #cccccc;
	margin-bottom: 30px;
}

section#company article#com_det dl dd ul li{
	margin-left: 15px;
	line-height: 2;
}

section#company article#map iframe{
	width: 100%;
}

section#company article#yakusoku p#prom3_img{
	text-align: center;
	margin-bottom: 30px;
}

section#company article#yakusoku p#prom3_img img{
	width: 100%;
	max-width: 400px;
}

section#company article#yakusoku div#prom3 div{
	margin-bottom: 60px;
}


/*==================================================
page-contact
====================================================*/
section#contact article#tel_cont{
	margin-bottom: 60px;
	margin-top: 15px;
}

section#contact article#tel_cont p#tel_cont_tel{
	text-align: center;
	margin: 15px auto 15px auto;
}

section#contact article#cont_form dl dt{
	font-weight: bold;
	border-left: solid 3px #0493d3;
	padding-left: 10px;
}

section#contact article#cont_form dl dd{
	padding: 15px;
	border-bottom: solid 1px #cccccc;
	margin-bottom: 15px;
}

section#contact article#cont_form dl dd input.txbx{
	width: 90%;
}

section#contact article#cont_form dl dd textarea{
	width: 90%;
}

section#contact article#cont_form dl#pri_poli dd a{
	text-decoration: underline;
}

section#contact article#cont_form p#submit_but{
	text-align: center;
	background-color: #cceffc;
	padding: 5px;
}

/*==================================================
page-ijihoshu
====================================================*/
section#ijihoshu article{
	margin-top: 15px;
}

section#ijihoshu article div{
	margin-bottom: 60px;
}

section#ijihoshu article div ul{
	margin-left: 25px;
	margin-bottom: 15px;
}

section#ijihoshu article div#ih_comment p#tit_photo{
	text-align: center;
}

section#ijihoshu article div#ih_sekou p, section#ijihoshu article div#ih_care p{
	text-align: center;
}

section#ijihoshu article div#ih_sekou p img, section#ijihoshu article div#ih_care p img{
	width: 100%;
	max-width: 400px;
}

/*==================================================
page-kusakari
====================================================*/
section#kusakari article{
	margin-top: 15px;
}

section#kusakari article div{
	margin-bottom: 60px;
}

section#kusakari article div#kk_comment p#tit_photo{
	text-align: center;
}

section#kusakari article div#kk_service p#ryokin{
	font-size: 20px;
	color: #f47a20;
	font-weight: bold;
}

section#kusakari article div#kk_service h4{
	margin: 15px 0 15px 0;
	background-color: #e7f9ff;
	padding: 5px;
}

section#kusakari article div#kk_service p{
	margin-top: 15px;
	padding: 15px;
}

section#kusakari article div#kk_service table{
	width: 100%;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	margin-bottom: 15px;
}

section#kusakari article div#kk_service table th{
	background-color: #efefef;
	padding: 5px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

section#kusakari article div#kk_service table td{
	padding: 5px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;	
}

section#kusakari article div#kk_service div#note{
	background-color: #fff1b1;
	border: solid 1px #f47a20;
	padding: 15px;
}

section#kusakari article div#kk_service div#note ul{
	margin-left: 25px;
	margin-top: 15px;
}

section#kusakari article div#kk_jirei ul li{
	list-style-type: none;
	text-align: center;
}

section#kusakari article div#kk_jirei ul li img{
	width: 100%;
	max-width: 400px;
}

/*==================================================
page-gaikou
====================================================*/

section#gaikou article{
	margin-top: 15px;
}

section#gaikou article div{
	margin-bottom: 60px;
}

section#gaikou article div#gk_comment p#tit_photo{
	text-align: center;
}

section#gaikou article div#gk_service table{
	width: 100%;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	margin-bottom: 15px;
}

section#gaikou article div#gk_service table th{
	background-color: #efefef;
	padding: 5px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

section#gaikou article div#gk_service table td{
	padding: 5px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;	
}

section#gaikou article div#gk_jirei ul li{
	list-style-type: none;
	text-align: center;
}

section#gaikou article div#gk_jirei ul li img{
	width: 100%;
	max-width: 400px;
}

/*==================================================
page-kaitai
====================================================*/

section#kaitai article{
	margin-top: 15px;
}

section#kaitai article div{
	margin-bottom: 60px;
}

section#kaitai article div#kt_comment p#tit_photo{
	text-align: center;
}

section#kaitai article div#kt_service ul{
	margin-left: 25px;
	margin-bottom: 15px;
}

section#kaitai article div#kt_jirei ul li{
	list-style-type: none;
	text-align: center;
}

section#kaitai article div#kt_jirei ul li img{
	width: 100%;
	max-width: 400px;
}

/*==================================================
page-faq
====================================================*/
section#faq article{
	margin-top: 15px;
	margin-bottom: 45px;
}

div#cont-submenu div#contents section#faq article h2{
	border-top: none;
	border-bottom: dotted 1px #cccccc;
	padding: 5px 5px 5px 35px;
	background: url(../img/faq/q.png) top left no-repeat;
	font-weight: normal;
	margin-bottom: 0;
}

section#faq article p{
	padding: 5px 5px 5px 65px;
	background: #e7f9ff url(../img/faq/a.png) top left no-repeat;
	min-height: 40px;
}

/*==================================================
page-recruit
====================================================*/
section#recruit article{
	margin-top: 15px;
	margin-bottom: 60px;
}

section#recruit article#youkou table{
	width: 100%;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	margin-bottom: 15px;
}

section#recruit article#youkou table th{
	background-color: #efefef;
	padding: 5px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	width: 5em;
}

section#recruit article#youkou table td{
	padding: 5px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;	
}

/*==================================================
page-sitemap
====================================================*/
section#sitemap div{
	margin-top: 15px;
}
section#sitemap div ul{
	margin-left: 25px;
	margin-bottom: 15px;
	line-height: 2;
}

/*==================================================
page-policy
====================================================*/

section#p_policy article{
	margin-top: 15px;
}

section#p_policy article p{
	margin-bottom: 15px;
}

section#p_policy article ol{
	margin-left: 35px;
	margin-bottom: 60px;
}

section#p_policy article ol li{
	margin-bottom: 15px;
}

section#p_policy article ul{
	margin-left: 25px;
	margin-bottom: 15px;
}

section#p_policy article p#name{
	text-align: right;
}

/*==================================================
page-komarigoto
====================================================*/

section#komarigoto article{
	margin-top: 15px;
}

section#komarigoto article div{
	margin-bottom: 60px;
}

section#komarigoto article div#br_comment p#tit_photo{
	text-align: center;
}

section#komarigoto article div#br_comment p.rig{
	text-align: center;
}

section#komarigoto article div#br_service table{
	width: 100%;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	margin-bottom: 15px;
}

section#komarigoto article div#br_service table th{
	background-color: #efefef;
	padding: 5px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

section#komarigoto article div#br_service table td{
	padding: 5px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;	
}

section#komarigoto article div#br_jirei ul li{
	list-style-type: none;
	text-align: center;
}

section#komarigoto article div#br_jirei ul li img{
	width: 100%;
	max-width: 400px;
}

/*==================================================
page-service
====================================================*/

section#service article ul{
	margin-left: 25px;
}

section#service article#ser_link_bx{
	margin-top: 15px;
}

section#service article#ser_link_bx div{
	margin-bottom: 60px;
}

section#service article div p.ser_link{
	margin-bottom: 60px;
}

section#service article div.ser_info{
	background-color: #e7f9ff;
	padding: 15px;
	margin-bottom: 15px;
}

section#service article div.ser_info p.tit_photo{
	text-align: center;
	margin-bottom: 10px;
}

section#service article div.ser_info p.tit_photo img{
	width: 100%;
	max-width: 400px;
}

section#service article div.ser_info p.rig{
	background-color: #ffffff;
	padding: 15px;
	border: solid 1px #0493d3;
}

section#service article table{
	width: 100%;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	margin-bottom: 15px;
}

section#service article table th{
	background-color: #efefef;
	padding: 5px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

section#service article table td{
	padding: 5px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;	
}

section#service article p.ser_link{
	border: solid 1px #0493d3;
	background-color: #e7f9ff;
	padding: 5px;
}

section#service article p.hosoku{
	padding-bottom: 15px;
}

/*==================================================
page-price
====================================================*/

section#price article{
	margin-top: 15px;
}

section#price article div p.ser_link{
	margin-bottom: 60px;
	margin-top: 15px;
}

section#price article div p.ser_link{
	border: solid 1px #0493d3;
	background-color: #e7f9ff;
	padding: 5px;
}

section#price article div table{
	width: 100%;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	margin-bottom: 15px;
}

section#price article div table th{
	background-color: #efefef;
	padding: 5px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

section#price article div table td{
	padding: 5px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;	
}

section#price article div#kusakari div#note{
	background-color: #fff1b1;
	border: solid 1px #f47a20;
	padding: 15px;
}

section#price article div#kusakari div#note ul{
	margin-left: 25px;
	margin-top: 15px;
}

section#price article div#kusakari div#note p{
	margin-top: 15px;
}

section#price article div p.bikou2{
	margin-bottom: 15px;
}

/*==================================================
page-works
====================================================*/

section#works article#ser_link_bx{
	margin-top: 15px;
}

section#works article#ser_link_bx div{
	margin-bottom: 60px;
}

section#works article#ser_link_bx div ul{
	margin-left: 25px;
}

section#works article article{
	border-bottom: solid 5px #0493d3;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	padding: 15px;
	margin-bottom: 60px;
}

section#works article article p.jirei_photo{
	text-align: center;
	background-color: #e7f9ff;
	padding: 15px;
	margin-bottom: 15px;
}

section#works article article p.jirei_photo img{
	width: 100%;
	max-width: 400px;
}

section#works article article div p.kouki{
	border-top: dotted 1px #cccccc;
	margin-top: 15px;
	padding-top: 5px;
}

section#works article.matome div{
	text-align: center;
	margin-bottom: 60px;
}

section#works article.matome div h3{
	text-align: left;
}

section#works article.matome div img{
	width: 100%;
	max-width: 400px;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
メディアクエリによる切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 769px){
	
	/*==================================================
	page-company
	====================================================*/
	
	 section#company article#greeting p#profphoto{
		width: 30%;
		float: left;
	}
	
	section#company article#greeting p#profphoto img{
		width: 100%;
		max-width: 180px;
	}
	
	section#company article#greeting div#greet_bx{
		width: 64%;
		float: right;
		padding-right: 5%;
		margin-top: 15px;
	}
	
	section#company article#com_det dl{
		border-bottom: dotted 1px #cccccc;
		margin: 30px;
	}
	
	section#company article#com_det dl dt{
		width: 30%;
		float: left;
	}
	
	section#company article#com_det dl dd{
		width: 67%;
		float: right;
		border-bottom: none;
		margin: 0;
		padding: 0;
	}
	
	section#company article#map iframe{
		width: 90%;
		margin-left: 5%;
	}
	
	section#company article#yakusoku p#prom3_img{
		width: 50%;
		float: left;
	}
	
	section#company article#yakusoku div#prom3{
		width: 48%;
		float: right;
	}
	
	
	
	/*==================================================
	page-contact
	====================================================*/
	
	section#contact article#tel_cont p{
		margin-left: 15px;
	}
	
	section#contact article#cont_form dl {
		border-bottom: dotted 1px #cccccc;
		margin: 0 15px 15px 15px;
	}
	
	section#contact article#cont_form dl dt{
		width: 30%;
		float: left;
	}
	
	section#contact article#cont_form dl dd{
		width: 65%;
		float: right;
		border: none;
		padding: 0 5px 5px 5px;
		margin: 0;
	}
	
	/*==================================================
	page-ijihoshu
	====================================================*/
	
	section#ijihoshu article div .lef{
		width: 40%;
		float: left;
	}
	
	section#ijihoshu article div .rig{
		width: 55%;
		float: right;
	}
	
	section#ijihoshu article div#ih_comment p#tit_photo{
		background-color: #e7f9ff;
		padding: 15px 0 15px 0;
	}
	
	/*==================================================
	page-kusakari
	====================================================*/
	
	section#kusakari article div .lef{
		width: 40%;
		float: left;
	}
	
	section#kusakari article div .rig{
		width: 55%;
		float: right;
	}
	
	section#kusakari article div#kk_comment p#tit_photo{
		background-color: #e7f9ff;
		padding: 15px 0 15px 0;
	}
	
	section#kusakari article div#kk_jirei ul li{
		width: 47%;
		float: left;
		margin-right: 2%;
	}
	
	/*==================================================
	page-gaikou
	====================================================*/
	
	section#gaikou article div .lef{
		width: 40%;
		float: left;
	}
	
	section#gaikou article div .rig{
		width: 55%;
		float: right;
	}
	
	section#gaikou article div#gk_comment p#tit_photo{
		background-color: #e7f9ff;
		padding: 15px 0 15px 0;
	}
	
	section#gaikou article div#gk_jirei ul li{
		width: 47%;
		float: left;
		margin-right: 2%;
	}
	
	/*==================================================
	page-kaitai
	====================================================*/
	
	section#kaitai article div .lef{
		width: 40%;
		float: left;
	}
	
	section#kaitai article div .rig{
		width: 55%;
		float: right;
	}
	
	section#kaitai article div#kt_comment p#tit_photo{
		background-color: #e7f9ff;
		padding: 15px 0 15px 0;
	}
	
	section#kaitai article div#kt_service ul{
		background: url(../img/kaitai/kaitai_bg.jpg) top right no-repeat;
	}
	
	section#kaitai article div#kt_jirei ul li{
		width: 47%;
		float: left;
		margin-right: 2%;
	}
	
	/*==================================================
	page-sitemap
	====================================================*/
	
	section#sitemap div{
		margin-left: 30px;
	}
	
	/*==================================================
	page-komarigoto
	====================================================*/
	
	section#komarigoto article div .lef{
		width: 40%;
		float: left;
	}
	
	section#komarigoto article div .rig{
		width: 55%;
		float: right;
		padding-top: 90px;
	}
	
	section#komarigoto article div#br_comment p#tit_photo{
		background-color: #e7f9ff;
		padding: 15px 0 15px 0;
	}
	
	section#komarigoto article div#br_jirei ul li{
		width: 47%;
		float: left;
		margin-right: 2%;
	}
	
	/*==================================================
	page-service
	====================================================*/
	
	section#service article div table ul li{
		width: 48%;
		float: left;
	}
	
	/*==================================================
	page-works
	====================================================*/
	
	section#works article article p.jirei_photo{
		width: 40%;
		float: left;
		padding: 2%;
	}
	
	section#works article article div{
		width: 54%;
		float: right;
	}
	
	section#works article.matome div{
		width: 48%;
		float: left;
	}
	
	section#works article.matome div.rig{
		margin-left: 2%;
	}

}

/* PC向けレイアウトの指定：1281px以上では固定レイアウト */
@media only screen and (min-width: 1281px){
	
	.kaig{
		display: inline;
	}
	
	div#cont-submenu div#contents section article h2{
		padding: 5px 5px 5px 15px;
	}
	
	
	/*==================================================
	page-company
	====================================================*/
	
	section#company article#yakusoku p#prom3_img{
		width: 400px;
	}
	
	section#company article#yakusoku div#prom3{
		width: 560px;
	}
	
	/*==================================================
	page-ijihoshu
	====================================================*/
	
	section#ijihoshu article div#ih_comment p.rig{
		padding: 70px 2.5% 0 2.5%;
	}
	
	section#ijihoshu article div ul{
		padding-top: 30px;
	}
	
	/*==================================================
	page-kusakari
	====================================================*/
	
	section#kusakari article div#kk_comment p.rig{
		padding: 70px 2.5% 0 2.5%;
	}
	
	section#kusakari article div#kk_service table{
		width: 640px;
		margin: 15px auto 15px auto;
	}
	
	section#kusakari article div#kk_service div#note{
		width: 610px;
		margin: 0 auto;
	}
	
	section#kusakari article div#kk_jirei ul li{
		width: 400px;
		margin-right: 15px;
	}
	
	/*==================================================
	page-gaikou
	====================================================*/
	
	section#gaikou article div#gk_comment p.rig{
		padding: 70px 2.5% 0 2.5%;
	}
	
	section#gaikou article div#gk_service table{
		width: 640px;
		margin: 0 auto 15px auto;
	}
	
	section#gaikou article div#gk_jirei ul li{
		width: 400px;
		margin-right: 15px;
	}
	
	/*==================================================
	page-kaitai
	====================================================*/

	section#kaitai article div#kt_comment p.rig{
		padding: 70px 2.5% 0 2.5%;
	}
	
	section#kaitai article div#kt_service ul{
		padding-right: 300px;
		height: 200px;
	}
	
	section#kaitai article div#kt_service ul li{
		width: 300px;
		float: left;
		line-height: 2;
	}
	
	section#kaitai article div#kt_jirei ul li{
		width: 400px;
		margin-right: 15px;
	}
	
	/*==================================================
	page-recruit
	====================================================*/
	
	section#recruit article p#sai_com{
		margin-left: 15px;
	}
	
	section#recruit article#youkou table{
		width: 640px;
	}
	
	/*==================================================
	page-komarigoto
	====================================================*/
	
	section#komarigoto article div#br_comment p.rig{
		padding: 90px 2.5% 0 2.5%;
	}
	
	section#komarigoto article div#br_service table{
		width: 640px;
		margin: 0 auto 15px auto;
	}
	
	section#komarigoto article div#br_service p{
		width: 640px;
		margin: 0 auto;
	}
	
	section#komarigoto article div#br_jirei ul li{
		width: 400px;
		margin-right: 15px;
	}
	
	/*==================================================
	page-service
	====================================================*/
	
	section#service article div.ser_info p.lef{
		width: 400px;
		float: left;
	}
	
	section#service article div.ser_info p.rig{
		width: 490px;
		float: right;
	}
	
	section#service article div.ser_info p#info01{
		height: 103px;
		padding-top: 80px;
	}
	
	section#service article div.ser_info p#info02{
		height: 93px;
		padding-top: 90px;
	}
	
	section#service article div.ser_info p#info03{
		height: 103px;
		padding-top: 80px;
	}
	
	section#service article div.ser_info p#info04{
		height: 113px;
		padding-top: 70px;
	}
	
	section#service article div.ser_info p#info05{
		height: 103px;
		padding-top: 80px;
	}
	
	/*==================================================
	page-price
	====================================================*/

	section#price article div table{
		width: 640px;
		margin: 0 auto 15px auto;
	}
	
	section#price article div p.bikou{
		width: 640px;
		margin: 0 auto;
	}
	
	section#price article div#kusakari div#note{
		width: 610px;
		margin: 0 auto;
	}
	
	/*==================================================
	page-works
	====================================================*/
	
	section#works article article p.jirei_photo{
		width: 430px;
		padding: 15px;
	}
	
	section#works article article div{
		width: 450px;
	}
	
	section#works article.matome div{
		width: 450px;
	}
	
	section#works article.matome div.rig{
		margin-left: 15pxs;
	}
	
	
}