@charset "utf-8";

#choicepage {
	float: right;
	width: 785px;
}

#nakami {
	float: left;
	width: 640px;
}

/* ----- 新チョイスナビ -------------------------------------- */

#choicenavi{
	float: right;
}

#choicenavi a{
	display: block;
	height: 55px;
	width: 130px;
	background-image: url(../hjstyle/img/navi_hj-choice.gif);
	background-repeat: no-repeat;
}

#choicenavi li{
	text-indent:-9999px;
	list-style-type: none;
	border: 1px solid #f9a533;
	margin-bottom: 5px;
}

#choicenavi #choice1 a{ background-position:	0px	0px;}
#choicenavi #choice2 a{ background-position:	0px	-55px;}
#choicenavi #choice3 a{ background-position:	0px	-110px;}
#choicenavi #choice4 a{ background-position:	0px	-165px;}
#choicenavi #choice5 a{ background-position:	0px	-220px;}
#choicenavi #choice6 a{ background-position:	0px	-275px;}
#choicenavi #choice7 a{ background-position:	0px	-330px;}
#choicenavi #choice8 a{ background-position:	0px	-385px;}
#choicenavi #choice9 a{ background-position:	0px	-440px;}

#choicenavi #choice1 a:hover{ background-position:	-130px	0px;}
#choicenavi #choice2 a:hover{ background-position:	-130px	-55px;}
#choicenavi #choice3 a:hover{ background-position:	-130px	-110px;}
#choicenavi #choice4 a:hover{ background-position:	-130px	-165px;}
#choicenavi #choice5 a:hover{ background-position:	-130px	-220px;}
#choicenavi #choice6 a:hover{ background-position:	-130px	-275px;}
#choicenavi #choice7 a:hover{ background-position:	-130px	-330px;}
#choicenavi #choice8 a:hover{ background-position:	-130px	-385px;}
#choicenavi #choice9 a:hover{ background-position:	-130px	-440px;}

#choicenavi #choice1 a.current-page{background:url(../hjstyle/img/navi_hj-choice.gif) -130px	0px;}
#choicenavi #choice2 a.current-page{background:url(../hjstyle/img/navi_hj-choice.gif) -130px	-55px;}
#choicenavi #choice3 a.current-page{background:url(../hjstyle/img/navi_hj-choice.gif) -130px	-110px;}
#choicenavi #choice4 a.current-page{background:url(../hjstyle/img/navi_hj-choice.gif) -130px	-165px;}
#choicenavi #choice5 a.current-page{background:url(../hjstyle/img/navi_hj-choice.gif) -130px	-220px;}
#choicenavi #choice6 a.current-page{background:url(../hjstyle/img/navi_hj-choice.gif) -130px	-275px;}
#choicenavi #choice7 a.current-page{background:url(../hjstyle/img/navi_hj-choice.gif) -130px	-330px;}
#choicenavi #choice8 a.current-page{background:url(../hjstyle/img/navi_hj-choice.gif) -130px	-385px;}
.mawari-left {
	float: left;
	padding-right: 10px;
}
.mawari-left25 {
	float: left;
	padding-right: 25px;
}
.mawari-right {
	float: right;
	padding-left: 10px;
}
.mawari-right-none {
	float: right;
}

#choicepage #title {
	padding-bottom: 25px;
}

#choicepage #title #catch {
	background-image: url(../hjstyle/img/title_catch.gif);
	padding-left: 185px;
	background-repeat: no-repeat;
	background-position: 5px bottom;
	padding-top: 5px;
	line-height: 130%;
}

#choicepage #title #catch02 {
	background-image: url(../hjstyle/img/logo_smartone.gif);
	padding-left: 185px;
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-top: 5px;
	line-height: 130%;
}


#choicenavi #choice9 a.current-page{background:url(../hjstyle/img/navi_hj-choice.gif) -130px	-440px;}

#naiyou #nakami h3 {
	height: 85px;
	width: 640px;
	display: block;
	overflow: hidden;
	margin-bottom: 5px;
}
#choicepage #nakami h4 {
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 110%;
	color: #58595b;
}


#choice01b {
	background-repeat: no-repeat;
	padding-top: 25px;
	background-image: url(../hjstyle/img/img_choice01c.jpg);
	background-position: right;
}

#choice01b .box {
	height: 100px;
	width: 200px;
	float: left;
	padding-right: 10px;
}
#choice01b .box h4 {
	font-weight: bold;
	color: #41ad49;
	font-size: 110%;
	padding-bottom: 10px;
	padding-top: 0px;
}
#choice01b .box p {
	font-size: 80%;
	line-height: 120%;
}
#choice01b img {
	float: left;
	padding-right: 5px;
	padding-bottom: 15px;
}
#choice01b2 {
	float: right;
}
#box02 {
	width: 300px;
	float: left;
	margin-right: 15px;
}
#choice04box {
}
#choice04box .leftarea {
	width: 420px;
	float: left;
	padding-right: 15px;
}
#choice04box .leftarea img {
	padding-bottom: 15px;
}
#choice04box .leftarea h5 {
	font-size: 120%;
}
#choice05box02 {
	width: 385px;
	float: left;
	padding-right: 10px;
}
.box170 {
	float: left;
	width: 170px;
	padding-right: 15px;
}

.box180 {
	float: left;
	width: 180px;
	padding-right: 10px;
}

#choice05box03 {
	width: 240px;
	float: left;
}
#choice06box {
	width: 270px;
	float: left;
	padding-right: 20px;
}
#choice06box02 {
	width: 350px;
	float: left;
}
#choice07box {
	width: 200px;
	padding-right: 10px;
	float: left;
	padding-bottom: 25px;
}










.clear	{
	clear: both;
	margin: 0;
}
.hako100 {
	height: 100px;
}
.com {
	font-size: 80%;
	line-height: 130%;
}
.choice09box {
	clear: both;
}
#choice09 .textbox {
	float: left;
	width: 220px;
	padding-right: 20px;
}
#choice09 .textbox02 {
	float: right;
	width: 220px;
}
#choice09 h5 {
	color: #FFFFFF;
	background-color: #F6921e;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 110%;
}
#choice09 h6 {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
}
#choice09 img {
	padding-bottom: 20px;
}
#choice09 .textbox p {
	padding-left: 5px;
}


#choice09 .siyou {
	background-color: #FFFFCC;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
}
#smartone .plan01 {
	width: 405px;
	float: left;
}
#smartone .plan02 {
	float: right;
	text-align: center;
}
.pl_nav  {
	width: 785px;
	height: 17px;
	float: none;
}
#smartone .plnew02 {
	float: right;
	text-align: center;
}
#smartone .plnew01 {
	width: 404px;
	float: left;
}
#smartone  .plnewtxtbox {
	width: 382px;
	float: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 10px;
	margin-bottom: 10px;
}
.cap {
	font-size: 0.7em;
	line-height: 1em;
	color: #333333;
}
.txt_red {
	font-size: 0.8em;
	line-height: 1.1em;
	color: #C6161E;
}
#smartone .plnew03 {
	text-align: center;
	width: 785px;
	margin-top: 40px;
	margin-bottom: 20px;
	float: left;
}
#smartone .plnewmid01 {
	text-align: center;
	width: 785px;
	float: left;
}
#smartone .plnewmid02 {
	text-align: center;
	width: 785px;
	margin-top: 20px;
	float: left;
}
.caps {
	font-size: 0.8em;
	line-height: 1.1em;
	color: #333333;
}
.capsred {
	font-size: 0.8em;
	line-height: 1.1em;
	color: #C6161E;
}


/*Gコンセプト*/

#gconcept .keyvisual {
	float: right;
	padding-left: 30px;
}
#gconcept h2 {
	padding-bottom: 25px;
}

#gconcept .entry {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	line-height: 1.6em;
}
#gconcept .concept01 {
	padding-top: 20px;
}
#choicepage #next_navi {
	clear: both;
	padding-top: 30px;
	padding-left: 15px;
}
#gconcept.plan .section {
	padding-left: 45px;
	padding-right: 45px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #14ab39;
	padding-top: 5px;
	clear: both;
}
#gconcept.plan .article {
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	min-height:150px;
	padding-right: 50px;
}

#gconcept .modoru_top {
	text-align: right;
	display: block;
	clear: both;
	width: 785px;
}

#gconcept .local_nav {
	clear: both;
	padding-top: 30px;
	padding-left: 160px;
}

#gconcept .local_nav li {
	list-style-type: none;
	float: left;
}

#gconcept .local_nav li a {
	background-color: #060;
	display: block;
	width: 200px;
	font-size: 1.3em;
	color: #FFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../images/material/grd_buttun/grd_buttun_01o.gif);
	background-repeat: repeat-x;
	background-position: center;
	border: 1px solid #14ab39;
	margin-right: 45px;
	font-weight: bold;
}

#gconcept .local_nav li a:hover {
	background-image: url(../images/material/grd_buttun/grd_buttun_01t.gif);
	background-repeat: repeat-x;
	background-position: center;
	border: 1px solid #F60;
}

#gconcept .plannavi {
	padding-bottom: 20px;
	padding-left: 45px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #14ab39;
	margin-bottom: 15px;
}

#gconcept .plannavi li {
	list-style-type: none;
	float: left;
}

#gconcept .plannavi li a {
	background-color: #060;
	display: block;
	width: 200px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #FFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../images/material/grd_buttun/grd_buttun_01o.gif);
	background-repeat: repeat-x;
	background-position: center;
	border: 1px solid #14ab39;
	margin-right: 45px;
	letter-spacing: 0.1em;
	height: 1em;
}
#gconcept .plannavi li.end a {
	margin-right: 0px;
}

#gconcept .plannavi li a:hover {
	background-image: url(../images/material/grd_buttun/grd_buttun_01t.gif);
	background-repeat: repeat-x;
	background-position: center;
	border: 1px solid #F60;
}
#gconcept.standard h2 {
	clear: both;
}

#gconcept.standard h3 {
	font-family: "Times New Roman", Times, serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #14ab39;
	font-size: 1.4em;
	font-weight: normal;
	clear: both;
	padding-left: 5px;
	color: #14ab39;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #14ab39;
	min-height: 23px;
}
#gconcept.standard h4 {
	font-weight: normal;
	padding-bottom: 5px;
}

#gconcept.standard h5 {
	font-weight: normal;
	float: left;
	width: 190px;
	padding-right: 10px;
}

#gconcept.standard .section {
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 20px;

}

#gconcept.standard .section img {
	margin: 0px;
	padding: 0px;
}
#gconcept.standard .section .image {
	float: left;
	padding-right: 15px;
	font-size: 0.8em;
	text-align: center;
}

#gconcept.standard .section .image.end {
	padding-right: 0px;
}
#gconcept.standard .section .sub_box {
	clear: both;
	padding-top: 45px;
	text-align: right;
	padding-right: 20px;
	font-size: 0.8em;
	background-image: url(../g-concept/img/b_celclean.gif);
	background-repeat: no-repeat;
}
#gconcept.standard .section .sub_box .title {
	width: 700px;
}
#gconcept #exterior .section .subtitle {
	clear: both;
}

#gconcept.standard .smallbox {
	float: left;
	margin-right: 20px;
	width: 380px;
}

#gconcept.standard .smallbox.end {
	margin-right: 0px;
	float: right;
}
#gconcept.standard .section .combox {
	float: left;
	width: 150px;
	padding-right: 15px;
}
#gconcept #exterior {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #14ab39;
	padding-top: 5px;
}

#gconcept #interior {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #14ab39;
	padding-top: 5px;
}

#gconcept.standard h3 .makerlogo {
	text-align: right;
	float: right;
	position: relative;
	top: -30px;
}
#gconcept.standard .b_kubota {
	background-image: url(../g-concept/img/b_kubota.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#gconcept.standard .b_asahi {
	background-image: url(../g-concept/img/b_asahi.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#gconcept.standard .b_eidai {
	background-image: url(../g-concept/img/b_eidai.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#gconcept.standard .b_inax {
	background-image: url(../g-concept/img/b_inax.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#gconcept.standard .b_toto {
	background-image: url(../g-concept/img/b_toto.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#gconcept.standard .siyou {
	clear: both;
	padding-top: 25px;
}
#gconcept .siyou li {
	width: 81px;
	font-size: 0.8em;
	text-align: center;
	list-style-type: none;
	line-height: 1.3em;
	height: 30px;
	background-color: #14ab39;
	color: #FFF;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	padding-top: 7px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
}
#gconcept .siyou li.title {
	color: #14ab39;
	background-color: #FFF;
	border: 1px solid #14ab39;
	width: 81px;
	height: 29px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

*html #gconcept .siyou li.title {
	height: 28px;
}

#gconcept .siyou li.line01 {
	line-height: 2.6em;
}
#gconcept .catch {
	padding-top: 35px;
	padding-bottom: 35px;
	padding-left: 97px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #696969;
	clear: both;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#gconcept .concept01 {
	padding-bottom: 25px;
	padding-top: 0px;
}
#concept .entry {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #14ab39;
	padding-bottom: 10px;
	padding-top: 10px;
}
#concept .entry .symbol {
	float: left;
	padding-right: 25px;
	padding-left: 25px;
}
#concept .entry h2 {
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #696969;
}
#concept .entry h3 {
	clear: both;
	padding-bottom: 15px;
}

#concept .entry p {
	padding-bottom: 15px;
}
#concept .entry .entry_title {
	padding-top: 15px;
	padding-bottom: 10px;
}
#concept .entry .image {
	float: right;
	font-size: 0.8em;
	text-align: center;
}

#concept .entry .image_l {
	float: left;
	font-size: 0.8em;
	text-align: center;
	padding-right: 15px;
}

#concept .entry .image_r {
	float: right;
	font-size: 0.8em;
	text-align: center;
	padding-left: 15px;
}
#concept .entry .button a {
	background-image: url(../images/material/grd_buttun/grd_buttun_01o.gif);
	background-repeat: repeat-x;
	background-position: center;
	border: 1px solid #14ab39;
	display: inline;
	line-height: 1em;
	padding: 5px;
	font-weight: bold;
	color: #FFF;
	background-color: #14ab39;
	float: right;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#concept .entry .button a:hover {
	background-image: url(../images/material/grd_buttun/grd_buttun_01t.gif);
	background-repeat: repeat-x;
	background-position: center;
	border: 1px solid #F60;
}
#concept .entry .section {
	float: left;
}
#choicepage #concept_main .entry {
}
#concept .entry .maincatch {
	padding-left: 102px;
}
#concept .entry .boxset {
	clear: both;
}

#concept .entry .box_l {
	width: 370px;
	padding-right: 45px;
	float: left;
}
#concept .entry .box_r {
	width: 370px;
	float: right;
}
#concept .entry h4 {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #14ab39;
	margin-bottom: 10px;
}
#choice01 .box .subtitle {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#choice01 .box .subtitle02 {
	padding-top: 10px;
	padding-bottom: 20px;
}


#choice01 .box {
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #14ab39;
	margin-bottom: 15px;
	margin-top: 0px;
	padding-top: 0px;
}


#choice01 .box_l {
	width: 305px;
	padding-right: 30px;
	float: left;
}
#choice01 .box_r {
	width: 305px;
	float: right;
}
#choice01 .box .maintext {
	line-height: 1.7em;
}
#gconcept .article .plantitle {
	padding-left: 65px;
}

#gconcept .article .plantitle.type-b {
	padding-left: 86px;
}


.ecolink ul {
	padding-top: 5px;
	padding-left: 85px;
}

.ecolink li {
	float: left;
	list-style-type: none;
}

.ecolink li a {
	width: 200px;
	border: 1px solid #063;
	margin-right: 30px;
	height: 40px;
	display: block;
	text-align: center;
	background-image: url(../images/material/grd_buttun/grd_buttun_01n.gif);
	background-repeat: repeat-x;
	background-position: center center;
	color: #FFF;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.ecolink li a:hover {
	background-image: url(../images/material/grd_buttun/grd_buttun_01t.gif);
	border: 1px solid #F60;
	font-weight: bold;
}

.ecolink.ecolink01 ul {
	padding-top: 10px;
	padding-left: 0px;
}
.ecolink.ecolink01 li a {
	width: 336px;
	height: auto;
	display: block;
	padding: 5px;
}
.ecolink.ecolink01.space {
	padding-left: 225px;
	clear: both;
}

#contents #main .conceptTxt01 {
	color: #FFFFFF;
	display: block;
	background-color: #98be34;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 450px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#contents .area2line {
	clear: both;
}
#contents #area2box1 {
	width: 784px;
	clear: both;
}
#contents .area2txt {
	float: right;
	width: 510px;
	font-size: 12px;
	line-height: 22px;
}
#contents   .area2txt   img           {
	float: left;
	clear: both;
}

#contents #area2box1 img {
	float: left;
}
#contents    .containerTxt    {
	float: left;
	width: 500px;
	margin-left: 5px;
	margin-top: 5px;
	clear: both;
}

#contents #zyusisassi {
	width: 460px;
	font-size: 12px;
	border: 2px solid #CC6633;
	padding: 15px;
	margin-top: 5px;
	clear: both;
}
#contents #aquaform {
	width: 784px;
	clear: both;
	margin-bottom: 20px;
	background-color: #eaf2d6;
	height: 345px;
}