@charset "Shift_JIS";

/* hA */

/* utility */
.backPage { display:inline; margin:0; padding:0; float:left; font-size:80%; }
.backPage img.icon { margin:0; padding:0 3px 0 0; vertical-align:middle; }

div.subTitle { padding:0 0 0 4px; border-left:3px solid #144896; text-align:left; line-height:1.1; }
div.subTitleIcon { width:4px; margin:0; padding:0 0 0 0px; border-left:3px solid #144896; line-height:1.1; }
.lineHeight1 { line-height:1.1; }

/* h1-20 */
table.itBox { width:700px; text-align:left; }
table.itBox th { padding:8px 20px; background: #F5F5F5; border:1px solid #cccccc; }
table.itBox td { padding:1px 10px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; }

table.itList td.leftItem { width:209px; padding:0 20px 0 0; border:none; vertical-align:top; }
table.itList td.centerItem { width:209px; padding:0 20px 0 0; border:none; vertical-align:top; }
table.itList td.rightItem { width:180px; padding:0 20px 0 0; border:none; vertical-align:top; }
table.itList td.noBorder { border:none; }
table.itList td.noPad { padding:0; }

table.indexBox td{ width:174px; padding:0; border:none; vertical-align:top;}
table.indexBox td.lastBox{ width:120px; padding:0; border:none; vertical-align:top;}
div.indexLine a { margin:0 10px 0 0; }

table.indexBox2 td{ padding:0 10px 0 0; border:none; }

table.itBoxW { width:700px; text-align:left; } 
table.itBoxW th { padding:8px 20px;} 
table.itBoxW td { padding:1px 10px;} 

/* 2008.3追加 */
table.itWordsList{ width:670px; border:none; border-collapse:collapse; }
table.itWordsResult{ width:680px; border:none; border-collapse:collapse; }
table.itWordsRank{ width:335px; border:none; border-collapse:collapse; float:left; }
table.itWordsList td.icon,
table.itWordsResult td.icon,
table.itWordsRank td.icon { width:8px; padding:0; border:none; vertical-align:top; }
table.itWordsList td.icon img.icon,
table.itWordsResult td.icon img.icon,
table.itWordsRank td.icon img.icon { margin-top:0.3em; }
table.itWordsList td.word { width:317px; padding:0 10px 0 0; border:none; vertical-align:top; }
table.itWordsResult td.word { width:205px; padding:0 10px 0 0; border:none; vertical-align:top; }
table.itWordsRank td.word { width:282px; padding:0 10px 0 0; border:none; vertical-align:top; }
table.itWordsRank td.rank { width:35px; padding:0 10px 0 0; border:none; vertical-align:top; }
table.itWordsList td.noBorder,
table.itWordsResult td.noBorder,
table.itWordsRank td.noBorder { border:none; }
table.itWordsList td.noPad,
table.itWordsResult td.noPad,
table.itWordsRank td.noPad { padding:0; }

dl.figure{ width:660px; border:solid #999999 1px; }
dl.figure dt{ padding:3px 7px; background:#f7f7f7; border-collapse:collapse; border:solid #999999; border-width:0 0 1px 0; font-weight:bold; text-align:center; }
dl.figure dd{ padding:7px; position:relative; width:646px; height:auto; background:#ffffff; text-align:center; }
dl.figure dd p.explain{ position:relative; text-align:left; }
dl.figure dd p.notes{ position:relative; text-align:right; }
dl.figure dd div#figureCover{ width:100%; height:100%; _width:2000px; _height:2000px; position:absolute; top:0; left:0; _left:-50%; background:#ffffff; filter:alpha(opacity=50); /*-moz-opacity:0.5;*/ opacity:0.5; z-index:100; }

dl.wordCategory dd{ margin:-1.6em 0 1.5em 5.0em; }
dl.wordCategory dd strong{ font-weight:normal; }

dl#relatedWord dt{ height:24px; line-height:1.0; }
dl#relatedWord dt img{ vertical-align:middle; }
dl#relatedWord dd{ padding:5px 0 0 0; width:100%; display:none; }
dl#relatedWord dd ul li{ margin:0 0.5em 0 0; list-style-type:none; display:inline; }
dl#relatedWord dd div.dotline{ margin-bottom:0; }

/*---------------------------------------------

Keyレポ

---------------------------------------------*/

#keyrepo .hr4  { width:700px; background:#C62031; }
#keyrepo .hTitBoxA         { width:700px; background:url(../img/keyrepo/bg_htitbox_a.gif) left top no-repeat; }
#keyrepo .hTitBoxA .inside { /*width:646px;*/ font-weight:bold; padding:12px 0 10px 18px; background:url(../img/keyrepo/bg_htitbox_a_bottom.gif) left bottom no-repeat; }
#keyrepo .hTitBoxB         { width:660px; background:url(../img/keyrepo/bg_htitbox_b.gif) left top no-repeat; }
#keyrepo .hTitBoxB .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/keyrepo/bg_htitbox_b_bottom.gif) left bottom no-repeat; }

/*---------------------------------------------

Keyノート

---------------------------------------------*/

#keynote .hr4  { width:700px; background:#50B450; }
#keynote .hTitBoxA         { width:700px; background:url(../img/keynote/bg_htitbox_a.gif) left top no-repeat; }
#keynote .hTitBoxA .inside { /*width:646px;*/ font-weight:bold; padding:12px 0 10px 18px; background:url(../img/keynote/bg_htitbox_a_bottom.gif) left bottom no-repeat; }
#keynote .hTitBoxB         { width:660px; background:url(../img/keynote/bg_htitbox_b.gif) left top no-repeat; }
#keynote .hTitBoxB .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/keynote/bg_htitbox_b_bottom.gif) left bottom no-repeat; }

/*---------------------------------------------

セミナー

---------------------------------------------*/

#seminar .hr4  { width:700px; background:#FFCC00; }
#seminar .hTitBoxA         { width:700px; background:url(../img/seminar/bg_htitbox_a.gif) left top no-repeat; }
#seminar .hTitBoxA .inside { /*width:646px;*/ font-weight:bold; padding:12px 0 10px 18px; background:url(../img/seminar/bg_htitbox_a_bottom.gif) left bottom no-repeat; }
#seminar .hTitBoxB         { width:660px; background:url(../img/seminar/bg_htitbox_b.gif) left top no-repeat; }
#seminar .hTitBoxB .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/seminar/bg_htitbox_b_bottom.gif) left bottom no-repeat; }

/* h */
#cn2LoginBox { width:282px; background: url(../img/HEN/bg_loginbox.gif) left top repeat-y; }
#cn2LoginBox .top    { width:282px; background: url(../img/HEN/bg_loginbox_top.gif) left top no-repeat; }
#cn2LoginBox .bottom { width:282px; background: url(../img/HEN/bg_loginbox_bottom.gif) left bottom no-repeat; }
#cn2LoginBox .inside { padding:0 16px; }
#cn2LoginBox .btn { padding:0 0 0 34px; }
#cn2LoginBoxW { margin-left:171px; width:358px; background: url(../img/HEN/bg_loginboxw.gif) left top repeat-y; }
#cn2LoginBoxW .top    { width:358px; background: url(../img/HEN/bg_loginboxw_top.gif) left top no-repeat; }
#cn2LoginBoxW .bottom { width:358px; background: url(../img/HEN/bg_loginboxw_bottom.gif) left bottom no-repeat; }
#cn2LoginBoxW .inside { padding:0 21px; }
#cn2LoginBoxW .btn { padding:0 0 0 67px; }

#bottomLoginBlock { text-align:center; }
#bottomLoginBlock  table{ margin:0 auto; }
#bottomLoginBlock .loginLink { padding-left:12px; background:url(../img/icon_arrow_bllet_.gif) left 1px no-repeat; display:inline; }
#bottomLoginBlock .loginDoc p { text-align:left;}

/* h */
#cn2LoginBox { width:282px; background: url(../img/nomem/bg_loginbox.gif) left top repeat-y; }
#cn2LoginBox .top    { width:282px; background: url(../img/nomem/bg_loginbox_top.gif) left top no-repeat; }
#cn2LoginBox .bottom { width:282px; background: url(../img/nomem/bg_loginbox_bottom.gif) left bottom no-repeat; }
#cn2LoginBox .inside { padding:0 16px; }
#cn2LoginBox .btn { padding:0 0 0 34px; }
#kaiinGenteiTitle { margin-left:161px; }

#bottomLoginBlock { text-align:center; }
#bottomLoginBlock  table{ margin:0 auto; }
#bottomLoginBlock .loginLink { padding-left:12px; background:url(../img/icon_arrow_bllet_.gif) left 1px no-repeat; display:inline; }
#bottomLoginBlock .loginDoc p { text-align:left;}

/*---------------------------------------------

会員限定の機能

---------------------------------------------*/

#genteiNotice .hr4              { width:700px; background:url(../img/nomem/bg_4pxhr.gif) left top repeat-x; }
#genteiNotice .hTitBoxB         { width:660px; background:url(../img/nomem/bg_htitbox_b.gif) left top no-repeat; }
#genteiNotice .hTitBoxB .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/nomem/bg_htitbox_b_bottom.gif) left bottom no-repeat; }

#genteiNotice #cn2LoginBoxPr { margin:0 auto; }
#genteiNotice #cn2LoginBoxPr .lt { background: url(../img/nomem/bg_loginboxw_lt.gif) no-repeat; }
#genteiNotice #cn2LoginBoxPr .tt { background: url(../img/nomem/bg_loginboxw_tt.gif) repeat-x; }
#genteiNotice #cn2LoginBoxPr .rt { background: url(../img/nomem/bg_loginboxw_rt.gif) no-repeat; }
#genteiNotice #cn2LoginBoxPr .ll { background: url(../img/nomem/bg_loginboxw_ll.gif) repeat-y; }
#genteiNotice #cn2LoginBoxPr .rr { background: url(../img/nomem/bg_loginboxw_rr.gif) repeat-y; }
#genteiNotice #cn2LoginBoxPr .lb { background: url(../img/nomem/bg_loginboxw_lb.gif) no-repeat; }
#genteiNotice #cn2LoginBoxPr .bb { background: url(../img/nomem/bg_loginboxw_bb.gif) repeat-x; }
#genteiNotice #cn2LoginBoxPr .rb { background: url(../img/nomem/bg_loginboxw_rb.gif) no-repeat; }
#genteiNotice #cn2LoginBoxPr .btn { text-align:center!important; margin:0!important; }
#genteiNotice #cn2LoginBoxPr .inside { padding:0 7px 0 11px; }


#genteiNotice #mylist_noticeTitle   { margin-left:141px;}
#genteiNotice #hikaku_noticeTitle   { margin-left:141px;}
#genteiNotice #kurabete_noticeTitle { margin-left:141px;}
#genteiNotice #print_noticeTitle    { margin-left:141px;}

#Logoff       .hr4              { width:700px; background:url(../img/nomem/bg_4pxhr2.gif) left top repeat-x; }
#Logoff       .hTitBoxB         { width:660px; background:url(../img/nomem/bg_htitbox_b2.gif) left top no-repeat; }
#Logoff       .hTitBoxB .inside { width:646px; padding:3px 0 1px 14px; background:url(../img/nomem/bg_htitbox_b_bottom2.gif) left bottom no-repeat; }

#Logoff       #cn2LoginBoxPr { margin:0 auto; }
#Logoff       #cn2LoginBoxPr .lt { background: url(../img/nomem/bg_loginboxw_lt.gif) no-repeat; }
#Logoff       #cn2LoginBoxPr .tt { background: url(../img/nomem/bg_loginboxw_tt.gif) repeat-x; }
#Logoff       #cn2LoginBoxPr .rt { background: url(../img/nomem/bg_loginboxw_rt.gif) no-repeat; }
#Logoff       #cn2LoginBoxPr .ll { background: url(../img/nomem/bg_loginboxw_ll.gif) repeat-y; }
#Logoff       #cn2LoginBoxPr .rr { background: url(../img/nomem/bg_loginboxw_rr.gif) repeat-y; }
#Logoff       #cn2LoginBoxPr .lb { background: url(../img/nomem/bg_loginboxw_lb.gif) no-repeat; }
#Logoff       #cn2LoginBoxPr .bb { background: url(../img/nomem/bg_loginboxw_bb.gif) repeat-x; }
#Logoff       #cn2LoginBoxPr .rb { background: url(../img/nomem/bg_loginboxw_rb.gif) no-repeat; }
#Logoff       #cn2LoginBoxPr .btn { text-align:center!important; margin:0!important; }
#Logoff       #cn2LoginBoxPr .inside { padding:0 7px 0 11px; }

#Logoff       #mylist_noticeTitle   { margin-left:141px;}
#Logoff       #hikaku_noticeTitle   { margin-left:141px;}
#Logoff       #kurabete_noticeTitle { margin-left:141px;}
#Logoff       #print_noticeTitle    { margin-left:141px;}

.w380 { width:380px; }
.docW { line-height:1.6; }
.indent { text-indent:1em; }

/* mod_font-style.css expand */
#index a strong{ color: #206fb0; font-weight: normal!important; }
#index a:hover strong{ background:#206fb0; }
#index a:visited  strong{ color: #B683AE; }
a.strongBold strong,
a.strongBold .fontWeightBold { color: #206fb0; font-weight:bold;}
a.strongBold:hover strong,
a.strongBold:hover .fontWeightBold { font-weight:bold;}
a.strongBold:visited strong,
a.strongBold:visited .fontWeightBold { color: #B683AE; font-weight:bold;}

/* 2009/6/1 */
.logoffPageNumbering{
text-align:center;
}

.logoffPageNumberingNum a{
color:gray !important;
font-weight:bold;
text-decoration:none;
padding:5px;
border:1px solid silver;
}

.logoffPageNumberingNum a:hover{
background-color:white;
}

.logoffPageNumberingNum a.logoffPageNumberingActive{
color:white !important;
border:1px solid orange;
background-color:orange;
}

/* 2012.7追加 --- SEO対応 */
div.crossLinkCN_TOP{padding:2px 12px 3px 12px;}
div.crossLinkCN_TOP li{ list-style-type: none; }
div.crossLinkCN_TOP li a strong{ color: inherit; }
div.crossLinkCN_TOP p.long_txt{ margin: 10px 0 15px; }
div.crossLinkCN_SIDE{padding:7px 12px 10px 12px; border-width: 1px; border-style: dotted; border-color: #999999; }
div.crossLinkCN_SIDE ul{ list-style-image: url(../img/icon_arrow_next_.gif); padding:1px 15px 0px 15px; }
div.crossLinkCN_SIDE li{ padding:3px 0px; }
div.crossLinkCN_SIDE li a strong{ color: inherit; }
div.nomem_boxSP{ width:690px; background: url(../img/top/bg_boxsp_top.gif) no-repeat top;}
div.nomem_boxSP .inside{padding:12px 12px 3px 12px; background: url(../img/top/bg_boxsp_bot.gif) no-repeat bottom; _height: 1px; }
div.nomem_boxSP .inside ul.no_lf{ overflow: hidden; line-height: 180%; }
div.nomem_boxSP .inside ul.no_lf li{ display: inline; margin-right: 10px; white-space: nowrap; }
*:first-child + html div.nomem_boxSP .inside ul.no_lf li{ float:left; }
div.nomem_boxSP .inside ul.no_lf_og{ overflow: hidden; line-height: 180%; }
div.nomem_boxSP .inside ul.no_lf_og li{ list-style:none; float:left; margin-right: 10px; white-space: nowrap; }
div.nomem_boxSP .inside ul li a.large{ font-size:20px; font-weight:800; }
div.nomem_boxSP .inside ul li a.middle{ font-size:15px; font-weight:600; }
div.nomem_boxSP .inside ul li a.small{ font-size:10px; font-weight:400; }

table.nomem_cnRank th { line-height:1.1em; text-align:center; white-space: nowrap; }
table.nomem_cnRank td { line-height:1.1em; }
table.nomem_cnRank td.line { border:none; background: url(../img/OKN/common/line03.gif) repeat-x center; }

.img_cover_outer{
	position:relative;
	*zoom:1;
}
.img_cover{
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	background-image:url(../img/img_cover.png);
}
.img_cover_text,
.cssVersion2 #contents .blockMarginLeftS .img_cover_text {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:100%;
	margin-top:-1em;
	font-size: 12px;
}
.img_cover_img{
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:100%;
	margin-top:-1em;
}
.img_cover_box{
	position:absolute;
	left:0;
	width:100%;
	height:100%;
	text-align: left;
}

.slimLoginBox{
	background-color:#ffffff;
	border:solid 1px #ff6600;
	margin:auto 15px auto 25px;
	padding: 5px 5px 1px 15px;
	width:640px;
	text-align:left;
	overflow:hidden;
}

div.nomem_catch{
	margin: 19px 15px 19px 25px;
	background-color: #f3eccd;
	text-align: center;
}

div.nomem_catch a{
	display: inline-block;
	text-align: center;
	padding: 6px 0;
	font-size: 16px;
	color: #000;
}

div.nomem_catch a{
	text-decoration: none;
}

div.nomem_catch a:hover,
div.nomem_catch a:hover .catch_txt{
	background-color: #000;
	color: #f3eccd;
}

div.nomem_catch .catch_txt{
	font-weight: bold;
}

div.nomem_catch .arrow{
	background-color: #000;
	color: #fff;
	padding: 1px;
	margin-right: 3px;
}