@charset "utf-8";
/*
 * Support base css
 * Date: 2010.04.21
 * Author: Creative Team
 */

/* Reset 
--------------------------------------------------------------------------*/
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, p, input{
	margin: 0;
	padding: 0;
	
	}
input:focus{
	outline:none;
}
h1, h2, h3, h4, h5, h6, th {
	font-size: 1.0em;
	font-weight: normal;
	font-style: normal;
	line-height:1.0em;
	_line-height:1.2em;
	
	}
pre {
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}

ul,ol{
	list-style: none;
	}
img {
	border: none;
	}
table{
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells:show;
	}
	
hr{
	position:absolute;
	display:none;
	}
	
/* Base 
--------------------------------------------------------------------------*/
html, body{
	_height: 100%;
	font-size:12px;
}

html{
	overflow-y:scroll;
}

body {
	height:100%;
	width: 100%;
	padding-top:29px;
	font-size:12px;
	line-height: 16px;
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	_font-family :'ＭＳ Ｐゴシック' , sans-serif ; /* IE6 */
	color:#333;
	text-align: center;
	background: #e9daae;
}

/* Link 
--------------------------------------------------------------------------*/
a:link{
	color:#005fa3;
	overflow:hidden;
	text-decoration:none;
}
a:visited{
	color:#b8007e;
	overflow:hidden;
	text-decoration:none;
}

a:hover,
a:active{
	color:#ff0066;
	text-decoration:underline;
}

#head,
#body,
#foot{
	width: 1000px;
	margin: auto;
	text-align: left;
}
#head{
	z-index:50;
}
#body{
	z-index:25;
}

/* body
--------------------------------------------------------------------------*/
#body{
	margin-top: 0px;
	margin-bottom: 0px;
}

#contents{
	background: #fff;
	padding-bottom: 30px;
}

/* utilities 
--------------------------------------------------------------------------*/
#utilities{
	position: fixed;
	bottom: -1px;
	left: -1px;
	height: 1px;
	width: 1px;
	overflow:hidden;
}


/* #body
--------------------------------------------------------------------------*/
#lnvR:after,
#lnvL:after,
#contents:after,
#foot:after,
#head:after,
#body:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #lnvR,
* html #lnvL,
* html #contents,
* html #foot,
* html #head,
* html #body {
 zoom: 1; } /* IE6 */


*:first-child+html #lnvR,
*:first-child+html #lnvL,
*:first-child+html #contents,
*:first-child+html #foot,
*:first-child+html #head,
*:first-child+html #body {
 zoom: 1; } /* IE7 */


.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*------------------------------------------------------------------------*/
/* #head
--------------------------------------------------------------------------*/

/* head 
--------------------------------------------------------------------------*/
#head{
position: relative;
border-top: solid 2px #6f6f6f;
}
#head #logo{
	width:347px;
	height: 70px;
	background: url(/feature/images/feature_logo.gif) no-repeat;
	overflow: hidden;
	line-height: 20px;
	color:#808080;
}
#head #logo a:visited,
#head #logo a:hover,
#head #logo a{
	display: block;
	width:306px;
	height: 50px;
	font-size: 12px;
line-height: 22px;
	color: #808080;
	text-decoration: none;
}
#head #logo a span{
	display: block;
	text-indent: -9999px;
}



/* sitemap
--------------------------------------------------------------------------*/
#head #sitemap{
position: absolute;
top: 5px;
right:0px;
	position: absolute;
}
#head #sitemap a{
margin-left: 7px;
padding-left: 12px;
background: url(/recommend/images/bullet01.gif) no-repeat 0px;
}

/* spnv
--------------------------------------------------------------------------*/
#head #spnv ul{
position: absolute;
top: 23px;
right: 0px;
}
#head #spnv ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #head #spnv ul{ zoom: 1; } /* IE6 */
*:first-child+html #head #spnv ul { zoom: 1; } /* IE7 */
#head #spnv ul{
border-left: solid 1px #cccccc;
}
#head #spnv li{
float: left;
	height: 41px;
	width: 215px;
	border-right: solid 1px #cccccc;
	text-align: center;
}
#head #spnv li a{
	display: inline-block;
	margin: 7px auto 6px;
	padding-left: 30px;
	line-height: 26px;
	font-weight: bold;
	background: url(/common/images/bullet02.gif) no-repeat 0px center;
}
#head #spnv li.recommend a{background: url(/common/images/spnv_01.gif) no-repeat 0px center;}
#head #spnv li.recommend a:hover{background: url(/common/images/spnv_01_ov.gif) no-repeat 0px center;}
#head #spnv li.feature a{background: url(/common/images/spnv_02.gif) no-repeat 0px center;}
#head #spnv li.feature a:hover{background: url(/common/images/spnv_02_ov.gif) no-repeat 0px center;}
#head #spnv li.point a{background: url(/common/images/spnv_03.gif) no-repeat 0px center;}
#head #spnv li.point a:hover{background: url(/common/images/spnv_03_ov.gif) no-repeat 0px center;}
#head #spnv li.main a{background: url(/common/images/spnv_04.gif) no-repeat 0px center;}
#head #spnv li.main a:hover{background: url(/common/images/spnv_04_ov.gif) no-repeat 0px center;}


/* hd
--------------------------------------------------------------------------*/
#top div#gnv div#hd_visual {
	height:271px;
	margin-top: 12px;
	padding:0;
	background:url(/feature/images/main_visual_home.gif) no-repeat; /* default */
}

#col01 div#gnv div#hd_visual,
#col02 div#gnv div#hd_visual,
#col03 div#gnv div#hd_visual,
#col04 div#gnv div#hd_visual,
#col05 div#gnv div#hd_visual,
#col06 div#gnv div#hd_visual,
#col07 div#gnv div#hd_visual,
#col08 div#gnv div#hd_visual,
#knwhw div#gnv div#hd_visual {
	height:271px;
	margin-top: 12px;
	padding:0;
	background:url(/feature/images/main_visual_clmn.gif) no-repeat;
}

#cnslt div#gnv div#hd_visual {
	height:271px;
	margin-top: 12px;
	padding:0;
	background:url(/feature/images/main_visual_cnslt.gif) no-repeat;
}

#tl div#gnv div#hd_visual {
	height:271px;
	margin-top: 12px;
	padding:0;
	background:url(/feature/images/main_visual_tool.gif) no-repeat;
}



div#gnv div#hd_visual h2,
div#gnv div#hd_visual p{display:none;}



/* navigation */

div#gnv ul#feature_navi {
	height:54px;
	padding: 0px 0px 0px 62px;
	background:url(/feature/images/navi_bg.gif) no-repeat;
	overflow:hidden;
	zoom:100%;
}
div#gnv ul#feature_navi li {
	float:left;
	width:219px;
	height:54px;
}
div#gnv ul#feature_navi li a{
	display:block;
	width:219px;
	height:54px;
	text-indent:-9999px;
	overflow:hidden;
}
div#gnv ul#feature_navi li.navi_home {background:url(/feature/images/navi_btn_home.gif) no-repeat;}
div#gnv ul#feature_navi li.navi_clmn {background:url(/feature/images/navi_btn_clmn.gif) no-repeat;}
div#gnv ul#feature_navi li.navi_cnslt {background:url(/feature/images/navi_btn_cnslt.gif) no-repeat;}
div#gnv ul#feature_navi li.navi_tool {background:url(/feature/images/navi_btn_tool.gif) no-repeat;}

div#gnv ul#feature_navi li.navi_home a:hover{background:url(/feature/images/navi_btn_home_ov.gif) no-repeat;}
div#gnv ul#feature_navi li.navi_clmn a:hover{background:url(/feature/images/navi_btn_clmn_ov.gif) no-repeat;}
div#gnv ul#feature_navi li.navi_cnslt a:hover{background:url(/feature/images/navi_btn_cnslt_ov.gif) no-repeat;}
div#gnv ul#feature_navi li.navi_tool a:hover{background:url(/feature/images/navi_btn_tool_ov.gif) no-repeat;}

#top div#gnv ul#feature_navi li.navi_home a{background:url(/feature/images/navi_btn_home_ov.gif) no-repeat;}
#col01 div#gnv ul#feature_navi li.navi_clmn a,
#col02 div#gnv ul#feature_navi li.navi_clmn a,
#col03 div#gnv ul#feature_navi li.navi_clmn a,
#col04 div#gnv ul#feature_navi li.navi_clmn a,
#col05 div#gnv ul#feature_navi li.navi_clmn a,
#col06 div#gnv ul#feature_navi li.navi_clmn a,
#col07 div#gnv ul#feature_navi li.navi_clmn a,
#col08 div#gnv ul#feature_navi li.navi_clmn a,
#knwhw div#gnv ul#feature_navi li.navi_clmn a{background:url(/feature/images/navi_btn_clmn_ov.gif) no-repeat;}
#cnslt div#gnv ul#feature_navi li.navi_cnslt a{background:url(/feature/images/navi_btn_cnslt_ov.gif) no-repeat;}
#tl div#gnv ul#feature_navi li.navi_tool a{background:url(/feature/images/navi_btn_tool_ov.gif) no-repeat;}



/* foot
--------------------------------------------------------------------------*/

#foot{
	padding-top: 30px;
	border-top: solid 3px #999;
	background: #fff;
}

#foot #siteFooter{
	width: 1000px;
	text-align: center;
}
#foot #siteFooter ul{
	margin: auto;
	display: inline;
}
#foot #siteFooter ul li{
	display: inline;
	padding: 0px 15px 0px 20px;
	background: url(/common/images/bullet08_r.gif) no-repeat 6px center;
	line-height: 35px;
}
#foot #copyright{
	color: #000;
	text-align: center;
	line-height: 16px;
	padding-bottom: 40px;
}
#foot #copyright:after,
#foot #siteFooter:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #foot #siteFooter, * html #foot #copyright{ zoom: 1; } /* IE6 */
*:first-child+html #foot #siteFooter, *:first-child+html #foot #copyright{ zoom: 1; } /* IE7 */