@charset "utf-8";

/* SPレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*--- base ---*/
/* { margin:0px; padding:0px;}
html { font-size: 87.5%;}
body { font-family: "メイリオ","Meiryo",verdana,"MS Pゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif; line-height: 1.6; text-align: left; color:#333333; background: #FFFFFF; -webkit-text-size-adjust: none;}

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: normal; line-height: 1.2;} img { border:0; vertical-align:bottom;} li { list-style:none;} table { border:none; border-collapse:collapse; font-size:100%;} table caption { display:none;} td,th { text-align:left; line-height: 1.5;}

a:link,a:visited { color: #0066CC; text-decoration: uncerline;}
a:active,a:hover { color: #0066CC; text-decoration: underline;}

img { max-width: 100%;}*/


/*--- header ---*/
/*#header { position: relative; float: left; width: 100%;}
	.headerSec01 { position: relative; overflow: hidden; padding: 0 0 5px; min-height: 2.4rem; box-sizing: border-box; background: url(images/header/header_border01.jpg) bottom repeat-x; background-size: auto 5px; line-height: 1;}
		.titleSumitomo { float: left; padding: .6em 0 .3em 3%; width: 36.25%;}
		.headerImg01 { float: right; padding: .4rem 3% .35rem 0; width: 26.56%;}
		.titleSumitomo img{width:116px;}
		.headerImg01 img{width:85px;}
	.headerSec02 { position: relative; float: left; width: 100%; padding: 0 0 1px; background: url(images/header/header_bg01.jpg) bottom repeat; line-height: 1;}
		#titleEgreen { text-align:center;}
		#titleEgreen img { width:100%;}
		#headerSec02Box { width: 100%; float: left; border-top: #c4beb2 solid 1px; border-bottom: #ada99d solid 1px;}
		.headerSec02Wrapper02 { display: none;}


	#headerSearch {float: left; width: 50%; box-sizing: border-box; text-align: center; color: #085715; font-size: 114.2%;}
		#headerSearch dt#headerSearchDt { padding: .5rem 0 .6rem; cursor: pointer;}
		#headerSearch dt#headerSearchDt span { padding: 0 0 0 1.6rem; background: url(/images/header/header_icon_search.png) center left no-repeat; background-size: 1.2em auto;}
		#headerSearch dt#headerSearchDt.active { background: #095716; color:#fff;}
		#headerSearch dt#headerSearchDt.active span { padding: 0 0 0 1.6rem; background: url(/images/header/header_icon_search_on.png) center left no-repeat; background-size: 1.2em auto;}
		#headerSearch dd#headerSearchDd { display: none; position: absolute; top: 100%; left: 0; width: 100%; padding: 0; box-sizing: border-box; z-index: 100; background: #095716; border-bottom: #074612 solid 1px;margin-top:-2px;}
		#headerSearchDdChUl { overflow: hidden;}
			#headerSearchDdChUl li.headerSearchDdChLi { overflow: hidden; padding: 1rem 3%; border-bottom: #3a7945 solid 1px; border-top: #074612 solid 1px; text-align: left;}

		#headerIconSearch02 { float: left; margin: 2px 2% 1px 0;}
			#headerIconSearch02 img { height: 18px;}
		.sch_box { float: left; height: 22px; line-height: 22px; width: 70%; -webkit-appearance: none; text-align: left;}
			.sch_box input { border: none; width: 100%; border-radius: 0; height: 20px; line-height: 20px; -webkit-appearance: none;}

		#tmp_sma_func_sch_btn { float: right; border: #a18b5d solid 1px; border-radius: 2px; box-sizing: border-box; margin: 0; width: 20%; height: 22px; line-height: 22px; -webkit-appearance: none;
			background-color: #ffffff;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f1ede3', endColorstr = '#caba9d');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f1ede3', endColorstr = '#caba9d')";
			background-image: -moz-linear-gradient(top, #f1ede3, #caba9d);
			background-image: -ms-linear-gradient(top, #f1ede3, #caba9d);
			background-image: -o-linear-gradient(top, #f1ede3, #caba9d);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#f1ede3), to(#caba9d));
			background-image: -webkit-linear-gradient(top, #f1ede3, #caba9d);
			background-image: linear-gradient(top, #f1ede3, #caba9d);
			text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);
		}

		#itemCatSearch { overflow: hidden; width: 100%; color: #FFF;}
		#itemCatSearch dt { margin: 0 0 .71rem; font-size: 87.5%;}
		#itemCatSearch dt img { height: 18px; margin: 0 2% 0 0;}
		#itemCatSearch dd ul { overflow: hidden; margin: -.71rem 0 0;}
		#itemCatSearch dd ul li { overflow: hidden; margin: .71rem 0 0;}
		#itemCatSearch dd ul li select { width: 100%; }
*/
/*--- nav ---*/
#glNav { float: left; width: 49.6%; border-right: #c4beae solid 1px; text-align: center; color: #085715; font-size: 114.2%;}
	#glNav dt { padding: .5rem 0 .6rem; cursor: pointer;}
	#glNav dt.active {background: #095716; color:#fff;}
	#glNav dt span { padding: 0 0 0 1.6rem; background: url(images/header/header_icon_nav.png) center left no-repeat; background-size: 1.2em auto;}
	#glNav dt.active span {background: url(images/header/header_icon_nav_on.png) center left no-repeat; background-size: 1.2em auto;}
	#glNav dd { display: none; position: absolute; top: 100%; left: 0; width: 100%; z-index: 100; background: #095716; margin-top:-2px; border-top:#063D0F 1px solid;}
		#glNav dd li { position: relative;  border-bottom: #074612 solid 1px; font-size: 114.2%; overflow: hidden; width: 100%; text-align: left;}
		#glNav dd li:first-child { border-top: none; }
			#glNav dd li span { display: block; padding: 0 0 .5rem; font-size: 75%;}
			#glNav dd li a { display: block; padding: .92rem 7.5% .71rem; color: #FFF; background: url(/images/header/icon_nav.png) 97.5% center no-repeat; background-size: .5em auto; text-decoration: none; border-bottom: #3a7945 solid 1px;}

/*--- footer ---*/
/*
#footer { position: relative; float: left; width: 100%; background: #095716 url(images/common/bg01.jpg) repeat-x; background-size: 7rem auto; color: #FFF; text-align: center; margin: 3.57rem 0 0; padding: 0;}
	#footer a { color: #FFF;}


	.footerWrapper { margin: 0 auto; position: relative; z-index: 90;}
	#footerSec02 { position: relative;  padding: 3.14rem 0 1.42rem 3.14rem; box-sizing: border-box; background: url(images/footer/footer_bg02.jpg) 0 6.85rem repeat-x; color: #FFF; z-index: 100;}
	#footerSec02 #footerBg03 { position: relative; margin: 0; background: url(images/footer/footer_bg04.png) top center no-repeat; z-index: 100; background-size: 100% auto;}
		#footerSec02 ul { overflow: hidden; padding: 5rem 0 1.5rem; font-size: 85.7%; text-align: center;}
			#footerSec02 ul li { }
				#footerSec02 ul li span { display: none;}
				#footerSec02 ul li span:after { content:"\A"; white-space: pre;}
		#footerSec02 small,#footerSec02 small span { display: block; font-size: 85.7%; text-align: center; line-height: 1.2;}
		#copyJp {}
		#copyEn {}

	#footerToTop { position: absolute; top: -29px; left: 50%; margin: 0 0 0 -85px; background: transparent;}
*/
/*--- side ---*/
#side { margin: 4.2rem 0 0;}

.localNav01 { display: none;}

.sideBnrList01 { overflow: hidden; margin: -.71rem 13.35% ;}
	.sideBnrList01 li { margin: .71rem 0 0; text-align: center;}
	.sideBnrList01 li img { width: 100%;}
	.sideBnrList01.sideBnrList01Pt02 { padding-top: .71rem; border-top: #8b5731 solid 1px;}

.sideDlPt01 { overflow: hidden; margin: 0 13.35%;}
	.sideDlPt01 dt { overflow: hidden; margin: 0 0 .71rem;}
	.sideDlPt01 dd { overflow: hidden;}
	.sideDlPt01 dd ul { overflow: hidden; margin: -.71rem 0 0;}
		.sideDlPt01 dd ul li { margin: .71rem 0 0; text-align: center;}
	.sideDlPt01 dd ul.sideDlPt01Ul02 { margin: -.35rem 0 0;}
		.sideDlPt01 dd ul.sideDlPt01Ul02 li { margin: .35rem 0 0;}
	.sideDlPt01 li img { width: 100%;}

.sideDlPt02 { overflow: hidden; margin: 0 13.35%;}
	.sideDlPt02 dt { overflow: hidden; margin: 0 0 .71rem; line-height: 1.2;}
	.sideDlPt02 dd { overflow: hidden; padding: .71rem 4%; border: #4ba1b1 solid 1px;}

	.sideDlPt02Ul01 { overflow: hidden; margin: -.35rem 0 0;}
		.sideDlPt02Ul01 li { overflow: hidden; margin: .35rem 0 0;}

.sideDlPt03 { overflow: hidden; padding: 0 13.35%;}
	.sideDlPt03 dt { padding: 0 0 .71rem;}
	.sideDlPt03 ul.sideDlPt03Bnr { overflow: hidden; margin: -.71rem 0 0;}
	.sideDlPt03 ul.sideDlPt03Bnr li { margin: .71rem 0 0; text-align: center;}
	.sideDlPt03 ul.sideDlPt03Bnr li img { width: 100%;}

.sideItemCat { padding: 11px 9px; border: #b4a7d8 solid 5px;}
	.sideItemCat dt { width: 190px; line-height: 1;}
	.sideItemCat dd { text-align: left;}
	.sideItemCat dd select { width: 100%;}
	.sideItemCat dd .sideItemCatSearch { overflow: hidden; margin: -.71rem 0 0;}
	.sideItemCat dd .sideItemCatSearch li { margin: .71rem 0 0;}


.sideDlBox01 { overflow: hidden; margin: 0 13.35% 0; border: #e33b7a solid 1px;}
	.sideDlBox01 dt { overflow: hidden; margin: 0 0 1rem; border-bottom: #e33b7a solid 2px;}
	.sideDlBox01 dd { overflow: hidden; padding: 5px;}

	.sideDlBox01Ul01 { padding: 0 3%;}
		.sideDlBox01Ul01 { padding: 0 3%; margin: -.71rem 0 .71rem; line-height: 1.2;}
		.sideDlBox01Ul01 li { padding: 0 0 0 .71rem; margin: .71rem 0 0; background: url(../../content/images/knowledge/basics/startguide/icon02.png) 0rem .3em no-repeat; background-size: .42rem .42rem;}

	.sideDlBox01Ul02 { overflow: hidden; padding: .71rem 4%; background: #f8f9da; line-height: 1.8;}
		.sideDlBox01Ul02 li { float: left;}

.sideUlIcon02 { overflow: hidden; padding: 0 3%; margin: -.71rem 0 0; line-height: 1.2;}
	.sideUlIcon02 li { padding: 0 0 0 .71rem; margin: .71rem 0 0; background: url(../../content/images/knowledge/basics/startguide/icon02.png) 0rem .3em no-repeat; background-size: .42rem .42rem;}

.sideDlBox02 { overflow: hidden; margin: 0 13.35% 0; border: #628843 solid 1px;}
	.sideDlBox02 dt { overflow: hidden; margin: 0 0 .71rem;}
	.sideDlBox02 dd { overflow: hidden; padding: 0 4.375% .71rem;}
	.sideDlBox02Ul01 { overflow: hidden;}
		.sideDlBox02Ul01 { overflow: hidden; margin: 0 0 0 -1.8%;}
		.sideDlBox02Ul01 li { float: left; width: 31.5%; margin: 0 0 0 1.8%; text-align: center;}
		.sideDlBox02Ul01 a {
			display: block; padding: .42rem 0; color: #59390c; text-decoration: none;
			background-color: #ffffff;
			border: 1px solid #d1b297;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fffffe', endColorstr = '#fff7e4');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fffffe', endColorstr = '#fff7e4')";
			background-image: -moz-linear-gradient(top, #fffffe, #fff7e4);
			background-image: -ms-linear-gradient(top, #fffffe, #fff7e4);
			background-image: -o-linear-gradient(top, #fffffe, #fff7e4);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#fffffe), to(#fff7e4));
			background-image: -webkit-linear-gradient(top, #fffffe, #fff7e4);
			background-image: linear-gradient(top, #fffffe, #fff7e4);
			-moz-background-clip: padding;
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
		}

.sideSub01 { overflow: hidden; margin: 0 13.35% 1.42rem;}

.sideMb10 { margin-bottom: .71rem;}
.sideMb15 { margin-bottom: 1.07rem;}
.sideMb20 { margin-bottom: 1.42rem;}
.sideMb24 { margin-bottom: 1.71rem;}
.sideMb30 { margin-bottom: 2.14rem;}

/*--- general parts ---*/
#enjoyNav { overflow: hidden; float: left; margin-bottom:20px;  }
	#enjoyNav li { float: left;}

#topicPath { overflow: hidden; float: left; width: 94%; padding: 2.14rem 0 .71rem; margin: 0 3% 2.5rem; background: url(/images/common/border01_sp.png) bottom center repeat-x; background-size: auto 3px; line-height: 1; color: #000000;}
	#topicPath li { float: left;}
		/*#topicPath li a { color: #000; text-decoration: none;}パン屑スマホリンクcolor解除*/
		#topicPath li span { padding: 0 .1em 0 .3em;}

#main { padding: 0 3%;}

.icon01List { overflow: hidden;  margin: -.71rem 0 0;}
	.icon01List li { margin: .71rem 0 0; background: url(../../content/images/knowledge/basics/startguide/icon01.png) 0 .1rem no-repeat; background-size: 1em; padding: 0 0 0 1.53em; line-height: 1.2;}

.icon02List {}
	.icon02List li { padding: 0 0 0 1.42rem; background: url(../../content/images/knowledge/basics/startguide/icon02.png) .35rem .5em no-repeat; background-size: .42rem .42rem;}
	.icon02List.pT02 { overflow: hidden; margin: -.71rem 0 0;}
		.icon02List.pT02 li { margin: .71rem 0 0;}

.listPt01 { overflow: hidden; margin: -.85rem 0 0 -24px; line-height: 1.2;}
	.listPt01 li { float: left; margin: .85rem 0 0 24px; white-space: nowrap;}


.bnrList { overflow: hidden; margin: -1.42rem 0 0; text-align: center;}
	.bnrList li { margin: 1.42rem 0 0;}

.bnrList02 { overflow: hidden; margin: -1.42rem 0 0;}
	.bnrList02 li { margin: 1.42rem 0 0;}

.dlIcon02 { overflow: hidden; margin: -2.57rem 0 0;}
	.dlIcon02 dt { margin: 2.57rem 0 1rem; font-weight: bold; padding: 0 0 0 1.42rem; background: url(../../content/images/knowledge/basics/startguide/icon02.png) .35rem .5em no-repeat; background-size: .42rem .42rem;}
	.dlIcon02 dd { padding: 0 0 0 1.42rem;}

.dlPt01 { overflow: hidden; background: #f8f3ef; padding: .71rem 3%;}
	.dlPt01 dt { background: url(../../content/images/knowledge/basics/startguide/border02.png) bottom repeat-x; background-size: auto 2px; padding: 0 0 .57rem; margin: 0 0 1.28rem; font-weight: bold; line-height: 1.2; font-size: 114.2%;}

.dlPt02 { overflow: hidden; margin: -1.86rem 0 0;}
	.dlPt02 dt { padding-bottom: 1.42rem; margin: 1.86rem 0 0; color: #000; font-size: 128.5%; font-weight: bold; line-height: 1.2;}

.dlPt03 { overflow: hidden; line-height: 1.2;}
	.dlPt03Dt01 { margin-bottom: 0.71rem;}
		.dlPt03Dt01 a { display: block; padding: .4em 0 .27em .68em; font-size: 114.2%; border-bottom: #ad9e80 solid 2px; border-right: #ad9e80 solid 1px; color: #5f461a; text-decoration: none; font-weight: bold;
			background-color: #ffffff;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e3ce', endColorstr = '#d8c6a0');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e3ce', endColorstr = '#d8c6a0')";
			background-image: -moz-linear-gradient(top, #e6e3ce, #d8c6a0);
			background-image: -ms-linear-gradient(top, #e6e3ce, #d8c6a0);
			background-image: -o-linear-gradient(top, #e6e3ce, #d8c6a0);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#e6e3ce), to(#d8c6a0));
			background-image: -webkit-linear-gradient(top, #e6e3ce, #d8c6a0);
			background-image: linear-gradient(top, #e6e3ce, #d8c6a0);
		}
		.dlPt03Dt01 a span { display: block; background: url(../../content/images/knowledge/basics/startguide/icon01.png) 0 .1em no-repeat; background-size: 1em; padding: 0 0 0 1.53em;}



.contentsMenu { width: 100%; margin-bottom: 3.57rem;}
.contentsMenu th,.contentsMenu td { overflow: hidden; display: block; border: #d5c9b1 solid 1px;}
	.contentsMenu th { border-bottom: #d3c7ae solid 1px; background: #f0e8d0; font-size: 114.2%; padding: .85rem 0 .71rem; text-align: center; font-weight: bold; line-height: 1.2;}
	.contentsMenu td { overflow: hidden; background: #f8f3ef; padding: .71rem 3%; line-height: 1.2; border-top: none;}
	.contentsMenu td li { float: left; white-space: nowrap;}

.spBox h2 { cursor: pointer;}
	#main .spBox .subBgCol02 { padding: .61em 0 .61em 1.8em; background: #def4b4 url(images/common/icon_open.png) .5em center no-repeat; background-size: 1em auto;}
	#main .spBox .subBgCol02.active { background: #def4b4 url(images/common/icon_close.png) .5em center no-repeat;}

.spBoxCon { overflow: hidden; display: none;}

.areaBox { background: #f8f3ef; padding: .92rem 6% 1.42rem; margin: 0 0 1.42rem; line-height: 1.2;}
	.areaBox p { padding-top: .5em;}

.recommendItemBox01 {}
	.recommendItemBox01 dt { text-align: center; padding: 0 0 1rem;}
	.recommendItemBox01 dt img { width: 53.3%;}
	.recommendItemBox01 dd { overflow: hidden; padding: 0 22.5%;}
	.recommendItemBox01 dd ul { overflow: hidden; margin-top: -.71rem;}
	.recommendItemBox01List { overflow: hidden; margin-top: .71rem; border: #ddd5c5 solid 1px; border-bottom: #9a958a solid 2px; border-right: #9a958a solid 1px;}
	.recommendItemBox01List.inTable { margin-left: 20.5%; margin-right: 20.5%;}
		.recommendItemBox01Img { text-align: center; padding: 0 .57rem;}
		.recommendItemBox01Link { text-align: center; padding: 1.14rem .57rem .85rem;
			background-color: #ffffff;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fbf9e5');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#fbf9e5')";
			background-image: -moz-linear-gradient(top, #ffffff, #fbf9e5);
			background-image: -ms-linear-gradient(top, #ffffff, #fbf9e5);
			background-image: -o-linear-gradient(top, #ffffff, #fbf9e5);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#fbf9e5));
			background-image: -webkit-linear-gradient(top, #ffffff, #fbf9e5);
			background-image: linear-gradient(top, #ffffff, #fbf9e5);
		}

.recommendBox01 { overflow: hidden; border: #f0e8d1 solid 5px; padding: 15px;}

.boxSec01 { overflow: hidden; background: #f8f3ef; padding: 1.42rem 6%;}
.boxSec02 { overflow: hidden; background: #f8f3ef; padding: 1.42rem 6%;}
.boxSec03 { overflow: hidden; background: #f8f5e2; padding: 1.42rem 3.3% .71rem;}


.rankBox { padding: 1.42rem 3.3% .71rem; background-color: #f8f3ef; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.rankBoxUl  { overflow: hidden;}
	.rankBoxUl .rankBoxUlCh { padding: 1.42rem 0 0; margin: 1.42rem 0 0; border-top: #e2dfdd solid 1px;}
	.rankBoxUl li:first-child.rankBoxUlCh { padding: 0; margin: 0; border-top: none;}
	.rank { overflow: hidden; padding: 0 5% .71rem;}
	.rankNo { float: left; width: 21.4%; margin: .71rem 7.1% 0 0;}
	.rankImg { overflow: hidden; width: 57.1%;}

.imgBorder01  { text-align: center;}
.imgBorder01 img { padding: 4px; border: #cfcfcf solid 1px;}
	.imgBorder01.w260 img { width: 90%;}

	.icon01Link { background: url(../../content/images/knowledge/basics/startguide/icon01.png) left center no-repeat; background-size: 1em; padding: 0 0 0 1.53em; line-height: 1.2;}
	.icon02Link { padding: 0 0 0 .71rem; margin: .71rem 0 0; background: url(../../content/images/knowledge/basics/startguide/icon02.png) 0rem .5em no-repeat; background-size: .42rem .42rem;}


.table01 { width: 100%; border-top: #cdcdcd solid 1px;}
	.table01 th,.table01 td { padding: .71rem; display: block; border: #cdcdcd solid 1px; border-top: none;}
	.table01 th { background: #e6f1c2; font-weight: bold; color: #000;}


	/*--- search ---*/
	.searchTitle { text-align: center; margin: 0 0 1.71rem;}
		.searchTitle img { width: 33.3%;}

	.searchList { overflow: hidden; font-size: 128.5%;}
		.searchList li { float: left; text-align: center; line-height: 1;}
			.searchList01 { margin: -.35rem 0 1em -1.6%;}
			.searchList01 li { width: 15%; margin: .35rem 0 0 1.6%; }
			.searchList02 { margin: -.71rem 0 0 -3.3%;}
			.searchList02 li { width: 46.5%; margin: .71rem 0 0 3.3%; }
		.searchList li a {
			display: block; padding: .42rem 0; font-weight: bold; color: #59390c; text-decoration: none;
			background-color: #ffffff;
			border: 1px solid #d1b297;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fffffe', endColorstr = '#fff7e4');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fffffe', endColorstr = '#fff7e4')";
			background-image: -moz-linear-gradient(top, #fffffe, #fff7e4);
			background-image: -ms-linear-gradient(top, #fffffe, #fff7e4);
			background-image: -o-linear-gradient(top, #fffffe, #fff7e4);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#fffffe), to(#fff7e4));
			background-image: -webkit-linear-gradient(top, #fffffe, #fff7e4);
			background-image: linear-gradient(top, #fffffe, #fff7e4);
			-moz-background-clip: padding;
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
		}


	.searchNav { overflow: hidden; border: #ddd5c5 solid 1px; margin: 0 0 2.85rem; text-align: center; line-height: 1.2; font-size: 114.2%;}
		.searchNav li { border-top: #eae7e0 solid 1px;}
			.searchNav li a { padding: .9em 0; display: block; border-top: #837f78 solid 1px; background: #ddd5c5; color: #654d2c; text-decoration: none; font-weight: bold;}
		.searchNav li:first-child { border: none;}
			.searchNav li:first-child a { border: none;}
		.searchNav li.active {}
			.searchNav li.active a {
				background-color: #ffffff;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f8f5e2', endColorstr = '#ffffff');
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f8f5e2', endColorstr = '#ffffff')";
				background-image: -moz-linear-gradient(top, #f8f5e2, #ffffff);
				background-image: -ms-linear-gradient(top, #f8f5e2, #ffffff);
				background-image: -o-linear-gradient(top, #f8f5e2, #ffffff);
				background-image: -webkit-gradient(linear, center top, center bottom, from(#f8f5e2), to(#ffffff));
				background-image: -webkit-linear-gradient(top, #f8f5e2, #ffffff);
				background-image: linear-gradient(top, #f8f5e2, #ffffff);
				color:#196600;
			}


	/*--- title ---*/
		#main h1 { padding: 0 0 1.71rem;}
		#main #banner { text-align: center; padding: 0 0 1.71rem; }
		#main #banner a { display: inline-block; }
		#main .subBg01 { overflow: hidden; width: 100%; margin: 0 0 1.86rem; font-size: 171.4%;color: #000000; font-weight: bold; padding: 0;
			background-color: #ffffff;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e0f6b8', endColorstr = '#ffffff');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e0f6b8', endColorstr = '#ffffff')";
			background-image: -moz-linear-gradient(top, #e0f6b8, #ffffff);
			background-image: -ms-linear-gradient(top, #e0f6b8, #ffffff);
			background-image: -o-linear-gradient(top, #e0f6b8, #ffffff);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#e0f6b8), to(#ffffff));
			background-image: -webkit-linear-gradient(top, #e0f6b8, #ffffff);
			background-image: linear-gradient(top, #e0f6b8, #ffffff);
			-moz-background-clip: padding;
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
		}
		#main .subBg01 span{ display: block; padding: .502em 0 .502em .5em; background: url(images/common/sub_bg01_sp.jpg) bottom left repeat-x; background-size: 100% 4px; }
		#main .subBgBd02 { background: url(../../content/images/knowledge/basics/startguide/border02.png) bottom repeat-x; background-size: auto 2px; padding: .1rem 0 .57rem; line-height: 1.2;}
		#main .subBgBd0202 { background: url(../../content/images/knowledge/basics/startguide/border02.png) bottom repeat-x; background-size: auto 2px; padding: .1rem 0 1.35rem; line-height: 1.2;}

		#main .subIcon01  { padding: 1.78rem 0 0;}
		#main .subIcon01 .subIcon01Pare { position: relative; display: block; padding: .71rem 0 .71rem 5.21rem;
			background-color: #f8f3ef;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#339933', endColorstr = '#336733');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#339933', endColorstr = '#336733')";
			background-image: -moz-linear-gradient(top, #339933, #336733);
			background-image: -ms-linear-gradient(top, #339933, #336733);
			background-image: -o-linear-gradient(top, #339933, #336733);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#339933), to(#336733));
			background-image: -webkit-linear-gradient(top, #339933, #336733);
			background-image: linear-gradient(top, #339933, #336733);
		}
		#main .subIcon01 span.iconSub02Img { position: absolute; top: -1.78rem; left: .42rem; width: 4rem auto; line-height: 1;}

		#main .subIcon02  { overflow: hidden; padding: .42rem 0 .42rem 1rem;
			background-color: #f8f3ef;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fed780', endColorstr = '#ffaa23');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fed780', endColorstr = '#ffaa23')";
			background-image: -moz-linear-gradient(top, #fed780, #ffaa23);
			background-image: -ms-linear-gradient(top, #fed780, #ffaa23);
			background-image: -o-linear-gradient(top, #fed780, #ffaa23);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#fed780), to(#ffaa23));
			background-image: -webkit-linear-gradient(top, #fed780, #ffaa23);
			background-image: linear-gradient(top, #fed780, #ffaa23);
		}
		#main .subIcon02 span  { display: block; padding: .2rem 0 .2rem 2.3rem; background: url(images/common/icon_sub03.png) 0 0 no-repeat; background-size: 1.85rem auto;}
		#main .subIcon02 a  { display: block; float: right; background: url(../../content/images/knowledge/basics/startguide/icon01.png) left center no-repeat; background-size: 1em; padding: 0 .71rem 0 1.53em; margin: .5rem 0 0; line-height: 1.2; text-decoration: none; color: #76391E;}

		#main .subBgCol01 { overflow: hidden; padding: .21em 0 .21em .76em; margin: 0 0 1rem; font-size: 114.2%; background: #def4b4; color: #59390C; font-weight: bold; letter-spacing: 0;}
		#main .subBgCol02 { overflow: hidden; padding: .61em 0 .61em .4em; margin: 0 0 1.86rem; font-size: 142.8%; background: #def4b4; color: #000000; border-bottom: #b5d927 solid 1px; font-weight: bold; letter-spacing: 0; line-height: 1.2;}

		#main .subBgCol03 { overflow: hidden; padding: .5em 0 .4em .4em; margin: 0; font-size: 142.8%; color: #FFF; font-weight: bold; letter-spacing: 0; line-height: 1.2;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#9b86d3', endColorstr = '#6643c5');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#9b86d3', endColorstr = '#6643c5')";
			background-image: -moz-linear-gradient(top, #9b86d3, #6643c5);
			background-image: -ms-linear-gradient(top, #9b86d3, #6643c5);
			background-image: -o-linear-gradient(top, #9b86d3, #6643c5);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#9b86d3), to(#6643c5));
			background-image: -webkit-linear-gradient(top, #9b86d3, #6643c5);
			background-image: linear-gradient(top, #9b86d3, #6643c5);
		}
		#main .subBgCol04 { overflow: hidden; padding: .5em 0 .5em .71em; margin: 0 0 1.42rem; background: #f8f3ef; color: #59390c; font-weight: bold; letter-spacing: 0;}


		#main .subTxt01 { padding-bottom: 1.42rem; color: #000; font-size: 128.5%; font-weight: bold; line-height: 1.2;}
		#main .subTxt02 { padding-bottom: 1.86rem; color: #59390C; font-weight: bold; line-height: 1.4;}

		#main .titleBox { width: 100%; padding: 0 0 1.36rem; margin: 0 0 1.71rem;}
		#main .titleBox.plantTitle { background: url(images/common/plant_sub_bg.jpg) bottom left repeat-x;}
		#main .titleBox.resolutionTitle { background: url(images/common/resolution_sub_bg.jpg) bottom left repeat-x;}
		#main .titleBox.enjoyTitle { background: url(images/common/enjoy_sub_bg.jpg) bottom left repeat-x;}
		#main .titleBox.guideTitle { background: url(images/common/guide_sub_bg.jpg) bottom left repeat-x;}
			#main .titleBoxImg { width: 62.6%; margin: 0 auto 1.14rem;}
			#main .titleBox h1 { padding: 0 0 1.27rem; font-size: 178.5%; font-weight: bold; text-align: center;}
				.plantH1 { color: #df1f66;}
				.resolutionH1 { color: #3796A5;}
				.enjoyH1 { color: #EE6810;}
				.guideH1 { color: #7859CE;}
			#main .titleBoxTxt { line-height: 1.2; padding: 0 4.6%;}

		.section h2 { padding-bottom: 1.28rem; font-size: 171.4%; color: #59390C; font-weight: bold; letter-spacing: .3em;}
		.section .beginnerH3 { color: #FFF; font-size:114.2%; padding: .8rem 0 .7rem 1.375rem; margin: 0 0 1.42rem;
			background-color: #ffffff;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#94784d', endColorstr = '#80643e');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#94784d', endColorstr = '#80643e')";
			background-image: -moz-linear-gradient(top, #94784d, #80643e);
			background-image: -ms-linear-gradient(top, #94784d, #80643e);
			background-image: -o-linear-gradient(top, #94784d, #80643e);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#94784d), to(#80643e));
			background-image: -webkit-linear-gradient(top, #94784d, #80643e);
			background-image: linear-gradient(top, #94784d, #80643e);
		}
			.section .beginnerH3 span { padding: .2em 0 .2em 2.5em; background: url(../../content/images/knowledge/basics/startguide/icon_beginner.png) 0 0 no-repeat; background-size: auto 1.875em;}
			.section .beginnerH3.leaf span { padding: .2em 0 .2em 3em; background: url(images/common/icon_beginner02.png) 0 0 no-repeat; background-size: auto 1.875em;}

		.beginnerH3Pt01 { padding: .4em 0 .4em 1.875em; background: url(../../content/images/knowledge/basics/startguide/icon_beginner.png) 0 0 no-repeat; background-size: auto 1.875em; font-size: 114.2%; color: #844C24; font-weight: bold;}

.contentsTabNavPc { display: none;}

.contentsTabNavSp {}
	.contentsTabNavSp.active a { padding: 1.07rem 0; margin: 0 0 1.42rem; font-size: 114.2%; line-height: 1.2; text-align: center; color: #196600; font-weight: bold; text-decoration: none;
		display: block;
		/*border-bottom: #ddd5c5 solid 1px;*/
		border-top: none;
		background-color: #ffffff;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f8f5e2', endColorstr = '#ffffff');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f8f5e2', endColorstr = '#ffffff')";
		background-image: -moz-linear-gradient(top, #f8f5e2, #ffffff);
		background-image: -ms-linear-gradient(top, #f8f5e2, #ffffff);
		background-image: -o-linear-gradient(top, #f8f5e2, #ffffff);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#f8f5e2), to(#ffffff));
		background-image: -webkit-linear-gradient(top, #f8f5e2, #ffffff);
		background-image: linear-gradient(top, #f8f5e2, #ffffff);
	}


	.contentsTabNavSp a { padding: 1.07rem 0; margin: 0; font-size: 114.2%; line-height: 1.2; text-align: center; color: #196600; font-weight: bold; text-decoration: none;
		display: block;
		border-top: #88847c solid 1px;
		background-color: #ddd5c5;
	}
	.contentsTabNavSp.startGuideFlowerToggle a {
		border-top: none;
		border-bottom: #88847c solid 1px;
		background-color: #ddd5c5;
	}
	.contentsTabNavSp.startGuideFlowerToggle { border-bottom: #88847c solid 1px;}
	.contentsTabNavSp.startGuideFlowerToggle.active { border-bottom: none;}
	.contentsTabNavSp.startGuideFlowerToggle a { border-bottom: #eeeae2 solid 1px;}
	.contentsTabNavSp.startGuideFlowerToggle.active a {	border-bottom: #eeeae2 solid 1px;}

		.startGuideFlowerToggle.active a{
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffcdcd', endColorstr = '#ffffff');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffcdcd', endColorstr = '#ffffff')";
		background-image: -moz-linear-gradient(top, #ffcdcd, #ffffff);
		background-image: -ms-linear-gradient(top, #ffcdcd, #ffffff);
		background-image: -o-linear-gradient(top, #ffcdcd, #ffffff);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#ffcdcd), to(#ffffff));
		background-image: -webkit-linear-gradient(top, #ffcdcd, #ffffff);
		background-image: linear-gradient(top, #ffcdcd, #ffffff);
		color:#FF3399!important;
	}

		.startGuideGardenTreeToggle.active a {
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cfe3be', endColorstr = '#ffffff');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cfe3be', endColorstr = '#ffffff')";
			background-image: -moz-linear-gradient(top, #cfe3be, #ffffff);
			background-image: -ms-linear-gradient(top, #cfe3be, #ffffff);
			background-image: -o-linear-gradient(top, #cfe3be, #ffffff);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#cfe3be), to(#ffffff));
			background-image: -webkit-linear-gradient(top, #cfe3be, #ffffff);
			background-image: linear-gradient(top, #cfe3be, #ffffff);
			color:#009900!important;
			border-bottom: #eeeae2 solid 1px;
	}

		.startGuideFlowerToggle a{ font-size:125%!important; color:#654C2C!important;}
		.startGuideGardenTreeToggle a{ font-size:125%!important; color:#654C2C!important;}

	.enjoyGardeningNavSp { }
		.enjoyGardeningNavSp { float: left; width: 100%;}
		.enjoyGardeningNavSp { border-top: #88847c solid 1px;}
		.enjoyGardeningNavSp.enjoyGardening01Toggle { border-top: none;}
		.enjoyGardeningNavSp .active a {
		border-right: #88847c solid 1px;
 		border-bottom: none;
	}
	.enjoyGardeningNavSp a {
		border-top: #eeeae2 solid 1px;
	}
	.enjoyGardeningNavSp.enjoyGardening01Toggle a { border-top: none;}

		.enjoyGardening01Toggle.active a{
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fee6f0', endColorstr = '#ffffff');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fee6f0', endColorstr = '#ffffff')";
			background-image: -moz-linear-gradient(top, #fee6f0, #ffffff);
			background-image: -ms-linear-gradient(top, #fee6f0, #ffffff);
			background-image: -o-linear-gradient(top, #fee6f0, #ffffff);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#fee6f0), to(#ffffff));
			background-image: -webkit-linear-gradient(top, #fee6f0, #ffffff);
			background-image: linear-gradient(top, #fee6f0, #ffffff);
			color:#FFA2C5;
			border-bottom: #eeeae2 solid 1px;
	}
		.enjoyGardening01Toggle a{ font-size:165%!important;color:#FFA2C5!important;}

		.enjoyGardening02Toggle.active a{
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cfe3be', endColorstr = '#ffffff');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cfe3be', endColorstr = '#ffffff')";
			background-image: -moz-linear-gradient(top, #cfe3be, #ffffff);
			background-image: -ms-linear-gradient(top, #cfe3be, #ffffff);
			background-image: -o-linear-gradient(top, #cfe3be, #ffffff);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#cfe3be), to(#ffffff));
			background-image: -webkit-linear-gradient(top, #cfe3be, #ffffff);
			background-image: linear-gradient(top, #cfe3be, #ffffff);
			color:#4FA25D;
			border-bottom: #eeeae2 solid 1px;
	}
		.enjoyGardening02Toggle a{ font-size:165%!important;color:#4FA25D!important;}

		.enjoyGardening03Toggle.active a{
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dedbea', endColorstr = '#ffffff');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dedbea', endColorstr = '#ffffff')";
			background-image: -moz-linear-gradient(top, #dedbea, #ffffff);
			background-image: -ms-linear-gradient(top, #dedbea, #ffffff);
			background-image: -o-linear-gradient(top, #dedbea, #ffffff);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#dedbea), to(#ffffff));
			background-image: -webkit-linear-gradient(top, #dedbea, #ffffff);
			background-image: linear-gradient(top, #dedbea, #ffffff);
			color:#928CC2;
			border-bottom: #eeeae2 solid 1px;
	}
		.enjoyGardening03Toggle a{ font-size:165%!important;color:#928CC2!important;}



.tabsContentWrapper { overflow: hidden; border: #ddd5c5 solid 1px;}
	.tabsContentWrapperCh { padding: 0 3%;}

.img156 { text-align: center;}
	.img156 img { width: 52%;}

.img200 { text-align: center;}
	.img200 img { width: 66.6%;}

.imgR { }
.imgL { }

.col01 { color: #990000;}
.col02 { color: #5f4619;}


.lH12 { line-height: 1.2;}

.ofH { overflow: hidden;}
.clB { clear: both;}
.clL { clear: left;}
.fL  { float: left;}
.fR  { float: right;}

.aC { text-align: center;}
.aR { text-align: right;}
.aL { text-align: left;}
.fwB { font-weight: bold;}


/*--- section class ---*/
.borderBox01 { overflow: hidden; border-bottom: #c4b7a4 solid 1px; padding: 0 0 1.78rem; margin: 0 0 1.21rem;}

.sectionBorder01 { border-bottom: #bfb19e dashed 1px; padding: 0 0 1.71rem; margin: 0 0 1.71rem;}


/*--- box layout ---*/
	/*--- boxList01 ---*/
		.boxList01 { overflow: hidden; margin: -.71rem 0 0; padding: 0 0 2.5rem; }
			.boxList01Box { margin: .71rem 0 0; padding: 4px;
				background-color: #ffffff;
				border: 1px solid #e5e0ca;
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f8f9d9');
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f8f9d9')";
				background-image: -moz-linear-gradient(top, #ffffff, #f8f9d9);
				background-image: -ms-linear-gradient(top, #ffffff, #f8f9d9);
				background-image: -o-linear-gradient(top, #ffffff, #f8f9d9);
				background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f8f9d9));
				background-image: -webkit-linear-gradient(top, #ffffff, #f8f9d9);
				background-image: linear-gradient(top, #ffffff, #f8f9d9);
			}
			.boxList01Dt01 { margin-bottom: 0.71rem;}
				.boxList01Dt01 a { display: block; padding: .4em 0 .27em .68em; font-size: 114.2%; line-height: 1.2; border-bottom: #ad9e80 solid 2px; border-right: #ad9e80 solid 1px; color: #5f461a; text-decoration: none; font-weight: bold;
					background-color: #ffffff;
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e3ce', endColorstr = '#d8c6a0');
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e3ce', endColorstr = '#d8c6a0')";
					background-image: -moz-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: -ms-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: -o-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: -webkit-gradient(linear, center top, center bottom, from(#e6e3ce), to(#d8c6a0));
					background-image: -webkit-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: linear-gradient(top, #e6e3ce, #d8c6a0);
				}
				.boxList01Dt01 a span { display: block; background: url(../../content/images/knowledge/basics/startguide/icon01.png) 0 .1rem no-repeat; background-size: 1em; padding: 0 0 0 1.53em;}
			.boxList01Img { width: 24%; float: left; margin-right: 3.3%;}
			.boxList01Con01 { overflow: hidden; margin: 0 0 .71rem;}
				.boxList01Con01 dl { overflow: hidden; margin: -1.12rem 0 0;}
				.boxList01Con01 dt { overflow: hidden; margin: 1.12rem 0 .3rem;}
				.boxList01Con01 dt img { width: 96px;}
				.boxList01Con01 ul { font-size: 85.7%;}

			.boxList01Con02 { clear: both; overflow: hidden; padding: .71rem 0 0;}
				.boxList01Con02Img { float: right; width: 22.6%; margin: 0 2.6% 0 6%;}
				.boxList01Con02L dt { overflow: hidden; margin: 0 0 .5rem;}
				.boxList01Con02L dt img { width: 54px;}
				.boxList01Con02L dd { font-size: 114.2%; line-height: 1.4;}
				.boxList01Con02L dd span { display: block; font-size: 62.5%;}

	/*--- boxList02 ---*/
		.boxList02 { overflow: hidden; margin: -.71rem 0 0; padding: 0 0 2.5rem; }
			.boxList02 li { overflow: hidden; margin: .71rem 0 0; padding: .71rem 3%; background: #f8f3ef;}
			.boxList02Dt01 { padding: 0 0 0 1.625em; margin: 0 0 .71rem; background: url(../../content/images/knowledge/basics/startguide/icon01.png) 0 0 no-repeat; background-size: auto 1.125em; font-size: 114.2%; font-weight: bold; line-height: 1.2;}
			.boxList02Dt01 a { color: #5F4619; text-decoration: none;}
			.boxList02Dd01 { line-height: 1.2;}
			.boxList02Img01 { padding: 1rem 0 0;}
			.boxList02Img02 { text-align: center; margin: 0 0 .71rem;}
				.boxList02Img02 img { width: 53.57%;}


	/*--- boxList03 ---*/
		.boxList03 { overflow: hidden; margin: -.71rem 0 0; padding: 0 0 1.71rem; }
			.boxList03Box { margin: .71rem 0 0; padding: 10px; background-color: #f8f3ef;}
			.boxList03Dt01 { margin-bottom: 0.71rem;}
				.boxList03Dt01 a { display: block; padding: .4em 0 .27em .68em; font-size: 114.2%; line-height: 1.2; border-bottom: #ad9e80 solid 2px; border-right: #ad9e80 solid 1px; color: #5f461a; text-decoration: none; font-weight: bold;
					background-color: #ffffff;
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e3ce', endColorstr = '#d8c6a0');
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e3ce', endColorstr = '#d8c6a0')";
					background-image: -moz-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: -ms-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: -o-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: -webkit-gradient(linear, center top, center bottom, from(#e6e3ce), to(#d8c6a0));
					background-image: -webkit-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: linear-gradient(top, #e6e3ce, #d8c6a0);
				}
				.boxList03Dt01 a span { display: block; background: url(../../content/images/knowledge/basics/startguide/icon01.png) 0 .1em no-repeat; background-size: 1em; padding: 0 0 0 1.53em;}
			.boxList03Img { text-align: center; margin: 0 0 1.42rem;}
				.boxList03Img img { width: 89.2%;}

			.boxList03Dt02 { margin: 0 0 1.28rem; font-weight: bold; line-height: 1.2;}
			.boxList03Dd02 { padding: 0 0 1rem; line-height: 1.2;}
			.boxList03Dt03 { color: #886E4A; background: url(../../content/images/knowledge/basics/startguide/border02.png) bottom repeat-x; background-size: auto 2px; padding: 0 0 .57rem; margin: 0 0 .92rem; font-weight: bold; line-height: 1.2;}
			.boxList03Dd02 { padding: 0 0 1rem; line-height: 1.2;}

	/*--- boxList04 ---*/
		.boxList04 { overflow: hidden; margin: -.71rem 0 0; padding: 0 0 1.71rem; }
			.boxList04Box { margin: .71rem 0 0; padding: 5px; border: 1px solid #e5e0ca;}
			.boxList04Dt01 { margin-bottom: 0.35rem;}
				.boxList04Dt01 a { display: block; padding: .4em 0 .27em .68em;; font-size: 114.2%; line-height: 1.2; border-bottom: #ad9e80 solid 2px; border-right: #ad9e80 solid 1px; color: #5f461a; text-decoration: none; font-weight: bold;
					background-color: #ffffff;
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e3ce', endColorstr = '#d8c6a0');
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e3ce', endColorstr = '#d8c6a0')";
					background-image: -moz-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: -ms-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: -o-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: -webkit-gradient(linear, center top, center bottom, from(#e6e3ce), to(#d8c6a0));
					background-image: -webkit-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: linear-gradient(top, #e6e3ce, #d8c6a0);
				}
				.boxList04Dt01 a span { display: block; background: url(../../content/images/knowledge/basics/startguide/icon01.png) 0 .1em no-repeat; background-size: 1em; padding: 0 0 0 1.53em;}
			.boxList04Img { text-align: center;}
				.boxList04Img img { width: 66.6%;}


	/*--- boxList05 ---*/
		.boxList05 { overflow: hidden; margin: -.71rem 0 0;}
			.boxList05Box { margin: .71rem 0 0; padding: 5px 5px 10px; border: 1px solid #e5e0ca;}
			.boxList05Dt01 { margin-bottom: 1rem;}
				.boxList05Dt01 a { display: block; padding: .4em 0 .27em .68em;; font-size: 114.2%; line-height: 1.2; border-bottom: #ad9e80 solid 2px; border-right: #ad9e80 solid 1px; color: #5f461a; text-decoration: none; font-weight: bold;
					background-color: #ffffff;
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e3ce', endColorstr = '#d8c6a0');
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e3ce', endColorstr = '#d8c6a0')";
					background-image: -moz-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: -ms-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: -o-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: -webkit-gradient(linear, center top, center bottom, from(#e6e3ce), to(#d8c6a0));
					background-image: -webkit-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: linear-gradient(top, #e6e3ce, #d8c6a0);
				}
				.boxList05Dt01 a span { display: block; background: url(../../content/images/knowledge/basics/startguide/icon01.png) 0 .1em no-repeat; background-size: 1em; padding: 0 0 0 1.53em;}
			.boxList05Img { float: left; width: 30%; margin: 0 0 1rem;}
				.boxList05Img img { width: 60%;}
			.boxList05Txt { padding: .57rem 0 0; margin: 0 0 1rem;}
			.boxList05Dd01 .selectLinkForm { overflow: hidden; clear: both; width: 100%;}

	/*--- boxList06 ---*/
		.boxList06 { overflow: hidden; margin: -.71rem 0 0; padding: 0 0 .71rem; }
			.boxList06Box { margin: .71rem 0 0; padding: 10px; background-color: #f8f3ef;}
			.boxList06Dt01 { margin-bottom: 0.71rem;}
				.boxList06Dt01 a { display: block; padding: .4em .27em .27em .68em; font-size: 114.2%; line-height: 1.2; border-bottom: #ad9e80 solid 2px; border-right: #ad9e80 solid 1px; color: #5f461a; text-decoration: none; font-weight: bold;
					background-color: #ffffff;
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e3ce', endColorstr = '#d8c6a0');
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e3ce', endColorstr = '#d8c6a0')";
					background-image: -moz-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: -ms-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: -o-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: -webkit-gradient(linear, center top, center bottom, from(#e6e3ce), to(#d8c6a0));
					background-image: -webkit-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: linear-gradient(top, #e6e3ce, #d8c6a0);
				}
				.boxList06Dt01 a span { display: block; background: url(../../content/images/knowledge/basics/startguide/icon01.png) 0 .1em no-repeat; background-size: 1em; padding: 0 0 0 1.53em;}
				.boxList06Dt01 dd {}
			.boxList06Img { text-align: center; margin: 0 0 1.42rem;}
				.boxList06Img img { width: 57.1%;}

			.boxList06Dt02 { margin: 0 0 1.28rem; font-weight: bold; line-height: 1.2; color: #59390c;}
			.boxList06Dd02 { padding: 0 0 1rem; line-height: 1.2;}
			.boxList06Dt03 { color: #886E4A; background: url(../../content/images/knowledge/basics/startguide/border02.png) bottom repeat-x; background-size: auto 2px; padding: 0 0 .57rem; margin: 0 0 .92rem; font-weight: bold; line-height: 1.2;}
			.boxList06Dd02 { padding: 0 0 1rem; line-height: 1.2;}

			.boxList03Dt01.spring a{ background:#FFCCCC;border-bottom: #CCA3A3 solid 1px; border-right: #CCA3A3 solid 1px;}
			.boxList03Dt01.spring a span {background: url(images/common/icon01pink.png) 0 .1em no-repeat; background-size: 1em;}
			.boxList03Dt01.summer a{ background:#FFDD57;border-bottom: #CCB146 solid 1px; border-right: #CCB146 solid 1px;}
			.boxList03Dt01.summer a span {background: url(images/common/icon01orenge.png) 0 .1em no-repeat; background-size: 1em;}
			.boxList03Dt01.autumn a{ background:#D9A889;border-bottom: #AE866E solid 1px; border-right: #AE866E solid 1px;}
			.boxList03Dt01.autumn a span {background: url(images/common/icon01red.png) 0 .1em no-repeat; background-size: 1em;}
			.boxList03Dt01.winter a{ background:#C7C4E5;border-bottom: #9F9DB7 solid 1px; border-right: #9F9DB7 solid 1px;}
			.boxList03Dt01.winter a span {background: url(images/common/icon01purple.png) 0 .1em no-repeat; background-size: 1em;}

/*--- spacing ---*/

.pB1em { padding-bottom: 1em;}

.spPb10  { padding-bottom: .71rem;}
.spPb14  { padding-bottom: 1rem;}
.spPb20  { padding-bottom: 1.42rem;}
.spPb26  { padding-bottom: 1.86rem;}
.spPb30  { padding-bottom: 2.14rem;}
.spPb32  { padding-bottom: 2.28rem;}
.spPb36  { padding-bottom: 2.57rem;}
.spPb40  { padding-bottom: 2.85rem;}
.spPb50  { padding-bottom: 3.57rem;}

.spMb7   { margin-bottom: .5rem;}
.spMb10  { margin-bottom: .71rem;}
.spMb13  { margin-bottom: .92rem;}
.spMb16  { margin-bottom: 1.14rem;}
.spMb20  { margin-bottom: 1.42rem;}
.spMb24  { margin-bottom: 1.71rem;}
.spMb26  { margin-bottom: 1.86rem;}



/*--- page parts ---*/
	/*--- resolution ---*/
	.resolutionTable { width: 100%; margin: 0 0 .71rem;}
		.resolutionTable th,.resolutionTable td { display: block;}
		.resolutionTable th  { text-align: center; padding: .85rem 0 .5rem;}
			.resolutionTable th img { width: 43.19%;}
			.resolutionTable td { padding: .85rem 4%;}
			.resolutionTable td.resolutionTableName { border-bottom: none; border-top: none;  padding: .85rem 4% .57rem;}
			.resolutionTable td.resolutionTableSymptoms { border-top: none;}

			.searchIcon { padding-left: 1.35em; background: url(images/common/icon_search01.jpg) 0 .3em no-repeat; background-size: .92em .92em;}

		.resolutionTable01 th,.resolutionTable01 td { border: #e1f0fb solid 3px;}
		.resolutionTable01 th  { background: #e1f0fb;}
		.resolutionTable01 td.resolutionTableSymptoms { background: url(resolution/images/img02.jpg) bottom right no-repeat; background-size: 9.4rem auto;}

		.resolutionTable02 th,.resolutionTable02 td { border: #f1f7dd solid 3px;}
		.resolutionTable02 th  { background: #f1f7dd;}
		.resolutionTable02 td.resolutionTableSymptoms { background: url(resolution/images/img04.jpg) bottom right no-repeat; background-size: 9.4rem auto;}

		.resolutionTable03 th,.resolutionTable03 td { border: #fff3b1 solid 3px;}
		.resolutionTable03 th  { background: #fff3b1;}
		.resolutionTable03 td.resolutionTableSymptoms { background: url(resolution/images/img10.jpg) bottom right no-repeat; background-size: 9.4rem auto;}

		.resolutionListPt01 { overflow: hidden; text-align: center; margin: -.35rem 0 0;}
			.resolutionListPt01 li { margin: .35rem 0 0;}
				.resolutionListPt01 li img { width: 55.3%;}

	.qaBox { overflow: hidden; padding: 15px; border: #f0e8d0 solid 5px;}
		.qaBoxDl dt { overflow: hidden; padding: 0 0 1.07rem; margin: 0 0 1.28rem; background:url(images/common/icon_qa_bg.jpg) bottom repeat-x; background-size: auto 3px;}

	.bnr03Box { padding: 1.28rem 4% 14rem 4%; background: #f0e8d0 url(resolution/images/bnr03_img02_sp.jpg) bottom center no-repeat; background-size: auto 12.7rem;}

	.recommendSub01 {
		font-size: 114.2%; color: #FFF; font-weight: bold; padding: 0 0 0 4.6%;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#9d845b', endColorstr = '#80643e');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#9d845b', endColorstr = '#80643e')";
		background-image: -moz-linear-gradient(top, #9d845b, #80643e);
		background-image: -ms-linear-gradient(top, #9d845b, #80643e);
		background-image: -o-linear-gradient(top, #9d845b, #80643e);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#9d845b), to(#80643e));
		background-image: -webkit-linear-gradient(top, #9d845b, #80643e);
		background-image: linear-gradient(top, #9d845b, #80643e);
		}
		.recommendSub01 span { display: block; margin: 0 0 .71rem; padding: .8em 0 1em 3em; background: url(images/recommend/icon_star01.png) 0 .3em no-repeat; background-size: 2.3em 2.3em; line-height: 1.2;}

	.recommendList01Pare { overflow: hidden; background: #f8f3ef;}
	.recommendList01 { overflow: hidden; background: #f8f3ef;}
		.recommendList01 li { float: left; width: 50%; text-align: center;}

		.recommendNav01 { overflow: hidden; margin: 0 1.6%; padding: .71rem 0; border-top: #e4dace solid 1px;}
			.recommendNav01 li { float: left; font-size: 114.2%; padding: .6em 1.62em .6em 2em; white-space: nowrap; background-size: auto 1.87rem; line-height: 1.2; font-weight: bold;}
			.recommendNav01 li.new { background: url(images/recommend/icon_new.jpg) 0 .3em no-repeat; background-size: auto 1.87rem;}
			.recommendNav01 li.movie { padding: .6em 0 .6em 2em;  background: url(images/recommend/icon_movie.jpg) 0 .3em no-repeat; background-size: auto 1.87rem;}
			.recommendNav01 li a { color: #5F4619; text-decoration: none;}

	/*--- guide ---*/
	.newItemBox01 { overflow: hidden; padding: 1.42rem 6.6%; background: #f7f6fc;}
		.newItemBox01ListPare { overflow: hidden; margin: -.71rem 0 1.71rem;}
			.newItemBox01List { overflow: hidden; padding: .57rem 5.3% 1rem; margin: .71rem 0 0; background: #FFF;}
			.newItemBox01Dt01 { line-height: 1.2;}
				.newItemBox01Dt01 a { display: block; padding: .3rem 0 1.42rem; font-size: 128.5%; color: #0066CC; font-weight: bold;}
			.newItemBox01Img01 { text-align: center; padding: 0 0 .71rem;}
			.newItemBox01Txt01 { padding: 0 0 1.42rem; line-height: 1.2;}
			.newItemBox01Img02 { text-align: center;}
			.newItemBox01Btn01 { text-align: center; margin: 0 0 1.42rem;}
			.newItemBox01Btn02 { text-align: center;}

	/*--- start guide  ---*/
	.stepSec { overflow: hidden;}
		.stepSec01 {margin:10px 2.56% 0;}
		.stepSec02 {margin:10px 2.56% 0;}
		.stepSec03 {margin:10px 2.56% 0;}
		.stepSec04 {margin:10px 2.56% 0;}
	.startGuideImgPt01 { margin-bottom: 2.14rem; text-align: center;}
	#startGuideGardenTree { display: none;}
	.startGuideSubPt01 { float: right; width: 56%; margin-left: 5%; padding: 1.71rem 0 0;}
	.startGuideImgPt02 { width: 39%; overflow: hidden; margin: 0 0 1.86rem;}

	.startGuideDlPt01 {}
	.startGuideDlPt01W100{margin-bottom:35px;}
	.startGuideDlPt01R { padding: 1.14rem 0 0;}
		.startGuideDlPt01 dt { font-weight: bold; color: #59390c; line-height: 1.2; padding: 0 0 .71rem;}

	.startGuideDlPt02 {}
	.startGuideDlPt02R { padding: 1.14rem 0 0;}
		.startGuideDlPt02 dt { font-weight: bold; color: #59390c; line-height: 1.2; padding: 0 0 .71rem;}

	.startGuideImgPt03 { text-align: center; margin: 0 0 1rem;}

	.startGuideBnrBox { border: #f0e8d0 solid 5px; padding: 1.14rem 4.6%;}
	.startGuideBnrBox dl {}
		.startGuideBnrBox dt { line-height: 1.2; padding: 0 0 2em;}
		.startGuideBnrBoxUl { overflow: hidden; margin: -.71rem 0 0;}
		.startGuideBnrBoxUl li { overflow: hidden; margin: .71rem 0 0;}
		.startGuideBnrBoxUl li img { width: 100%;}

	.stepSecUekae{border: #668D47 solid 2px; padding: 1.14rem 4.6%; margin-top:1.4rem;}
	.stepSecUekaeImg{width:100%; float:none; text-align:center; padding-bottom:1.14rem;}
	.stepSecUekaeList{width:100%; float:none;}
	.stepSecUekaeList li{ margin-bottom:5px; margin-top:3px;}
	.stepSecUekaeList li:last-child{ margin-bottom:0;}

	.startGuideItemList01 { overflow: hidden; padding: 1.42rem 0 0;}
		.startGuideItemList01 li { float: left; margin: 0 6% 0 0;}

	.startGuideDlImgList { overflow: hidden; margin: -.71rem 0 0; padding: 1.71rem 0 0; text-align: center;}
		.startGuideDlImgList li { margin: .71rem 0 0;}
	.startGuideDlImgPt01 { overflow: hidden; padding: 1.71rem 0 0; text-align: center;}


	/*--- enjoy gardening ---*/
	.enjoySeason { text-align: center; padding: 0 0 1.28rem;}
	.enjoyGardeningImgPt01 { text-align: center; padding: 0 0 1.42rem; font-size:95%;}
	.enjoyGardeningTxtPt01 { /*text-align: right;*/}
	#enjoyGardening02,#enjoyGardening03 { display: none;}

	.tabActiveGreen,
	.tabActiveGreen a{color:#196600!important;}

	.textClear{ overflow:auto; zoom:1;}

/* PC向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media print, screen and (min-width: 320px) {

body { background: url(images/common/bg01.jpg);}

/*--- header
#header { height: 222px;}
	.headerSec01 { padding: 0; min-height: 0; height: 50px; box-sizing: border-box; background: #FFF;}
	.headerSec01Wrapper { position: relative; width: 970px; height: 50px; margin: 0 auto; overflow: hidden;}
		.titleSumitomo { float: none; padding: 0; width: auto; position: absolute; top: 13px; left: 0; line-height: 25px; height: 25px;}
			.titleSumitomo img { auto: auto;}
		.headerImg01 { float: none; padding: 0; width: auto; position: absolute; top: 11px; right: 0; line-height: 29px; height: 29px;}
			.headerImg01 img { width: auto;}

	.headerSec02 { position: relative; float: left; width: 100%; padding: 0; height: 251px; background: url(images/header/header_bg03.png) center bottom no-repeat;}
		.headerSec02Wrapper01 { height: 251px; background:url(images/header/header_bg02.jpg) top repeat-x;}

		#titleEgreen { position: absolute; top: 0; left: 50%; width: 531px; height: 155px; background: url(images/header/title_e-green02_pc.png) 0 0 no-repeat; padding: 0; margin-left: -561px; z-index: 100; text-indent: -9999em;}
			#titleEgreen a { display: block;}
		#titleEgreen img { width: auto;}
		#headerSec02Box { display: none; border: none;}

	#headerSearch { display: none;}


		.headerSec02Wrapper02 { display: block; position: relative; width: 970px; height: 65px; margin: 0 auto; line-height: 1;}
		.headerCompany { position: absolute; top: 4px; right: 4px; height: 23px; line-height: 23px;}
		.headerChSize { position: absolute; top: 34px; right: 272px; width: 155px;}
			.headerChSize dt { float: left; margin: 2px 10px 0 0; height: 12px; line-height: 12px;}
			.headerChSize dd { overflow: hidden; height: 18px; line-height: 18px;}
				.headerChSize dd ul { overflow: hidden; margin: 0 0 0 -8px;}
				.headerChSize dd li { float: left; margin: 0 0 0 8px;}
		.headerSearch { position: absolute; top: 34px; right: 4px; width: 249px;}
			.headerSearch dt { float: left; margin: 0 6px 0 0; height: 19px; line-height: 19px;}
			.headerSearch dd { overflow: hidden; height: 22px; line-height: 22px;}
				.headerSearch dd input[type="text"] { width: 160px; box-sizing: border-box; border: none; min-height: 20px; height: 20px; line-height: 20px;}
				#tmp_func_sch_btn { float: right; height: 22px; line-height: 22px;}
		#headerOnline { position: absolute; top: 65px; right: 0;} ---*/


/*--- nav
#glNav { position: absolute; top: 112px; left: 50%; margin: 0 0 0 -485px; float: none; width: 970px; height: 60px; border-right: none; text-align: left; z-index: 110; font-size: 100%;}
	#glNav dt { display: none;}
	#glNav dd { display: block; position: absolute; top: 0; left: 0; width: 100%; z-index: 90; background: url(images/common/gl_nav_con_pc.jpg) no-repeat;margin-top:0px; border-top:none;}
		#glNav dd li { position: relative; overflow: visible; border-bottom: none; text-align: left; float: left; z-index: 100; font-size: 100%;}
		#glNav dd li:first-child { border-top: none; margin-left: 68px;}
			#glNav dd li span { display: inline; padding: 0;}
			#glNav dd li a { display: block; padding: 0; height: 60px; background-image: url(images/common/gl_nav_con_pc.jpg); background-repeat: no-repeat; text-indent: -9999em; border-bottom: none;}

		#glNav dd li li { display: block;}
			#glNav dd li li a { display: inline; padding: 0; height: auto; background-image: none; text-indent:0; color: #551a8b;}
			#glNav dd li li:first-child { border-top: none; margin-left: 0;}

		#glNav dd li#glNav01 { width: 236px;}
		#glNav dd li#glNav02 { width: 242px;}
		#glNav dd li#glNav03 { width: 219px;}
		#glNav dd li#glNav04 { width: 205px;}
		#glNav dd li#glNav05 { display: none;}

		#glNav dd li#glNav01 a:link,#glNav dd li#glNav01 a:visited { background-position: -68px 0;}  #glNav dd li#glNav01 a:active,#glNav dd li#glNav01 a:hover { background-position: -68px 0;}
		#glNav dd li#glNav02 a:link,#glNav dd li#glNav02 a:visited { background-position: -304px 0;} #glNav dd li#glNav02 a:active,#glNav dd li#glNav02 a:hover { background-position: -304px 0;}
		#glNav dd li#glNav03 a:link,#glNav dd li#glNav03 a:visited { background-position: -546px 0;} #glNav dd li#glNav03 a:active,#glNav dd li#glNav03 a:hover { background-position: -546px 0;}
		#glNav dd li#glNav04 a:link,#glNav dd li#glNav04 a:visited { background-position: -765px 0;} #glNav dd li#glNav04 a:active,#glNav dd li#glNav04 a:hover { background-position: -765px 0;}


		#glNav dd li .pullDown { display: none; position: absolute; width: 440px; padding: 12px 8px; background: #FFF; border: #804020 solid 3px; top: 60px; left: 0; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}
		#glNav dd li:first-child .pullDown { left: 15px;}
		#glNav dd li#glNav03 .pullDown,#glNav dd li#glNav04 .pullDown { left: auto; right: 0;}
		#glNav dd li .pullDown ul { width: 210px; float: left; margin: -10px 0 0; padding: 0 10px 0 0;}
			#glNav dd li .pullDown ul li { margin: 10px 0 0;}
		#glNav dd li .pullDown  a { display: block; padding: 0 0 0 16px; color: #0066cc; background: url(images/header/icon_pulldown.gif) 0 0 no-repeat !important; text-decoration: underline; line-height: 1.1;} ---*/


/*--- footer

#footer { position: relative; width: 100%; background: url(images/common/bg01.jpg); color: #FFF; text-align: center; margin: 38px 0 0;}
	#footer a { color: #FFF;}


	.footerWrapper { width: 970px; margin: 0 auto; position: relative; z-index: 90;}
	#footerSec02 { position: relative; height: 225px; padding: 0 0 20px; box-sizing: border-box; background: url(images/footer/footer_bg02.png) left top repeat-x; color: #FFF; z-index: 100;}
	#footerSec02 #footerBg03 { overflow: hidden; position: relative; padding: 139px 0 0; min-width: 970px; margin: 0px auto 0; box-sizing: border-box; background: url(images/footer/footer_bg03.png) top center no-repeat; z-index: 100;}
		#footerSec02 ul { overflow: hidden; padding: 0 140px 0 0; font-size: 100%;}
			#footerSec02 ul li { float: left;}
			#footerSec02 ul li span { display: inline;}
			#footerSec02 ul li span:after { content:""; white-space: normal;}
		#footerSec02 small,#footerSec02 small span { display: block; font-size: 100%;}
		#copyJp { float: left; padding: 6px 0 0;}
		#copyEn { float: right; padding-right:170px; padding-top:6px;}

	#footerToTop { position: absolute; top: -70px; left: 50%; margin: 0 0 0 300px; background: transparent;} ---*/



/*--- side
#side { width: 220px; float: right; margin: 0;}
	#side.left { float: left;}

.localNav01 { display: block; border: #886e49 solid 1px; margin: 0 0 20px;}
	.localNav01 dt { height: 59px; background: url(images/side/side_bg01.png) repeat-x; font-weight: bold; color: #FFF; padding: 0 0 0 10px; line-height: 40px;}
	.localNav01 dd { padding: 5px 5px 15px; line-height: 1.2;}
		.localNav01 dd li { padding: 0 0 8px; margin: 0 0 8px; border-bottom: #d2c5ac solid 1px;}
		.localNav01 dd li a { display: block; background: url(images/side/side_icon01.png) 4px 0 no-repeat; padding: 0 0 0 19px;}

.sideBnrList01 { margin: -10px 0  0;}
	.sideBnrList01 li { margin: 10px 0 0;}
	.sideBnrList01.sideBnrList01Pt02 { padding-top: 20px; margin: 0;}

.sideDlPt01 { margin: 0;}
	.sideDlPt01 dt { margin: 0 0 10px;}
	.sideDlPt01 dd {}
	.sideDlPt01 dd ul { margin: -10px 0 0;}
		.sideDlPt01 dd ul li { margin: 10px 0 0;}
	.sideDlPt01 dd ul.sideDlPt01Ul02 { margin: -5px 0 0;}
		.sideDlPt01 dd ul.sideDlPt01Ul02 li { margin: 5px 0 0;}

.sideDlPt02 { margin: 0;}
	.sideDlPt02 dt { margin: 0 0 10px;}
	.sideDlPt02 dd { padding: 10px;}

	.sideDlPt02Ul01 { margin: -5px 0 0;}
		.sideDlPt02Ul01 li { margin: 5px 0 0;}

.sideDlPt03 { padding: 0;}
	.sideDlPt03 dt { padding: 0 0 10px;}
	.sideDlPt03 ul.sideDlPt03Bnr { margin: -10px 0 0;}
	.sideDlPt03 ul.sideDlPt03Bnr li { margin: 10px 0 0;}

.sideItemCat { padding: 11px 9px;}
	.sideItemCat dd .sideItemCatSearch { margin: -10px 0 0;}
	.sideItemCat dd .sideItemCatSearch li { margin: 10px 0 0;}

.sideDlBox01 { margin: 0;}
	.sideDlBox01 dt { margin: 0 0 14px;}
	.sideDlBox01 dd { padding: 5px;}

	.sideDlBox01Ul01 { padding: 0 5px;}
		.sideDlBox01Ul01 { padding: 0 10px; margin: -10px 0 10px;}
		.sideDlBox01Ul01 li { padding: 0 0 0 10px; margin: 10px 0 0; background-size: 6px 6px;}

	.sideDlBox01Ul02 { padding: 10px;}
		.sideDlBox01Ul02 li { float: left;}

.sideUlIcon02 { padding: 0 10px; margin: -10px 0 0;}
	.sideUlIcon02 li { padding: 0 0 0 10px; margin: 10px 0 0; background-size: 6px 6px;}

.sideDlBox02 { margin: 0 0 0;}
	.sideDlBox02 dt { margin: 0 0 10px;}
	.sideDlBox02 dd { padding: 0 14px 10px;}
	.sideDlBox02Ul01 {}
		.sideDlBox02Ul01 { margin: 0 0 0 -5px;}
		.sideDlBox02Ul01 li { width: 60px; margin: 0 0 0 5px;}
		.sideDlBox02Ul01 a { padding: 6px 0;}

.sideSub01 { margin: 0 0 20px;}

.sideMb10 { margin-bottom: 10px;}
.sideMb15 { margin-bottom: 15px;}
.sideMb20 { margin-bottom: 20px;}
.sideMb24 { margin-bottom: 24px;}
.sideMb30 { margin-bottom: 30px;} ---*/


/*--- general parts ---*/

#articleContents { float: left; width: 100%;}
#articleContentsWrapper { overflow: auto; width: 930px; padding: 0 20px 46px; margin: 0 auto; background: #FFF; position: relative;}

#topicPath { position: relative; width: 100%; padding: 9px 0 8px; margin: 0 0 40px; background: url(../../content/images/knowledge/basics/startguide/border01_pc.png) bottom center no-repeat; background-size: auto; z-index: 100;}
		#topicPath li a { color: #551a8b; text-decoration: underline;}


#main { width: 690px; float: left; margin: 0 20px 0 0; padding: 0;}
	#main.right { float: right; margin: 0 0 0 20px;}
	#main.oneCol { width: 900px; float: left; margin: 0 0 0 0; padding: 0;}

.txtW515L { float: left; width: 515px; margin-right: 20px;}

.icon01List { overflow: hidden;  margin: -12px 0 0;}
	.icon01List li { margin: 12px 0 0; background: url(../../content/images/knowledge/basics/startguide/icon01.png) 0 .1rem no-repeat; background-size: 16px 17px; padding: 1px 0 1px 26px;}

.bnrList { overflow: hidden; margin: -30px 0 0 -24px;}
	.bnrList li { float: left; width: 333px; margin: 30px 0 0 24px;}
.bnrList02 { overflow: hidden; margin: -20px 0 0 -20px;}
	.bnrList02 li { float: left; width: 305px; margin: 20px 0 0 20px;}

.icon02List {}
	.icon02List li { padding: 0 0 0 1.42rem; background: url(../../content/images/knowledge/basics/startguide/icon02.png) .35rem .5em no-repeat; background-size: .42rem .42rem;}
	.icon02List.pT02 { overflow: hidden; margin: -10px 0 0;}
		.icon02List.pT02 li { margin: 10px 0 0;}

.dlIcon02 { overflow: hidden; margin: -30px 0 0;}
	.dlIcon02 dt { margin: 30px 0 18px; padding: 0 0 0 24px; background: url(../../content/images/knowledge/basics/startguide/icon02.png) 4px .5em no-repeat; background-size: 6px 6px;}
	.dlIcon02 dd { padding: 0 0 0 24px;}

.dlPt01 { padding: 20px;}
	.dlPt01 dt { padding: 0 0 14px; margin: 0 0 20px;}

.dlPt02 { overflow: hidden; margin: -1.86rem 0 0;}
	.dlPt02 dt { padding-bottom: 1.42rem; margin: 1.86rem 0 0; color: #000; font-size: 128.5%; font-weight: bold; line-height: 1.2;}

.dlPt03 {}
	.dlPt03Dt01 { margin-bottom: 10p;}
		.dlPt03Dt01 a { display: block; padding: 7px 0 2px 10px;}
		.dlPt03Dt01 a span {  background: url(../../content/images/knowledge/basics/startguide/icon01.png) 0 0 no-repeat; background-size: 17px auto; padding: 0 0 0 25px;}



.contentsMenu { margin-bottom: 60px;}
.contentsMenu th,.contentsMenu td {  padding: 11px 8px; display: table-cell; border: #d3c7ae solid 1px;}
	.contentsMenu th { white-space: nowrap; vertical-align: middle;}
	.contentsMenu td {}
	.contentsMenu td li { }

.spBox h2 { cursor: default;}
	#main .spBox .subBgCol02 { padding: 10px 0 6px 24px; margin: 0 0 32px; background: url(images/common/sub_bg_col02.jpg) 5px 100% no-repeat #def4b4; background-size: auto;}
	#main .spBox .subBgCol02.active { padding: 10px 0 6px 24px; margin: 0 0 32px; background: url(images/common/sub_bg_col02.jpg) 5px 100% no-repeat #def4b4; background-size: auto;}

.spBoxCon { overflow: hidden; display: block;}

.areaBox { background: #f8f3ef; padding: 9px 22px 20px; margin: 0 0 20px;}
	.areaBox p { padding-top: 11px;}

.recommendItemBox01 { overflow: hidden;}
	.recommendItemBox01 dt { text-align: left; padding: 0 0 16px;}
	.recommendItemBox01 dt img { width: 160px;}
	.recommendItemBox01 dd { padding: 0;}
	.recommendItemBox01 dd ul { overflow: hidden; margin: -10px 0 0 -10px;}
	.recommendItemBox01 dd ul li.recommendItemBox01List { float: left; width: 163px; margin: 10px 0 0 10px;}
	.recommendItemBox01List { margin-top: 10px;}
	.recommendItemBox01List.inTable { float: left; width: 163px; margin: 0;}
		.recommendItemBox01Img { padding: 0;}
			.recommendItemBox01Img img { width: 145px;}
		.recommendItemBox01Link { padding: 10px 0 12px;}
		.recommendItemBox01Link img { width: 145px;}


.boxSec01 { padding: 20px;}
.boxSec02 { width: 378px; float: left; padding: 20px;}
.boxSec03 { overflow: hidden; padding: 20px 20px 0;}


.rankBox { overflow: hidden; padding: 8px 20px 20px;}
.rankBoxUl  { overflow: hidden;}
	.rankBoxUl .rankBoxUlCh { float: left; width: 270px; padding: 0 0 0 19px; margin: 0 0 0 20px; border-left: #e2dfdd solid 1px; border-top: none;}
	.rankBoxUl li:first-child.rankBoxUlCh { width: 270px; padding: 0; margin: 0; border-left: none;}
	.rank { overflow: hidden; padding: 0 0 20px;}
	.rankNo { width: 60px; margin: 10px 20px 0 10px;}
	.rankImg { width: auto;}


	.imgBorder01.w260 img { width: 260px;}

	.icon01Link { background-size: 16px 17px; padding: 0 0 0 25px;}


.table01 { border-top: none;}
	.table01 th,.table01 td { padding: 12px; display: table-cell; border: #cdcdcd solid 1px;}
	.table01 th { padding: 12px 80px 12px 12px; white-space: nowrap;}


	/*--- search
	.searchTitle { float: left; margin: 0 30px 0 0;}
		.searchTitle img { width: 100px;}

	.searchList { overflow: hidden; width: 560px;}
		.searchList li { }
			.searchList01 { margin: 50px 0 0 -5px;}
			.searchList01 li { width: 45px; margin: 0 0 0 5px; }
			.searchList02 { margin: 10px 0 0 -10px;}
			.searchList02 li { width: 155px; margin: 10px 0 0 10px;}
			.searchList02PcPt02 { width: auto !important;}
			.searchList02.searchList02PcPt02 { margin: 10px 0 0 -12px;}
			.searchList02.searchList02PcPt02 li { width: 153px; margin: 10px 0 0 12px;}

		.searchList li a { display: block; padding: 7px 0 4px;}

	.searchWrapper { overflow: hidden; border: #ddd5c5 solid 1px;}
	.searchWrapperCon { overflow: hidden; padding: 20px;}
	.searchNav { overflow: hidden; border: none; margin: 0 0 2.85rem; text-align: center; line-height: 1.2; font-size: 114.2%;}
		.searchNav li { float: left; width: 229px; border-top: none; border-left: #eae7e0 solid 1px;}
			.searchNav li a { border-top: none; border-left: #837f78 solid 1px; background: #ddd5c5;}
		.searchNav li:first-child { width: 228px;} ---*/


	/*--- title ---*/
		#main h1 { padding: 0 0 15px;}
		#main #banner { padding: 0 0 15px;}
		#main.oneCol h1 { padding: 0 0 28px;}
		#main .subBg01 { padding: 12px 0 12px 23px; margin: 0 0 30px; background: #DEF4B5 url(images/common/sub_bg01_pc.jpg) left bottom no-repeat; background-size: auto;}
			#main .subBg01 span{ display: block; padding: 0; background: none; background-size: auto;}
		#main .subBgBd02 { padding: 0 0 14px;}

		#main .subBgCol01 {
	padding: 7px 0 5px 9px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 16px;
}
		#main .subBgCol02 { padding: 10px 0 6px 24px; margin: 0 0 32px; background: url(images/common/sub_bg_col02.jpg) 5px 100% no-repeat #def4b4;}
		#main .subBgBd0202 { background: url(../../content/images/knowledge/basics/startguide/border02.png) bottom repeat-x; background-size: auto 2px; padding: .1rem 0 1.35rem; line-height: 1.2;}

		#main .subIcon01  { padding: 25px 0 0;}
		#main .subIcon01 .subIcon01Pare { block; padding: 10px 0 10px 73px;}
		#main .subIcon01 span.iconSub02Img { top: -25px; left: 6px; width: auto;}

		#main .subIcon02  { padding: 5px 0 5px 26px;}
		#main .subIcon02 span  { display: block; float: left; padding: .2em 0 .2em 35px; background: url(images/common/icon_sub03.png) 0 0 no-repeat; background-size: auto;}
		#main .subIcon02 a  { background-size: 16px 17px; padding: 2px 0 0 25px; margin: 2px 16px 0 0;}

		#main .subBgCol04 { overflow: hidden; padding: 5px 0 5px 10px; margin: 0 0 20px;}

		#main .subTxt01 { padding-bottom: 24px;}
		#main .subTxt02 { padding-bottom: 28px;}

		#main .titleBox { width: 100%; overflow: hidden; padding: 16px  0 21px; margin: 0 0 52px; background: url(images/common/plant_sub_bg.jpg) bottom left repeat-x;}
			#main .titleBoxImg { width: 188px; float: left; margin: 0 40px 0 24px;}
			#main .titleBox h1 { padding: 7px 0 18px; text-align: left;}
			#main .titleBoxTxt { padding: 0 32px 0 0;}

		.section h2 { padding-bottom: 26px;}

		.section .beginnerH3 { padding: 12px 0 9px 22px; margin: 0 0 20px;}
			.section .beginnerH3 span { padding: 7px 0 6px 39px; background: url(../../content/images/knowledge/basics/startguide/icon_beginner.png) 0 3px no-repeat; background-size: auto 29px;}
			.section .beginnerH3.leaf span {  padding: 7px 0 6px 50px; background: url(images/common/icon_beginner02.png) 0 3px no-repeat; background-size: auto 29px;}

		.beginnerH3Pt01 { padding: 7px 0 6px 30px; background: url(../../content/images/knowledge/basics/startguide/icon_beginner.png) 0 3px no-repeat; background-size: auto 30px;}

.contentsTabNavPc { display: block; width: 930px;}

	.contentsTabNavPc li { float: left; width: 465px; font-size: 14px;}
		.contentsTabNavPc .active a { padding: 16px 0; margin: 0; font-size: 114.2%; line-height: 1.2; text-align: center; color: #196600; font-weight: bold; text-decoration: none;
		display: block;
		border: #ddd5c5 solid 1px;
		border-right: #88847c solid 1px;
 		border-bottom: none;
		background-color: #ffffff;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f8f5e2', endColorstr = '#ffffff');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f8f5e2', endColorstr = '#ffffff')";
		background-image: -moz-linear-gradient(top, #f8f5e2, #ffffff);
		background-image: -ms-linear-gradient(top, #f8f5e2, #ffffff);
		background-image: -o-linear-gradient(top, #f8f5e2, #ffffff);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#f8f5e2), to(#ffffff));
		background-image: -webkit-linear-gradient(top, #f8f5e2, #ffffff);
		background-image: linear-gradient(top, #f8f5e2, #ffffff);
	}

		.contentsTabNavPc .startGuideFlowerToggle.active a{
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffcdcd', endColorstr = '#ffffff');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffcdcd', endColorstr = '#ffffff')";
		background-image: -moz-linear-gradient(top, #ffcdcd, #ffffff);
		background-image: -ms-linear-gradient(top, #ffcdcd, #ffffff);
		background-image: -o-linear-gradient(top, #ffcdcd, #ffffff);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#ffcdcd), to(#ffffff));
		background-image: -webkit-linear-gradient(top, #ffcdcd, #ffffff);
		background-image: linear-gradient(top, #ffcdcd, #ffffff);
		border-right: #88847c solid 1px;

	}

		.contentsTabNavPc .startGuideGardenTreeToggle.active a {
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cfe3be', endColorstr = '#ffffff');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cfe3be', endColorstr = '#ffffff')";
			background-image: -moz-linear-gradient(top, #cfe3be, #ffffff);
			background-image: -ms-linear-gradient(top, #cfe3be, #ffffff);
			background-image: -o-linear-gradient(top, #cfe3be, #ffffff);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#cfe3be), to(#ffffff));
			background-image: -webkit-linear-gradient(top, #cfe3be, #ffffff);
			background-image: linear-gradient(top, #cfe3be, #ffffff);
	}


		.enjoyGardening01Toggle.active a{
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fee6f0', endColorstr = '#ffffff');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fee6f0', endColorstr = '#ffffff')";
			background-image: -moz-linear-gradient(top, #fee6f0, #ffffff);
			background-image: -ms-linear-gradient(top, #fee6f0, #ffffff);
			background-image: -o-linear-gradient(top, #fee6f0, #ffffff);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#fee6f0), to(#ffffff));
			background-image: -webkit-linear-gradient(top, #fee6f0, #ffffff);
			background-image: linear-gradient(top, #fee6f0, #ffffff);
			color:#FFA2C5;
	}

		.enjoyGardening02Toggle.active a{
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cfe3be', endColorstr = '#ffffff');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cfe3be', endColorstr = '#ffffff')";
			background-image: -moz-linear-gradient(top, #cfe3be, #ffffff);
			background-image: -ms-linear-gradient(top, #cfe3be, #ffffff);
			background-image: -o-linear-gradient(top, #cfe3be, #ffffff);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#cfe3be), to(#ffffff));
			background-image: -webkit-linear-gradient(top, #cfe3be, #ffffff);
			background-image: linear-gradient(top, #cfe3be, #ffffff);
			color:#4FA25D;
	}

		.enjoyGardening03Toggle.active a{
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dedbea', endColorstr = '#ffffff');
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#dedbea', endColorstr = '#ffffff')";
			background-image: -moz-linear-gradient(top, #dedbea, #ffffff);
			background-image: -ms-linear-gradient(top, #dedbea, #ffffff);
			background-image: -o-linear-gradient(top, #dedbea, #ffffff);
			background-image: -webkit-gradient(linear, center top, center bottom, from(#dedbea), to(#ffffff));
			background-image: -webkit-linear-gradient(top, #dedbea, #ffffff);
			background-image: linear-gradient(top, #dedbea, #ffffff);
			color:#928CC2;
	}

	.contentsTabNavPc a { padding: 16px 0; margin: 0; font-size: 114.2%; line-height: 1.2; text-align: center; color: #196600; font-weight: bold; text-decoration: none;
		display: block;
		border-top: #ddd5c5 solid 1px;
		border-left: #eeeae2 solid 1px;
		background-color: #ddd5c5;
	}
	.contentsTabNavPc .startGuideGardenTreeToggle { /*border-bottom: #88847c solid 1px;*/}
	.contentsTabNavPc .startGuideGardenTreeToggle.active { border-left: #88847c solid 1px; width:464px;}
	.contentsTabNavPc .startGuideGardenTreeToggle a { /*border-bottom: #eeeae2 solid 1px;*/border-left: #fff solid 1px;}
	.contentsTabNavPc .startGuideGardenTreeToggle.active a { border-right: #ddd5c5 solid 1px;}


	.contentsTabNavPc#enjoyGardening { overflow: hidden; border: #ddd5c5 solid 1px; border-bottom: none;}
		.contentsTabNavPc#enjoyGardening li { float: left; width: 309px;}
		.contentsTabNavPc#enjoyGardening li { border-left: #88847c solid 1px}
		.contentsTabNavPc#enjoyGardening li:first-child { width: 310px; border-left: none;}
		.contentsTabNavPc#enjoyGardening .active a {
		border-right: #88847c solid 1px;
 		border-bottom: none;
		border: none;
	}
	.contentsTabNavPc#enjoyGardening a {
		border-left: #eeeae2 solid 1px;
	}
	.contentsTabNavPc#enjoyGardening li:first-child a { border-left: none;}


.contentsTabNavSp { display: none;}


.tabsContentWrapper { width: /*890px*/; padding: 26px 20px 10px; border-top: none;}
	.tabsContentWrapper.tabsContentWrapperPt02{ width: 890px;}
	.tabsContentWrapperCh { padding: 0;}

	 /*↓kon追記花の庭づくり用*/
.shokubutu_data { margin:0 auto; width:400px; margin-bottom:0.5em;}
 /*↑kon追記花の庭づくり用*/

.img156 {}
	.img156 img { width: 156px;}
.img200 { }
	.img200 img { width: 200px;}
.img300 { }
	.img300 img { width: 300px;}
.img400 { }
	.img400 img { width: 400px;}
.img475 img { width: 475px;}

.imgR { float: right;}
.imgL { float: left;}

.ofH { overflow: hidden;}
.clB { clear: both;}
.clL { clear: left;}
.fL  { float: left;}
.fR  { float: right;}

.aC,.pCaC { text-align: center;}
.aR,.pCaR { text-align: right;}
.fwB { font-weight: bold;}


/*--- section class ---*/
.section { overflow: hidden;}
.borderBox01 { padding: 0 0 34px; margin: 0 0 28px;}
.sectionBorder01 { border-bottom: #bfb19e dashed 1px; padding: 0 0 24px; margin: 0 0 24px;}

.sectionL335 { float: left; width: 335px; margin-right: 20px;}


/*--- box layout ---*/
	/*--- boxList01 ---*/
		.boxList01 { margin: -15px 0 0 -15px; padding: 0 0 30px; }
			.boxList01Box { width: 210px; float: left; margin: 15px 0 0 15px; padding: 4px 4px 30px;}
			.boxList01Dt01 { margin-bottom: 10px;}
				.boxList01Dt01 a { display: block; padding: 7px 0 2px 10px;}
				.boxList01Dt01 a span { background: url(../../content/images/knowledge/basics/startguide/icon01.png) 0 0 no-repeat; background-size: 17px auto; padding: 0 0 0 25px;}
			.boxList01Img { width: 70px; margin: 0 10px 20px 5px;}
			.boxList01Con01 { margin: 0 0 2px;}
				.boxList01Con01 dl { margin: -20px 0 0;}
				.boxList01Con01 dt { margin: 20px 0 5px;}
				.boxList01Con01 dd ul { padding: 0 10px 0 0;}

			.boxList01Con02 { clear: both; overflow: hidden; padding: 0;}
				.boxList01Con02Img { float: right; width: 68px; margin: 0;}
				.boxList01Con02L dl { padding: 0 0 0 10px;}
				.boxList01Con02L dt { overflow: hidden; margin: 10px 0 7px;}
				.boxList01Con02L dt img { width: 54px;}
				.boxList01Con02L dd { font-size: 114.2%; line-height: 1.4;}
				.boxList01Con02L dd span { display: block; font-size: 62.5%;}

	/*--- boxList02 ---*/
		.boxList02 { overflow: hidden; margin: -10px 0 0 -10px; padding: 0; }
			.boxList02 li { float: left; width: 320px; overflow: hidden; margin: 10px 0 0 10px; padding: 14px 10px 10px;}
			.boxList02 li.boxList02w100Per { width: 670px; margin: 10px 0 0 10px;}
				.boxList02 li.boxList02w100Per dt { margin-top: 10px !important;}

			.boxList02w100PerHasImg { width: 330px; float: left; margin: 0 10px 0 0;}

			.boxList02Dt01 { padding: 0 0 0 25px; margin: 0 0 18px; background: url(../../content/images/knowledge/basics/startguide/icon01.png) 0 0 no-repeat; background-size: auto 16px;}
			.boxList02Dt01 a { color: #5F4619; text-decoration: none;}
			.boxList02Dd01 { line-height: 1.2;}
			.boxList02Img01 { float: right; width: 330px; padding: 0;}
			.boxList02Img02 { float: left; margin: 0 10px 0 0;}
				.boxList02Img02 img { width: 150px;}


	/*--- boxList03 ---*/
		.boxList03 { overflow: hidden; float: left; width: 580px; margin: -20px 0 0 -20px; padding: 0;}
			.boxList03Box { float: left; width: 250px; margin: 20px 0 0 20px; padding: 10px 10px 20px;}
			.boxList03Dt01 { margin-bottom: 10px;}
				.boxList03Dt01 a { display: block; padding: 7px 0 2px 10px;}
				.boxList03Dt01 a span { background: url(../../content/images/knowledge/basics/startguide/icon01.png) 0 0 no-repeat; background-size: 17px auto; padding: 0 0 0 25px;}
			.boxList03Img { text-align: center; margin: 0 0 22px;}
				.boxList03Img img { width: 250px;}

			.boxList03Dt02 { margin: 0 0 21px;}
			.boxList03Dd02 { padding: 0 0 21px;}
			.boxList03Dt03 { background: url(../../content/images/knowledge/basics/startguide/border02.png) bottom repeat-x; background-size: auto 2px; padding: 0 0 8px; margin: 0 0 13px;}

	/*--- boxList04 ---*/
		.boxList04 { overflow: hidden; margin: -10px 0 0 -9px; padding: 0; }
			.boxList04 li.boxList04BoxPare { position: relative; float: left; width: 210px; margin: 10px 0 0 9px;}
			.boxList04Box { /*position: absolute; bottom: 0; left: 0;*/ margin: 0; padding: 5px; border: 1px solid #e5e0ca;}
			.boxList04Dt01 { margin-bottom: 0.35rem;}
				.boxList04Dt01 a { display: block; padding: .4em .68em .07em .68em; font-size: 114.2%; line-height: 1.2; border-bottom: #ad9e80 solid 2px; border-right: #ad9e80 solid 1px; color: #5f461a; text-decoration: none; font-weight: bold;
					background-color: #ffffff;
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e3ce', endColorstr = '#d8c6a0');
					-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e6e3ce', endColorstr = '#d8c6a0')";
					background-image: -moz-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: -ms-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: -o-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: -webkit-gradient(linear, center top, center bottom, from(#e6e3ce), to(#d8c6a0));
					background-image: -webkit-linear-gradient(top, #e6e3ce, #d8c6a0);
					background-image: linear-gradient(top, #e6e3ce, #d8c6a0);
				}
				.boxList04Dt01 a span { display: block; background: url(../../content/images/knowledge/basics/startguide/icon01.png) 0 0 no-repeat; background-size: 1em; padding: 0 0 0 1.53em;}
			.boxList04Img { text-align: center;}
				.boxList04Img img { width: 198px;}


	/*--- boxList05 ---*/
		.boxList05 { overflow: hidden; margin: -20px 0 0 -20px; padding: 0;}
			.boxList05Box { margin: 20px 0 0 20px; float: left; width: 323px;}
			.boxList05Dt01 { margin-bottom: 19px;}
				.boxList05Dt01 a { padding: 7px 0 2px 10px;}
				.boxList05Dt01 a span { background: url(../../content/images/knowledge/basics/startguide/icon01.png) 0 0 no-repeat; background-size: 17px auto; padding: 0 0 0 25px;}
			.boxList05Img { float: left; width: 87px; margin: 0 0 15px;}
				.boxList05Img img { width: auto;}
			.boxList05Txt { padding: 6px 0 0; margin: 0 0 15px;}
			.boxList05Dd01 .selectLinkForm { }

	/*--- boxList06 ---*/
		.boxList06 { overflow: hidden; float: left; width: 808px; margin: -10px 0 0 -9px; padding: 0;}
			.boxList06Box { float: left; width: 250px; margin: 10px 0 0 9px; padding: 5px 5px 15px;}
			.boxList06Dt01 { margin-bottom: 10px;}
				.boxList06Dt01 a { display: block; padding: 7px 0 2px 10px;}
				.boxList06Dt01 a span { background: url(../../content/images/knowledge/basics/startguide/icon01.png) 0 0 no-repeat; background-size: 17px auto; padding: 0 0 0 25px;}
			.boxList06Img { text-align: center; margin: 0 0 22px;}
				.boxList06BoxDl01 dl { padding: 0 5px;}
			.boxList06Img { text-align: center; margin: 0 0 22px;}
				.boxList06Img img { width: 160px;}

			.boxList06Dt02 { margin: 0 0 21px;}
			.boxList06Dd02 { padding: 0; line-height: 1.6;}
			.boxList06Dt03 { background: url(../../content/images/knowledge/basics/startguide/border02.png) bottom repeat-x; background-size: auto 2px; padding: 0 0 8px; margin: 0 0 13px;}


/*--- spacing ---*/

.spPb20  { padding-bottom: 0;}
.spPb30  { padding-bottom: 0;}
.spPb32  { padding-bottom: 0;}

.pL21 { padding-left: 21px !important;}

.pT10 { padding-top: 10px;}
.pT24 { padding-top: 24px;}

.pB14 { padding-bottom: 14px;}
.pB16 { padding-bottom: 16px;}
.pB18 { padding-bottom: 18px;}
.pB20 { padding-bottom: 20px!important;}
.pB24 { padding-bottom: 24px;}
.pB28 { padding-bottom: 28px;}
.pB30 { padding-bottom: 30px!important;}
.pB36 { padding-bottom: 36px;}
.pB40 { padding-bottom: 40px;}
.pB50 { padding-bottom: 50px !important;}
.pB55 { padding-bottom: 55px;}
.pB40 { padding-bottom: 40px;}
.pB60 { padding-bottom: 60px;}

.mB10  { margin-bottom: 10px;}
.mB20  { margin-bottom: 20px !important;}
.mB24  { margin-bottom: 24px !important;}
.mB30  { margin-bottom: 30px;}
.mB40  { margin-bottom: 40px;}
.mB50  { margin-bottom: 50px;}

.mR20  { margin-right: 20px;}

.mL10  { margin-left: 10px;}
.mL14  { margin-left: 14px;}
.mL20  { margin-left: 20px;}
.mL30  { margin-left: 30px;}

.mTNone { margin-top: 0 !important;}


/*--- page parts ---*/
	/*--- resolution ---*/
	.resolutionTable { width: 100%; margin: 0 0 10px;}
		.resolutionTable th,.resolutionTable td { display: table-cell;}
		.resolutionTable th  { width: 190px; padding: 0; vertical-align: middle;}
			.resolutionTable th img { width: 127px;}
			.resolutionTable td { padding: 15px 10px;}
			.resolutionTable td.resolutionTableName { width: 140px; padding: 15px 10px;}
			.resolutionTable td.resolutionTableSymptoms { }

			.searchIcon { padding-left: 18px; background: url(images/common/icon_search01.jpg) 0 .3em no-repeat; background-size: 13px 13px; white-space: nowrap;}

		.resolutionTable01 th,.resolutionTable01 td { border: #e1f0fb solid 3px !important;}
		.resolutionTable01 th  {}
		.resolutionTable01 td.resolutionTableSymptoms { background: none; border-left: none !important;}
		.resolutionTable01 td.resolutionTableName {}

		.resolutionTable02 th,.resolutionTable02 td { border: #f1f7dd solid 3px !important;}
		.resolutionTable02 th  { }
		.resolutionTable02 td.resolutionTableSymptoms { padding: 15px 0 15px 10px !important;  background: none; border-left: none !important;}

		.resolutionTable03 th,.resolutionTable03 td { border: #fff3b1 solid 3px !important;}
		.resolutionTable03 th  { }
		.resolutionTable03 td.resolutionTableSymptoms {background: none; border-left: none !important;}

		.resolutionListPt01 { text-align: left; margin: -5px 0 0 -5px;}
			.resolutionListPt01 li { float: left; margin: 5px 0 0 5px;}
				.resolutionListPt01 li img { width: 155px;}



		.resolutionTable01 { background: url(resolution/images/img02.jpg) right bottom no-repeat; background-size: 132px auto;}
		.resolutionTable02 { background: url(resolution/images/img04.jpg) 204px bottom no-repeat; background-size: 132px auto;}
		.resolutionTable03 { background: url(resolution/images/img10.jpg) 204px bottom no-repeat; background-size: 132px auto;}
		.resolutionTable td.resolutionTableName {  border-right: none !important;}

	.qaBox { overflow: hidden; padding: 17px 15px 15px;}
		.qaBoxDl dt { padding: 0 0 15px; margin: 0 0 20px;}

	.bnr03Box { padding: 19px 20px 141px 20px; background: #f0e8d0 url(resolution/images/bnr03_img02_pc.jpg) bottom center no-repeat; background-size: auto;}

	.recommendSub01 { padding: 0 0 0 16px; margin: 0 0 30px;}
		.recommendSub01 span { margin: 2px 0; padding: 15px 0 9px 46px; background: url(images/recommend/icon_star01.png) 0 .3em no-repeat; background-size: 36px auto;}

	.recommendList01Pare { }
	.recommendList01 { }
		.recommendList01 li { float: left; width: 115px;}

		.recommendNav01 { margin: 0 4px; padding: 16px 0 16px 365px;}
			.recommendNav01 li { padding: 12px 50px 8px 34px; white-space: nowrap;}
			.recommendNav01 li.new { background: url(images/recommend/icon_new.jpg) 0 .3em no-repeat; background-size: auto 30px;}
			.recommendNav01 li.movie { padding: 12px 0 8px 40px;  background: url(images/recommend/icon_movie.jpg) 0 .3em no-repeat; background-size: auto 30px;}
			.recommendNav01 li a { }


	/*--- guide ---*/
	.newItemBox01 { position: relative; overflow: hidden; padding: 20px 20px 80px;}
		.newItemBox01ListPare { overflow: hidden; margin: -10px 0 0 -10px;}
			.newItemBox01List { position: relative; float: left; width: 292px; padding: 8px 14px 14px; margin: 10px 0 0 10px;}
			.newItemBox01Dt01 { }
				.newItemBox01Dt01 a { display: block; padding: 8px 0 20px;}
			.newItemBox01Img01 { text-align: left; float: left; padding: 0; margin-right: 8px;}
			.newItemBox01Txt01 { padding: 10px 0 0;}
			.newItemBox01Img02 { position: absolute; bottom: 23px; left: 112px;}
			.newItemBox01Btn01 { text-align: left; margin: 0 0 0 -78px; position: absolute; bottom: 29px; left: 50%;}
			.newItemBox01Btn02 { text-align: left; position: absolute; bottom: 32px; right: 20px;}

	/*--- start guide  ---*/
	.stepSec { overflow: hidden; padding: 0 0 0 0px; background-repeat: no-repeat;}
		.stepSec01 { background-image: url(../../content/images/knowledge/basics/startguide/icon_step01.png); background-repeat:no-repeat; margin:10px 0 0; padding:0 0 0 90px;}
		.stepSec02 { background-image: url(../../content/images/knowledge/basics/startguide/icon_step02.png); background-repeat:no-repeat; margin:10px 0 0; padding:0 0 0 90px;}
		.stepSec03 { background-image: url(../../content/images/knowledge/basics/startguide/icon_step03.png); background-repeat:no-repeat; margin:10px 0 0; padding:0 0 0 90px;}
		.stepSec04 { background-image: url(../../content/images/knowledge/basics/startguide/icon_step04.png); background-repeat:no-repeat; margin:10px 0 0; padding:0 0 0 90px;}

	.startGuideSec01 { float: left; width: 117px; margin-right: 20px;}
	.startGuideSec02 { float: left; width: 117px; margin-right: 5px;}
	.startGuideImgPt01 { float: left; padding: 0 64px 0 32px; margin-bottom: 0; text-align: center;}

	.stepSecUekae{border: #668D47 solid 2px; width:754px; float:left;padding: 1.1rem 20px; margin-top:0.75rem;}
	.stepSecUekaeImg{float:left; width:144px; padding-bottom:0rem;}
	.stepSecUekaeList{float:right; width:590px;}

	.startGuideItemList01 { padding: 20px 0 0;}
		.startGuideItemList01 li { float: left; margin: 0 20px 0 0;}

	.startGuideSubPt01 { float: none; width: 117px; margin-left: 0; padding: 0 0 16px;}
	.startGuideImgPt02 { width: 100px; margin: 0;}

	.startGuideDlPt01 { width: 280px; float: left; overflow: hidden;}
	.startGuideDlPt01W100{ width:100%!important; float:left; margin-bottom:30px;}
	.startGuideDlPt01L { padding: 0; margin-right: 20px;}
	.startGuideDlPt01R { padding: 0; }
	.startGuideDlPt01L02 { width: 330px; padding: 0; margin-right: 20px;}
	.startGuideDlPt01R02 { width: 330px; padding: 0; }
		.startGuideDlPt01 dt { font-weight: bold; color: #59390c; line-height: 1.2; padding: 0 0 16px;}

	.startGuideImgPt03 { float: left; margin: 0 20px 0 0;}

	.startGuideBnrBox { border: #f0e8d0 solid 5px; padding: 15px;}
	.startGuideBnrBox dl { float: left; width: 270px; margin-right: 20px; padding: 10px;}
		.startGuideBnrBox dt { line-height: 1.2; padding: 0 0 10px;}
		.startGuideBnrBoxUl { float: right; overflow: hidden; margin: 0 0 0 -10px; padding: 25px 15px 0 0;}
		.startGuideBnrBoxUl li { float: left; overflow: hidden; margin: 0 0 0 10px;}
		.startGuideBnrBoxUl li img { width: 280px;}

	.startGuideDlImgList { margin: 0 0 0 -10px; padding: 24px 0 0; text-align: left;}
		.startGuideDlImgList li { float: left; margin: 0 0 0 10px; width: 177px;}
	.startGuideDlImgPt01 { float: left; width: 177px; padding: 24px 0 0; margin: 0 15px 0 0; text-align: left;}


	/*--- enjoy gardening ---*/
	.enjoyGardeningSec01 { width: 100%; overflow: hidden;}
	.enjoyGardeningSec01L,.enjoyGardeningSec01R { width: 430px; float: left;}
		.enjoyGardeningSec01L { margin: 0 30px 0 0;}
	.enjoyGardeningSec02L,.enjoyGardeningSec02R { width: 400px; float: left;}
		.enjoyGardeningSec02L { margin: 0 50px 0 0;}
	.enjoySeason { float: left; width: 140px; text-align: left; padding: 0 0 0 12px;}
	.enjoyGardeningImgPt01 { float: left; margin: 0 20px 0 0; padding: 0;}
	.enjoyGardeningTxtPt01 { /*text-align: right;*/}

	.enjoyGardeningDl01 { overflow: hidden; width: 240px; float: right;}


.dlPt03Dt01 a span { background-image: url(images/common/icon01IE.png)\9!important; background-size: auto \9!important;}
#main .subIcon02 a  { background-image: url(images/common/icon01IE.png)\9!important; background-size: auto \9!important;}
.sideUlIcon02 li { background-image: url(images/common/icon02IE.png)\9!important; background-size: auto \9!important;}
.beginnerH3Pt01 {background: url(../../content/images/knowledge/basics/startguide/icon_beginner.png) 0 0 no-repeat\9!important; background-size: auto \9!important;}
.beginnerH3Pt01.leaf {background: url(images/common/icon_beginner02.png) 0 0 no-repeat\9!important; background-size: auto \9!important;}
.icon02Link { background-image: url(images/common/icon02IE.png)\9!important; background-size: auto \9!important;}
.icon01Link { background-image: url(images/common/icon01IE.png)\9!important; background-size: auto \9!important;}
.boxList05Dt01 a span { background-image: url(images/common/icon01IE.png)\9!important; background-size: auto \9!important;}
.boxList01Dt01 a span { background-image: url(images/common/icon01IE.png)\9!important; background-size: auto \9!important;}
.icon02List li { background-image: url(images/common/icon02IE.png)\9!important; background-size: auto \9!important;}
.dlIcon02 dt { background-image: url(images/common/icon02IE.png)\9!important; background-size: auto \9!important;}
.boxList04Dt01 a span { background-image: url(images/common/icon01IE.png)\9!important; background-size: auto \9!important;}
.boxSearch01Dt01 a span { background-image: url(images/common/icon01IE.png)\9!important; background-size: auto \9!important;}
.searchIcon { background-image: url(images/common/icon_search01IE.jpg)\9!important; background-size: auto \9!important;}
.resolutionTable01 { background-image: url(resolution/images/img02IE.jpg)\9!important; background-size: auto \9!important;}
.resolutionTable02 { background-image: url(resolution/images/img04IE.jpg)\9!important; background-size: auto \9!important;}
.resolutionTable03 { background-image: url(resolution/images/img10IE.jpg)\9!important; background-size: auto \9!important;}
.qaBoxDl dt { background-image: url(images/common/icon_qa_bgIE.jpg)\9!important; background-size: auto \9!important;}
.icon01List li { background-image: url(images/common/icon01IE.png)\9!important; background-size: auto \9!important; padding: 2px 0 2px 26px !important;}
.recommendSub01 span { background-image: url(images/recommend/icon_star01IE.png)\9!important; background-size: auto \9!important;}
.recommendNav01 li.new { background-image: url(images/recommend/icon_newIE.jpg)\9!important; background-size: auto \9!important;}
.recommendNav01 li.movie { background-image: url(images/recommend/icon_movieIE.jpg)\9!important; background-size: auto \9!important;}



}


@media print {
	#header,#topicPath,.pagePrint #side,#footer,.printNone { display: none;}
	a { text-decoration: none !important; color: #333333 !important;}
	.startGuideBnrBox{float:none!important; min-height:100px;}
	.boxList04 li.boxList04BoxPare { position: relative; float: none; width: 210px; margin: 10px 0 0 5px;
    display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5～7*/
    /zoom: 1; /*for ie5～7*/
	}
	.boxList05Box { margin: 20px 0 0 15px; float: none; width: 323px;
    display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5～7*/
    /zoom: 1; /*for ie5～7*/
	}
	.boxList05Box { margin: .71rem 0 0; padding: 5px 5px 10px; border: 1px solid #e5e0ca;}
	.boxList01Box {background: #ffffff!important;}/*グラデーション印刷時黒回避*/
	.dlPt03Dt01 a{background: #ffffff!important;}/*グラデーション印刷時黒回避*/
	.boxList01Dt01 a {background: #ffffff!important;}/*グラデーション印刷時黒回避*/
	.boxList03Dt01 a {background: #ffffff!important;}/*グラデーション印刷時黒回避*/
	.boxList04Dt01 a {background: #ffffff!important;}/*グラデーション印刷時黒回避*/
	.boxList05Dt01 a {background: #ffffff!important;}/*グラデーション印刷時黒回避*/
	.boxList06Dt01 a {background: #ffffff!important;}/*グラデーション印刷時黒回避*/
	.searchNav li.active a {background: #ffffff!important;}/*グラデーション印刷時黒回避*/
	.searchList li a {background: #ffffff!important;}/*グラデーション印刷時黒回避*/
	.startGuideFlowerToggle.active a {background: #ffffff!important;}/*グラデーション印刷時黒回避*/

}