@charset "shift_jis";

body {
	  /*font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;*/
	line-height: 150%;
	margin: 0 auto;
	padding: 0px;
}

*{
	margin: 0px;
	padding: 0px;
}

p{
	margin-bottom: 1.5em;
	font-size:100%;
}


hr{
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:#999999;
	height:1px;
	margin-bottom:5px;
}

.clear {
	clear: both;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

/* リンク
-------------------- */
a:link {
	text-decoration: none;
	color: #0099CC;
}

a:hover {
	color: #FF6600;
}

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

a:active {
	color: #FF0000;
}


/* マージン
-------------------- */
.mb0{ margin-bottom:0 !important;}
.mb5{ margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 10px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb50{ margin-bottom: 50px !important;}
.mb60{ margin-bottom: 60px !important;}
.mb70{ margin-bottom: 70px !important;}
.mb80{ margin-bottom: 80px !important;}

.mt1{ margin-top: 1px !important;}
.mt5{ margin-top: 5px !important;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}
.mt30{ margin-top: 30px !important;}
.mt40{ margin-top: 40px !important;}
.mt50{ margin-top: 50px !important;}
.mt60{ margin-top: 60px !important;}
.mt70{ margin-top: 70px !important;}
.mt100{ margin-top: 100px !important;}



.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml15{ margin-left: 15px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.ml40{ margin-left: 40px;}
.ml50{ margin-left: 50px;}
.ml60{ margin-left: 60px;}
.ml70{ margin-left: 70px;}
.ml100{ margin-left: 100px;}


.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}
.mr20{ margin-right: 20px;}
.mr30{ margin-right: 30px;}
.mr40{ margin-right: 40px;}
.mr50{ margin-right: 50px;}
.mr60{ margin-right: 60px;}
.mr70{ margin-right: 70px;}
.mr100{ margin-right: 100px;}

.m5{ margin: 5px;}
.m10{ margin: 10px;}
.m15{ margin: 15px;}
.m20{ margin: 20px;}
.m30{ margin: 30px;}
.m40{ margin: 40px;}
.m50{ margin: 50px;}
.m60{ margin: 60px;}
.m70{ margin: 70px;}
.m100{ margin: 100px;}



.mtb0{ margin-top:0; margin-bottom:0;}
.mtb05{ margin-top:5px; margin-bottom:5px;}
.mtb10{ margin-top:10px; margin-bottom:10px;}
.mtb15{ margin-top:15px; margin-bottom:15px;}
.mtb20{ margin-top:20px; margin-bottom:20px;}
.mtb25{ margin-top:25px; margin-bottom:25px;}
.mtb30{ margin-top:30px; margin-bottom:30px;}

/* padding
-------------------- */
.p0{ padding: 0; !important}
.p5{ padding: 5px; !important}
.p10{ padding: 10px; !important}
.p15{ padding: 15px; !important}
.p20{ padding: 20px; !important}
.p30{ padding: 30px; !important}
.p40{ padding: 40px; !important}
.p50{ padding: 50px; !important}


.pb0{ padding-bottom: 0; !important}
.pb5{ padding-bottom: 5px; !important}
.pb10{ padding-bottom: 10px; !important}
.pb15{ padding-bottom: 15px; !important}
.pb20{ padding-bottom: 20px; !important}
.pb30{ padding-bottom: 30px; !important}
.pb40{ padding-bottom: 40px; !important}
.pb50{ padding-bottom: 50px; !important}


.pt5{ padding-top: 5px; !important}
.pt10{ padding-top: 10px; !important}
.pt15{ padding-top: 15px; !important}
.pt20{ padding-top: 20px; !important}
.pt30{ padding-top: 30px; !important}
.pt40{ padding-top: 40px; !important}
.pt50{ padding-top: 50px; !important}
.pt60{ padding-top: 60px; !important}
.pt70{ padding-top: 70px; !important}
.pt100{ padding-top: 100px; !important}


.pl5{ padding-left: 5px; !important}
.pl10{ padding-left: 10px; !important}
.pl15{ padding-left: 15px; !important}
.pl20{ padding-left: 20px; !important}
.pl30{ padding-left: 30px; !important}
.pl40{ padding-left: 40px; !important}
.pl50{ padding-left: 50px; !important}


.ptb0{ padding-top:0; padding-bottom:0; !important}
.ptb05{ padding-top:5px; padding-bottom:5px; !important}
.ptb10{ padding-top:10px; padding-bottom:10px; !important}
.ptb15{ padding-top:15px; padding-bottom:15px; !important}
.ptb20{ padding-top:20px; padding-bottom:20px; !important}
.ptb25{ padding-top:25px; padding-bottom:25px; !important}
.ptb30{ padding-top:30px; padding-bottom:30px; !important}

/* height
-------------------- */
.height0{ height:0px;}
.height1{ height:1px;}


/* width
-------------------- */
.wide10{ width: 10%;}
.wide15{ width: 15%;}
.wide20{ width: 20%;}
.wide25{ width: 25%;}
.wide30{ width: 30%;}
.wide35{ width: 35%;}
.wide40{ width: 40%;}
.wide375{ width:375px;}
.wide45{ width: 45%;}
.wide50{ width: 50%;}
.wide55{ width: 55%;}
.wide60{ width: 60%;}
.wide65{ width: 65%;}
.wide70{ width: 70%;}
.wide75{ width: 75%;}
.wide80{ width: 80%;}
.wide85{ width: 85%;}
.wide90{ width: 90%;}
.wide95{ width: 95%;}
.wide100{width:100%; !important}

.wmax600{max-width:600px;}

/* float, align
-------------------- */
.floatL{ float: left;}
.floatR{ float: right;}

.alignL{ text-align: left;}
.alignC{ text-align: center;}
.alignR{ text-align: right;}

.alignmC{ margin:0 auto;}


/* WRAP
---------------------------------------------------- */
#wrapper{
	width:920px;
	margin:0 auto;
}



/* HEADER
---------------------------------------------------- */
#headerArea{
  background-size: cover;
  background-position: center;
  }
#headerArea{
	padding:0;
	background-image: url(../shared/images/header_bg.jpg);
/*	background-repeat: repeat-x;*/
/*	background-size:100% auto;*/
}


/* BOTAN AREA
---------------------------------------------------- */
.botanArea {
	background-color: #F2F2F2;
	border-top:1px solid #CCC;
}
.botanArea ul {
	border-spacing:0;
	margin:0 auto;
}

.botanArea ul li {
	float:left;
	padding:5px 7px 0 0;
	list-style-type: none;
	width:31%;
}


.botanArea2 {
	background-color: #F2F2F2;
}
.botanArea2 ul {
	border-spacing:0;
	margin:0 auto;
}

.botanArea2 ul li {
	float:left;
	padding:5px 7px 0 0;
	list-style-type: none;
	width:31%;
}




/* NAVI AREA
---------------------------------------------------- */

#naviArea{
max-width:600px;
margin:0 auto;
}

#naviArea ul{ width:105%;}

#naviArea ul li{
	border:1px solid #297BC4;
	margin-top:-1px;
	margin-left:-1px;
	float:left;
	width:24%;
	text-align:center;
}

#naviArea ul li a{
display:block;
}


#naviArea .backdiy{ background-color:#a53724;}
#naviArea .backgardening{ background-color:#046636;}
#naviArea .backkitchen{ background-color:#96ba1a;}
#naviArea .backcare{ background-color:#d7ab1a;}
#naviArea .backkomeritv{background-color:#95E4FF;}
#naviArea .backknowledge{ background-color:#19499c;}
#naviArea .backoutdoor{ background-color:#684a9a;}
#naviArea .backcooking{ background-color:#ea6464;}
#naviArea .backpet{ background-color:#f2b195;}





/* ページのTOPへ戻る
-------------------- */
.gotop{
	clear: both;
	text-align:right;
	font-size:90%;
	padding-top:7%;
	padding-bottom:10px;

}

/* FOOTER
---------------------------------------------------- */
.footer_info {
	width: 100%;
	margin: 0px;
	background-color: #FFFFFF;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #986532;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	overflow-x: hidden;
	height: auto;
	display: block;
}


.footer_info p {
	margin: 0px;
	text-align: left;
	float: left;
	width: 145px;
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 90%;
}

.footer_info .dotcom {
	margin: 0px;
	float: none;
	text-align: left;
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	width:90%;
	font-size: 90%;
}

#copyright{
	background-color: #FFFFFF;
	background-position: center;
	border-top-width: 1px;
	border-top-style: solid;
	display: block;
	border-top-color: #986532;
	padding-top: 8px;
	padding-right: 2px;
	padding-left: 2px;
	font-size: small;
	clear: both;
	text-align: center;
}

.mailmagazine{ margin:10px 0;}

/* ブロック表示HACK
---------------------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* End hide from IE-mac */



/* テキストリンク　大きく表示
---------------------------------------------------- */
.txthref a{ line-height:1.8em; font-size:120%;}