@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 */
}


/*------------------------------ topic path */
ol#topicPath {
	margin: 0 0 0 0;
	padding-top:15px;
	font-size:12px;
	list-style: none;
	overflow: hidden;	/* モダンブラウザ向け */
	zoom: 1; /* IE向け */
	clear:both;
}
ol#topicPath li {
	float: left;
	padding-right: 5px;
	padding-left: 15px;
	background: url(../images/pages/topic_arrow.jpg) no-repeat 0 20%;
}
ol#topicPath li.home {
	padding-left: 0;
	background: none;
}
ol#topicPath li a:link,
ol#topicPath li a:visited {
	color: #3366FF;
	text-decoration: underline;
}
ol#topicPath li a:hover,
ol#topicPath li a:active {
	color: #FF6633;
	text-decoration: underline;
}
ol#topicPath li em {
	font-style: normal;
	font-weight: bold;
}

#topicPath:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

.b {
	font-weight: bold;
}


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;
}

.contactsmp {
display: none;
}


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

#header_title {
	width: 420px;
	float:left;
}

#header_tel {
	width: 255px;
	float: right;
}

/* アイキャッチ*/
#icatch_wrap {
	width: 900px;
	margin: 0 0 0 20px;
	clear: both;
}

#icatch_main {
	width: 721px;
	float: left;
}


#icatch_main h3 {
font-size: 18px;
color: #189C33;
margin: 10px auto;
}


#icatch_image_character {
	width: 153px;
	float: right;
	margin: 50px 0 0;
}
	
#icatch_main ul li {
	float: left;
	margin: 0 0 0 5px;
}

#icatch_list {
	width: 282px;
	float: right;
}

#icatch_btn {
	margin: -6px 0 0;
}

@media screen and (min-width: 1280px) {
#icatch_bg_l {
	position: absolute;
	left: -540px;
	top: 0;
	
}

#icatch_bg_r{
	position: absolute;
	left: 960px;
	top: 10px;
}
}


@media screen and (max-width: 1280px) {
#icatch_bg_l {
	display: none;	
}

#icatch_bg_r{
	display: none;	
}
}


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

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

#navi ul li {
	float: left;
}

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


/* ----------------------------------------
メインコンテンツ
---------------------------------------- */
#contents_wrap {
	clear: both;
	width: 950px;
	margin: 10px 0 0;
}

#main_contents {
	width: 714px;
	float: right;
	background: url(../images/img_index/contents_bottom.jpg) no-repeat bottom;
	padding: 0 0 15px;
}

#main_contents_inner {
	width: 714px;
	background: url(../images/img_index/contents-top.jpg) no-repeat top;
	padding: 15px 0 0;
}

#main_contents_middle {
	width: 674px;
	background: url(../images/img_index/contents-middle.jpg) repeat-y;
	padding: 0 20px;
}

/* second page 以下 */
.main_contents_middle {
	width: 674px;
	background: url(../images/img_index/contents-middle.jpg) repeat-y;
	padding: 0 20px 0 25px;
}

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

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

#example_list {
	margin: 0 0 0 120px;
}

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


#top_arrow {
	clear: both;
}


#power_appeal_wrap {
	background: url(../images/img_index/usagi1.jpg) no-repeat left center;
}

#appeal_sub_txt {
	margin: 0 0 0 60px
}


#power_appeal_wrap ul {
	margin: 0 0 0 60px;
}

#second_appeal {
	margin: 0 10px 0;
}

#power_appeal_wrap ul li {
	width: 189px;
	height: 104px;
	float: left;
	list-style: none;
	background: url(../images/img_index/power-bg.png) no-repeat;
}


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

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


/* ----------------------------------------
buy appeal
---------------------------------------- */
#buy_appeal_title {
	width: 637px;
	margin: 20px auto;
}

#buy_appeal_wrap {
	width: 630px;
	background: #EAEAEA;
	padding: 10px;
	margin: 0 auto;
	position: relative;
	left: 0;
	top: 0;
}

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

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

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

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

/*　不整系地タイトル・テキスト　*/
#hatazaochi h3, #fuseikeichi h3, #kyoushouchi h3, #dourototsu h3 {
	margin: 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: left;
	margin: 20px 0 0;
	position: relative;
}

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

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


/*　再建築不可タイトル・テキスト　*/
#saikenchiku1 h3, #saikenchiku2 h3, #saikenchiku3 h3 {
	margin: 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 {
	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: 620px;
	border-top: 1px dotted #666;
	margin: 30px 0 0 10px;
	padding: 30px 0 0;
}

#footer_info {
	margin: 0 0 0 300px;
}

#ask_title {
	margin: 0 0 20px;
}

#copyright {
	width: 950px;
	margin: 20px 0 30px 250px;
}


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

#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;
}


/* ----------------------------------------
page title 共通
---------------------------------------- */
#page_title {
	margin: 20px 0;
	padding: 15px 0 0 35px;
	background: url(../images/pages/page_title_bg.jpg) no-repeat;
	width: 613px;
	height: 30px;
}

#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: 630px;
	margin: 15px 0 10px 10px;
}

/* ----------------------------------------
reason 
---------------------------------------- */
.reason_trouble_wrap {
	width: 654px;
	margin: 10px 0 0;
}

.reason_trouble_bg {
	width: 272px;
	height: 142px;
	background: url(../images/pages/reason_arrow_bg.jpg) no-repeat;
	float: left;
}

.reason_trouble_inner h3 {
	text-align: center;
	padding: 0;
	margin: 8px 0;
}

.reason_trouble_inner {
	width: 230px;
}

.reason_trouble_inner p {
	width: 170px;
	padding: 0 0 0 10px;
	font-size: 11px;
	line-height: 1.8;
}


.reason_safety {
	width: 372px;
	height: 136px;
	background: url(../images/pages/reason_safety_bg.jpg) no-repeat;
	float: right;
}

.reason_safety_title {
	text-align: center;
	margin: 12px 0 0;
}

.reason_safety p {
	width: 280px;
	padding: 5px 0 0 15px;
}

#reason_appeal_wrap {
	width: 654px;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	padding: 10px 0;
	margin: 30px 0;
}

#reason_appeal_left {
	width: 350px;
	float: left;
	background: url(../images/pages/reason_usagi.jpg) no-repeat;
}

#reason_appeal_right {
	width: 300px;
	float: right;
	background: url(../images/pages/reason_turtle.jpg) no-repeat;
}

#reason_appeal_wrap h3 {
	margin: 10px 0 0 160px;
}

#reason_appeal_wrap p {
	margin: 15px 0 0 60px;
}


#sitemap {
	width: 634px;
	background: #E8F7E8;
	padding: 10px;
}

#sitemap h3 {
	padding: 10px 0 10px 25px;
	background: url(../images/pages/icon_big_bk.jpg) no-repeat left center;
	border-bottom: 1px dotted #666;
	font-size: 14px;
}

#sitemap h4 {
	background: url(../images/pages/icon_bk.jpg) no-repeat left center;
	padding: 10px 0 5px 20px;
	font-weight: normal;
	margin: 0;
}

#sitemap ul {
	margin: 0 0 0 5px;
}

#sitemap ul li {
	background: url(../images/pages/icon_green.jpg) no-repeat left center;
	padding: 0 0 0 25px;
	margin: 5px 0 0;
	font-size: 11px;
}


#knowledge, #trade, #other, #contact {
	float: left;
	margin: 10px 0 0;
}

#trade, #other, #contact {
	margin-left: 30px;
}



/* ----------------------------------------
クリアフィックス
---------------------------------------- */
#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, .reason_trouble_wrap:after, #reason_appeal_wrap:after, #sitemap: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, .reason_trouble_wrap, #reason_appeal_wrap, #sitemap {
overflow:hidden;
zoom:1;
}