@charset "utf-8";
/*
Theme Name: 雨どい修理テーマ
Theme URI:
Description: レイティスホーム
Author: meakdesign Yuji Namatame
*/

/*-------------
reset
-------------*/
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset {
margin: 0;
padding: 0;
}

html {
overflow: scroll;
overflow: -moz-scrollbars-vertical;
overflow-x: scroll;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

img {
border: 0;
}

body {
background: #006633;
}

table {
font-size: inherit; font: 100%;
}

pre, code, kbd, samp, tt {
font-family: monospace;
*font-size: 108%;
line-height: 100%;
}

.taC {
text-align: center;
}


/*-------------
base
-------------*/
html,body {
width:100%;
height:100%;
}
p {
background-image: url(images/clear.gif);
max-height: 999999px;
line-height: 1.6;
}
img {
vertical-align: bottom;
max-width:100%;
height: auto;
}
body {
width: 100%;
font-family: 'Noto Sans Japanese', sans-serif, 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', 'Osaka‐等幅';
color: #333333;
font-size: 0.9em;
}
a {
color: #333333;
}
a:hover {
text-decoration: none;
}
ul,ol {
list-style: none;
}

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

/*-------------
全デバイスとスマホ向け
-------------*/

/*-------------
header
-------------*/
#header {
width: 90%;
margin: 0 auto;
padding-top: 12px;
padding-bottom: 12px;
}
#header h1 {
text-align: center;
color: #fff;
font-size: 80%;
font-weight: normal;
line-height: 1.5;
margin-bottom: 10px;
}
#header .logo {
width: 55%;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
}
.btncontact a {
width: 70%;
margin-left: auto;
margin-right: auto;
background: #fff;
padding: 4px 3%;
text-decoration: none;
display: block;
text-align: center;
border-bottom: 7px solid #ff3300;
}
.btncontact a:hover {
background: #f1f1f1;
-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;
}
.btntel {
display: none;
}

nav li {
line-height: 1.0;
}
.close_btn {
color: #ff0000;
}

#container {
width: 100%;
background: #ffffff;
}

/*-------------
contents
-------------*/
#contents {
clear: both;
padding-top: 30px;
padding-bottom: 40px;
background: #ffffff;
}

#main {
background-image: url(images/main4.jpg);
background-size: cover;
padding: 40px 5%;
}
#main li {
display: inline-block;
font-weight: bold;
color: #fff;
font-size: 110%;
margin-bottom: 5px;
}
.maincopybig {
font-size: 180%!important;
background: #eb6000;
padding-left: 3px;
padding-right: 3px;
}

/*冒頭部分*/
#intro {
width: 90%;
margin-left: auto;
margin-right: auto;
}
#intro ul {
list-style-position: outside!important;
margin-bottom: 15px;
}
#intro li {
margin-bottom: 5px;
}
li.introcopy2 {
margin-left: 1em;
}
li.introcopy3 {
margin-left: 2em;
}
.introcopy4 {
font-weight: bold;
font-size: 110%;
text-align: center;
}
.introimage {
width: 95%;
margin: 15px auto;
}

/*メッセージ*/
.message {
margin-top: 30px;
margin-bottom: 30px;
background-image: url(images/bg_point.jpg);
padding: 15px 5%;
text-align: center;
border-top: 3px solid #006633;
border-bottom: 3px solid #006633;
}
.message h2 {
font-size: 100%;
margin-bottom: 10px;
}
.message-price {
font-size: 150%;
font-weight: bold;
}
.message-price span {
background: #006633;
color: #fff;
padding: 2px 5px;
}
.message-p {
line-height: 1.7;
margin-bottom: 5px;
}
.message-p span {
background: #006633;
color: #fff;
padding: 2px 5px;
}

/*理由*/
#reason {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
ul.reason-copy {
text-align: center;
margin-bottom: 20px;
}
ul.reason-copy li {
font-size: 105%;
font-weight: bold;
margin-bottom: 10px;
}
.amadoi-ranking-tl {
	color: #fff;
	text-align: center;
	font-size: 150%;
	margin-bottom: 12px;
	margin-top: 15px;
}
.amadoi-ranking-tl span {
background: #b28950;
	padding: 3px 10px;
}
ul.amadoi-ranking {
	width: 90%;
	margin: 20px auto;
}
ul.amadoi-ranking li {
	text-align: center;
	margin-bottom: 20px;
	line-height: 1.6;
}
.amadoi-ranking-kekka {
	font-weight: bold;
	font-size: 120%;
	color: #b28950;
	letter-spacing: 1px;
}
.reason-fukidashi {
padding: 5px 5%;
color: #fff;
text-align: center;
background: #19283C;
position: relative;
display: inline-block;
}
.reason-fukidashi:after {
content: "";
position: absolute;
bottom: -10px; left: 50%;
margin-left: -10px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #19283C transparent transparent transparent;
}
#reason h3 {
font-size: 105%;
border: 1px solid #19283C;
padding: 5px 5%;
color: #19283C;
margin-top: 25px;
margin-bottom: 12px;
}
ul.koware-photo {
	margin-bottom: 15px;
}
ul.koware-photo li {
	margin-bottom: 12px;
}
ul.koware-photo li h4 {
	margin-bottom: 7px;
}
.amadoikasai {
	font-size: 120%;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 15px;
	color: #006633;
}

/*清掃する理由・実例*/
#reason-example {
background: #f4f4f4;
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 20px;
}
.reason-example-txt {
width: 90%;
margin: 0 auto;
}
.reason-example-catch {
font-size: 140%;
font-weight: bold;
width: 80%;
margin: 30px auto;
text-align: center;
}
#reason-example h5 {
background: #19283C;
font-weight: normal;
font-size: 100%;
text-align: center;
color: #fff;
margin-top: 20px;
margin-bottom: 10px;
padding: 3px 2%;
}
#reason-example h3 {
text-align: center;
width: 90%;
margin: 0 auto;
}
#reason-example h3 span {
border-bottom: 3px solid #19283c;
padding-bottom: 2px;
}
#reason-example ul {
	width: 90%;
	margin: 15px auto;
}
.arrow {
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
}
#reason-example h6 {
font-size: 100%;
text-align: center;
line-height: 1.9;
margin-bottom: 10px;
}
#reason-example h6 span {
border-bottom: 3px solid #19283c;
padding-bottom: 2px;
}
.example-q {
width: 82%;
margin-left: auto;
margin-right: auto;
background: #fff;
padding: 10px 4%;
margin-bottom: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.example-a {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.arrow2 {
text-align: center;
margin-top: 3px;
margin-bottom: 3px;
}

/*実例結果*/
#after-example {
}
#after-example h3 {
text-align: center;
margin-bottom: 6px;
}
#after-example ul {
width: 90%;
margin-left: auto;
margin-right: auto;
}
#after-example ul li {
margin-bottom: 15px;
}
#after-example ul h4 {
background: #19283C;
font-weight: normal;
font-size: 100%;
text-align: center;
color: #fff;
margin-bottom: 10px;
padding: 3px 2%;
}
#after-example ul h5 {
	margin-top: 20px;
	margin-bottom: 6px;
	font-size: 110%;
}
#after-example ul p {
margin-top: 10px;
}
#after-example ul div {
width: 90%;
margin-left: auto;
margin-right: auto;
}
#after-example h6 {
width: 80%;
margin-left: auto;
margin-right: auto;
font-size: 105%;
border: 1px solid #19283C;
padding: 5px 5%;
color: #19283C;
margin-top: 25px;
margin-bottom: 12px;
}
ul.amadoi-taisho {
	margin-top: 35px;
	margin-bottom: 15px;
}
ul.amadoi-taisho li div {
	margin-top: 12px;
	margin-bottom: 12px;
}
#souba {
width: 80%;
margin-left: auto;
margin-right: auto;
background: #eeeeee;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 15px 5%;
}
#souba h5 {
font-size: 105%;
border-left: 6px solid #19283C;
padding-left: 10px;
margin-bottom: 10px;
}
#souba p {
margin-bottom: 12px;
}
#souba h6 {
text-align: center;
font-size: 120%;
background: #fff;
padding: 3px;
border-bottom: 3px solid #19283C;
}

/*防護ネットをおススメしない理由*/
#not-net {
margin: 30px 0;
width: 90%;
padding: 20px 5%;
background: #d3edfa;
}
#not-net h3 {
font-size: 120%;
text-align: center;
line-height: 1.7;
margin-bottom: 15px;
}
.net-img {
width: 80%;
margin: 20px auto;
}

/*レイティスホームが選ばれる3つの理由*/
#merit {
width: 90%;
margin-left: auto;
margin-right: auto;
}
#merit h3 {
font-size: 120%;
text-align: center;
line-height: 1.7;
margin-bottom: 15px;
}
#merit li {
border: 1px solid #cecece;
padding: 20px 5%;
margin-bottom: 15px;
}
#merit h4 {
font-size: 115%;
margin-bottom: 12px;
border-bottom: 5px solid #cecece;
padding-bottom: 7px;
}

/*失敗しない業者の選び方*/
#howtoselect {
margin-top: 30px;
margin-bottom: 30px;
background-image: url(images/bg_point.jpg);
padding: 15px 5%;
text-align: center;
border-top: 3px solid #eeeeee;
border-bottom: 3px solid #eeeeee;
}
#howtoselect h3 {
font-size: 105%;
background: #666666;
color: #fff;
padding: 3px 5px;
margin-bottom: 10px;
}

/*お客様の声*/
#voice h3 {
font-size: 110%;
text-align: center;
margin-bottom: 10px;
}
#voice ul {
width: 80%;
margin-left: auto;
margin-right: auto;
}
#voice li {
border: 1px solid #cecece;
padding: 15px 5%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin-bottom: 12px;
}
.voiceimg {
width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.voice-sign {
text-align: right;
margin-top: 10px;
border-top: 2px solid #cecece;
padding-top: 10px;
font-size: 90%;
}

/*対応エリア*/
#area {
background: #006633;
padding-top: 20px;
padding-bottom: 15px;
}
#area h3 {
font-size: 110%;
text-align: center;
margin-bottom: 10px;
color: #fff;
}
#area h3 span {
border: 1px solid #fff;
padding: 3px 5px;
}
#area p {
font-size: 140%;
text-align: center;
color: #fff;
}
.aria-town {
width: 90%;
margin-left: auto;
margin-right: auto;
font-size: 90%;
color: #fff;
text-align: center;
margin-top: 5px;
}

/*BLOG*/
#blog {
clear: both;
background: #f4f4f4;
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 30px;
}
#blog h3 {
text-align: center;
margin-bottom: 10px;
}
.blog-date {
text-align: right!important;
font-size: 80%;
color: #006633;
margin-top: 3px;
margin-bottom: 6px;
}
#blog h6 {
text-align: left;
font-size: 90%;
font-weight: normal;
margin-bottom: 10px;
}
#blog p {
text-align: left;
font-size: 85%;
}
ul.four-column {
width: 80%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
ul.four-column li {
display: block;
margin-bottom: 30px;
}
.btn-jitsurei {
width: 90%;
text-align: right;
}

/*代表の挨拶*/
#greeting {
margin-bottom: 40px;
}
#greeting h3 {
text-align: center;
border-bottom: 3px solid #006633;
margin-bottom: 10px;
padding: 3px 5px;
}
#greeting p {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.ceo-img {
width: 40%;
float: right;
margin-right: 5%;
margin-left: 5%;
margin-bottom: 15px;
}

/*よくある質問*/
#faq {
width: 80%;
margin-left: auto;
margin-right: auto;
background: #f4f4f4;
padding: 16px 5% 20px 5%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin-bottom: 40px;
}
#faq dt {
background: #666666;
color: #fff;
margin-top: 15px;
margin-bottom: 8px;
font-weight: bold;
padding: 4px;
}

/*番外*/
#amadoi-bangai {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
}
#amadoi-bangai h3 {
	font-size: 125%;
	margin-bottom: 20px;
}
#amadoi-bangai h4 {
	background: #f4f4f4;
	padding: 5px;
	font-size: 110%;
	margin-bottom: 12px;
}
#amadoi-bangai ul {
	margin-bottom: 30px;
}
#amadoi-bangai li {
	margin-bottom: 10px;
}

/*お問い合わせ*/
#form {
background: #006633;
margin-bottom: 40px;
padding-top: 20px;
padding-bottom: 20px;
}
#form h3 {
text-align: center;
color: #f2cf64;
margin-bottom: 12px;
font-size: 130%;
}
#form p {
color: #fff;
width: 90%;
margin-left: auto;
margin-right: auto;
}
ul#form-list {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 20px;
}
ul#form-list li {
background: #3b6b12;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 110%;
margin-bottom: 8px;
padding: 3px 0;
}
.form-list-or {
color: #ec5f01;
}
#form dl {
width: 90%;
margin-left: auto;
margin-right: auto;
}
#form dl dt {
padding: 7px 3%;
color: #fff;
}
#form dl dd {
padding: 5px 3%;
background: #fff;
}
#form #month {
width: 20%;
font-size: 15px;
}
#form #date {
width: 20%;
font-size: 15px;
}
#form #time {
width: 30%;
font-size: 15px;
}
#form #name {
width: 60%;
font-size: 15px;
}
#form #EMAIL {
width: 70%;
font-size: 15px;
}
#form #tel1 {
width: 20%;
font-size: 15px;
}
#form #tel2 {
width: 30%;
font-size: 15px;
}
#form #tel3 {
width: 30%;
font-size: 15px;
}
#form #postcode {
width: 30%;
font-size: 15px;
}
#form #add {
width: 90%;
font-size: 15px;
}
.rule {
margin-top: 12px;
font-size: 90%;
}
.rule a {
color: #fff;
}
#formSubmit {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}

/*会社概要*/
#company h3 {
text-align: center;
color: #333333;
font-size: 130%;
margin-bottom: 12px;
}
#company table {
width: 90%;
margin-left: auto;
margin-right: auto;
}
#company table th {
border: 1px solid #cecece;
padding: 10px 3%;
background: #f5f5f5;
width: 30%;
}
#company table td {
border: 1px solid #cecece;
padding: 10px 3%;
}





#footer {
background: #006633;
overflow: hidden;
padding-top: 20px;
padding-bottom: 90px;
}
#footer ul {
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#footer li {
display: inline-block;
font-size: 90%;
margin-left: 2px;
margin-right: 2px;
}
#footer li a {
color: #fff;
}
address {
clear: both;
text-align: center;
color: #ffffff;
font-size: 80%;
font-style: normal;
margin-top: 15px;
}



/*コンテンツカテゴリページ*/
#categoryLineup {
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
#categoryLineup dt {
margin-bottom: 6px;
color: #2b2389;
}
#categoryLineup dd {
margin-bottom: 15px;
}
.singleDate {
text-align: right;
color: #006633;
margin-bottom: 20px;
border-bottom: 1px dotted #cecece;
padding-bottom: 10px;
}
#categoryLineup img {
margin: 15px;
}


/*プライバシーポリシー*/
#privacyContents h4 {
color: #e97851;
font-size: 95%;
margin-bottom: 8px;
}
.sakuteDate {
text-align: right;
font-size: 95%;
}



/*-------------
PC向け（680px以上）
-------------*/
@media only screen and (min-width: 680px) {

.rollover a:hover img {
opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}
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[href^="tel:"] {
pointer-events: none;
}

body {
font-size: 1.0em;
}

.sponly {
display: none;
}

/*-------------
header
-------------*/
#header-outer {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 190px;
background: #006633;
z-index: 99999;
}
#header {
width: 980px;
height: 190px;
margin: 0 auto;
padding-top: 22px;
padding-bottom: 15px;
overflow: hidden;
}
#header h1 {
text-align: left;
font-size: 80%;
margin-bottom: 15px;
}
#header .logo {
width: 240px;
margin-left: 0px;
margin-right: 0px;
margin-top: 15px;
margin-bottom: 15px;
float: left;
}
#header .logo img {
width: 240px;
}
.btncontact a {
width: 220px;
margin-left: 0px;
margin-right: 0px;
margin-top: 15px;
padding: 6px 20px;
text-align: center;
border-bottom: 10px solid #ff3300;
float: right;
font-size: 110%;
}

.btntel {
display: block;
width: 350px;
float: right;
}
.telmessage {
color: #ff3300;
font-size: 85%;
}
.phoneno {
color: #ff3300;
font-weight: bold;
font-size: 160%;
}
.teltxt {
color: #fff;
font-size: 75%;
}

#container {
width: 100%;
background: #ffffff;
margin-top: 200px;
}


/*-------------
contents
-------------*/
#contents {
padding-top: 40px;
padding-bottom: 50px;
}

#main {
padding: 40px 0 30px 0;
}
#main ul {
width: 980px;
margin-left: auto;
margin-right: auto;
}
#main li {
font-size: 160%;
margin-bottom: 25px;
}
.maincopybig {
font-size: 300%!important;
padding-left: 10px;
padding-right: 10px;
}

/*冒頭部分*/
#intro {
width: 980px;
}
#intro-message {
float: left;
margin-top: 10px;
}
#intro ul {
margin-bottom: 50px;
}
#intro li {
margin-bottom: 15px;
font-size: 110%;
}
.introcopy4 {
font-size: 130%;
text-align: left;
}
.introimage {
float: right;
width: 450px;
margin-left: 0;
margin-right: 0;
margin-bottom: 40px;
margin-top: 0;
}

/*メッセージ*/
.message {
clear: both;
margin-bottom: 40px;
padding: 30px 0;
border-top: 7px solid #006633;
border-bottom: 7px solid #006633;
}
.message h2 {
font-size: 120%;
margin-bottom: 15px;
}
.message-price {
font-size: 200%;
}
.message-price span {
padding: 5px;
}
.message-p {
line-height: 1.8;
margin-bottom: 10px;
}
.message-p span {
padding: 5px;
}

/*理由*/
#reason {
width: 980px;
margin-bottom: 40px;
}
ul.reason-copy {
margin-bottom: 30px;
}
ul.reason-copy li {
margin-bottom: 20px;
}
.reason-fukidashi {
padding: 10px 20px;
font-size: 120%;
width: 940px;
margin: 0 auto;
}
.reason-fukidashi:after {
}
#reason h3 {
padding: 5px 15px;
margin-top: 30px;
margin-bottom: 15px;
}
ul.amadoi-ranking {
	width: 780px;
	margin: 20px auto;
}
ul.koware-photo {
	margin-bottom: 20px;
}
ul.koware-photo li {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 20px;
	width: 460px;
	margin-right: 20px;
}
ul.koware-photo li h4 {
	margin-bottom: 10px;
}

/*清掃する理由・実例*/
#reason-example {
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 40px;
}
.reason-example-txt {
width: 980px;
}
.reason-example-catch {
width: 900px;
}
#reason-example h5 {
margin-top: 30px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 3px 10px;
width: 960px;
}
#reason-example h3 {
width: 980px;
}
#reason-example ul {
	width: 980px;
}
.arrow {
}
#reason-example h6 {
font-size: 120%;
margin-bottom: 20px;
}
#reason-example h6 span {
border-bottom: 5px solid #19283c;
padding-bottom: 3px;
}
.example-q {
width: 900px;
padding: 10px 20px;
margin-bottom: 20px;
}
.example-a {
width: 900px;
}
.arrow2 {
margin-top: 6px;
margin-bottom: 6px;
}

/*実例結果*/
#after-example h3 {
margin-bottom: 20px;
}
#after-example ul {
width: 980px;
}
#after-example ul li {
margin-bottom: 50px;
}
#after-example ul h4 {
margin-bottom: 30px;
padding: 5px 15px;
}
#after-example ul p {
margin-top: 20px;
}
#after-example ul div {
width: 980px;
}
#after-example ul div img {
width: 980px;
}
#after-example h6 {
width: 950px;
padding: 5px 15px;
margin-top: 25px;
margin-bottom: 15px;
}
#souba {
width: 900px;
padding: 25px 40px;
}
#souba h5 {
padding-left: 15px;
}
#souba p {
margin-bottom: 20px;
}
#souba h6 {
font-size: 130%;
padding: 5px;
}

/*防護ネットをおススメしない理由*/
#not-net {
margin: 50px 0;
width: 100%;
padding: 40px 0;
}
#not-net-inner {
width: 980px;
margin: 0 auto;
}
#not-net h3 {
margin-bottom: 25px;
font-size: 130%;
}
#not-net p {
}
.net-img {
width: 800px;
margin: 30px auto;
}

/*レイティスホームが選ばれる3つの理由*/
#merit {
width: 980px;
}
#merit h3 {
font-size: 120%;
text-align: center;
line-height: 1.7;
margin-bottom: 15px;
}
#merit li {
border: 1px solid #cecece;
padding: 20px 5%;
margin-bottom: 15px;
}
#merit h4 {
font-size: 115%;
margin-bottom: 12px;
border-bottom: 5px solid #cecece;
padding-bottom: 7px;
}

/*失敗しない業者の選び方*/
#howtoselect {
margin-top: 40px;
margin-bottom: 40px;
padding: 30px 0;
}
#howtoselect h3 {
width: 970px;
margin-left: auto;
margin-right: auto;
font-size: 130%;
padding: 6px 5px;
margin-bottom: 20px;
}

/*お客様の声*/
#voice {
width: 980px;
margin-left: auto;
margin-right: auto;
}
#voice h3 {
font-size: 130%;
margin-bottom: 20px;
}
#voice ul {
width: 980px;
margin-left: 0;
margin-right: 0;
margin-bottom: 40px;
}
#voice li {
width: 380px;
display: inline-block;
vertical-align: top;
margin: 20px;
padding: 30px;
}
.voiceimg {
width: 380px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
text-align: center;
}
.voice-sign {
margin-top: 15px;
padding-top: 15px;
}

/*対応エリア*/
#area {
background: #006633;
padding-top: 30px;
padding-bottom: 15px;
}
#area h3 {
font-size: 130%;
margin-bottom: 15px;
}
#area h3 span {
padding: 10px;
}
#area p {
font-size: 160%;
}

/*BLOG*/
#blog {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 50px;
}
#blog h3 {
margin-bottom: 15px;
}
.blog-date {
text-align: right!important;
font-size: 85%;
margin-top: 5px;
margin-bottom: 8px;
}
#blog h6 {
font-size: 95%;
margin-bottom: 15px;
}
#blog p {
font-size: 90%;
}
ul.four-column {
width: 980px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
ul.four-column li {
width: 300px;
margin-left: 10px;
margin-right: 10px;
display: inline-block;
margin-bottom: 30px;
}
.btn-jitsurei {
width: 980px;
text-align: right;
margin: 0 auto;
}

/*代表の挨拶*/
#greeting {
width: 980px;
margin-left: auto;
margin-right: auto;
}
#greeting h3 {
margin-bottom: 20px;
padding: 5px;
}
#greeting p {
width: 980px;
margin-left: 0;
margin-right: 0;
margin-bottom: 60px;
text-align: center;
}
.ceo-img {
width: 440px;
float: right;
margin-right: 0;
margin-left: 0;
margin-bottom: 15px;
}

/*よくある質問*/
#faq {
width: 920px;
padding: 25px 30px;
margin-bottom: 50px;
}
#faq dt {
background: #666666;
color: #fff;
margin-top: 20px;
margin-bottom: 12px;
padding: 5px 8px;
}
	
/*番外*/
#amadoi-bangai {
width: 920px;
margin-bottom: 50px;
}


/*お問い合わせ*/
#form {
margin-bottom: 50px;
padding-top: 40px;
padding-bottom: 40px;
}
#form h3 {
margin-bottom: 15px;
font-size: 150%;
}
#form p {
width: 980px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
ul#form-list {
width: 980px;
margin-top: 20px;
margin-bottom: 30px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
ul#form-list li {
text-align: center;
font-size: 120%;
margin-bottom: 8px;
padding: 10px 0;
width: 300px;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
}
#form dl {
width: 980px;
margin-left: auto;
margin-right: auto;
}
#form dl dt {
padding: 10px;
}
#form dl dd {
padding: 5px 3%;
background: #fff;
}
#form #month {
width: 20%;
font-size: 15px;
}
#form #date {
width: 20%;
font-size: 15px;
}
#form #time {
width: 30%;
font-size: 15px;
}
#form #name {
width: 60%;
font-size: 15px;
}
#form #EMAIL {
width: 70%;
font-size: 15px;
}
#form #tel1 {
width: 20%;
font-size: 15px;
}
#form #tel2 {
width: 30%;
font-size: 15px;
}
#form #tel3 {
width: 30%;
font-size: 15px;
}
#form #postcode {
width: 30%;
font-size: 15px;
}
#form #add {
width: 90%;
font-size: 15px;
}
.rule {
margin-top: 12px;
font-size: 80%!important;
}
.rule a {
color: #fff;
}
#formSubmit {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}

/*会社概要*/
#company h3 {
font-size: 160%;
margin-bottom: 20px;
}
#company table {
width: 950px;
}
#company table th {
padding: 10px 20px;
width: 150px;
}
#company table td {
padding: 10px 20px;
}








#footer {
padding-top: 40px;
padding-bottom: 80px;
}
address {
margin-top: 10px;
}
#footer li {
margin-left: 5px;
margin-right: 5px;
}


#footfixmenu {
display: none!important;
}


/*コンテンツカテゴリページ*/
#categoryLineup {
width: 980px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}








/*問い合わせページ*/
.contactText {
	padding-top: 20px;
}
.contact-form {
	width: 100%;
	margin: 0 auto;
	border-bottom: none;
	margin-bottom: 20px;
}
.contact-form dt,
.contact-form dd {
	padding: 20px;
}
.contact-form dt {
	font-size: 12px;
	clear: both;
	float: left;
	width: 150px;
}
.contact-form dd {
	padding-left: 210px;
	border-bottom: 1px solid #ccc;
}
.contact-form .w300 {
	width: 300px;
	height: 24px;
}
.contact-form .w70 {
	width: 70px;
	height: 24px;
}
.dd-address {
	line-height: 2.5;
}



}