@charset "utf-8";

/*------------------------
 お役立ち
------------------------*/
* > .useful_box {
	display:block;
	overflow:hidden;
	width: 668px;
	margin:0 0 30px;
	padding:0;
	border:1px solid #40b7f9;
	border-radius:7px;
	background:#40b7f9;
	box-shadow:0px 1px 2px #ccc;
	}
#main_column > .useful_box > .useful_ttl{
	position:relative;
	overflow:hidden;
	text-align: left;
	display:block;
	height:44px;
	line-height:44px;
	margin:0;
	padding:0;
	text-indent:24px;
	color:#fff;
	font-weight:bold;
	font-size:24px;
	background: url(/search/image_cmn/ufl_ttl_bg2.png) no-repeat right bottom;
}
* > .use_cate .lead{
	display:block;
	margin:25px 5px 30px;
	text-align: left;
	font-size:16px;
}

ul{
	font-size:16px;
}

* > .useful_box > .useful_ttl img {
	position:absolute;
	top:0px;
	left:0px;
	z-index: 1;
}
* > .useful_box > .use_cate {
	position:relative;
	display:block;
	overflow:hidden;
	clear:both;
	margin:0 4px 4px;
	padding:0 15px 0;
	border:1px solid #f6e1e9;
	border-radius:5px;
	background:url(/weather/image/we_bg.png) no-repeat right top #fff;
}
* > .useful_box > .use_cate dl {
	position:relative;
	display:block;
	overflow:hidden;
	margin:0 auto 20px;
	padding:0;
	text-align:left;
	z-index:0;
}

* > .useful_box > .use_cate dl > dd {
	position:relative;
	overflow:hidden;
	padding:0;
	margin:10px 0 0;
	text-align:left;
}
* > .useful_box > .use_cate > div {
	position:relative;
	display:block;
	overflow:hidden;
	margin:0;
	padding:0;
}
* > .useful_box > .use_cate > div:last-child {
	margin-bottom:0;
}
* > .useful_box > .use_cate .use_img1 {
	position:absolute;
	right: 10px;
	bottom:5px;
	z-index: 100;
}
* > .useful_box > .use_cate .use_img2 {
	position:absolute;
	right: 0px;
	bottom:0px;
}

* > .useful_box > .use_cate ul,
* > .useful_box > .use_cate div.p_img > ul {
	display:block;
	overflow:hidden;
	list-style:none;
	margin:15px 0 5px 10px;
	padding:0;
}

* > .useful_box > .use_cate  ul > li {
	overflow: hidden;
	display:list-item;
	white-space:nowrap;
	float:left;
	height:30px;
	line-height:18px;
	width:240px;
	margin:5px 30px 3px 5px;
	padding:0;
	text-align:left;
	color: #777;
}

* > .useful_box > .use_cate  div.p_img > ul > li{
	margin:5px 25px 3px 5px;
}

* > .useful_box > .use_cate  div.p_img > ul > li.longtxt{
	width:50% !important;
	overflow:visible;
}
	




* > .useful_box > .use_cate  ul > li {
	background:url(/weather/image/lst_li_fa.gif) no-repeat 2px 4px;
	text-indent:28px;
}

* > .useful_box > .use_cate  div.p_img > ul > li {
	background:url(/image_cmn/icon-s05.gif) no-repeat 2px 5px;
	text-indent:20px;
}


* > .useful_box > .use_cate  div.p_img {
	border:#aaa 1px solid;
	width:620px;
	padding:0;
	margin:5px auto 0 auto;
}

* > .useful_box > .use_cate div.p_img h3 {
	background:#e2ffc6;
	height:28px;
	font-size:18px;
	line-height:18px;
	padding:10px 0 0 33px;
	margin:0 0 5px 0;
	display:block;
	overflow:hidden;
}

* > .useful_box > .use_cate ul > li.longtxt,
* > .useful_box > .use_cate div.p_img > ul > li.longtxt,
* > .useful_box > .use_cate ul > li.middletxt {
	width:62.5%;
}

* > .useful_box > .use_cate > ul > li.li_useful {
	background-image:url(/image_cmn/lst_40.png);
}
* > .useful_box > .use_cate > ul > li.li_search {
	background:url(/image_cmn/lst_17.png) no-repeat 2px 3px;
}
* > .useful_box > .use_cate > ul > li.li_search.gray {
	background-image:url(/image_cmn/lst_17_gray.png);
}
* > .useful_box > .use_cate > ul > li.li_search.short {
	width:23%;
}
* > .useful_box > .use_cate > ul > li.li_grmail {
	width:31%;
	background-image:url(/image_cmn/lst_194.png);
}
* > .useful_box > .use_cate ul > li.li_useful span,
* > .useful_box > .use_cate ul > li.li_search span{
	color: #777;
	margin:0 0 0 10px;
	padding:1px 0 0 15px;
	background: url(/search/image_cmn/mrk_outlink.png) no-repeat 0 0;
	text-align:left;
	height:26px;
	}
* > .useful_box > .use_cate  ul > li span.hnavi{
	display: none;
	}

* > .useful_box > .use_cate div.fa_bnr {
	display: block;
	overflow:hidden;
	width: 580px;
	margin:0 auto 15px;
	padding: 0;
	text-align:center;
	line-height:1%;
}
* > .useful_box > .use_cate div.fa_bnr figure {
	float:left;
	width:260px;
	margin:0 15px;
	padding:0;
}
* > .useful_box > .use_cate div.fa_bnr figure:empty {
	background:#fff url(/banner/bnr_blank.gif) no-repeat 0 top;
}
* > .useful_box > .use_cate div.fa_bnr figure a {
	background:#fff;
}
* > .useful_box > .use_cate div.fa_bnr figure figcaption{
	width:260px;
	margin:5px 0 10px;
	text-align:left;
	font-size:14px;
	line-height:1.3;
}
* > .useful_box > .use_cate div.fa_bnr a {
	display:block;
	width:260px;
	margin:0;
	padding:0;
}
* > .useful_box > .use_cate div.fa_bnr a img,
* > .useful_box > .use_cate div.fa_bnr p.blank img{
	vertical-align: middle;
	/*margin-bottom: 10px;*/
}
* > .useful_box > .use_cate div.fa_bnr p.blank {
	display: inline;
	width: 260px;
	margin:0 0;
	padding:0;
	overflow: hidden;
}
* > .useful_box > .use_cate div.fa_bnr.golfgroup {

	position:relative;
	border-radius:6px;
	behavior: url(/css/PIE.htc);
	background: #fafae9;
	width: 870px;
	padding: 10px 0 0;
}
* > .useful_box > .use_cate div.fa_bnr.golfgroup span{
	display: inline-block;
	width: 260px;
	margin:0 0px 0 20px;
	padding:0 0 0 10px;
	overflow: hidden;
	background: url(/weather/image/lst_li_fa.gif) no-repeat 0 5px;
	}
* > .useful_box > .use_cate div.fa_bnr.golfgroup span + a {
	margin:0 10px 0 0;
	padding:0 0 0 0;
}
* > .useful_box span.hide_dtl{
	display: none;
	}
* > .useful_box > .use_cate ul > li span {
	overflow: hidden;
	font-size: 12px;
	margin:0;
	padding-left:3px;	
	background: none;
}
* > .useful_box > .use_cate ul > li span.hide_area{
	}
* > .useful_box > .use_cate ul > li a span.hide_area{
	color: #0066cc;
	}
* > .useful_box > .use_cate ul > li a:hover span.hide_area{
	color: #cc0033;
	}
	
* > .relation2 h3 {
	border-left:#339900 5px solid;
	border-bottom:#339900 1px solid;
	width:600px;
	font-weight:bold;
	font-size:18px;
	display:block;
	overflow:hidden;
	/*background-color:#339900;*/
	padding:6px 5px 6px 20px;
	margin:15px auto 0;
	color:#339900;
}