@charset "utf-8";	

/*==============================	
	((CSS INDEX))

	CSS for Top Page
	
==============================*/
/* clearfix (Firefox)
------------------------------- */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* WinIE7
------------------------------- */
.clearfix{
   display:inline-block;
}

/* WinIE5,6
------------------------------- */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}

/*==============================
all
==============================*/
#all{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#header{
	width:700px;
	height: 155px;
	background: url(../goodidea/images/bg_header00.jpg) repeat-x left top;
	margin: 0;
	position: relative;
}

div.enter-size{
	width:700px;
	height: 135px!important;
	background: url(../goodidea/images/bg_header002.jpg) repeat-x left top!important;
	margin: 0;
}

#header  p.sp-logo {
	padding: 10px 0 0 21px;
}

#header h1{
	padding: 20px 0 0 21px;
	float: left;
}

#header p.mark{
	float: right;
	padding: 3px 0 0 0;
	display: inline;
}

div.enter-size p.mark02{
	float: none;
	padding: 0 0 0 0;
	display: inline;
	position: absolute;
	left: 604px;
	top: 36px;
}


#contents{
	width:700px;
	padding: 0;
	clear:both;
}

#contents .sec-l{
	width: 325px;
	background: url(../goodidea/images/bg_section_l.gif) no-repeat left top;
	padding: 20px 0 17px 21px;
	float: left;
}

#contents .ml-8{
	margin: 0 0 0 8px;
	display: inline;
}

#contents .pb-25{
	padding: 20px 0 25px 21px;
}

#contents .sec-l p.photo{
	float: left;
	padding: 0 0 11px 0;
}

#contents .sec-l div.enter{
	width: 185px;
	float: left;
	margin: 0 0 0 15px;
	display: inline;
}

#contents .sec-l div.enter h2.under{
	padding: 5px 0 0 0;
}

#contents .sec-l p.stit2{
	font-size: 84%;
	padding: 5px 0;
}

#contents .sec-l p.link{
	font-size: 84%;
	padding: 5px 0 0 15px;
	background: url(../common/arw_br.gif) no-repeat left 5px;
}

#contents .sec-l dl.point{
	clear: both;
	margin: 9px 0 0 0;
	padding: 0;
	width: 300px;
}

#contents .sec-l dl.point dt{
	float: left;
	padding: 0 15px 0 0;
}

#contents .sec-l dl.point dd{
	float: left;
	width: 210px;
}

#contents .sec-l dl.point dd li{
	padding: 0 0 3px 0;
}

#footer{
	width:700px;
	border-top:4px solid #999999;
	padding-top:10px;
	margin:0 0 0 0;
	clear:both;
	text-align: left;
}

#copyright{
	color:#666666;
	font-style:normal;
	font-size:86%;
	font-family:Arial, Helvetica, sans-serif;
	padding:8px 0;
}	

#contents .sidenavi{
	width: 178px;
	float: left;
}


#contents div.main{
	width: 510px;
	float: left;
	margin: 17px 0 0 9px;
	background: url(../goodidea/images/bg_mani.gif) no-repeat left top;
	display: inline;
}

/**/
#contents div.main-noncare{
	width: 510px;
	float: left;
	margin: 0 0 0 9px;
	display: inline;
}

#contents div.main-noncare h2{
	padding: 14px 0 0 10px;
}

#contents div.main-noncare p.mainimg{
	padding: 10px 0 0 10px;
	float: left;
}

#contents div.main-noncare p.commnet{
	width: 274px;
	padding: 10px 0 0 15px;
	line-height: 1.4;
	float: left;
}

#contents div.main-noncare p.commnet2{
	width: 490px;
	padding: 10px 0 0 15px;
	line-height: 1.4;
}


#contents div.main-noncare p.detail{
	width: 274px;
	padding: 10px 0 0 25px;
	float: left;
	background: url(../common/arw_br.gif) no-repeat 10px 11px;
}

#contents div.main-noncare h3{
	clear: both;
	padding: 33px 0 20px 10px;
}

#contents div.main-noncare h3.eco{
	padding: 0 0 20px 10px;
}	

#contents div.main-noncare div.hito{
	padding: 0 0 25px 0;
}

#contents div.main-noncare div.hitoleft{
	float: left;
	clear: both;
}

#contents div.main-noncare div.hitoleft2{
	float: left;
	clear: both;
	width: 235px;
}

#contents div.main-noncare div.hitoright{
	float: left;
}

#contents div.main-noncare p.hitophoto{
	padding: 0 15px 0 20px;
}

#contents div.main-noncare p.caption{
	clear: both;
	padding: 5px 0 0 20px;
	font-size: 84%;
	width: 200px;
}

#contents div.main-noncare p.caption span{
	color: #CC0000;
}

#contents div.main-noncare h4{
	font-size: 117%;
	padding: 0 0 5px 0;
}

#contents div.main-noncare p.hitocom{
	width: 255px;
	float: left;
	line-height: 1.4;
}

#contents div.main-noncare p.hitocom sub{
	vertical-align:-0.3em;
	font-size:80%;
	line-height:100%;
}

#contents div.main-noncare h4.hitotit{
	font-size: 117%;
	padding: 0 0 5px 20px;
}

#contents div.main-noncare p.hitocom2{
	width: 470px;
	padding: 0 15px 0 20px;
	float: left;
}

#contents div.main-noncare p.btn{
	padding: 10px 0 0 130px;
}


.toPagetop{
	padding-top:15px;
	padding-bottom: 10px;
	text-align: right;
	height:15px; 
}

div#navi3{
	width:178px;
	border-top:1px solid #9A9899;
	border-bottom:1px solid #9A9899;
	margin: 20px 0 42px 0;
}

div#navi3 ul li{
	padding: 8px 0 8px 15px;
	font-weight:bold;
}

div#navi3 ul li.here{
	background: #FFD48B;
	color:#CD6600;
	font-weight:bold;
}


div#navi3 ul li.top{
	margin: 1px 0 1px 0;
}

div#navi3 ul li.second,
div#navi3 ul li.last,
div#navi3 ul li.last-here{
	padding: 10px 0 10px 26px;
}

div#navi3 ul li.second{
	border-top:1px solid #9A9899;	
}

div#navi3 ul li.last{
	background: url(../common/navi_line.gif) left top no-repeat;
}

div#navi3 ul li a{
	color:#666666;
}

div#navi3 ul li a.here{
	background:none;
	padding: 0 0 0 15px;
}




div#navi3 ul li div.enter{
	background: url(../common/other_ico.gif) 0 4px no-repeat;
	padding: 0 0 0 15px;
}

div#navi3 ul li div.enter-here{
	background: url(../common/top_ico.gif) 0 4px no-repeat;
	padding: 0 0 0 15px;
}

div#navi3 ul li span.top_ico02 a{
	background: none;
}

div#navi3 ul li.last-here{
	background: url(../common/navi_line.gif) left top no-repeat #FFD48B;
	color:#CD6600;
	font-weight:bold;
}