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

/* 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: 180px;
	_margin-left: 90px;
	padding: 0px 12px;
	width: 576px;
	_width: 600px;
}
#lnvL{
	float: left;
	width: 180px;
	margin-left: -780px;
}
#lnvR{
	float: right;
	width: 220px;
}

/* pr 
--------------------------------------------------------------------------*/
#pr{
	margin: 15px 0px;
}
#pr li{
	position: relative;
	margin-left: 30px;
	margin-bottom: 5px;
	line-height: 16px;
}
#pr div{
	position: absolute;
	top: 0px;
	left: -30px;
	color: #9c4600;
}
#pr a{
	color: #808080;
	color: #494949;
}
#pr a span.ttl{
	font-weight: bold;
	color: #99004f;
}
#contents #mainArea .pager:after,
#pr li:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #contents #mainArea .pager,
* html #pr li { zoom: 1; } /* IE6 */
*:first-child+html #contents #mainArea .pager,
*:first-child+html #pr li { zoom: 1; } /* IE7 */



/* pager 
--------------------------------------------------------------------------*/

#contents #mainArea .pager{
	margin: 10px auto 0px;
	* margin-left: 210px;
	text-align: center;
}
#contents #mainArea .pager li{
	* float: left;
	display: inline-block;
}
#contents #mainArea .pager li a{
	display: block;
	width: 20px;
	line-height: 30px;
}
#contents #mainArea .pager li.prev{
	padding-left: 13px;
	background: url(/common/images/bullet08_l.gif) no-repeat 0px center;
}
#contents #mainArea .pager li.next{
	padding-right: 13px;
	background: url(/common/images/bullet08_r.gif) no-repeat right center;
}
#contents #mainArea .pager li.prev a,
#contents #mainArea .pager li.next a{
	width: 35px;
}
#contents #mainArea .pager li a.active,
#contents #mainArea .pager li a:hover{
	background: #808080;
	font-weight: bold;
	color: #fff;
}



#recommend{
	padding: 4px;
	border: solid #999 3px;
}
#recommend .ttl{
	position: relative;
	_width: 562px;
	padding-left: 15px;
	line-height: 18px;
	color: #fff;
	font-weight: bold;
	background: url(/common/images/ttl_bg01.gif) #2e2e2e no-repeat 0px center;
}
#recommend ul{
	padding: 10px 20px 0px;
}
#recommend li{
	line-height:25px;
	padding-left:35px;
	font-size: 16px;
	background: url(/common/images/bullet05.gif) no-repeat 0px 1px;
}
#recommend li a{
	font-weight: bold;
}
#recommend li a:hover{
	text-decoration: none;
}

/* 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 #ff7200;
}
#head #logo{
	width:347px;
	height: 70px;
	overflow: hidden;
	color:#808080;
	line-height:20px;
	padding-left: 5px;
}
#head #logo a:visited,
#head #logo a:hover,
#head #logo a{
	display: block;
	width:347px;
	height: 70px;
	font-size: 12px;
line-height: 22px;
	color: #808080;
	text-decoration: none;
}
#head #logo a span{
	display: block;
	text-indent: -9999px;
}


#head #gnv{
	background: #e8eef0;
	padding: 3px;
}


/* sitemap
--------------------------------------------------------------------------*/
#head #sitemap{
position: absolute;
top: 5px;
right:0px;
	position: absolute;
}
#head #sitemap a{
margin-left: 7px;
padding-left: 12px;
background: url(/common/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;}

/* gnv
--------------------------------------------------------------------------*/
#head #gnv ul{
	position: relative;
	padding-top: 4px;
	padding-bottom: 4px;
	background: url(/common/images/gnv_bg.gif) repeat-x bottom;
	border: solid 1px #000;
	border-bottom: 0px;
}
#head #gnv ul li.rss{
	position: absolute;
	top:4px;
	right:0px;
	font-weight: normal;
	background: url(/common/images/gnv_rss.gif) no-repeat 2px 7px;
}
#head #gnv ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #head #gnv ul { zoom: 1; } /* IE6 */
*:first-child+html #head #gnv ul { zoom: 1; } /* IE7 */

#head #gnv ul ul{
	position: absolute;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: -1px;
	*width: 245px;
	display:none;
	background: #fff;
	border: solid 1px #ff7200;
	border-bottom: solid 3px #ff7200;
	border-right: solid 4px #ff7200;
}

/* IE用擬似クラス対応 */
#head #gnv li {
	position: relative;
	height: 24px;
	float: left;
	behavior:url("/common/css/csshover.htc");
	background: url(/common/images/gnv_divider.gif) no-repeat right center;
}
#head #gnv li a{
	display: block;
	padding: 2px 20px 0px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	line-height: 22px;
}
#head #gnv li a:hover{
	text-decoration: none;
	color: #ff7200;
	background: url(/common/images/gnv_li_bg.gif) repeat-x left top;
}

#head #gnv li.knowhow:hover{
	background: url(/common/images/gnv_li_bg.gif) repeat-x left top;
}
#head #gnv li.knowhow:hover a{
	color: #ff7200;
}
#head #gnv li.knowhow:hover ul{
	display: block;
}
#head #gnv li.interview:hover{
	background: url(/common/images/gnv_li_bg.gif) repeat-x left top;
}
#head #gnv li.interview:hover a{
	color: #ff7200;
}
#head #gnv li.interview:hover ul{
	display: block;
}
#head #gnv li.column:hover{
	background: url(/common/images/gnv_li_bg.gif) repeat-x left top;
}
#head #gnv li.column:hover a{
	color: #ff7200;
}
#head #gnv li.column:hover ul{
	display: block;
}

#head #gnv li.shopfaq:hover{
	background: url(/common/images/gnv_li_bg.gif) repeat-x left top;
}
#head #gnv li.shopfaq:hover a{
	color: #ff7200;
}
#head #gnv li.shopfaq:hover ul{
	display: block;
}
#head #gnv li.useful:hover{
	background: url(/common/images/gnv_li_bg.gif) repeat-x left top;
}
#head #gnv li.useful:hover a{
	color: #ff7200;
}
#head #gnv li.useful:hover ul{
	display: block;
}
#head #gnv li.active{
	background: url(/common/images/gnv_li_bg.gif) repeat-x left top;
}
#head #gnv li.active a:visited,
#head #gnv li.active a{
	color: #ff7200;
}

#head #gnv li.rss a:hover{
	background:none;
	color: #fff;
	text-decoration: underline;
}
#head #gnv li li{
	display: block;
	background: #fff;
	border-bottom: solid 1px #ff7200;
}
#head #gnv li.knowhow:hover li a,
#head #gnv li.interview:hover li a,
#head #gnv li.column:hover li a,
#head #gnv li.shopfaq:hover li a,
#head #gnv li.useful:hover li a{
	color: #000;
}
#head #gnv li.knowhow:hover li a:hover,
#head #gnv li.interview:hover li a:hover,
#head #gnv li.column:hover li a:hover,
#head #gnv li.shopfaq:hover li a:hover,
#head #gnv li.useful:hover li a:hover{
	color: #ff0066;
}

#head #gnv li li a{
	display: block;
	padding: 2px 15px 0px 30px;
	width: 200px;
	_width: 245px;
	background: url(/common/images/bullet01.gif) #fff no-repeat 18px 7px;
	color: #000;
	font-weight: normal;
}
#head #gnv li li a:hover{
	background: url(/common/images/bullet01.gif) #fff4c9 no-repeat 18px 7px;
	color: #ff0066;
}


/* fav_index
--------------------------------------------------------------------------*/
#head #fav_index{
	padding: 0px 3px 3px;
	background: #e8eef0;
}
#head #fav_index_inner{
	background: url(/common/images/fav_bg.gif) repeat-x 0px bottom;
	border: solid 1px #FF7200;
	text-align: center;
}
#head #fav_index dl{
	margin: auto 0px auto 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:#ff7200;
	line-height: 20px;
	font-weight: bold;
	white-space: nowrap;
}
#head #fav_index dt a{
	color:#ff7200;
}
#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: 0px 3px 0px 0px;
	background: #e8eef0;
	overflow:hidden;
}
#head #fav dl{
	background: url(/common/images/fav_bg.gif) repeat-x 0px bottom;
	border: solid 1px #FF7200;
	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:#ff7200;
	line-height: 20px;
	font-weight: bold;
	white-space: nowrap;
}
#head #fav dt a{
	color:#ff7200;
}

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

/* breadcrumb
--------------------------------------------------------------------------*/
#head #breadcrumb{
	padding: 0px 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{
}
#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 .ranking,
#lnvL .information,
#lnvL .shopfaq{
	margin-bottom: 5px;
	padding: 0px 3px 3px;
	background: url(/common/images/lnvL_bg01.gif) #e8eef0 no-repeat 3px bottom;
}
#lnvL .ranking .ttl,
#lnvL .information .ttl,
#lnvL .shopfaq .ttl{
	padding: 11px 8px 6px 27px;
	background: url(/common/images/lnvL_ttl01.gif) #e8eef0 no-repeat 0px 3px;
	font-size: 12px;
	font-weight: bold;
	color: #0a62a1;
}
#lnvL .shopfaq .ttl{
	background: url(/common/images/lnvL_ttl03.gif) #e8eef0 no-repeat 0px 3px;
}
#lnvL .ranking .ttl{
	background: url(/common/images/lnvL_ttl02.gif) #e8eef0 no-repeat 0px 3px;
}

#lnvL .ranking .ttl span,
#lnvL .information .ttl span,
#lnvL .shopfaq .ttl span{
	font-size: 10px;
	font-weight: normal;
}
#lnvL .ranking ul,
#lnvL .information ul,
#lnvL .shopfaq ul,
#lnvL .ranking ol,
#lnvL .information ol,
#lnvL .shopfaq ol{
	padding: 12px 7px 0px;
}

#lnvL .information ul li{
	padding: 0px 0px 3px 20px;
	background: url(/common/images/bullet01.gif) no-repeat 6px 2px;
}
#lnvL .information ul li span{
	display: block;
	font-size:10px;
	color: #666;
}

#lnvL .ranking ul li,
#lnvL .shopfaq ul li{
	padding: 0px 0px 10px 20px;
	background: url(/common/images/bullet01.gif) no-repeat 6px 2px;
}



#lnvL .ranking ol li,
#lnvL .information ol li,
#lnvL .shopfaq ol li{
	padding: 0px 0px 10px;
}
#lnvL .ranking a.btn,
#lnvL .information a.btn{
	display: block;
	margin-left: auto;
	_margin-left: 122px;
	margin-right: 7px;
	margin-bottom: 7px;
	height: 15px;
	width: 45px;
	background: url(/common/images/btn_history.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}
#lnvL .ranking a:hover.btn,
#lnvL .information a:hover.btn{
	background: url(/common/images/btn_history_ov.gif) no-repeat 0px 0px;
}


#lnvL .shopfaq a.btn{
	display: block;
	margin-left: auto;
	_margin-left: 97px;
	margin-right: 7px;
	margin-bottom: 7px;
	height: 15px;
	width: 70px;
	background: url(/common/images/btn_more.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}
#lnvL .shopfaq a:hover.btn{
	background: url(/common/images/btn_more_ov.gif) no-repeat 0px 0px;
}
#lnvL ol li.num01{
	padding-left: 20px;
	background: url(/common/images/bullet03_no01.gif) no-repeat 0px 0px;
}
#lnvL ol li.num02{
	padding-left: 20px;
	background: url(/common/images/bullet03_no02.gif) no-repeat 0px 0px;
}
#lnvL ol li.num03{
	padding-left: 20px;
	background: url(/common/images/bullet03_no03.gif) no-repeat 0px 0px;
}
#lnvL ol li.num04{
	padding-left: 20px;
	background: url(/common/images/bullet03_no04.gif) no-repeat 0px 0px;
}
#lnvL ol li.num05{
	padding-left: 20px;
	background: url(/common/images/bullet03_no05.gif) no-repeat 0px 0px;
}
#lnvL .etc{
	margin: 12px 0px 12px 16px;
}

#lnvL .etc a {
	padding-left: 13px;
	background: url(/common/images/bullet01.gif) no-repeat 0px 1px;
	font-size: 12px;
	line-height: 16px;
}




#lnvL .icon_mail a {
	padding-left: 16px;
	background: url(/common/images/icon_mail.gif) no-repeat 0px 0px;
	font-size: 12px;
	line-height: 16px;
}

#lnvL .icon_calendar a {
	padding-left: 16px;
	background: url(/common/images/icon_calendar.gif) no-repeat 0px 0px;
	font-size: 12px;
	line-height: 16px;
}

#lnvL .bnr:after,
#lnvL .information:after,
#lnvL .shopfaq:after,
#lnvL .ranking:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #lnvL .bnr,* html #lnvL .information,* html #lnvL .ranking ,* html #lnvL .shopfaq { zoom: 1; } /* IE6 */
*:first-child+html #lnvL .bnr,*:first-child+html #lnvL .information,*:first-child+html #lnvL .ranking,*:first-child+html #lnvL .shopfaq { zoom: 1; } /* IE7 */

/*------------------------------------------------------------------------*/
/* #lnvR
--------------------------------------------------------------------------*/

#lnvR{
}


#lnvR .search{
	position: relative;
	height: 28px;
	background: url(/common/images/lnvR_bg03.gif) #999 no-repeat 0px 0px;
}
#lnvR .search .area{
	position: absolute;
	top: 7px;
	left: 21px;
	height: 15px;
	width: 150px;
	border:none;
	background:none;
}

#lnvR .search input.btn{
	position: absolute;
	top: 5px;
	right: 5px;
	height: 18px;
	width: 38px;
	border: none;
	background: url(/common/images/lnvR_btn03.gif) no-repeat;
	text-indent: -9999px;
}
#lnvR .search input:hover.btn{
	border: none;
	background: url(/common/images/lnvR_btn03_ov.gif) no-repeat;
	cursor: pointer;
}

#lnvR .member{
	padding: 12px 0px 8px;
}
#lnvR .member ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #lnvR .member ul { zoom: 1; } /* IE6 */
*:first-child+html #lnvR .member ul{ zoom: 1; } /* IE7 */


#lnvR .member li{
float: left;
}
#lnvR .member li a{
	display: block;
	padding-left: 13px;
	padding-right: 10px;
	background: url(/common/images/bullet01.gif) no-repeat 0px 3px;
}
#lnvR .bnr a{
	margin-bottom: 5px;
	display: block;
}
#lnvR .bnr a img{
	border: solid 1px #005fa3;
}

#lnvR .bnr a:visited img{
	border: solid 1px #b8007e;
}
#lnvR .bnr a:hover img,
#lnvR .bnr a:active img{
	border: solid 1px #ff0066;
}
#stpcls {
	border: 1px solid #ff7200;
	margin-bottom: 5px;
}
#stpcls dt {
	background: #ffe3cc url(/common/images/top_class_icon.gif) 4px center  no-repeat;
	color: #ff7200;
	font-weight: bold;
	line-height: 24px;
	margin: 1px;
	padding-left: 24px;
	height: 24px;
}

#stpcls dd {
	font-size: 80%;
	line-height: 180%;
	width: 208px;
	margin: 5px auto;
}

#stpcls ul {
	width: 208px;
	margin: 0 auto 7px;
}

#stpcls li {
	float: left;
	color: #005fa3;
	font-weight: bold;
	text-align: center;
	width: 66px;
}

#stpcls li a {
	display: block;
	padding-top: 68px;
	width: 66px;
	height: 14px;
}


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

#stpcls .clsb {	background: url(/common/images/top_class_btn01.gif) no-repeat;	margin-right: 5px;}
#stpcls .clsi {	background: url(/common/images/top_class_btn02.gif) no-repeat;	margin-right: 5px;}
#stpcls .clsa {	background: url(/common/images/top_class_btn03.gif) no-repeat;}

#stpcls .clsb a:hover{	background: url(/common/images/top_class_btn01_ov.gif) no-repeat;	margin-right: 5px;}
#stpcls .clsi a:hover{	background: url(/common/images/top_class_btn02_ov.gif) no-repeat;	margin-right: 5px;}
#stpcls .clsa a:hover{	background: url(/common/images/top_class_btn03_ov.gif) no-repeat;}


#lnvR .recommend{
	margin-bottom: 5px;
	padding: 0px 3px 3px;
	background: url(/common/images/lnvR_bg01.gif) #e8eef0 no-repeat 3px bottom;
}
#lnvR .recommend .ttl{
	padding: 11px 8px 6px 27px;
	background: url(/common/images/lnvR_ttl01.gif) #e8eef0 no-repeat 0px 3px;
	font-size: 12px;
	font-weight: bold;
	color: #0a62a1;
}

#lnvR .recommend a.btn{
	display: block;
	margin-left: auto;
	_margin-left: 137px;
	margin-right: 7px;
	margin-bottom: 7px;
	height: 15px;
	width: 70px;
	text-indent: -9999px;
	background: url(/common/images/btn_more.gif) no-repeat 0px 0px;
}
#lnvR .recommend a:hover.btn{
	background: url(/common/images/btn_more_ov.gif) no-repeat 0px 0px;
}

#lnvR .picup{
	margin-bottom: 5px;
	padding: 0px 3px 3px;
	background: url(/common/images/lnvR_bg02.gif) #e8eef0 no-repeat 3px bottom;
}
#lnvR .picup .ttl{
	padding: 11px 8px 6px 27px;
	background: url(/common/images/lnvR_ttl02.gif) #e8eef0 no-repeat 0px 3px;
	font-size: 12px;
	font-weight: bold;
	color: #99004f;
}



#lnvR .picup ul{
	margin: 5px;
}
#lnvR .picup li{
	padding-bottom: 5px;
}

#lnvR .picup a img{
	display: block;
	border: solid 1px #005fa3;
	margin-bottom: 3px;
}

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




#lnvR .picup a.btn{
	display: block;
	margin-left: auto;
	_margin-left: 137px;
	margin-right: 7px;
	margin-bottom: 7px;
	height: 15px;
	width: 70px;
	background: url(/common/images/btn_more.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}

#lnvR .picup a:hover.btn{
	background: url(/common/images/btn_more_ov.gif) no-repeat 0px 0px;
}
#lnvR .recommend dl{
	display:inline-block;
	margin:6px 5px 0 7px;
}
#lnvR .recommend dt{
font-weight: bold;
}

#lnvR .recommend dt.img01{ background:url(/common/images/lnvR_reco_img01.gif) no-repeat left center; }
#lnvR .recommend dt.img02{ background:url(/common/images/lnvR_reco_img02.gif) no-repeat left center; }
#lnvR .recommend dt.img03{ background:url(/common/images/lnvR_reco_img03.gif) no-repeat left center; }
#lnvR .recommend dt.img04{ background:url(/common/images/lnvR_reco_img04.gif) no-repeat left center; }
#lnvR .recommend dt.img05{ background:url(/common/images/lnvR_reco_img05.gif) no-repeat left center; }
#lnvR .recommend dt.img06{ background:url(/common/images/lnvR_reco_img06.gif) no-repeat left center; }

#lnvR .recommend dt.img01,
#lnvR .recommend dt.img02,
#lnvR .recommend dt.img03,
#lnvR .recommend dt.img04,
#lnvR .recommend dt.img05,
#lnvR .recommend dt.img06{
	width: 63px;
	height: 40px;
	float: left;
	text-indent: -9999px;
}
#lnvR .recommend dl dd{
	min-height:40px;
	margin-top:1px;
	padding-bottom:6px;
	font-size:12px;
	line-height:140%;
	margin-left:63px;
	}


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




#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(/common/images/bullet01.gif) no-repeat 6px center;
	line-height: 35px;
}
#foot #copyright{
	color: #000;
	text-align: center;
	line-height: 16px;
	padding-bottom: 40px;
}
#contents #mainArea ul.pickup:after,
#foot #copyright:after,
#foot #siteFooter:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html #foot #siteFooter, * html #contents #mainArea ul.pickup,
* html #foot #siteFooter, * html #foot #copyright{ zoom: 1; } /* IE6 */
*:first-child+html #contents #mainArea ul.pickup,
*:first-child+html #foot #siteFooter, *:first-child+html #foot #copyright{ zoom: 1; } /* IE7 */


/*------------------------------------------------------------------------*/
/* #main (common)
--------------------------------------------------------------------------*/

#contents #mainArea .ditail_list img.new,
#contents #mainArea img.new{
	float: none;
}
#contents #mainArea div.pickup{
	clear: both;
}
#contents #mainArea p.pickup{
	display: inline;
	padding-left: 35px;
	background: url(/common/images/bullet05.gif) no-repeat 0px center;
	line-height: 25px;
	font-weight: bold;
	color: #000;
}
#contents #mainArea ul.pickup{
margin: 10px auto;
width: 424px;
}
#contents #mainArea ul.pickup li{
float: left;
width: 212px;
}

#contents #mainArea ul.pickup li a{
	margin-bottom: 5px;
	display: block;
}
#contents #mainArea ul.pickup li a img{
	display: block;
	margin-bottom: 5px;
	border: solid 1px #005fa3;
}

#contents #mainArea ul.pickup li a:visited img{
	border: solid 1px #b8007e;
}
#contents #mainArea ul.pickup li a:hover img,
#contents #mainArea ul.pickup li a:active img{
	border: solid 1px #ff0066;
}


#contents #mainArea .page_ttl_404{
	padding-bottom: 5px;
	font-size: 16px;
	line-height: 22px;
	clear: both;
	font-weight: bold;
}
#contents #mainArea .bk_link_404{
margin: 10px 0px 35px;
}
#contents #mainArea .bk_link_404 a{
	padding-left: 15px;
	background: url(/common/images/bullet01.gif) no-repeat 0px 1px;

}