@charset "utf-8";
/*###############################################
 Name: styleBase.css
 Version: 1
 Author: ECS
 URL: http://www.web-ecs.com/

 Copyright (C) ECS All Rights Reserved.
#################################################*/




/* Frame */
html			{ filter: expression(document.execCommand("BackgroundImageCache", false, true));}
html, body 		{ margin:0; padding:0;}
body			{ background:#d7d4cd url("images/bodyback.gif") repeat-x; text-align:center;}
#container		{ width:964px; text-align:left; margin:0 auto; padding:0 0 20px;}
#header 		{ height:80px; background:url("images/headback.gif") 0 0 no-repeat;}
#leftarea_frame{ width:179px;float:left;}
#leftarea		{ width:179px; padding-bottom:10px; background:url("images/leftarea_btm.gif") left bottom no-repeat;}
#main_column	{ float:right;}
.captop			{ width:785px; margin-top:15px; padding:15px 0 0; background:url("images/content_captop.gif") no-repeat left top;}
.capbottom		{ width:785px; padding:0 0 9px; background:url("images/content_capbtm.gif") no-repeat left bottom;}
#content,
#footer,
#breadcrumbs	{ clear:both; margin:0; padding:15px 22px; background:#fff url("images/contentback.gif") repeat-y left top;}
#content		{ padding:5px 22px 0 32px ;}
#content		{ min-height:1150px;height: auto !important;height: 1150px;}
#footer p 		{ padding:15px 0 0; margin:0; text-align:center; border-top:solid 1px #333333; color:#666666; line-height:1.3;}
#breadcrumbs	{ padding:0 31px 5px;}
#description	{ padding:0 0 20px; margin-left:-10px;}

.left			{ float:left;}
.right			{ float:right; line-height:1.2;}

#header .left	{ width:400px;}
#header .right	{ width:470px;}
#content .left	{ width:525px;}
#content .right	{ width:176px; text-align:center;}

#header h1	{ position:relative; top:56px; left:253px; line-height:1.2em; font-size:10px; color:#808080; padding:0; margin:0; font-weight:normal;}
#header p#logo 		{ position:relative;  line-height:1.2em; font-size:10px; color:#808080; padding:0; margin:0;}
#header p#logo a	{ display:block; width:280px; height:58px;}
#header p#logo span	{ display:none; line-height:1em; font-size:10px;}

/* Function Navi */
.fnavi 					{ clear:both; padding:0; margin:12px 17px 0 0; text-align:right; line-height:1em;}
.fnavi ul 				{ padding:0; margin:0;}
.fnavi li 				{ display:inline; margin:0; padding:0 5px; border-right:solid 1px #999; height:auto; font-size:0.85em;}
.fnavi li.last			{ border:0; padding-right:0;}
.fnavi li a				{ color:#333; text-decoration:none;}

/* My Page */
#header .mypage 		{ float:right; padding:10px 17px 0 0; text-align:right; line-height:1em;}
#header .mypage a		{ display:block; width:97px; height:30px; line-height:30px; background:url("images/btn_mypage.gif") no-repeat left top;}
#header .mypage a span	{ display:none;}
#header .mypage a:hover	{ background-position:left bottom;}
#header .btn_h_mypage 		{ float:right; padding:10px 7px 0 0; text-align:right; line-height:1em;}
#header .btn_h_store 		{ float:right; padding:10px 12px 0 0; text-align:right; line-height:1em;}
#header .btn_h_store_s 		{ float:right; padding:10px 7px 0 0; text-align:right; line-height:1em;}
#header .btn_h_home 		{ float:right; padding:10px 17px 0 0; text-align:right; line-height:1em;}
#header .btn_h_home_s 		{ float:right; padding:10px 7px 0 0; text-align:right; line-height:1em;}
#header .btn_h_blog 		{ float:right; padding:10px 12px 0 0; text-align:right; line-height:1em;}
#header .btn_h_mypage a		{ display:block; width:97px; height:30px; line-height:30px; background:url("images/btn_h_mypage.gif") no-repeat 0 0;}
#header .btn_h_store a		{ display:block; width:115px; height:30px; line-height:30px; background:url("images/btn_h_store_anime.gif") no-repeat 0 0;}
#header .btn_h_store_s a	{ display:block; width:92px; height:30px; line-height:30px; background:url("images/btn_h_store.gif") no-repeat 0 0;}
#header .btn_h_home a		{ display:block; width:207px; height:30px; line-height:30px; background:url("images/btn_h_home.gif") no-repeat 0 0;}
#header .btn_h_home_s a		{ display:block; width:97px; height:30px; line-height:30px; background:url("images/btn_h_home_s.gif") no-repeat 0 0;}
#header .btn_h_blog a		{ display:block; width:97px; height:30px; line-height:30px; background:url("images/btn_h_blog.gif") no-repeat 0 0;}
#header .btn_h_mypage a span,
#header .btn_h_store a span,
#header .btn_h_store_s a span,
#header .btn_h_home a span,
#header .btn_h_home_s a span,
#header .btn_h_blog a span	{ display:none;}
#header .btn_h_mypage a:hover,
#header .btn_h_store a:hover,
#header .btn_h_store_s a:hover,
#header .btn_h_home a:hover,
#header .btn_h_home_s a:hover,
#header .btn_h_blog a:hover	{ background-position:left bottom;}
#header .btn_h_mypage a.active,
#header .btn_h_store a.active,
#header .btn_h_store_s a.active,
#header .btn_h_home a.active,
#header .btn_h_home_s a.active,
#header .btn_h_blog a.active		{ background-position:left bottom;}
#header .btn_h_mypage a.active:hover,
#header .btn_h_store a.active:hover,
#header .btn_h_store_s a.active:hover,
#header .btn_h_home a.active:hover,
#header .btn_h_home_s a.active:hover,
#header .btn_h_blog a.active:hover	{ background-position:left bottom;}

#head_btnlist{ padding-top:10px;}
#head_btnlist .btn_h_blog 	{ padding-right:10px; float:right;}
#head_btnlist .btn_h_store { padding-right:4px; float:right;}
#head_btnlist .btn_h_home 	{ padding-right:4px; float:right;}
#head_btnlist .btn_h_blog a	{ width:80px; height:20px; background:url("images/head_btn_blog.gif") 0 0 no-repeat;}
#head_btnlist .btn_h_store a{ width:73px; height:20px; background:url("images/head_btn_store.gif") 0 0 no-repeat;}
#head_btnlist .btn_h_home a	{ width:140px; height:20px; background:url("images/head_btn_home.gif") 0 0 no-repeat;}
#head_btnlist .btn_h_blog a:hover,
#head_btnlist .btn_h_blog a.active,
#head_btnlist .btn_h_store a:hover,
#head_btnlist .btn_h_store a.active,
#head_btnlist .btn_h_home a:hover,
#head_btnlist .btn_h_home a.active	{ background-position:0 -20px;}


/* Left Menu */
/*
#leftarea_content		{ padding:6px; background:#FFFFFF url("images/leftarea_bg.gif") 0 0 repeat-y;}
#leftarea_content img	{ margin:10px 0 3px;}
*/
#lnavi					{ background-color:#F6F9F1; border-left:1px solid #CCCCCC; line-height:1.3;}
#lnavi h3				{ margin:0; padding:3px 2px 2px 6px; color:#2E6205; font-size:12px;
						  background:#E9F0DD url("images/leftarea_shadow.png") top right repeat-y;}
#lnavi ul				{ margin:0; padding:0; list-style:none; border-bottom:2px solid #82A16A;}
#lnavi li				{ margin:0; padding:0; display:inline;}
#lnavi li a				{ display:block; text-decoration:none; padding:9px 2px 7px 8px; border-top:1px dotted #82A16A;
						  background:url("images/leftarea_shadow.png") top right repeat-y;}
#lnavi li a:visited		{ color:purple;}
#lnavi li a:hover		{ background-color:#FFFFFF;}
#lnavi li.active a,
#lnavi li.active a:hover{ background-color:#FFF899; color:#CC3300; background-image:none; }
#lnavi li a span,
#lnavi li a:hover span,
#lnavi li a.active span,
#lnavi li a.active:hover span		{ background:url("images/arrow.gif") 0 3px no-repeat; padding-left:10px;}


.leftarea		{ width:170px; margin-top:15px; margin-bottom:20px; padding-top:10px; padding-bottom:10px; background:url("images/side_site_btm.gif") left bottom no-repeat;}
.side_site		{ padding:0; margin:0; background:url("images/side_site_mid.gif") 0 0 repeat-y;}
.side_site ul	{ padding:5px 10px 0; margin:0; list-style:none;}
.side_site ul li{ padding:2px 0 5px; margin:0; border-bottom:1px dotted #DDDDDD; font-size:85%; line-height:1.2;}


/*right*/
.right_bnrarea	{ line-height:1.2;}
.right_bnrarea a{ margin:0; margin-bottom:5px;}

/* Bread crumbs */
#breadcrumbs			{ clear:both; min-height:10px;}
#breadcrumbs div		{ float:left;}
#breadcrumbs h2 		{ font-size:100%; font-weight:normal; color:#333333; padding:0; margin:0; border:none; line-height:1.65;}
#breadcrumbs .crumbSep 	{ margin:0 5px; color:#999999;}

/* table */
.basictable				{ margin-top:25px; border-top:1px solid #CCCCCC;}
.basictable th,
.basictable td			{ padding:5px; vertical-align:top; border-top:1px solid #FFFFFF; border-bottom:1px solid #CCCCCC; text-align:left;}
.basictable th			{ background-color:#f2f2f2; font-weight:normal;}
.basictable td			{}
.sp_checkdvarea .basictable{ width:100%; margin-top:5px;}
.sp_checkdvarea .basictable th.bg{ background-color:#FEF5F5;}
.sp_checkdvarea .basictable td.bg{ background-color:#F5FEF5;}
.sp_checkdvarea .basictable caption { color:#006600; font-weight:bold;}
.sp_checkdvarea .basictable td{ text-align:center; border-left:1px solid #CCCCCC; line-height:1.3;}
.sp_checkdvarea .basictable thead td{ border-bottom:3px double #999999;}
.sp_checkdvarea .basictable thead th{ text-align:center; border-left:1px solid #CCCCCC; font-weight:bold;}
.sp_checkdvarea .basictable tbody td{ width:19%;}

/* Banner */
#content .right_bnrarea a{ margin:0 0 3px 0; display:block;}
#content a.applies span { display:none;}
#content a.applies		{ width:176px; height:100px; margin:0 0 10px 0; display:block; background:url("images/bnr_applies.gif") no-repeat right top;}
#content a.applies:hover{ background-position:left bottom;}
#content a.reserve span { display:none;}
#content a.reserve		{ width:176px; height:105px; margin:0 0 10px 0; display:block; background:url("images/bnr_reserve.gif") no-repeat right top;}
#content a.reserve:hover{ background-position:0 -110px;}
#content a.feature span { display:none;}
#content a.feature		{ width:176px; height:80px; background:url("images/bnr_feature.gif") no-repeat right top;}
#content a.feature:hover{ background-position:left bottom;}
#content a.support span { display:none;}
#content a.support		{ width:176px; height:50px; background:url("images/bnr_support.gif") no-repeat right top;}
#content a.support:hover{ background-position:left bottom;}
#content a.dv2010check span { display:none;}
#content a.dv2010check		{ width:176px; height:76px; background:url("images/bnr_dv2010check.jpg") no-repeat right top;}
#content a.dv2010check:hover{ background-position:0 -80px;}
#content a.dv2010check_l span { display:none;}
#content a.dv2010check_l		{ width:447px; height:46px; display:block; margin:0 0 0 35px; text-align:center; background:url("images/bnr_dv2010check_l.jpg") no-repeat 0 top;}
#content a.dv2010check_l:hover{ background-position:0 -50px;}
#content a.dv2011check span { display:none;}
#content a.dv2011check		{ width:176px; height:73px; background:url("/assets/images/sp_check2011/bnr_dv2011check.jpg") no-repeat right top;}
#content a.dv2011check:hover{ background-position:0 -80px;}
#content a.dv2011check_l span { display:none;}
#content a.dv2011check_l		{ width:447px; height:46px; display:block; margin:0 0 0 35px; text-align:center; background:url("/assets/images/sp_check2011/bnr_dv2011check_l.jpg") no-repeat 0 top;}
#content a.dv2011check_l:hover{ background-position:0 -50px;}
#content a.interview span 	{ display:none;}
#content a.interview		{ width:176px; height:82px; background:url("images/bnr_interview.jpg") no-repeat 0 0;}
#content a.interview:hover	{ background-position:0 -90px;}


/* ad */
.rightad_linkshare{ width:100%; margin-top:20px; background-color:#EEEEEE;}
.rightad_linkshare dl{ margin:3px; padding:0; border:none; text-align:left;}
.rightad_linkshare dt{ margin:0; padding:0; border:none; line-height:1; padding-top:5px; font-size:1px;}
.rightad_linkshare dd{ margin:0 0 15px; padding:2px 5px 5px; line-height:1.3; border:none; font-size:85%; background-color:#FFFFFF;}
.rightad_linkshare ul{ margin:3px; padding:0; border:none; text-align:left;}
.rightad_linkshare li{ list-style:none; margin:0 0 15px; padding:5px; line-height:1.3; border:none; font-size:85%; background-color:#FFFFFF;}
.rightad_linkshare a { text-decoration:none;}
.rightad_linkshare li a img{ text-align:center; margin:3px 20px;}
.rightad_linkshare a:hover{ text-decoration:underline;}
.rightad_amazon{ margin:10px 0 10px;}
.footad_amazon	 { border-top:1px solid #CCCCCC; margin-top:0; padding:10px 0 10px 5px;}
#amazon_widget_JP_8002_0	{ margin-top:20px; background-color:none;}
#amzn_wdgt_t_8002_0			{ background-color:none;}

/* Sitemap */
.left .sitemap ul 			{ margin:0; padding:0 0 0 20px; list-style:none;}
.left .sitemap ul ul 			{ margin:0; padding:2px 0 15px 20px; list-style:none;}
.left .sitemap ul li 			{ margin:0; padding:3px 0 3px 12px; background:url("images/tree_lst_solid.gif") no-repeat;}
.left .sitemap ul li.here 	{ font-weight:bold;}
.left .sitemap ul li.here a	{ color:#333;}
.left .sitemap ul li.here li 	{ font-weight:normal;}
.left .sitemap ul li.here li a{ color:#336699;}
.left .sitemap ul ul li.last 	{ padding:2px 0 0 12px; background:url("images/tree_end_solid.gif") no-repeat;}
.left .sitemap ul.lastul li.last 	{ padding:2px 0 0 12px; background:url("images/tree_end_solid.gif") no-repeat;}


.twtr-widget h3{ background-image:none; clear:none;}

/* FLASH */
.flashTable{ border-collapse:collapse;}
.flashTable td{ border:1px solid #CCCCCC;}

/* Hack 
*******************/
a.alpha:hover img{ filter:Alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70;}

.pkg:after			{ content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}
* html .pkg			{ display: inline-block; }
/* no ie mac \*/
* html .pkg			{ height: 1%; }
.pkg				{ display: block; }
/* */
*+html .pkg			{ height:1%;}