@charset "shift_jis";

body {
	font-size: 100%;
	font-family:"ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
	line-height: 150%;
	margin: 0 auto;
	padding: 0px;
}

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

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


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

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

/* HEADER
---------------------------------------------------- */
#headerArea{
padding:5px 5px 0 5px;
}


/* BOTAN AREA
---------------------------------------------------- */
.botanArea {
	background-color: #F2F2F2;
	border-top:1px solid #19499C;
}
.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;}


/* CONTENTS AREA
---------------------------------------------------- */

/* トップ
-------------------- */
.topcontents {
	padding: 10px 0;
}

.topcontents h1 {
	background-color: #19499C;
	clear: both;
	padding: 10px 5px;
	font-size: 140%;
	color: #FFFFFF;
	font-weight: bold;
}

.topcontents .ichioshi{
	font-weight: bold;
	background: url(../images/icon_arrowblack_s.png) no-repeat left center;
	padding-left:16px;
	color: #CC0033;
	font-size:120%;
}


.topcontents .ninki{
	font-weight: bold;
	background: url(../images/icon_arrow01.png) no-repeat left center;
	padding-left:16px;
	padding-top:5px;
	padding-bottom:5px;
}



#contents_main{ clear:both;}



/* セカンド
-------------------- */
#contentsArea{
	position: relative;
	border:1px solid #297bc4;
	padding:10px 0;
}

#contentsArea h2{
	clear: both;
	color:#297bc4;
	border-bottom:2px solid #297bc4;
	margin-bottom:10px;
	padding: 5px 0;
	font-size:120%
}

#contentsArea h3{
	border-left:5px solid #297bc4;
	padding-left:10px;
	margin-bottom:10px;
	font-size:120%
}


#contentsArea h5{
	color:#297bc4;
	font-size:100%
}


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

/* FOOTER
---------------------------------------------------- */
.footer_info {
	width: 100%;
	margin: 0px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #19499C;
	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;
	font-size:80%;
	width: 145px;
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}

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

#copyright{
	background-color: #FFFFFF;
	background-position: center;
	border-top-width: 1px;
	border-top-style: solid;
	display: block;
	border-top-color: #19499C;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	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 */


/* フォーム */

#navmain{
	background-repeat: repeat-x;
	max-width:600px;
}


#navmain form {
	text-align: center;
	margin-bottom: 10px;
}

#navmain form input.breadthsearch {
	background: -moz-linear-gradient(top, #e8e8e8 0%, #ffffff 20%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(20%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e8e8e8 0%,#ffffff 20%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e8e8e8 0%,#ffffff 20%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e8e8e8 0%,#ffffff 20%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #e8e8e8 0%,#ffffff 20%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border: 1px solid #9A9A9A;
	border-radius: 5px;
	/*box-shadow: 0 2px 0 0 #CCCCCC inset;*/
	height: 26px;
	padding-left: 2px;
	width: 93%;
	margin-top:0px;
	margin-bottom:10px;
}

#navmain form #searchBtn {
	background-color: #EEEEEE;
	border: 1px solid #9A9A9A;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: inset 0 1px 0 0 white, inset 0 -2px 3px 0 #E4E4E4;
	-webkit-box-shadow: inset 0 1px 0 0 white, inset 0 -2px 3px 0 #E4E4E4;
	width: 98%;
	height: 27px;
	line-height:normal;
	margin-top:0px;
	margin-bottom:10px;
}

#navmain form button#searchBtn img {

}

#navmain form select.selectsearch{
	height: 26px;
	padding-left: 2px;
	width: 75%;
	margin:10px 0 0;
	padding:0;
	vertical-align: top; 
	}

ul.terms{
	max-width:600px;
	margin:0 auto 10px;
	padding:2%;
	list-style-type:none;
	list-style-position: inside;
	border:solid 1px #cccccc;
	font-size:0.8em;
	line-height:1.6;
}

ul.terms li{
	text-indent:-1.0em;
	padding-left:1.0em;	
}

ul.terms, 
ul.terms:before, 
ul.terms:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}