@charset "shift_jis";


/* 共通
---------------------------------------------------- */

/* マージン
-------------------- */
.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;}


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



/* padding
-------------------- */
.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}


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


/* 色
-------------------- */
.blue {
	color: #2979C6;
}

/* リスト
-------------------- */

.linklist li {
	background: url(../images/icon_arrow01.png) no-repeat left center;
	font-size:120%;
	padding-left:10px;
	margin:10px 0;
}

.linklist li p {
padding-top:5px;
padding-bottom:5px;
}

/* list01 数字
-------------- */

ul.list01{
	margin-left:25px;
}
ul.list01 li{
	list-style-type:decimal;
	line-height:160%;
	margin-bottom:5px;
}

/* list02 黒丸
-------------- */
ul.list02{
	margin-left:5px;
	position: relative;
}
ul.list02 li{
	margin-bottom:5px;
	background:url(../images/icon03.gif) no-repeat 0 0.4em;
	list-style-type:none;
	padding-left:13px;
}

/* list03 矢印
-------------- */
ul.list03{
	position: relative;
}

ul.list03 li{
	list-style-type:none;
	background: url(../images/icon01.png) no-repeat 0 0.2em;
	padding-left:22px;
	font-size:120%;
}

/* dl01 
-------------- */
.dl01{
	margin-bottom:10px;
}

.dl01 dt{
	font-weight:bold;
}

.dl01 dd{
	margin-bottom:10px;
}

/* イメージ
-------------------- */
img{ border:0;}

.imgCenter{
	margin: 0 auto;
	text-align: center;
}

.imgLeft{
	float: left;
	margin: 5px 10px 10px 0;
}

.imgRight{
	float: right;
	margin: 5px 0 10px 10px;
}

/* 注意文
-------------------- */
blockquote{
	padding: 10px;
	margin-bottom:10px;
	font-size: 90%;
	background-color: #E1E1E1;
}

/* 色
-------------------- */
.col01{
	color:#FF0000;
}

.catch01{
	color:#FF0977;
	font-size: 130%;
	line-height: 130%;
	font-weight:bold;
	}
.bold{font-weight:bold;}

/* Q＆A
-------------------- */
.faq{
	position: relative;
}

.faq dt{
	margin-bottom: 0.5em;
	padding: 3px 0 3px 30px;
	font-weight: bold;
	line-height: 150%;
	color:#cc0000;
	background: url(../images/common/faq01.gif) no-repeat 0 0;
}

.faq dd{
	margin-bottom: 1.5em;
	padding: 0 0 15px 30px;
	line-height: 150%;
	background: url(../images/common/faq02.gif) no-repeat 0 0;
	border-bottom: 1px dotted #CCC;
}



/* 一覧
---------------------------------------------------- */
#list{
	clear: both;
}

#list h2{
	margin-bottom:10px;
	border:none;
}

#list p{
	margin:0;
}

.listLeft div,.listRight div{
	width:420px;
}

.listLeft{
	width:420px;
	float:left;
}

.listRight{
	width:420px;
	float:right;
}

.listTbl{
	width:100%;
	margin-bottom:30px;
	vertical-align:text-top;
	font-size:110%;
}

.listTbl th{
	font-weight:normal;
	text-align:left;
	padding-left:10px;
}

.listTbl th p{
	background:url(../image/common/icon01.png) no-repeat 0 0.2em;
	padding-left:20px;
	font-weight:bold;
	font-size:110%;
}

.listTbl th p.new a {
	background:url(../image/common/icon_new.gif) no-repeat left center;
	padding-left: 35px;
}

.listTbl th span{
	margin-left:22px;
	font-weight:bold;
}

.listTbl th strong{
	color:#FF0000;
}

.listTbl td{
	text-align:center;
}


/* 詳細ページ
---------------------------------------------------- */

.boxTitle{
	margin-bottom: 30px;
	padding-top: 20px;
}

.boxTitle{
	zoom:1;
}

.boxTitle:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}

.box{
	clear: both;
	margin:0 auto 20px;
	width: 100%;
}

.box02{
	margin:0 auto 20px;
	padding: 15px;
	border: 1px solid #999;
}

.box03{
	margin: 0 15px 15px;
	padding: 15px;
}

.box03b{
	margin: 0 15px 15px;
	padding: 15px;
	border: 1px solid #999;
}

.infoTbl{
	margin: 10px 0 20px;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #CCC;
}

.infoTbl td{	
	padding: 7px 5px;
	font-size: 90%;
	border-bottom: 1px solid #CCC;
}

.caption01{
	font-size: 80%;
	font-weight: normal;
	line-height: 140%;
	color: #666;
}

.kanren{
	font-size:130%;
	font-weight:bold;
	background:#f5f5f5;
	padding:10px;
	margin-bottom:20px;
}

.kanren p{
margin-bottom:10px;
}

.kanren ul{
	margin-bottom:20px;
}

.kanren ul li{
	list-style-type:none;
	background: url(../image/common/icon4.gif) no-repeat 0 0.2em;
	padding-left:22px;
}

.kanren2{
	font-size:130%;
	font-weight:bold;
	background:#f5f5f5;
	padding:10px;
	margin-bottom:20px;
}

.kanren2 p{
	margin-bottom:5px;
	margin-top: 10px;
}

.kanren2 ul{
	margin-bottom:20px;
	clear: both;
}

.kanren2 ul li{
	list-style-type:none;
	padding-left:10px;
	float: left;
}




.Tbl01 .video tr td{
	padding:0;
	margin:0;
}

.Tbl01 .video table{
	margin-left:3px;
}

.Tbl01 .video .link{
	font-size:120%;
	background: url(../images/icon01.png) no-repeat 0 0.1em;
	padding-left:15px;
}

.link{
	background: url(../images/icon01.png) no-repeat 0 0em;
	padding-left:18px;
	font-weight:bold;
	font-size:120%;
}


/* タイトル部分やレイアウト用
-------------------- */
table td p{
	font-size: 100%;
}


.Tbl01{
	border-collapse:collapse;
	border-spacing: 0;
	margin:0 auto 20px;
	font-size:100%;
	line-height:160%;
}

.Tbl01 th, .Tbl01 td{
	padding:5px 5px 10px;
	margin: 0;
	vertical-align:top;
	font-size: 90%;
}



/* タイトル部分やレイアウト用
-------------------- */

.Tbl02{
	border-collapse:collapse;
	margin:0 auto;
	font-size:90%;
	margin:0 auto 20px;
	width:835px;
	_margin:0 0 0 20px;
}

.Tbl02 th{
	padding:5px 2px;
	margin: 0;
	vertical-align:top;
}

.Tbl02 td {
	padding:5px 2px;
	margin: 0;
	vertical-align:top;
}

/* 表など
-------------------- */

.Tbl03{
	border-collapse:collapse;
	font-size:90%;
	margin:0 auto 20px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}

.Tbl03 th{
	padding:5px 2px;
	margin: 0;
	vertical-align:middle;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

.Tbl03 td {
	padding:5px 2px;
	margin: 0;
	vertical-align:middle;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

.Tbl03b{
	margin:0 auto 20px;
	border-collapse: collapse;
}

.Tbl03b th, .Tbl03b td{
	padding: 7px;
	font-size: 90%;
	line-height: 140%;
	vertical-align: top;
	border:1px solid #CCC;
}


/* 表など
-------------------- */
.Tbl04{
	border-collapse:collapse;
	margin:0 auto;
	font-size:90%;
	margin:0 auto;
	width:835px;
}

.Tbl04 th{
	padding:5px 2px;
	margin: 0;
	vertical-align:top;
}

.Tbl04 td {
	padding:5px 2px;
	margin: 0;
	vertical-align:top;
}


/* 表など
-------------------- */

.Tbl05{
	border-collapse:collapse;
	font-size:90%;
	margin:0 auto 20px;
}

.Tbl05 th{
	padding:5px 2px;
	margin: 0;
	vertical-align:top;
}

.Tbl05 td {
	padding:5px 2px;
	margin: 0;
	vertical-align:top;
}

.Tbl05b{
	margin:0 auto 20px;
	border-collapse: collapse;
}

.Tbl05b th, .Tbl05b td{
	padding: 7px;
	font-size: 90%;
	line-height: 140%;
	vertical-align: top;
	border:1px solid #CCC;
}

.Tbl05b thead th{
	font-weight: bold;
	background: #DDD;
}

/* 表など
-------------------- */

.Tbl06{
	margin:0 auto 20px;
	border-collapse: collapse;
}

.Tbl06 th, .Tbl06 td{
	padding: 7px;
	font-size: 90%;
	line-height: 140%;
	vertical-align: top;
	border:1px solid #CCC;
}

.Tbl06 th{
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #FFFFCC;
}


/* ページ部分
-------------------- */
.TblPage{
border-top:1px solid #999999;
margin-bottom:20px;
width:860px;
}

.TblPage td{
padding-top:10px;
}





/* ページ一覧
-------------------- */
.TblList{
border-top:1px solid #999999;
margin-bottom:20px;
width:860px;
}

.TblList td{
padding-top:10px;
}








/* 各種カテゴリー
---------------------------------------------------- */

/* DIY
-------------------- */
#diy{
	border-top:5px solid #a53724;
}

#diy #contentsArea{
	border:none;
	text-align:left;
}

#diy #contentsArea h1{
	color:#a53724;
	font-size: 160%;
	line-height: 170%;
	margin-bottom: 0.7em;
}

#diy #contentsArea h6{
	color:#333333;
	display:block;
	cursor:pointer;
	text-indent: 1em;
}

/* ガーデニング
-------------------- */
#garden{
	border-top:5px solid #046636;
}

#garden #contentsArea{
	border:none;
	text-align:left;
}

#garden #contentsArea h1{
	color:#046636;
	font-size: 160%;
	line-height: 170%;
	margin-bottom: 0.7em;
}

/* 住まいのお手入れ
-------------------- */
#care{
	border-top:5px solid #d7ab1a;
}

#care #contentsArea{
	border:none;
	text-align:left;
}

#care #contentsArea h1{
	color:#d7ab1a;
	font-size: 160%;
	line-height: 170%;
	margin-bottom: 0.7em;
}

/* 愛車のお手入れ・アウトドア
-------------------- */
#outdoor{
	border-top:5px solid #684a9a;
}

#outdoor #contentsArea{
	border:none;
	text-align:left;
}

#outdoor #contentsArea h1{
	color:#684a9a;
	font-size: 160%;
	line-height: 170%;
	margin-bottom: 0.7em;
}

/* ペット
-------------------- */
#pet{
	border-top:5px solid #f2b195;
}

#pet #contentsArea{
	border:none;
	text-align:left;
}

#pet #contentsArea h1{
	color:#f2b195;
	font-size: 160%;
	line-height: 170%;
	margin-bottom: 0.7em;
}

/* 美味しい料理のつくり方
-------------------- */
#cooking{
	border-top:5px solid #ea6464;
}

#cooking #contentsArea{
	border:none;
	text-align:left;
}

#cooking #contentsArea h1{
	color:#ea6464;
	font-size: 160%;
	line-height: 170%;
	margin-bottom: 0.7em;
}

/* くらしの豆知識
-------------------- */
#knowledge{
	border-top:5px solid #19499c;
}

#knowledge #contentsArea{
	border:none;
	text-align:left;
}

#knowledge #contentsArea h1{
	color:#19499c;
	font-size: 160%;
	line-height: 170%;
	margin-bottom: 0.7em;
}

/* 家庭菜園
-------------------- */
#kitchen_garden{
	border-top:5px solid #96ba1a;
}

#kitchen_garden #contentsArea{
	border:none;
	text-align:left;
}

#kitchen_garden #contentsArea h1{
	color:#96ba1a;
	font-size: 160%;
	line-height: 170%;
	margin-bottom: 0.7em;
}

/* 各一覧ページバナー
-------------------- */

.link_inner img {
	margin: -1px;
	border: 1px solid #CCCCCC;
}

.link_inner a {
	float: left;
	text-decoration: none;
	text-align: center;
	font-size: 90%;
	padding-top: 5px;
	padding-bottom: 0;
	padding-left: 10px;
}

/* ポイント
-------------------- */

.point01{
	font-size:120%;
	font-weight:bold;
	color:#E02143;
}

.point01txt{
	color:#E03880;
	text-indent:20px;
}


.point02{
	font-size:100%;
	font-weight:bold;
	color:#E02143;
	border-bottom:1px #E02143 dotted;
	float:left;
	margin-bottom:5px;
}

#contentsArea .orenge li {
	background: url(../image/list01.gif) no-repeat left center;
	padding-left:16px;
	list-style:none;
	font-size:90%;
	position: relative;
}

#contentsArea .kanren div{ font-weight:normal; font-size:80%;}