@charset "utf-8";

/*
Theme Name: スマートフォン専用サイト制作
Theme URI: http://sumaho-s.com/
Author: スマホ集客プロジェクト（株式会社 ＯＭコンサルティング）
Author URI: http://web-sumaho.com/
Description: スマートフォンサイト制作
Version: 1
License: GNU General Public License
*/

/* cssリセット
--------------------------------------------*/
h1, h2, h3, h4, h5 { margin: 0; }

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* H2
--------------------------------------------*/
h2 {
	position: relative;
	margin: 40px 0 40px 0;
	padding: 20px 0 20px 0;
	background-color: #31add1;
	text-align: center;
	text-shadow:1px 1px 2px rgba(0, 0, 0, .3);
	color:#fff;
	font-size:26px;
}
h2::before, h2::after {
 position: absolute;
 bottom: 7px;
 z-index: -1;
 content: '';
 width: 50%;
 height: 50%;
 box-shadow: 0 10px 10px rgba(0, 0, 0, .3);
}

h2:before {
	left: 4px;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
h2::after {
 right: 4px;
 -webkit-transform: rotate(3deg);
 transform: rotate(3deg);
}

/* H3
--------------------------------------------*/
h3 {
	padding:30px 15px 30px 15px;
	color:#295A8B;
	text-shadow: 0px 1px 1px #fff;
	text-align:center;
	font-size:26px;
}

/* H4
--------------------------------------------*/
h4 {
	position: relative;
	color: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff7400), color-stop(0.00, #ffa443));
	background: -webkit-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: -moz-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: -o-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: -ms-linear-gradient(top, #ffa443 0%, #ff7400 100%);
	background: linear-gradient(top, #ffa443 0%, #ff7400 100%);
	font-size:26px;
	margin: 10px 10px 40px 10px;
	padding: 10px 5px 10px 10px;
	border-radius: 3px;
}

h4:after, .h4:before {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
}

h4:after {
	left: 40px;
	border: 10px solid transparent;
	border-top: 10px solid #ff7400;
}

h4:before {
	left: 39px;
	border: 11px solid transparent;
	border-top: 11px solid #ff7400;
}

/* 汎用クラス
--------------------------------------------*/
.box01 {
	-moz-border-radius: 6px;    /* Firefox */
	-webkit-border-radius: 6px; /* Safari,Chrome */
	border-radius: 6px;
	border: 1px #999 solid;
	padding:5px;
	margin:0 10px 0 10px;
	background:#eff;
}

ul.blue { margin:30px 15px 30px 15px; }

ul.blue li {
	background:url(../img/check_blue.png) no-repeat center left;
	padding:10px 0 10px 44px;
	border-bottom:1px #999 dotted;
}

ul.red { margin:30px 15px 30px 15px; }

ul.red li {
	background:url(../img/check_red.png) no-repeat center left;
	padding:10px 0 10px 44px;
	border-bottom:1px #999 dotted;
}

.m_btm10 { margin-bottom:10px; }

.m_btm20 { margin-bottom:20px; }

.m_btm30 { margin-bottom:30px; }

.m_btm100 { margin-bottom:100px; }

.center {
	text-align:center;
	display:block;
	margin:0 auto;
}

.fl { float:left; }

.fr { float:right; }

.txtR { text-align:right; }

.txtL { text-align:left; }

.red_11 { color:#D00; }

.red_border {
	color:#D00;
	text-decoration:underline;
}

.blue_11 { color:#09D; }

.marker {
	color:#000;
	background:#FF0;
	text-decoration:underline;
}

.marker_red {
	color:#C00;
	background:#FF0;
	text-decoration:underline;
}

.underline { text-decoration:underline; }

hr {
	border: 0;
	height: 1px;
	background: #333;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
	background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
	background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
	background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}

/* ヘッダー
--------------------------------------------*/
#header {
	margin:0;
	background-color:#FFF;
	position:relative;
}

#navi {
	position:absolute;
	left:140px;
	font-size:16px;
	color:#FFF;
}

/* コンテンツ
--------------------------------------------*/

.contentNowhow {
	background:#CDE4F1;
	padding:0 0 40px 0;
}

.contentNowhowTxt {
	-moz-border-radius: 6px;    /* Firefox */
	-webkit-border-radius: 6px; /* Safari,Chrome */
	border-radius: 6px;
	padding:5px;
	margin:0 15px 0 15px;
	background:#fff;
}

.contentNowhowTxt dl dt {
	background:url(../img/check.png) no-repeat top left;
	padding:0 15px 10px 44px;
	color:#d00;
	text-decoration:underline;
}

.contentNowhowTxt dl dd { padding:0 15px 40px 0; }

/* フォーム
--------------------------------------------*/

#form { width:100%; }

#form th {
	width:32%;
	padding:15px 0 15px 10px;
	background:#CBCBCB;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}

#form td {
	padding:15px 0 15px 10px;
	background:#EAEAEA;
}

input[type="radio"], input[type="checkbox"] {
	-moz-transform-origin: left center;
	-moz-transform: scale( 1.5, 1.5 );
	-webkit-transform-origin: left center;
	-webkit-transform: scale( 1.5, 1.5 );
}

/* フッター
--------------------------------------------*/
#footer {
	text-align: center;
	background:#000;
	padding: 10px 0 10px 0;
	color: #fff;
}

/* ベース
--------------------------------------------*/


html { -webkit-text-size-adjust: none; }

body {
	font:24px/30px Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	line-height:140%;
	color: #222;
	width:640px;
	margin:0;
	background-color: #fff;
}

img { border:0px; }

a:link {
	text-decoration:none;
	color: #fff;
}

a:visited {
	text-decoration:none;
	color: #fff;
}

a:active {
	text-decoration:none;
	color: #F90;
}

a:hover {
	text-decoration:none;
	color: #F90;
}

* html body { overflow: hidden; }

* html div#contents {
	height: 100%;
	overflow: auto;
}

#contents p { padding: 0 15px 0 15px; }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix { min-height: 1px; }

* html .clearfix { height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/ }