@charset "utf-8";
/*------------------------------------------------------------
	kango-roo.com 固有のスタイルを
	ここに記述します。
------------------------------------------------------------*/
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#header h1.logo {
	position: static;
	left: auto;
	top: auto;
	width: auto;
}

/*------------------------------------------------------------
	メインイメージ
------------------------------------------------------------*/
#mainImage {
	width: 953px;
	height: 158px;
	margin: 0 auto 10px;
	background: url(/pc/img/common/mainimage.png) no-repeat;
	position: relative;
}

#mainImage div {
	position: absolute;
	width: 760px;
	height: 158px;
	top: 0;
	right: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 1;
	zoom: 1;
}

#mainImage div img {
	display: none;
}

#mainImage div.ca {
	background: url(/pc/img/common/mainimage02.png) no-repeat;
}

#mainImage div.sn {
	background: url(/pc/img/common/mainimage03.png) no-repeat;
}

#mainImage div.yn {
	background: url(/pc/img/common/mainimage04.png) no-repeat;
}

#mainImage div.sp {
	background: url(/pc/img/common/mainimage05.png) no-repeat;
}

/*------------------------------------------------------------
	サイドバー
------------------------------------------------------------*/
#sideBar {
	float: right;
	width: 224px;
}

/* いいねボタン */
#sideBar .like {
	margin-bottom: 7px;
	text-align: left;
}

#sideBar .like p {
	margin-right: 10px;
	float: left;
}

/* サイト内検索 */
#sideBar .searchBox {
	margin-bottom: 7px;
	padding: 10px 0 0 10px;
	width: 210px;
	height: 60px;
	background: url(/sn/pc/img/common/side/side_search_bg.png) no-repeat;
	text-align: left;
}

#sideBar .searchBox img,
#sideBar .searchBox input {
	vertical-align: middle;
}

#sideBar .searchBox img {
	margin-right: 5px;
}

#sideBar .searchBox .search {
	border: 1px solid #CCC;
	width: 173px;
	margin-right: 2px;
	height: 1.4em;
	border-radius: 3px;
	-weblit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	font-size: 12px;
}

#sideBar .searchBox .btn.sprite {
	width: 23px;
	height: 23px;
	background-position: -74px -15px;
	cursor: pointer;
	border: none;
	text-indent: -9999px;
}

#sideBar .tipped {
    color: #CCC;
}

#sideBar .searchBox img,
#sideBar .searchBox input {
    vertical-align: middle;
}

/* 全員に800ポイント */
#sideBar .campaign {
	margin: 0 0 6px;
}

#sideBar .campaign a {
	display: block;
	width: 224px;
	height: 94px;
	background: url(/pc/img/common/side/bn_point_over.png) no-repeat;
}

#sideBar .campaign a:hover img {
	opacity: 0;
	filter: alpha(opacity=0);
}

/* 看護roo!って？ */
#sideBar #about {
	margin: 0 0 6px;
}

#sideBar #about a.sprite {
	display: block;
	width: 224px;
	height: 44px;
	background-position: -476px -237px;
}

#sideBar #about a.sprite:hover {
	background-position: -476px -283px;
}

/* 新規登録・ログイン */
#sideBar .loginBox {
	margin: 0 0 6px;
	text-align: center;
	background: url(/pc/img/common/side/bg_login.png) no-repeat left bottom;
	zoom: 1;
}

#sideBar .loginBox .inner {
	padding: 15px 0;
	background: url(/pc/img/common/side/bg_login_inner.png) no-repeat;
}

#sideBar .loginBox .inner .bn {
	padding-bottom: 10px;
}

#sideBar .loginBox .inner .bn:hover {
	background: none;
}

#sideBar .loginBox .inner .regist {
	margin-bottom: 10px;
}

#sideBar .loginBox .inner .regist a {
	display: block;
	width: 192px;
	height: 35px;
	margin: 0 auto;
	background: url(/pc/img/common/side/bn_regist02_over.png) no-repeat bottom;
}

#sideBar .loginBox .inner .aboutPoint {
	color: #630;
}

#sideBar .loginBox .inner .aboutPoint a {
	color: #F33;
}

#sideBar .loginBox .inner .logout {
	margin-bottom: 10px;
}

#sideBar .loginBox .inner .logout a {
	display: block;
	width: 220px;
	height: 40px;
	background: url(/img/common/side/bn_logout_over.jpg) no-repeat bottom;
}

#sideBar .loginBox .inner .regist a:hover,
#sideBar .loginBox .inner .logout a:hover {
	background-color: #FFF;
}

#sideBar .loginBox .inner .regist a:hover img,
#sideBar .loginBox .inner .logout a:hover img {
	visibility: hidden;
}

#sideBar .loginBox .inner .text {
	margin-bottom: 4px;
}

/* プレナースバナー */
#sideBar #debut {
	margin: 0 0 6px;
}

#sideBar #debut a {
	display: block;
	width: 224px;
	height: 124px;
	background: url(/pc/img/index/bn_debut_over.png) no-repeat;
}

/* ナスキューバナー */
#sideBar #km {
	margin: 0 0 6px;
}

#sideBar #km a {
	display: block;
	width: 224px;
	height: 149px;
	background: url(/pc/img/index/bn_km_over.jpg) no-repeat;
}

/* ナスカレバナー */
#sideBar #nc {
	margin: 0 0 6px;
}

#sideBar #nc a {
	display: block;
	width: 224px;
	height: 140px;
	background: url(/pc/img/index/bn_nc_over.png) no-repeat;
}

/* 看護・ケア学習記事バナー */
#sideBar #kc {
	margin: 0 0 6px;
}

#sideBar #kc a {
	display: block;
	width: 224px;
	height: 140px;
	background: url(/pc/img/index/bn_kc_out.png) no-repeat;
	position: relative;
	text-align: left;
	text-decoration: none;
}

#sideBar #kc a:hover {
	background: url(/pc/img/index/bn_kc_over.png) no-repeat;
}

#sideBar #kc a .text01 {
	padding-right: 13px;
	position: absolute;
	top: 46px;
	left: 13px;
	color: #444;
	font-size: 12px;
	line-height: 1.6;
}

#sideBar #kc a:hover .text01 {
	color: #8F8C86;
}

#sideBar #kc a .text02 {
	position: absolute;
	top: 90px;
	left: 37px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2;
}

/* 看護クイズバナー */
#sideBar #kq {
	margin: 0 0 6px;
}

#sideBar #kq sup,
#sideBar #kq sub {
	font-size: 0.8em;
}

#sideBar #kq a {
	display: block;
	width: 224px;
	height: 171px;
	background: url(/pc/img/index/bn_kq_out.png) no-repeat;
	position: relative;
	text-align: left;
	text-decoration: none;
}

#sideBar #kq a:hover {
	background: url(/pc/img/index/bn_kq_over.png) no-repeat;
}

#sideBar #kq a .text01 {
	padding-right: 17px;
	position: absolute;
	top: 68px;
	left: 17px;
	font-size: 12px;
	line-height: 1.3;
}

#sideBar #kq a .text01,
#sideBar #kq a .text01 sup,
#sideBar #kq a .text01 sub {
	color: #444;
}

#sideBar #kq a:hover .text01,
#sideBar #kq a:hover .text01 sup,
#sideBar #kq a:hover .text01 sub {
	color: #8F8C86;
}

#sideBar #kq a .text02 {
	position: absolute;
	bottom: 27px;
	left: 45px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2;
}

/* 看護用語辞典 ナースpedia */
#sideBar #pedia {
	margin: 0 0 10px 2px;
}

#sideBar #pedia a {
	display: block;
	width: 221px;
	height: 137px;
	background: url(/pc/img/index/bn_word_out.png) no-repeat;
	position: relative;
	text-align: left;
	text-decoration: none;
}

#sideBar #pedia a:hover {
	background: url(/pc/img/index/bn_word_over.png) no-repeat;
}

#sideBar #pedia a .text01 {
	padding-right: 5px;
	position: absolute;
	top: 59px;
	left: 16px;
	color: #444;
	font-size: 12px;
	line-height: 1.4;
}

#sideBar #pedia a:hover .text01 {
	color: #8F8C86;
}

#sideBar #pedia a .text02 {
	position: absolute;
	top: 97px;
	left: 41px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.1;
}

/* 看護師の資格事典バナー */
#sideBar #li {
	margin: 0 0 2px;
}

#sideBar #li a {
	display: block;
	width: 224px;
	height: 144px;
	background: url(/pc/img/index/bn_li_out.png) no-repeat;
	position: relative;
	text-align: left;
	text-decoration: none;
}

#sideBar #li a:hover {
	background: url(/pc/img/index/bn_li_over.png) no-repeat;
}

#sideBar #li a .text01 {
	padding-right: 13px;
	position: absolute;
	top: 60px;
	left: 13px;
	color: #444;
	font-size: 12px;
	line-height: 1.6;
}

#sideBar #li a:hover .text01 {
	color: #8F8C86;
}

#sideBar #li a .text02 {
	position: absolute;
	top: 104px;
	left: 64px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2;
}

/* 解答速報フォームリンクバナー */
#sideBar #ks {
	margin: 0 0 6px;
}

#sideBar #ks a {
	display: block;
	width: 224px;
	height: 80px;
	background: url(/pc/img/index/bn_ks02_over.jpg) no-repeat;
}

/* 国試過去問アプリバナー */
#sideBar #kk {
	margin: 0 0 6px;
}

#sideBar #kk a {
	display: block;
	width: 224px;
	height: 140px;
	background: url(/pc/img/index/bn_kk_over.jpg) no-repeat;
}

/* 国試過去問Webバナー */
#sideBar #kk02 {
	margin: 0 0 6px;
}

#sideBar #kk02 a {
	display: block;
	width: 224px;
	height: 140px;
	background: url(/pc/img/index/bn_kk02_out.jpg) no-repeat;
	position: relative;
	text-align: left;
	text-decoration: none;
}

#sideBar #kk02 a:hover {
	background: url(/pc/img/index/bn_kk02_over.jpg) no-repeat;
}

#sideBar #kk02 a .text01 {
	position: absolute;
	top: 50px;
	left: 13px;
	color: #444;
	font-size: 12px;
	line-height: 1.6;
}

#sideBar #kk02 a:hover .text01 {
	color: #8F8C86;
}

#sideBar #kk02 a .text02 {
	position: absolute;
	top: 94px;
	left: 37px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2;
}

#sideBar .toKakomon {
	margin: -3px 4px 12px;
	text-align: left;
}

#sideBar .toKakomon a {
	color: #5DACFF;
}

#sideBar .toKakomon a:hover {
	color: #8CAECB;
}

/* 看護師🎨イラスト集バナー */
#sideBar #ki02 {
	margin: 0 0 6px;
}

#sideBar #ki02 a {
	display: block;
	width: 224px;
	height: 140px;
	background: url(/pc/img/index/bn_ki_out.png) no-repeat;
	position: relative;
	text-align: left;
	text-decoration: none;
}

#sideBar #ki02 a:hover {
	background: url(/pc/img/index/bn_ki_over.png) no-repeat;
}

#sideBar #ki02 a .text01 {
	padding-right: 13px;
	position: absolute;
	top: 50px;
	left: 13px;
	color: #444;
	font-size: 12px;
	line-height: 1.6;
}

#sideBar #ki02 a:hover .text01 {
	color: #8F8C86;
}

#sideBar #ki02 a .text02 {
	position: absolute;
	top: 94px;
	left: 37px;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2;
}

/* 今日のナース用語 */
#sideBar #word {
	margin: 0 0 8px;
	padding-bottom: 7px;
	background: url(/pc/img/common/template/sidebar/bottom_word.png) no-repeat bottom;
}

#sideBar #word h3.sprite {
	width: 224px;
	height: 42px;
	background-position: -476px -329px;
}

#sideBar #word .inner {
	text-align: left;
	padding: 0 16px 6px;
	background: url(/pc/img/common/template/sidebar/bg_word.png) repeat-y;
	zoom: 1;
}

#sideBar #word .inner h4 {
	color: #DB8400;
	text-align: center;
	background: #F8E6CC url(/pc/img/common/template/sidebar/h4_word.png) no-repeat top;
	padding: 6px 0;
}

#sideBar #word .inner .sentence {
	padding: 8px 10px 10px;
	margin-bottom: 8px;
	background: #FFFCEE url(/pc/img/common/line01.png) repeat-x left top;
}

#sideBar #word .inner .sentence img {
	margin-top: 10px;
	max-width: 172px;
}

	* html #sideBar #word .inner .sentence img {
		width: expression(this.width > 172 ? 172: true); /*for ie6*/
	}

#sideBar #word .inner a {
	color: #DA8400;
}

#sideBar #word .inner a:hover {
	color: #B78A66;
}

#sideBar #word .inner .other {
	text-align: right;
}

#sideBar #word .inner .detailLink {
	text-align: right;
	margin: 0 0 5px;
}

/* Twitter */
#sideBar #twitter {
	margin: 0 2px 10px;
	height: 490px;
}

/* LikeBox */
#sideBar #likeBox {
	background: #FFF;
	margin: 15px 2px 0;
}

/* モバイルバナー */
#sideBar #mobile {
	margin: 0 0 8px;
	text-align: center;
}

/* モニターバナー */
#sideBar #editor,
#sideBar #monitor {
	text-align: right;
	margin-bottom: 10px;
}

#sideBar #monitor .bn {
	display: block;
	width: 224px;
	height: 94px;
	background: url(/pc/img/common/template/sidebar/bn_monitor_over.jpg) no-repeat;
}

#sideBar #editor .bn {
	display: block;
	width: 224px;
	height: 54px;
	background: url(/pc/img/common/template/sidebar/bn_editor_over.jpg) no-repeat;
}

#sideBar .bn:hover {
	background-color: #FFF;
}

#sideBar .bn:hover img {
	visibility: hidden;
}

/* ライター募集バナー */
#sideBar #writer .bn {
	display: block;
	width: 224px;
	height: 94px;
	background: url(/pc/img/common/template/sidebar/bn_writer_over.jpg) no-repeat;
}


/* 占い */
#sideBar #fortune {
	margin: 0 2px 10px;
}

#sideBar #fortune h3.sprite {
	width: 220px;
	height: 58px;
	background-position: -476px -425px;
}

#sideBar #fortune .inner {
	height: 163px;
	padding: 0 13px 0 14px;
	background: url(/pc/img/common/template/sidebar/bg_fortune.jpg) no-repeat;
}

#sideBar #fortune .inner h4.sprite {
	background-position: -476px -486px;
	color: #FFF;
	font-weight: normal;
	text-align: center;
	line-height: 28px;
	letter-spacing: -0.5px;
}

#sideBar #fortune .inner ul {
	margin-bottom: 9px;
	padding: 0 5px 7px;
	background: #FFFCEE;
	text-align: left;
}

#sideBar #fortune .inner ul li {
	padding: 3px 0px;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

	#sideBar #fortune .inner ul li.rank01 {
		border-bottom-color: #E5CA77;
	}

	#sideBar #fortune .inner ul li.rank02 {
		border-bottom-color: #BBB9B2;
	}

	#sideBar #fortune .inner ul li.rank03 {
		border-bottom-color: #DBA385;
	}

#sideBar #fortune .inner ul li span.sprite {
	margin: 0 7px -7px 7px;
	width: 23px;
	height: 24px;	
	display: inline-block;	
}

#sideBar #fortune .inner ul li.rank01 span.sprite {
	background-position: 0 -15px;
}

#sideBar #fortune .inner ul li.rank02 span.sprite {
	width: 22px;
	background-position: -25px -15px;
}

#sideBar #fortune .inner ul li.rank03 span.sprite {
	background-position: -49px -15px;
}

#sideBar #fortune .inner .more {
	color: #444;
	text-align: right;
}

#sideBar #fortune .inner .more a {
	color: #006;
}

/* 動画でわかる！*/
#sideBar #movie {
	margin-bottom: 8px;
}

#sideBar #movie a.bn {
	display: block;
	width: 224px;
	height: 149px;
	background: url(/pc/img/index/bn_mv_ov.jpg) no-repeat;
}


/*------------------------------------------------------------
	ページャー
------------------------------------------------------------*/
#conts .pager {
	text-align: center;
}

#conts .pager li {
	display: inline-block;
	*display: inline;
	margin-right: 5px;
	vertical-align: middle;
	font-size: 12px;
	zoom: 1;
}

#conts .pager li.prev {
	margin-right: 10px;
}

#conts .pager li.prev a,
#conts .pager li.next a {
	display: inline-block;
	*display: inline;
	color: #333;
	text-decoration: underline;
	zoom: 1;
}

#conts .pager li.prev a {
	padding-left: 5px;
	background: url(/pc/img/common/arrow_prev.png) no-repeat left center;
}

#conts .pager li.next a {
	padding-right: 5px;
	background: url(/pc/img/common/arrow_next.png) no-repeat right center;
}

#conts .pager li.prev a:hover,
#conts .pager li.next a:hover {
	text-decoration: none;
}

#conts .pager li.nextDisabled {
	padding-left: 8px;
}

#conts .pager li.num {
	padding-right: 5px;
	margin-right: 0;
}

#conts .pager li.num ol li {
	margin-right: 5px;
}

#conts .pager li.num ol li a,
#conts .pager li.num ol li.current {
	line-height: 21px;
	text-align: center;
	text-decoration: none;
	padding: 0 7px;
	zoom: 1;
}

#conts .pager li.num ol li a {
	float: left;
	display: block;
	background: #EEE;
}

#conts .pager li.num ol li.current {
	float: none;
	display: inline-block;
	*display: inline;
	color: #FFF;
	margin-right: 5px;
	background: #9FD537;
}

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.sprite {
	background: url(/pc/img/common/sprite/bg_img.png) no-repeat;
}

/*------------------------------------------------------------
	告知掲載スタイル
------------------------------------------------------------*/
#conts .infoBox {
	margin: 0 0 50px;
	padding: 15px 15px 5px !important;
	background: #FFF5F2;
	border: 1px solid #F30;
}

#conts .infoBox.none {
	margin: 20px 0 10px;
}

#conts .infoBox p {
	margin-bottom: 10px;
	color: #FF0000;
}

#conts .infoBox p span {
	color: #FF0000;
	font-weight: bold;
}