@charset "utf-8";

/* ----------------------------------------
リセット
----------------------------------------  */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
}


article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

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

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

span textarea,span input{
	vertical-align: bottom!important;
}

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

body,x:-moz-broken {
	margin-left:-1px;
}

pre{
	font-size: 100%;
	white-space: pre-wrap;
	word-wrap: break-word;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
}

/*
.img_float_left {
	float: left;
}

.img_float_right {
	float: right;
}
*/

ul {
	list-style: none;
}

a:hover img{
opacity: 0.5;
-moz-opacity: 0.5; /* Firefox */
filter: alpha(opacity=50); /* IE6/7 */
-ms-filter: "alpha(opacity=50)"; /* IE8 */
}



body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-top: 5px solid #7eb938;
}


@media screen and (max-width: 480px){
	
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */	
}


.contactsmp {
display: block;
margin: 2em;
}


.contactsmp a {
display: block;
background: #F0801E;
padding: 10px;
text-decoration: none;
font-size: 16px;
text-align: center;
}

.contactsmp a, .contactsmp a:hover, .contactsmp a:visited {
color: #FFF;
}

.contactsmp a:before {
background: url(../images/pages/mail.svg) no-repeat;
width: 20px;
height: 20px;
}



#page_title {
	margin: 20px 0;
	padding: 15px 0 0 0;
	background: none;
/*	background: url(../images/pages/page_title_bg.jpg) no-repeat;
*/
	width: 100%;
	height: auto;
	border-top: 2px solid #6C3;
	font-size: 16px;
	box-sizing: border-box;
}

#sub_title {
	border-left: 5px #6C3 solid;
	padding: 0 0 0 10px;
	font-size: 14px;
	margin: 0 0 0 5px;
	font-weight: bold;
}

#reason_icatch_title {
	width: 100%;
	margin: 15px auto;
	box-sizing: border-box;
}

#reason_icatch_title img {
width: 100%;
}
.reason_trouble_wrap {
	width: 80%;
	margin: 10px  auto;
	box-sizing: border-box;
}

.reason_trouble_inner {
	width: 98%;
	margin: 0 auto;
}

.reason_trouble_inner p {
	width: 100%;
	padding: 0 auto;
	font-size: 13px;
	line-height: 1.8;
}


.reason_trouble_bg {
	width: 100%;
	height: auto;;
	background:none;
	float: none;
}
/* second page 以下 */
.main_contents_middle {
	width: 98%;
	background: none;
	padding: 0;
	box-sizing: border-box;
	margin: 0 auto;
}

.reason_safety {
	width: 100%;
	height: auto;
	background: none;
	float: none;
	margin: 10px auto 20px;
}

.reason_safety p {
	width: 98%;
	padding: 0;
	margin: 0 auto;
	font-size: 13px;
}


#reason_appeal_wrap {
	width: 98%;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	padding: 10px 0;
	margin: 30px auto;
	box-sizing: border-box;
}

#reason_appeal_left {
	width: 100%;
	float: none;
	background: url(../images/pages/reason_usagi.jpg) no-repeat;
}

#reason_appeal_right {
	width: 100%;
	float: none;
	background: url(../images/pages/reason_turtle.jpg) no-repeat;
}

/* ----------------------------------------
ヘッダー
---------------------------------------- */
#header {
	width: 100%;
	margin: 10px auto 0 auto;
	background-color: #FFF;
	position: static;
}

#header_title {
	width: 100%;
	float: none;
	text-align: center;
}

#header_tel {
	width: 100%;
	float: none;
	text-align: center;
}

/* アイキャッチ*/
#icatch_wrap {
	width: 100%;
	margin: 0;
	clear: none;
	text-align: center;
}

#icatch_main {
	width: 100%;
	float: none;
	
}

#icatch_image_character {
	width: 100%;
	float: none;
	margin: 0;
}

#icatch_main ul {
	width: 98%;
	margin: 0 auto;
}
	
#icatch_main ul li {
	width: 50%;
	float: left;
	margin: 0;
}


#icatch_main ul li img {
	width: 100%;
	float: left;
	margin: 0;
}




#icatch_list {
	width: 100%;
	float: none;
	clear: both;
}

#icatch_btn {
	margin: 0;
}



#icatch_bg_l {
	display: none;	
}

#icatch_bg_r{
	display: none;	
}



/* ----------------------------------------
ナビ
---------------------------------------- */
#navi {
	height: auto;
	background: url(../images/img_index/nav_bg.jpg) repeat-x;
}

#navi ul {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0 0;	
}

#navi ul li {
	float: left;
}

/* ----------------------------------------
メインコンテンツコンテナ
---------------------------------------- */
#container {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}


/* ----------------------------------------
メインコンテンツ
---------------------------------------- */
#contents_wrap {
	clear: both;
	width: 98%;
	margin: 10px auto;
	box-sizing: border-box;

}

#main_contents {
	width: 96%;
	float: none;
	background: none;
	padding: 2%;
	margin: 0 auto;
	box-sizing: border-box;
	}

#main_contents_inner {
	width: 100%;
	background: none;
}

#main_contents_middle {
	width: 98%;
	background: none;
	padding: 0;
}


/* ----------------------------------------
power
---------------------------------------- */

#power_wrap {
	width: 95%;
	border: 3px solid #6C3;
	padding: 10px 10px 5px;
}

#example_list {
	margin: 0;
	font-size:16px;
}

#example_list li {
	list-style:  inside disc;
	font-size: 13px;
	color: #963;
}


#top_arrow {
	clear: both;
}


#power_appeal_wrap {
	background: none;
}

#appeal_sub_txt {
width: 80%;
margin: 0 auto;
font-size: 16px;
	
}




#power_appeal_wrap ul {
	margin: 0;
}

#second_appeal {
	margin: 0 ;
}

#power_appeal_wrap ul li {
	width: 98%;
	height: auto;
	float: none;
	list-style: none;
	background: #ECECEC;
	margin: 20px auto;
	border-radius: 4px;
	padding: 10px 0;
}


#power_appeal_wrap ul li h3 {
	text-align: center;
	margin: 5px 0 0;
	padding: 5px 0 0;
}

#power_appeal_wrap ul li p {
	font-size: 16px;
	padding: 15px;
}


/* ----------------------------------------
buy appeal
---------------------------------------- */
#buy_appeal_title {
	width: 100%;
	margin: 20px 0;
}

#buy_appeal_wrap {
	width: 95%;
	background: #EAEAEA;
	padding: 10px;
	margin: 0 auto;
	position: static;
	left: 0;
	top: 0;
}

/*　不整系地背景　*/
#hatazaochi {
	background: url(../images/img_index/fuseikeichi1.jpg) no-repeat;
	width: 144px;
	height: 163px;
	float: none;
	position: relative;
	margin: 0 auto;
}

#fuseikeichi {
	background: url(../images/img_index/fuseikeichi2.jpg) no-repeat;
	width: 144px;
	height: 163px;
	float: none;
	margin: 10px auto 0;
	position: relative;
}

#kyoushouchi {
	background: url(../images/img_index/fuseikeichi3.jpg) no-repeat;
	width: 144px;
	height: 163px;
	float: none;
	margin: 10px auto 0;
	position: relative;
}

#dourototsu {
	background: url(../images/img_index/fuseikeichi4.jpg) no-repeat;
	width: 144px;
	height: 163px;
	float: none;
	margin: 10px auto 0;
	position: relative;
}

/*　不整系地タイトル・テキスト　*/
#hatazaochi h3, #fuseikeichi h3, #kyoushouchi h3, #dourototsu h3 {
	margin: 0;
	padding: 78px 0 0;
	color: #C00;
	text-align: center;
}

#hatazaochi_sub {
	font-size: 11px;
	text-align: center;
}

#hatazaochi p {
	font-size: 11px;
	padding: 3px 5px 0;
}

#fuseikeichi p, #kyoushouchi p, #dourototsu p {
	font-size: 11px;
	padding: 25px 5px 0;
}

/* 不整系地ボタン　*/
.fuseikeichi_btn {
	width: 43px;
	height: 42px;
	position: absolute;
	left: 110px;
	top: -10px;
}


/*　再建築不可背景　*/
#saikenchiku1 {
	background: url(../images/img_index/saikenchiku1.jpg) no-repeat;
	width: 192px;
	height: 151px;
	float: none;
	margin: 20px auto 0;
	position: relative;
}

#saikenchiku2 {
	background: url(../images/img_index/saikenchiku2.jpg) no-repeat;
	width: 192px;
	height: 151px;
	float: none;
	margin: 20px auto 0;
	position: relative;
}

#saikenchiku3 {
	background: url(../images/img_index/saikenchiku3.jpg) no-repeat;
	width: 192px;
	height: 151px;
	float: none;
	margin: 20px auto 0;
	position: relative;
}


/*　再建築不可タイトル・テキスト　*/
#saikenchiku1 h3, #saikenchiku2 h3, #saikenchiku3 h3 {
	margin: 0;
	padding: 80px 0 0;
	color: #9C0;
	text-align: center;
}

#saikenchiku1 p, #saikenchiku2 p, #saikenchiku3 p {
	font-size: 11px;
	padding: 10px 10px 0;
}


/* 再建築不可ボタン　*/
.saikenchiku_btn {
	width: 43px;
	height: 42px;
	position: absolute;
	left: 160px;
	top: -10px;
}


#buy_appeal_wrap2 {
	display: none;
	background: url(../images/img_index/buy_bg.jpg) no-repeat;
	width: 603px;
	height: 572px;
	padding: 10px 15px 0;
	margin: 25px auto;
}

#cartimg_float_right {
	float: right;
	margin: 0 10px 0 50px;
}

#buy_appeal_wrap2 p {
	padding: 15px
}


/* ----------------------------------------
フッター
---------------------------------------- */
#footer_wrap {
	width: 100%;
	border-top: 1px dotted #666;
	margin: 20px 0 0;
	padding: 30px 0 0;
	text-align: center;
}

#footer_wrap .img_float_left {
	float: none;
}

#footer_info {
	margin: 0 0 0 0;
}

#ask_title {
	margin: 0 0 20px;
}

#copyright {
	width: 100%;
	margin: 0;
	text-align: center;
}


/* ----------------------------------------
サイド
---------------------------------------- */
#left_side {
	width: 221px;
	float: left;
	display: none;
}

#left_side {
	width: 221px;
	background: url(../images/img_index/leftside-bottom.jpg) no-repeat bottom;
	padding: 0 0 15px;
}

#left_side_inner {
	width: 221px;
	background: url(../images/img_index/leftside-top.jpg) no-repeat top;
	padding: 15px 0 0;
}

#left_side_middle {
	width: 191px;
	background: url(../images/img_index/leftside-middle.jpg) repeat-y;
	padding: 0 15px;
}

#left_side_middle section h1 {
	margin: 10px 0;
}

#flow_btn {
	padding: 0 0 10px;
	border-bottom: 1px dotted #666;
}

#company {
	margin: 10px 0 0;
}

/* ----------------------------------------
thanks.html
---------------------------------------- */
#complete_wrap {
	width: 620px;
	margin: 0 0 10px 10px;
}	

#complete_wrap h2 {
	margin: 0 0 20px;
	border-left: 3px solid #3C3;
	border-bottom: 1px dotted #666;
	padding: 5px 0 5px 20px;
}

#complete_wrap p {
	margin: 10px 0;
	line-height: 1.8;
}

/* ----------------------------------------
クリアフィックス
---------------------------------------- */
#contents_wrap:after, #power_apoeal_wrap p:after, #power_appeal_wrap ul:after, #buy_appeal_wrap:after, #buy_appeal_wrap2 p:after, #footer_wrap:after, #icatch_wrap:after {
content:".";
display:block;
height:0.1px;
clear:both;
visibility:hidden;
}

#contents_wrap, #power_appeal_wrap p, #power_appeal_wrap ul, #buy_appeal_wrap, #buy_appeal_wrap2, #footer_wrap, #icatch_wrap {
overflow:hidden;
zoom:1;
}

.sp_img_float_rightnone {
float: none;
}


}