@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: #c3e8f6;
}

/* 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: 10px;
	margin-bottom: 30px;
}

#contents{
	float: left;
	margin-left: 260px;
	_margin-left: 130px;
	padding: 0px 0px 40px 12px;
	width: 730px;
	_width: 740px;
	background: #fff;
}
#lnvL{
	float: left;
	width: 250px;
	margin-left: -1000px;
	background: #1d4757;
}

/* 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 #5bb3d4;
}
#head #logo{
	width:347px;
	height: 70px;
	background: url(/recommend/images/reco_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;}



/* fav_index
--------------------------------------------------------------------------*/
#head #fav_index{
	padding: 3px 3px 3px;
	background: #e8eef0;
}
#head #fav_index_inner{
	background: url(/common/images/fav_bg.gif) repeat-x 0px bottom;
	border: solid 1px #5bb3d4;
	text-align: center;
}
#head #fav_index dl{
	margin: auto;
	width: 245px;
	overflow:hidden;
}
#head #fav_index_inner:after
#head #fav_index dl:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #head #fav_index dl, * html #head #fav_index_inner{ zoom: 1; } /* IE6 */
*:first-child+html #head #fav_index dl, *:first-child+html #head #fav_index_inner{ zoom: 1; } /* IE7 */

#head #fav_index dt{
	float: left;
	color:#5bb3d4;
	line-height: 20px;
	font-weight: bold;
	white-space: nowrap;
}
#head #fav_index dt a{
	color:#5bb3d4;
}

#head #fav_index dd{
	float: left;
	padding: 0px 2px;
}
#head #fav_index dd a{
display: block;
}

/* fav
--------------------------------------------------------------------------*/
#head #fav{
	float: right;
	width: 217px;
	_width: 223px;
	padding: 3px 3px 0px 0px;
	background: #e8eef0;
	overflow:hidden;
}
#head #fav dl{
	background: url(/common/images/fav_bg.gif) repeat-x 0px bottom;
	border: solid 1px #5bb3d4;
	text-align: center;
	padding-left: 12px;
}
#head #fav dl:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #head #fav dl { zoom: 1; } /* IE6 */
*:first-child+html #head #fav dl{ zoom: 1; } /* IE7 */

#head #fav dt{
	float: left;
	color:#5bb3d4;
	line-height: 20px;
	font-weight: bold;
	white-space: nowrap;
}
#head #fav dt a{
	color:#5bb3d4;
}

#head #fav dd{
	float: left;
	padding: 0px 2px 0px 1px;
}
#head #fav dd a{
display: block;
}

/* breadcrumb
--------------------------------------------------------------------------*/
#head #breadcrumb{
	padding: 3px 3px 3px;
	background: #e8eef0;
}
#head #breadcrumb ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #head #breadcrumb ul { zoom: 1; } /* IE6 */
*:first-child+html #head #breadcrumb ul{ zoom: 1; } /* IE7 */

#head #breadcrumb li{
	padding-left: 12px;
	padding-right: 10px;
	padding-top: 2px;
	line-height: 18px;
	float: left;
	background: url(/common/images/bullet04.gif) no-repeat 0px 7px;
}
#head #breadcrumb li br{
	display: none;
}

#head #breadcrumb li.home{
	padding-left: 21px;
	background: none;
}

/* lnvL
--------------------------------------------------------------------------*/
#lnvL .bnr {
	margin: 10px 0px 0px 5px;
}

#lnvL .bnr a{
	margin-bottom: 5px;
	display: block;
}
#lnvL .bnr a img{
	border: solid 1px #005fa3;
}

#lnvL .bnr a:visited img{
	border: solid 1px #b8007e;
}
#lnvL .bnr a:hover img,
#lnvL .bnr a:active img{
	border: solid 1px #ff0066;
}


#lnvL .lmn {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 242px;
}

#lnvL .lmn .ttl {
	background: url(/recommend/images/lnm_ttl_bg01.gif) repeat-x;
	color: #1d4757;
	font-weight: bold;
	text-indent: 10px;
	line-height: 18px;
	margin-top: 16px;
	height: 18px;
}

#lnvL .lmn li {
	background: url(/recommend/images/lnm_ttl_icn01.gif) 12px center no-repeat;
	text-indent: 23px;
	line-height: 26px;
	border-top: 1px solid #103847;
	height: 24px;
}

#lnvL .lmn li.slct {	background: url(/recommend/images/lnm_ttl_icn02.gif) 12px center no-repeat;}
#lnvL .lmn li.slct a{	color: #ffffff;	font-weight: bold;}


#lnvL .lmn li.fst {	border: none:}
#lnvL .lmn li a {	color: #5bb3d4;}


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

#foot{
	margin-top: 30px;
	border-top: solid 3px #999;
}

#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(/recommend/images/bullet02.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 */


/* for seo */
#head .page_ttl {
	float:left;
	margin:4px auto auto 22px;
	text-align:left;
}

#head #fav_index dl {
	margin:auto 0 auto auto;
	overflow:hidden;
	width:245px;
}