@charset "utf-8";

/*
Theme Name: template1
Theme URI: http://web-sumaho.com/
Author: <a href="http://watanabeseiji.com/" target="_blank">セールスブレイン</a>
Author URI: http://web-sumaho.com
Description: 基本テンプレート1
Version: 1
License: GNU General Public License
*/

/* cssリセット
--------------------------------------------*/
h1,h2,h3,h4,h5 {
margin: 0;
font-size: 1em;
font-weight: normal;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
img {vertical-align: bottom;}

/* H2
--------------------------------------------*/
h2 {
background: #690;
padding: 15px 10px 20px;
margin-bottom: 15px;
font-size: 30px;
background: -moz-linear-gradient(top, #FF9500, #FFBE00);
background: -webkit-gradient(linear, left top, left bottom, from(#FF9500), to(#FFBE00));
border-bottom: 1px solid #FF9500;
border-right: 1px solid #FF9500;
border-left: 1px solid #F3FFDA;
border-top: 1px solid #F3FFDA;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
color:#fff;
}

/* H3
--------------------------------------------*/
h3{
border-bottom:2px solid #FF9500;
padding-bottom: 5px;
}

/* 汎用クラス
--------------------------------------------*/
.box01{
border:3px solid #FF9500;
padding:10px;
}
.bold01 {
color: red;
font-weight: bold;
}

.t1 {
font-size: 20px;
}


.m_btm10{margin-bottom:10px;}
.m_btm15{margin-bottom:15px;}
.m_btm20{margin-bottom:20px;}
.m_btm30{margin-bottom:30px;}
.m_btm50{margin-bottom:50px;}

.center{text-align:center;}

.lineup ul {overflow:hidden;}
.lineup li {float: left;}

/* ナビ
--------------------------------------------*/
.gnavi ul {
overflow: hidden;
}
.gnavi li {
width: 126px;
float: left;
text-align: center;
background: -moz-linear-gradient(top, #FF9500, #FFBE00);
background: -webkit-gradient(linear, left top, left bottom, from(#61380B), to(#8A4B08));
border-bottom: 1px solid #61380B;
border-right: 1px solid #F3FFDA;
border-left: 1px solid #F3FFDA;
border-top: 1px solid #F3FFDA;
}
.gnavi li a:hover,
.gnavi li a:focus,
.gnavi li a:visited,
.gnavi li a {
display: block;
padding: 20px 0;
width: 100%;
height: 100%;
text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
color:#fff;
}

/* ヘッダー
--------------------------------------------*/
.top_info {
font-size: 20px;
font-weight: bold;
color: #690;
line-height: 22px;
}
.h_promo{position:relative;}
#header_bnr {
position: absolute;
top: 260px;
left: 15px;
}

/* コンテンツ
--------------------------------------------*/
.box02{
overflow:hidden;
margin-bottom:20px;
}
.box02a{
width:340px;
float:left;
}
.box02b{
width:280px;
float:right;
}

/* フッター
--------------------------------------------*/
#addr{
text-align: center;
margin:50px 0;
}

#copy {
text-align: center;
background: -webkit-gradient(linear, left top, left bottom, from(#61380B), to(#8A4B08));
padding: 10px 0;
color:#fff;
}

/* コンタクトフォーム
--------------------------------------------*/
.wpcf7,
span.wpcf7-not-valid-tip{
font-size:24px !important;
font-weight:bold;
}
.table01 {
border: 1px solid #CCC;
padding: 1px;
width: 100%;
}
.table01 th {
background: #E7E7E7;
padding: 10px;
text-align: left;
}
.table01 input[type="text"],
textarea{
width:90%;
padding:5px;
font-size:24px;
}

#submit {
display: block;
font-size: 30px;
margin: 0 auto;
width: 250px;
height: 75px;
}










html {-webkit-text-size-adjust: none;}

body {
	font:24px/30px Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック', sans-serif;
	color: #333;
	width:640px;
	margin:0;
}
img {
border:0px;
}

a:link {
text-decoration:none;
	color: #333;
}

a:visited {
text-decoration:none;
	color: #333;
}

a:active {
text-decoration:none;
	color: #333;
}



input {
font-size: 70%;
}


.button {
font-weight:bold;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 20px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 4px 4px 10px #000;
	-moz-box-shadow: 4px 4px 10px #000;
	box-shadow:  4px 4px 10px #000;
}

.button2 {
font-weight:bold;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	width:550px;
	cursor: pointer;
	text-decoration: none;
	font: 20px/100% Arial, Helvetica, sans-serif;
	padding: 20px 20px 20px 20px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	border: solid 2px #db6305;
}


.blue {
	font-weight:bold;
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

.brown{
	height:80px;
	font-weight:bold;
	text-align:center;
		border: solid 1px #331d07;
	background-color: #040c30;
	background: -webkit-gradient(linear, left top, left bottom, from(#dba965), to(#672911));
	background: -moz-linear-gradient(top,  #dba965,  #672911);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dba965', endColorstr='#672911');
}

.block{position:relative;top:30%;margin-top: -40px;color:#fff;font-size:26px;}
.block_cli{position:relative;top:10%;margin-top: -40px;color:#fff;font-size:26px;}

.brown2{
	height:60px;
	text-align:left;
		border: solid 3px #1d8de5;
	background-color: #FFFFFF;
	border-radius: .5em;
}
.brown3{
	padding:10px 0px 10px 52px;
	height:60px;
	text-align:left;
		border: solid 3px #f79e32;
	background-color: #ffffff;
	border-radius: .5em;
}


.block2{position:relative;top:30%;margin-top:-30px;color:#f79e32;font-size:22px;font-weight:bold;}

dt {

	padding: 20px 10px 20px 10px;

	font-size:24px;
    background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffda9c), to(#db6305));
	background: -moz-linear-gradient(top,  #ffda9c,  #db6305);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffda9c', endColorstr='#db6305');
	color: #000000;
    font-weight:bold;
	vertical-align:middle;
}

dt.last-child {
	border-bottom: none;
}

dd {
	padding:10 10 10 10;
    height:340px;
    margin-left:0px;
	background: #e2e5e5;
	font-size:24px;
		color: #313131;
}

.footer-txt{
	font-size:20px;
	vertical-align:middle;
	text-align:center;
	padding:40px 0 40px 0px;
}
#header-top{
padding: 0px 0px 0px 10px;
background-color:#ffbd65;
font-size:24px;
}
#footer-bottom{
vertical-align:middle;
text-align:center;
padding: 0px 0px 0px 10px;
background-color:#ffbd65;
font-size:18px;
}


table.table-01 {
    width: 600px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:24px;
}

table.table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}


.table-l{margin-left:20px;float:left;font-size:26px;width:100px;background-color:#cccccc;border:1px solid;border-color:#000000;}
.table-r{margin-left:20px;float:clear;font-size:26px;width:540px;border:1px solid;border-color:#000000;}

/* white */
.white {
	color: #606060;
	border: solid 3px #db6305;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}
/* コンタクトフォーム
--------------------------------------------*/
select.wpcf7-form-control{
height: 45px;
}