/*
Theme Name: オリジナルテンプレート
Description: オリジナルテンプレート
Author: admin
*/

@charset "utf-8";

/* ===================================================================

CSS information
 file name  : reset.css
 style info : リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
 
=================================================================== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; }
table {
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	padding:0;
}
caption,th { text-align:left; }

q:before,q:after { content:''; }

object,
embed { vertical-align:top; }

hr,legend { display:none; }

h1,h2,h3,h3,h4,h5,h6 { font-size:120%; }

img,abbr,acronym,fieldset { border:0; }

li { list-style-type:none; }





#wrapper {
	font-size:120%;
	text-align:left;
	margin:0 auto;
}


/* ------------------------------------------   body   ------------------------------------------ */

#main {
	width:1000px;
	margin:0 auto;
	clear: both;
	font-size: 120%;
}


#main .logo {
	float:left;
	width:100px;
	margin:20px 20px 10px 0;
}

h1 {
	float:left;
	font-size:210%;
	line-height:100%;
	width:640px;
	margin:40px 0 0 0;
}

h1 em {
	display:block;
	font-size:65%;
	line-height:120%;
	font-weight:normal;
	margin:10px 0 0 0;
}

.top-put {
	float:right;
	margin:20px 10px 0 0;
}


h2 {
	clear:both;
	font-size: 140%;
	color: #000;
	border-bottom: 2px solid #cccccc;
	padding: 20px 25px 5px 25px;
	margin: 0 0 30px 0;
}

/*
h2 {
	clear:both;
	font-size:145%;
	color:#0481F7;
	background:#FEF4E8;
	border:3px solid #FE0606;
	padding:20px 25px;
	margin:0 0 10px 0;
}
*/

h2 em {
	display:block;
	font-size:90%;
	color:#333;
	margin:10px 0 0 0;
}

ul.photo {
	margin-left:-20px;
	overflow:hidden;
	_zoom:1;
}

ul.photo li {
	float:left;
	margin-left:20px;
}

#contents {
	clear:both;
	margin:25px 0 0 0;
}

.left-colum {
	float:left;
	width:500px;
	margin:0 0 20px 0;
}

.right-colum {
	float:right;
	width:460px;
	margin:0 0 20px 0;
}

.left-colum table {
	width:500px;
	margin:0 0 10px 0;
}

.left-colum th {
	vertical-align:top;
	border:1px solid #CCC;
	background:#EEE;
	padding:10px 15px;
	width:80px;
}

.left-colum th .location {
	background:url(images/icon_location.gif) no-repeat 0 2px;
	padding-left:20px;
}

.left-colum th .st {
	background:url(images/icon_st.gif) no-repeat 0 2px;
	padding-left:20px;
}

.left-colum td {
	border:1px solid #CCC;
	padding:10px 15px;
}

.left-colum .map {
	margin:0 0 10px 0;
}

.left-colum .inquiry {
	background:#EEE;
	border:1px solid #CCC;
	padding:15px 25px 10px 25px;
	overflow:hidden;
	_zoom:1;
}

.left-colum .inquiry li.title {
	float:left;
	font-size:180%;
	font-weight:bold;
	color:#333;
	background:url(images/icon_tel.gif) no-repeat 0 8px;
	padding:6px 0 5px 30px;
}

.left-colum .inquiry li.tel {
	float:right;
	font-size:120%;
	text-align:center;
	/* line-height:150%; */
	color:#333;
}

.left-colum .inquiry li.tel strong {
	display:block;
	font-size:180%;
	font-weight:bold;
}

.right-colum h3 {
	font-size:120%;
	border:1px solid #CCC;
	padding:10px 6px 8px 0;
	margin:0 0 15px 0;
}

.right-colum h3.work { background:url(images/icon_work.gif) no-repeat 8px 6px; padding-left:34px; }
.right-colum h3.time { background:url(images/icon_time.gif) no-repeat 6px 6px; padding-left:36px; }
.right-colum h3.condition { background:url(images/icon_condition.gif) no-repeat 8px 8px; padding-left:38px; }
.right-colum h3.benefit { background:url(images/icon_benefit.gif) no-repeat 6px 8px; padding-left:36px; }

.right-colum p {
	margin:0 7px 30px 7px;
}

.bottom-put {
	clear:both;
	text-align:center;
	/* border: 4px solid #2DB9AD; */
	border: 4px solid #0d400d;
	padding:10px 0 5px 0;
	margin:0 auto 40px auto;
	width:980px;
}


/* ------------------------------------------   body   ------------------------------------------ */

/* ------------------------------------------   contact   ------------------------------------------ */

.contact table {
	font-size:100%;
	width:1000px;
	margin:0 auto 20px auto;
}

.contact th {
	width:200px;
	padding:8px;
	border:1px solid #CCC;
	background:#EEE;
}

.contact th em {
	font-size:90%;
	color:#FF3333;
}

.contact td {
	padding:8px;
	border:1px solid #CCC;
}

.contact td input {
	padding:3px;
}

.contact td .name {
	width:200px;
}

.contact td .work,
.contact td .day {
	width:150px;
}

.contact td .email,
.contact td .address {
	width:350px;
}

.contact td .tel,
.contact td .postcode {
	width:80px;
}

.contact td select {
	padding:5px;
	margin:0 6px 0 0;
}

.contact td.checkbox input {
	vertical-align:middle;
}

.contact td .wpcf7-not-valid-tip {
	font-size:85%;
}

.contact .btn {
	text-align:center;
}

.contact .btn input {
	padding:8px 80px;
	margin:0 5px 50px 0;
}

.thanks {
	margin:20px 0 30px 0;
}

.thanks .sp {
	display:none;
}

/* ------------------------------------------   contact   ------------------------------------------ */