f@charset "utf-8";
/** ----------------------------------------------------------------------------

	@ Style Name    : /css/common/base.css

	----------------------------------------------------------------------------
	@ Style Information
		00. Reset		
		01. Html, Body, Anchor
		02. Frame
		03. Navigation
		04. Module
		@@. Clearfix
---------------------------------------------------------------------------- **/
/** ----------------------------------------------------------------------------
 *	00. Reset
 *	Copyright (c) 2010, Yahoo! Inc. All rights reserved.
 *	Code licensed under the BSD License:
 *	http://developer.yahoo.com/yui/license.html
 *	version: 2.8.2r1
---------------------------------------------------------------------------- **/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* ---------------
EXAMPLES FONT-SIZE
------------------
 77% = 09px
 85% = 10px
 93% = 11px
100% = 12px
108% = 13px
116% = 14px
124% = 15px
131% = 16px
139% = 17px
147% = 18px
154% = 19px
162% = 20px
170% = 21px
177% = 22px
185% = 23px
193% = 24px
200% = 25px
--------------- */

/** ----------------------------------------------------------------------------
 *	01. Html, Body, Anchor, Variable
---------------------------------------------------------------------------- **/
body {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color:#333;
	font-size:0.75em;
	line-height:1.6;
}
a:link {
	color:#009fcd;
	text-decoration:underline;
}
a:visited {
	color:#009fcd;
	text-decoration:underline;
}
a:hover {
	color:#00c6ff;
	text-decoration:none;
}

/**
 *	Variable
---------------------------------------------------------------------------- **/
.clear {clear:both;}

/** ----------------------------------------------------------------------------
 *	02. Frame
---------------------------------------------------------------------------- **/
#container {
	margin:0 auto;
	/*padding:30px 0 0 0;*/
	padding:18px 0 0 0;
	width:1000px;
}
#header {
	position:relative;
	margin:0 auto;
	width: 100%;
}
#wrapper {
	margin:0 0 20px 0;
	width:998px;
	border:1px solid #dddddd;
}
#leftColumns {
	float:left;
	padding:0 1px 0 0;
	width:159px;
}
#footer {margin:0 0 35px 0;}

/** ----------------------------------------------------------------------------
 *	03. Navigation
---------------------------------------------------------------------------- **/
/**
 *	navFooter
---------------------------------------------------------------------------- **/
#navHeader {
	position:absolute;
	top:-20px;
	right:0;
	width:370px;
	height:30px;
}
#navHeader li {float:left;}
#navHeader li a {
	display:block;
	height:30px;
	background:url(/images/common/nav_header.gif) 0 0 no-repeat;
	text-indent:-5000px;
}
#navHeader #nhSitemap a {width:95px; background-position:0 0;}
#navHeader #nhCompany a {width:71px; background-position:-95px 0;}
#navHeader #nhAds a {width:109px; background-position:-166px 0;}
#navHeader #nhContact a {width:95px; background-position:-275px 0;}
#navHeader #nhSitemap a:hover {background-position:0 -30px;}
#navHeader #nhCompany a:hover {background-position:-95px -30px;}
#navHeader #nhAds a:hover {background-position:-166px -30px;}
#navHeader #nhContact a:hover {background-position:-275px -30px;}

/**
 *	navFooter
---------------------------------------------------------------------------- **/
#navFooter {
	float:right;
	margin:7px 0 0 0;
	width:650px;
	height:15px;
	background:url(/images/common/nav_footer.gif)
}
#navFooter li {float:left;}
#navFooter a {
	display:block;
	height:15px;
	_font-size:8px;
	text-indent:-5000px;
}
#nfSitemap a {
	margin:0 42px 0 0;
	width:59px;
	background:url(/images/common/nav_footer.gif) 0 0 no-repeat;
}
#nfSitepolicy a {
	margin:0 42px 0 0;
	width:71px;
	background:url(/images/common/nav_footer.gif) -101px 0 no-repeat;
}
#nfPolicy a {
	margin:0 42px 0 0;
	width:89px;
	background:url(/images/common/nav_footer.gif) -214px 0 no-repeat;
}
#nfTwitter a {
	margin:0 42px 0 0;
	width:125px;
	background:url(/images/common/nav_footer.gif) -345px 0 no-repeat;
}
#nfFacebook a {
	width:138px;
	background:url(/images/common/nav_footer.gif) -512px 0 no-repeat;
}

#nfSitemap .current,
#nfSitemap a:hover {background-position:0 -15px;}
#nfSitepolicy .current,
#nfSitepolicy a:hover {background-position:-101px -15px;}
#nfPolicy .current,
#nfPolicy a:hover {background-position:-214px -15px;}
#nfTwitter.current,
#nfTwitter a:hover {background-position:-345px -15px;}
#nfFacebook .current,
#nfFacebook a:hover {background-position:-512px -15px;}

/** ----------------------------------------------------------------------------
 *	04. Module
---------------------------------------------------------------------------- **/
/** Header **/
#logo {float:left;}
#logo a {
	display:block;
	text-indent:-5000px;
}
#nowDate {
	float:left;
	margin:15px 0 0 20px;
	color:#000;
	font-family:Times New Roman;
	font-size:147%;
}
#loginArea {
	float:right;
	color:#000;
	text-align:right;
}
#loginArea .loginName {
	margin:60px 0 0 0;
	font-weight:bold;
}
#loginArea .logout img {margin:0 0 0 5px;}

/**
 *	Left Columns
---------------------------------------------------------------------------- **/
#leftColumns {color:#000;}

/* Japanese Logo */
#leftColumns .logoJa {
	margin:0 8px 0 9px;
	border-bottom:3px solid #000;
}
#leftColumns .logoJa a {
 width:80px;
 height:186px;
 background:url(/images/common/logo_ja.gif) 0 0 no-repeat;
 text-indent:-9000px;
 display:block;
}
#leftColumns .logoJa .nowDate {text-align:center;}

/* Jobchange */
#leftColumns .jobchange {
	margin:0 1px;
	padding:10px 0 8px 0;
	width:157px;
}
#leftColumns .jobchange h4 a {
	width:157px;
	height:261px;
	margin:0 auto 10px auto;
	background:url(/images/common/bnr_jobchange.png) no-repeat;
	text-indent:-9000px;
	display:block;
}
#leftColumns .jobchange p {
	font-size:84%;
	margin:5px 8px 8px 8px;
}
#leftColumns .jobchange a {
	font-size:117%;
}

/* AdsBannerArea */
#leftColumns .adsBannerArea .each {
	padding:0 0 20px 0;
	font-size:85%;
}
#leftColumns .adsBannerArea .each h4 {
	margin:0 auto;
	padding:9px 0 20px 0;
	width:140px;
	border-top:3px solid #000;
}
#leftColumns .adsBannerArea .first h4 {border-top:0px;}
#leftColumns .adsBannerArea .bar h4 {
	padding:0 0 5px 0;
	text-indent:-9000px;
}
#leftColumns .adsBannerArea .each .img {
	margin:0 0 5px 0;
	text-align:center;
}
#leftColumns .adsBannerArea .each .txt {margin:0 8px 5px 8px;}
#leftColumns .adsBannerArea .each .link {
	margin:0 8px;
	font-size:117%;
}

/* Global Navigation */
#leftColumns .navGlobal .each {
	padding:0 0 15px 0;
	font-size:85%;
}
#leftColumns .navGlobal .each h4 {
	margin:0 auto;
	padding:9px 0 20px 0;
	width:140px;
	border-top:3px solid #000;
}
#leftColumns .navGlobal .each h5 {
	margin:0 auto;
	width:140px;
}
#leftColumns .navGlobal .each p {
	margin:0 auto 10px auto;
	width:140px;
}
#leftColumns .navGlobal .each .qrcode {
	margin:5px 0 0 0;
	text-align:center;
}
#leftColumns .navGlobal .current,
#leftColumns .navGlobal .each a:hover {
	background:url(/images/common/nav_global_over.gif) 0 0 repeat;
	line-height:0;
}

/* Ads Area  */
#leftColumns .adsArea {
	padding:19px 0 0 0;
	border-top:1px solid #e6e6e6;
	text-align:center;
}
#leftColumns .adsArea p {margin:0 0 15px 0;}

/**
 *	Center Columns
---------------------------------------------------------------------------- **/
/* Search Box */
#centerColumns .articleSearch {
	text-align:right;
}

#centerColumns .articleSearch2 {
		padding-top:15px;
	margin:0 auto;
}

#centerColumns .articleSearch2 .textsearch{
	margin-right:20px;
	vertical-align:text-top;
	*vertical-align:middle;
	}

#centerColumns .articleSearch input, #centerColumns .articleSearch2 input {
	vertical-align:text-top;
	*vertical-align:middle;
}
#centerColumns .articleSearch .searchBox {
	padding:0;
	width:188px;
	height:20px;
	background:none;
	border:1px solid #bfbfbf;
	font-size:10px;
	font-weight:normal;
}

#centerColumns .articleSearch2 .searchBox {
	padding:0;
	width:258px;
	height:20px;
	background:none;
	border:1px solid #bfbfbf;
	font-size:10px;
	font-weight:normal;
}
#centerColumns .articleSearch .btnSubmit, #centerColumns .articleSearch2 .btnSubmit {
	width:41px;
	height:22px;
	background:url(/images/common/cms/btn_article_search.gif) no-repeat scroll 0 0 transparent;
	border:none;
}
#centerColumns .articleSearch .btnSubmit:hover, #centerColumns .articleSearch2 .btnSubmit:hover {
	cursor:pointer;
	background-position:-41px 0;
}

/**
 *	Right Columns
---------------------------------------------------------------------------- **/
/* Mini Publications */
#rightColumns .miniPublications {
	border-top:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
}
#rightColumns .miniPublications ul {
	padding:10px 13px;
	border-top:1px solid #b3b3b3;
}
#rightColumns .miniPublications ul li {
	margin:0 0 0 20px;
	list-style:disc;
}

/* LoginArea */
#rightColumns .loginArea {
	margin:1px;
	background:#ededed;
	zoom:1;
}

/* Member */
#rightColumns .member {
	margin:0 13px;
	padding:7px 0 9px 0;
	border-bottom:1px solid #b3b3b3;
/*
	margin:1px 1px 10px 1px;
	padding:15px 7px 10px 7px;
	width:236px;
	border-bottom:1px solid #b3b3b3;
*/
}
#rightColumns .member .webIntro .img {float:left;}
#rightColumns .member .webIntro .body {
	float:right;
	text-align:right;
}
#rightColumns .member h4 {margin:0 0 10px 0;}
#rightColumns .member .btnTrial,
#rightColumns .member .btnGuide {
	margin:0 0 3px 0;
	text-align:right;
}
#rightColumns .member .btnLogin {margin:0 0 10px 0;}
#rightColumns .member .btnSubscribe {margin:20px 0 0 0;}

/* Special */
#rightColumns .special {
	margin:0 13px;
	padding:7px 0 9px 0;
	border-bottom:1px solid #b3b3b3;
}
#rightColumns .special h4 {margin:0 0 10px 0;}
#rightColumns .special .btnLogin {margin:0 0 10px 0;}
#rightColumns .special .attention {
	margin:0 0 3px 0;
	color:#de0303;
	font-weight:bold;
}
#rightColumns .special .btnToSite {margin:0 0 5px 0;}

/* Special */
#rightColumns .freemember {
	margin:0 13px;
	padding:7px 0 9px 0;
}
#rightColumns .freemember h4 {margin:0 0 10px 0;}
#rightColumns .freemember .btnLogin {margin:0 0 8px 0;}
#rightColumns .freemember .btnLogout {margin:0 10px 0 0;}


/* Receipt */
#rightColumns .contents .receipt .rankingCategory {margin:0 auto 15px auto;}
#rightColumns .contents .receipt li {
	display:inline;
	margin:0 10px 0 0;
}
#rightColumns .contents .receipt li a {font-weight:normal;}
#rightColumns .contents .receipt li a:hover {background:none;}

/* Cosme */
#rightColumns .contents .cosme {
	color:#000;
	font-weight:bold;
}
#rightColumns .contents .cosme .rankingCategory {margin:0 auto 15px auto;}
#rightColumns .contents .cosme li {
	display:inline;
	margin:0 10px 0 0;
}
#rightColumns .contents .cosme li a {font-weight:normal;}
#rightColumns .contents .cosme li a:hover {background:none;}

/* Search Box */
#rightColumns .loginArea .articleSearch {margin:0 0 8px 0;}
#rightColumns .loginArea .articleSearch .message {
	margin:0 0 2px 0;
	font-weight:bold;
}
#rightColumns .loginArea .articleSearch input {
	vertical-align:text-top;
	*vertical-align:middle;
}
#rightColumns .loginArea .articleSearch .searchBox {
	padding:0;
	width:147px;
	height:20px;
	background:#fff;
	border:1px solid #bfbfbf;
	font-size:10px;
	font-weight:normal;
}
#rightColumns .loginArea .articleSearch .btnSubmit {
	width:41px;
	height:22px;
	background:url(/images/common/cms/btn_article_search.gif) no-repeat scroll 0 0 transparent;
	border:none;
}
#rightColumns .loginArea .articleSearch .btnSubmit:hover {
	cursor:pointer;
	background-position:-41px 0;
}

/**
 *	Footer
---------------------------------------------------------------------------- **/
#fLogo {
	float:left;
	width:260px;
}
.pageTop {
	display:none;
	position:fixed !important;
	position:absolute;
	bottom:0;
}
.fixedBottom {
	position:fixed !important;
	position:absolute;
	right:0;
	bottom:30px;
	border-top:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	border-left:1px solid #b3b3b3;
	width:44px;
}
.fixedBottom ul {margin:9px 10px 0 9px;}
.fixedBottom ul li {
	margin:0 0 10px 0;
	height:25px;
}
#copyright {
	clear:both;
	padding:15px 0;
	text-align:right;
}
@media print {
  .fixedBottom {
     display: none;
   }
}
/** ----------------------------------------------------------------------------
 *	Module
---------------------------------------------------------------------------- **/
#logo a {
	width:553px;
	height:66px;
	background:url(/images/common/logo.gif) no-repeat 0 0;	
}
#nowDate {
	margin:30px 0 0 20px;
	font-size:124%;
}

/** ----------------------------------------------------------------------------
 *	@@. Clearfix
---------------------------------------------------------------------------- **/
#container:after,
#header:after,
#wrapper:after,
#rightColumns .member:after,
#rightColumns .contents .cosme .rankingCategory:after,
#footer:after,
#copyright:after {
	visibility:hidden;
	clear:both;
	display:block;
	content:" ";
	height:0;
	font-size:0;
}
* html #container,
* html #header,
* html #wrapper,
* html #footer,
* html #copyright {zoom:1; /* IE6 */}
*:first-child+html #container,
*:first-child+html #header,
*:first-child+html #wrapper,
*:first-child+html #footer,
*:first-child+html #copyright {zoom:1; /* IE7 */}

.topad{ width:300px; height:auto; margin:auto; padding:10px; border-bottom:1px solid #B3B3B3; text-align:center;}

#navHeader li a {background:none; text-indent:0px; background-position:0; width:auto;}
#navHeader #nhSitemap a {background-position:0;}
#navHeader #nhCompany a {background-position:0;}
#navHeader #nhAds a {background-position:0;}
#navHeader #nhContact a {background-position:0;}
#navHeader #nhSitemap a:hover {background-position:0;}
#navHeader #nhCompany a:hover {background-position:0;}
#navHeader #nhAds a:hover {background-position:0;}
#navHeader #nhContact a:hover {}
#navHeader #nhSitemap a {width:auto;}
#navHeader #nhCompany a {width:auto;}
#navHeader #nhAds a {width:auto;}
#navHeader #nhContact a {width:auto;}


#headmenu{ width:100%; height:30px;}

#navHeader {
font-size:12px;
font-weight:bold;
width:600px;
height:30px;
}
#navHeader li {float:right;}
#navHeader li a {
display:block;
height:30px;
text-decoration:none;
padding:10px 15px 0 15px;
color:#333;
line-height:20px;}

#navHeader #nhSitemap a {border-right:1px dotted #B3B3B3; }
#navHeader #nhCompany a {border-right:1px dotted #B3B3B3;}
#navHeader #nhAds a {border-right:1px dotted #B3B3B3;}
#navHeader #nhContact a {width:auto;}
#navHeader a:hover {background:#0093C1; color:#ffffff;}
#navHeader #nhreader a {background:#000; color:#ffffff; border-right:1px dotted #B3B3B3;}
#navHeader #nhreader a:hover {background:#0093C1; color:#ffffff;}

.topicPath{
  width: 650px;
  margin: 30px auto 0 auto;
}

#mainContents{
  margin: 0 auto;
  width: 650px;
}

#mainContents h2{
  padding: 15px 0;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    float: right;
    box-shadow: -15px 0px #fff;
}

.label-primary {
    background-color: #337ab7;
}

.label-info {
    background-color: #5bc0de;
}

.label-success {
    background-color: #5cb85c;
}

.label-warning {
    background-color: #f0ad4e;
}

.error_message {
    max-width: 400px;
}