@charset "Shift_JIS";

/* 共通ナビゲーション上書き */
div#nb-cnav,
#nb-cnav ul.l,
#nb-cnav ul.g {
	margin-right: auto;
	margin-left: auto;
	width: 988px;
}


/* 既存スタイル上書き */
#container {
	width: 990px;
	background-image: none;
	background-color: #fff;
}

#container_in {
	width: 990px;
}

#header {
	padding-right: 10px;
	padding-left: 5px;
}

#header #catch {
	width: 346px;
}

#header #headerTitle {
	width: 690px;
}

#header #headerLink {
	width: 285px;
}

#header #headerLink .inNavi li {
	display:inline;
}


/* ===================================================================
CSS information
 file name  :  style.css
 style info :  @niftyビジネスのメインスタイル（200910）
=================================================================== */
#allContents {
	margin: 0;
	line-height: 1.5;
	text-align: left;
	font-family: メイリオ,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}

#allContents p {
	margin-bottom: 10px;
	vertical-align: bottom;
}

#allContents img {
	vertical-align: top;
}

#allContents a:link,
#allContents a.adLink:visited {
	color: #039;
}

#allContents a:visited {
	color: #609;
}

#allContents a:hover,
#allContents a.adLink:hover {
	color: #c00;
}

#allContents a:active {
}

/* 基本クラス
---------------------------------------------------------------------- */
#allContents .cl {
	/zoom: 1;
	clear: both;
}

#allContents .c999 {
	color: #999;
}

#allContents .c666 {
	color: #666;
}

#allContents .small {
	font-size: 85%;
}

#allContents img.icon,
#allContents img.newIcon {
	margin-right: 5px;
	vertical-align: middle;
}

#allContents #contentsMain .newIconR,
#allContents #main .articleArea img.newIcon {
	vertical-align: middle;
	margin-right: 0;
	margin-left: 5px;
}

#allContents .more {
	margin: 0 0 15px;
	/margin-bottom: 10px;
	text-align: right;
	text-indent: 0 !important;
}

#allContents .more span {
	padding: 9px 0 7px 2px;
	/padding: 0 0 0 2px;
	background: url(../images/bg_more_left.gif) no-repeat left center;
}

#allContents .more a {
	/zoom: 1;
	padding: 9px 20px 7px 8px;
	background: url(../images/bg_more.gif) no-repeat right center;
	color: #fff;
	font-weight: bold;
}

#allContents .more a:visited {
	color: #fff;
}


/* topPR */
#topPR {
	/zoom: 1;
	overflow: hidden;
	margin: 3px 0 5px;
}

#topPR li {
	float: left;
	width: 33%;
	text-align: center;
}


/* トップ枠ペイン */
#contentsHeader {
	/zoom: 1;
	overflow: hidden;
	padding: 15px;
	border-top: 1px solid #f60;
	border-bottom: 3px solid #f60;
	background: #fff7d7;
}

#contentsHeader .topArticleContainer {
	float: left;
	width: 655px;
}

#contentsHeader ul.tabNav {
	/zoom: 1;
	overflow: hidden;
	position: relative;
	border-left: 1px solid #999;
}

#contentsHeader ul.tabNav li {
	float: left;
}

#contentsHeader .topArticleList ul.tabNav {
	margin: 0;
	padding: 0;
}

#contentsHeader .topArticleList ul.tabNav li {
	padding: 0;
	background: none;
	border-bottom: 0;
}

#contentsHeader ul.tabNav li a {
	float: left;
	display: block;
	padding: 4px 13px;
	border: 1px solid #999;
	border-bottom: 1px solid #f9975c;
	border-left: 0;
	background: #f4f4f4 url(../images/bg_tab_line.gif) repeat-x bottom;
}

#contentsHeader ul.tabNav li a:hover {
	background: #fff url(../images/bg_tab.gif) repeat-x bottom;
	color: #000;
}

#contentsHeader ul.tabNav li a.active {
	background: #fff url(../images/bg_tab_active.gif) repeat-x bottom;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	color: #000;
}

#contentsHeader h2 {
	padding: 5px 0;
	font-size: 160%;
	font-weight: bold;
	line-height: 1.3;
}

#contentsHeader h2 span {
	/zoom: 1;
	display: block;
	font-size: small;
	font-weight: normal;
}

#contentsMain #main .topArticle,
#contentsHeader .topArticleContainer .topArticle {
	/zoom: 1;
	overflow: hidden;
	margin-top: -1px;
	padding: 10px 10px 0;
	background: #fff;
	border: 1px solid #ccc;
}

#contentsMain #main .topArticle {
	margin-top: 0;
	margin-bottom: 10px;
	padding: 10px 10px 0;
}

#contentsMain #main .topArticle h2.pickupTitle {
	margin: -11px -11px 10px;
}

#contentsMain #main .topArticle .image,
#contentsHeader .topArticleContainer .topArticle .image {
	float: left;
	margin-bottom: 10px;
}

#contentsMain #main .galleryArea .item ul li.image img,
#contentsMain #main #summary .image a img,
#contentsMain #main .topArticle .image img,
#contentsHeader .topArticleContainer .topArticle .image img {
	padding: 2px 8px 8px 2px;
	background: url(../images/bg_img_s.gif) no-repeat;
}

#contentsHeader .topArticleContainer .image100x67 .image img,
#contentsMain #main .topArticle .image a:hover img,
#contentsMain #main .topArticle .image img {
	background-image: url(../images/bg_img_t.gif);
}

#contentsMain #main #summary .image a:hover img,
#contentsMain #main .galleryArea .item ul li.image a:hover img,
#summary #contentsMain #main .topArticle .image:hover a img,
#contentsMain #main .topArticle .image a:hover img,
#contentsHeader .topArticleContainer .topArticle .image a:hover img {
	background: url(../images/bg_img_s.gif) no-repeat right top;
}

#contentsHeader .topArticleContainer .image100x67 .image a:hover img {
	background: url(../images/bg_img_t.gif) no-repeat right top;
}

#contentsMain #main #summary .text,
#contentsHeader .topArticleContainer .topArticle .text {
	float: right;
	width: 375px;
	margin: 0;
}

#contentsHeader .topArticleContainer .image100x67 .text {
	width: 520px;
}

#contentsMain #main .topArticle .text {
	/zoom: 1;
	float: none;
	clear: both;
	width: auto;
	margin: 0 10px 10px;
}


#contentsHeader .topArticleContainer .topArticle .text p.appendix,
#contentsMain #main .topArticle .text p.appendix {
	color: #666;
	font-size: small;
	font-weight: bold;
	float: none;
	clear: both;
	width: auto;
	margin: 0;
}

#contentsHeader .topArticleContainer .topArticle .text h2 {
	font-weight: bold;
	padding-top: 0;
}

#contentsMain #main .topArticle p.appendix {
	color: #666;
	font-size: small;
	font-weight: bold;
	float: right;
	width: 520px;
	margin: 0;
}

#contentsMain #main .topArticle .articleTitle {
	float: right;
	width: 520px;
	margin: 0 0 5px;
	padding: 0;
	font-size: 200%;
	font-weight: bold;
	background: none;
	line-height: 1.2;
	color: #333;
}

#contentsMain #main #summary .text .articleTitle,
#contentsMain #main #summary .text h1 {
	float: none;
	font-size: 160%;
	font-weight: bold;
	width: auto;
}

#contentsMain #main #summary .text .articleTitle span,
#contentsMain #main #summary .text h1 span,
#contentsMain #main .topArticle h1 span {
	display: block;
	margin-bottom: 5px;
	font-size: small;
	font-weight: normal;
}


/* 最新記事 */
#contentsHeader .topArticle .hotNews {
	/zoom: 1;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}

#contentsHeader .topArticle .hotNews h3 {
	text-align: left;
}

#contentsHeader .topArticle .hotNews h3 a {
	padding-right: 13px;
	background: url(../images/bg_hotnews_ttl.gif) no-repeat right center;
}

#contentsHeader .topArticle .hotNews ul {
	margin: 0;
}

#contentsHeader .topArticle .hotNews ul li {
	margin: 0 0 5px;
	padding-left: 18px;
	background: url(../images/icon_arrow.gif) no-repeat 0em .1em;
	font-size: 115%;
	font-weight: bold;
}

#contentsHeader .topArticle .hotNews a {
}

#contentsMain #main .topArticle .equipment,
#contentsHeader .topArticleContainer .topArticle .equipment {
	/zoom: 1;
	clear: both;
	margin: 0 -9px 1px;
	padding-top: 1px;
	background: #dbf3fd;
}

#contentsMain #main .topArticle .equipment {
	margin: 0 0 10px;
}

#contentsMain #main .topArticle .equipment p,
#contentsHeader .topArticleContainer .topArticle .equipment p {
	margin: 0;
	padding: 5px 5px 3px;
	border-top: 1px solid #fff;
	font-size: 85%;
}

#main .topArticle .equipment p span.sbm {
	margin-right: -5px;
}

#main .topArticle .equipment p span.sbm a {
	margin-right: 10px;
}

#allContents .categoryIcon {
	/zoom: 1;
	margin: 0 5px;
	padding-left: 20px;
	background: url(../images/icon_category.gif) no-repeat left center;
}

#allContents .dateIcon {
	/zoom: 1;
	margin: 0 5px;
	padding-left: 20px;
	padding-top: 2px;
	background: url(../images/icon_calendar.gif) no-repeat left center;
}

#allContents .blogIcon,
#allContents .communityIcon,
#allContents .twitterIcon {
	/zoom: 1;
	margin-left: 5px;
	padding-left: 20px;
	padding-top: 2px;
	background: url(../images/icon_blog.gif) no-repeat left center;
}

#allContents .communityIcon {
	background-image: url(../images/icon_community.gif);
}

#allContents .twitterIcon {
	margin: 0 5px;
	background-image: url(../images/icon_twitter.gif);
}

#contentsHeader .topArticleList {
	float: right;
	width: 290px;
	padding: 0 0 0 10px;
}

#contentsHeader .topArticleList p.today {
	/zoom: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 110%;
	letter-spacing: 0;
}

#contentsHeader .topArticleList p.today .weather {
	font-size: small;
}

#contentsHeader .topArticleList p.today .weather img {
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 3px;
}

#contentsHeader .topArticleList p.today em {
	font-style: normal;
	font-size: 180%;
}

#contentsHeader .topArticleList p.today a.reload {
	/zoom: 1;
	overflow: hidden;
	margin: 5px 0 0 5px;
	padding: 0 2px;
	font-size: 80%;
	color: #fff;
	background: #332929 url(../images/bg_reload.gif) repeat-x bottom;
	border: 3px double #fff7d7;
	/border: 3px double #333;
}

#contentsHeader .topArticleList p.today a.reload img {
	margin-left: 3px;
	vertical-align: middle;
}

#contentsHeader .topArticleList p.today a.reload:hover {
	text-decoration: none;
	color: #f60;
}

#contentsHeader .topArticleList .topNewsArea {
	background: #fff;
	margin-top: -1px;
	border: 1px solid #ccc;
}


#contentsHeader .topArticleList ul {
	padding-top: 5px;
	padding-bottom: 5px;
/*
	border-top: 5px solid #fad163;
*/
}

#contentsHeader .topArticleList ul li {
	padding-top: 3px;
	padding-left: 23px;
	padding-bottom: 2px;
	background: url(../images/icon_article.gif) no-repeat 5px .4em;
/*
	border-bottom: 1px dotted #999;
*/
}

#contentsHeader .topArticleList ul li.more {
	margin-bottom: 0;
	background-image: none;
}

#contentsHeader .topArticleList ul li.more a {
	padding-right: 20px;
}

#contentsHeader .topArticleList ul li.oshiete,
#contentsMain #sub .articleList.oshiete li {
	background-image: url(../images/icon_oshiete.gif);
	padding-left: 25px;
}

#contentsHeader .topArticleList ul li.skillup {
	background-image: url(../images/icon_skillup.gif);
	padding-left: 25px;
}

#contentsHeader .topArticleList ul li.space,
#contentsMain #sub .articleList.space li {
	background-image: url(../images/icon_space.gif);
	padding-left: 25px;
}

/*
#contentsHeader .topArticleList ul li.even {
	background-color: #fff2be;
}

#contentsHeader .topArticleList ul li:nth-child(even) {
	background-color: #fff2be;
}
*/

/* メインコンテンツ（3カラム） */
#contentsMain {
	/zoom: 1;
	overflow: hidden;
	margin-top: 10px;
	padding: 0;
	background: #fff;
}

#contentsMain h2 {
	margin: 0 0 10px;
	padding: 8px 7px;
	/padding-bottom: 4px;
	background: #ededed url(../images/bg_ttl_01.gif) repeat-x;
	border: 1px solid #ccc;
	border-bottom: 3px solid #f9975c;
	font-weight: bold;
	color: #333;
	letter-spacing: 1px;
}

#contentsMain h3 {
	margin-bottom: 5px;
	font-size: 120%;
	font-weight: bold;
}

#contentsMain dl dt {
	font-weight: bold;
}

#contentsMain .topicPath {
	clear: both;
	/zoom: 1;
	overflow: hidden;
	margin: 0 0 10px;
	padding: 0 10px 0 0;
	background: #fff;
	border-bottom: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
}

#contentsMain #main .topicPath {
	border-top: 0;
	padding: 1px 10px 0 1px;
	background: url(../images/bg_topicpath_area.gif) no-repeat;
}

#contentsMain .topicPath li {
	float: left;
	margin: 0;
}

#contentsMain #main .topicPath li {
	font-size: 85%;
}

#contentsMain .topicPath li a {
	float: left;
	/zoom: 1;
	padding: 5px 17px 3px 8px;
	background: url(../images/bg_topicpath.gif) no-repeat right center;
	color: #006;
}

#contentsMain .topicPath li.current a,
#contentsMain .topicPath li span {
	float: left;
	/zoom: 1;
	padding: 5px 0 3px 10px;
	color: #666;
	background: none;
}

#contentsMain #main {
	_display: inline;
	float: right;
	width: 655px;
	margin-right: 10px;
	padding: 0;
	background: #fff;
}

#contentsMain #main .pageTop, #contentsMain .freeFormat .pageTop {
	/zoom: 1;
	clear: both;
	text-align: right;
}

#contentsMain #main .pageTop a, #contentsMain .freeFormat .pageTop a {
	display: inline-block;
	padding-left: 10px;
	background: url(../images/mark_pagetop.gif) no-repeat 0em .5em;
}

#contentsMain div .frame {
	margin: 0 0 10px;
	padding: 5px 10px;
	border: 1px solid #aaa;
}

#contentsMain div .frame p {
	margin: 0 0 5px;
}

#contentsMain div .frame ul.textPR li,
#contentsMain div .frame ul.textPR li {
	background: transparent url(../images/icon_pr.gif) no-repeat scroll 0 0.2em;
	margin-bottom: 0.1em;
	padding-left: 25px;
}

#contentsMain div .frame ul.textPR li.square,
#contentsMain div .frame ul.textPR li.square {
	background-image: url(../images/icon_square.gif);
	background-position: 2px 0.1em;
}

#contentsMain div img.frame {
	padding: 1px;
	border: 1px solid #ccc;
}

/* 媒体情報 */
#contentsMain div .frame.media {
	min-height: 30px;
}

#contentsMain div .frame.media img {
	display: inline;
	float: right;
	margin-left: 12px;
	max-width: 120px;
	max-height: 20px;
}

#contentsMain div .frame.media p {
	display: inline; 
	color: #666;
	font-size: 85%;
	text-indent: 0;
}

/* 真ん中 */
#contentsMain #main .newArticleArea {
	float: left;
	width: 345px;
}

#contentsMain #main .newArticleArea .item {
	margin-bottom: 5px;
	width: 100%;
	display: table;
}

#contentsMain #main .newArticleArea .item .itemImage {
	margin: 0;
	padding-right: 5px;
	display: table-cell;
	vertical-align: top;
	width: 1%;
	/width: auto;
	/float: left;
}

#contentsMain #main .newArticleArea .item .itemImage img {
	padding: 2px 8px 8px 2px;
	background: url(../images/bg_img_t.gif) no-repeat;
}

#contentsMain #main .newArticleArea .item .itemImage a:hover img {
	background: url(../images/bg_img_t.gif) no-repeat right top;
}

#contentsMain #main .newArticleArea .item .itemText {
	display: table-cell;
	vertical-align: top;
	/zoom: 1;
}

#contentsMain #main .newArticleArea .item .itemText p {
	margin-bottom: 0;
}

#allContents #contentsMain #main .newArticleArea .item .itemText .more {
	margin-top: -2px;
	margin-bottom: 10px;
	/margin-top: -10px;
	/margin-bottom: 2px;
}


#contentsMain #main .equipment {
	margin-bottom: 20px;
	padding: 1px;
	background: #dbf3fd;
}

#contentsMain #main .equipment p {
	margin: 0;
	border: 1px solid #fff;
	padding: 2px;
	font-size: 85%;
}

/* 右 */
#contentsMain #main .articleArea {
	float: right;
	width: 300px;
}

#contentsMain #sub .articleList,
#contentsMain #main .articleList {
	margin-top: -7px;
	margin-bottom: 20px;
}

#contentsHeader .topArticleContainer .topArticle .articleList {
	/zoom: 1;
	clear: both;
	padding-bottom: 10px;
}

#contentsHeader .topArticleContainer .topArticle .articleList li,
#contentsMain div .articleList dt,
#contentsMain #sub .articleList li,
#contentsMain #main .articleList li {
	margin-bottom: 0;
	padding: 7px 3px 5px 23px;
	border-bottom: 1px dotted #999;
	background: url(../images/icon_article.gif) no-repeat 5px .8em;
}

#contentsHeader .topArticleContainer .topArticle .articleList li {
	border-bottom: 0;
	padding: 5px 3px 2px 23px;
	background-position: 5px .5em;
}

#contentsMain #main .articleList.seminar li {
	background-image: url(../images/icon_seminar.gif);
	padding-left: 25px;
}

#contentsMain #main .articleList.release li {
	background-image: url(../images/icon_release.gif);
	padding-left: 25px;
}

#contentsMain #main .articleList.career li {
	background-image: url(../images/icon_career.gif);
	padding-left: 25px;
}

#contentsMain div .articleList dt {
	border-bottom: 0;
	padding-bottom: 2px;
}

#contentsMain div .articleList dd {
	padding-left: 23px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
	background-color: #fff;
	color: #555;
}

#contentsMain div dl.articleList .even,
#contentsMain #sub .articleList li.even,
#contentsMain #main .articleList li.even,
#contentsMain #sub .summaryImageList li.even {
	background-color: #f4f4f4;
}

#contentsMain div dl.articleList :nth-of-type(even),
#contentsMain #sub .articleList li:nth-child(even),
#contentsMain #main .articleList li:nth-child(even),
#contentsMain #sub .summaryImageList li:nth-child(even) {
	background-color: #f4f4f4;
}

#contentsMain #sub .articleList li.more,
#contentsMain #main .articleList li.more,
#contentsMain #main .numberItem p.more {
	background: #fff;
	border-bottom: 0;
}

#contentsHeader .topNewsArea li.more a,
#contentsMain #sub .articleList li.more a,
#contentsMain #main .articleList li.more a,
#contentsMain #main .numberItem p.more a {
	padding: 3px 0 0 12px;
	background: url(../images/mark_more.gif) no-repeat 0em .4em;
	color: #006;
}

#contentsMain .numberItem {
	margin-bottom: 20px;
}

#contentsMain .numberItem .item {
	overflow: hidden;
	/zoom: 1;
	width: auto;
	margin-bottom: 10px;
	padding: 0;
	border: 0;
}

#contentsMain .numberItem .item h4 {
	font-weight: bold;
	margin: 0;
}

#contentsMain .numberItem .item h4 span {
	color: #c00;
	font-size: 140%;
	padding-right: 0.5em;
}

#contentsMain .numberItem .item .image {
	float: left;
	width: 70px;
}

#contentsMain .numberItem .item .image img {
	width: 60px;
	overflow: hidden;
}

#contentsMain .numberItem .item .text {
	float: left;
	width: 190px;
}

#contentsMain .number {
	margin: 0;
	font-size: 120%;
	font-weight: bold;
	color: #ef5200;
	line-height: 1.3;
}

#contentsMain em {
	font-weight: bold;
	font-size: 110%;
	font-style: normal;
	color: #a00;
}

#contentsMain #main h2.tLink,
#contentsMain #main h2.upDate {
	padding-right: 8em;
	position: relative;
}

#contentsMain #main h2.tLink .tLink,
#contentsMain #main span.upDate {
	position: absolute;
	top: 8px;
	right: 8px;
	margin: 0;
	padding-bottom: 5px;
	text-align: right;
	font-size: 85%;
	font-weight: normal;
	letter-spacing: 0px;
}

#contentsMain #main .articleArea span.upDate.dateIcon {
	background-position: 0em .3em;
}

#contentsMain #main .jsSlideShow_container {
	margin-bottom: 20px;
}

#contentsMain #main #jsSlideShow li div {
	width: 300px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 3px;
}

#contentsMain #main #jsSlideShow li p {
	font-size: x-small;
}

/* サイドバー（一番左） */

#contentsMain #sub {
	float: left;
	width: 300px;
	margin-bottom: 10px;
	padding-left: 10px;
}

#sub div {
	margin-bottom: 10px;
}

#contentsMain #sub h2 {
	font-size: 110%;
	padding: 4px 10px 3px;
	/padding-bottom: 1px;
	color: #fff;
	background: #4c70c9 url(../images/bg_ttl_sub.gif) no-repeat right top;
	border: 0;
}

/* 検索 */
#main #searchArea,
#sub #searchArea {
	/zoom: 1;
	margin-bottom: 10px;
	padding: 1px;
	background: #dbf3fd;
}

#main #searchArea .inner {
	/zoom: 1;
	overflow: hidden;
	padding-top: 3px;
	border: 1px solid #fff;
}

#main #searchArea p {
	/zoom: 1;
	clear: both;
	margin: 0;
	padding: 10px ;
	background: #fff;
}

#main #searchArea #radio,
#sub #searchArea #radio {
	margin-bottom: 0;
	padding: 8px 8px 0;
	border: 1px solid #fff;
	border-bottom: 0;
}

#main #searchArea #radio {
	float: left;
	width: 90px;
}

#allContents #searchArea #radio label {
	margin-right: 10px;
}

#main #searchArea #search,
#sub #searchArea #search {
	/zoom: 1;
	overflow: hidden;
	margin-bottom: 0;
	padding: 5px 8px 8px;
	border: 1px solid #fff;
	border-top: 0;
}

#main #searchArea #search {
	float: left;
	width: 440px;
}

#main #searchArea #search,
#main #searchArea #radio {
	border: 0;
}

#main #searchArea #search *,
#sub #searchArea #search * {
	vertical-align: top;
}

#main #searchArea .textform,
#sub #searchArea .textform {
	width: 220px;
	margin: 0;
	padding: 2px;
	height: 16px;
}

#main #searchArea .btnserch,
#sub #searchArea .btnserch {
	margin: -2px 0 0 0;
	padding: 0;
	/* line-height: 0; */
	font-size: 0;
	height: 21px;
}

#sub ul.summaryImageList {
	position: relative;
	/zoom: 1;
	overflow: hidden;
	margin-top: -10px;
	margin-bottom: 10px;
	padding: 0;
	border: 1px solid #4c70c9;
}

#sub ul.summaryImageList li {
	position: relative;
	min-height: 59px;
	/min-height: 58px;
	_height: 58px;
	margin: 0;
	padding: 5px 5px 5px 105px;
	border-bottom: 1px dotted #9db9ff;
}

#sub ul.summaryImageList li.last {
	border-bottom: none;
}

#sub ul.summaryImageList li img {
	position: absolute;
	top: 1px;
	left: 1px;
}

#sub ul.bnr {
	margin-bottom: 15px;
}

#sub ul.bnr li {
	margin-bottom: 7px;
}

/* BIREACH枠 */
#contentsMain #sub .bizreach h2 {
	background: none;
	color: #000;
	text-align: center;
	margin: 0 0 0.5em 0;
	padding: 0;
}

#contentsMain #sub .bizreach h2 span {
	display: block;
	font-size: small;
	font-weight: normal;
	padding-top: 0.25em;
}

#contentsMain #sub .bizreach select {
	width: 230px;
}

#contentsMain #sub .bizreach p.button {
	text-align: right;
	margin-top: 1em;
}

#contentsMain #sub .bizreach p.button input {
	vertical-align: middle;
	margin-right: 1em;
}

/* MAIL MAGAZINE(メールマガジン ヴァイタミン) */
#magazine {
	background: #FF6600;
	padding: 10px 0;
}

#magazine p {
	width: 170px;
	height: 24px;
	margin: 0 auto;
}

#magazine p.btn a {
	display: block;
	width: 170px;
	height: 24px;
	background: url(../images/btn_mm.gif) no-repeat;
}

#magazine p.btn a:hover {
	background-position: 0 -24px;
}

#magazine p.btn a span {
	display: none;
}


/* contentsFooter（メインエリア下部のサイトマップ） */
#contentsFooter {
	/zoom: 1;
	overflow: hidden;
	margin-bottom: 20px;
}

#contentsFooter .item {
	_display: inline;
	float: left;
	width: 213px;
	min-height: 630px;
	_height: 630px;
	padding: 10px 10px 0;
	margin-left: 10px;
	border: 1px solid #999;
}

#contentsFooter .item h3 {
	margin: 0 0 10px;
	padding: 5px 7px 5px;
	/padding-bottom: 2px;
	font-size: 110%;
	font-weight: bold;
	background: #dbf3fd;
}

#contentsFooter .item h3 a {
	color: #600;
}

#contentsFooter .item ul {
	margin-bottom: 15px;
}

#contentsFooter .item ul li {
	margin-bottom: 5px;
	margin-left: 2px;
	padding-left: 10px;
	background: url(../images/mark_01.gif) no-repeat 0em .4em;
}


/* --------------------------------------------------------
記事リーフページ
-------------------------------------------------------- */
#contentsMain #main .board {
	margin: 0 0 10px;
	padding: 1px;
	border: 1px solid #ccc;
}

#contentsMain #main .topArticle .board {
	margin: -9px -9px 15px;
	padding: 0;
	border: 0;
}

/* 記事リーフの本文の各要素定義 */
#main .articleBody {
	/zoom: 1;
	overflow: hidden;
	width: 655px;
	margin: 0 0 10px;
	background: #fff;
	font-size: 115%;
}

#main .articleBody h2 {
	margin-bottom: 10px;
}

#sb-content.html .presentBox h3,
#contentsMain #main .column2 .section h3,
#main .articleBody h3 {
	/zoom: 1;
	overflow: hidden;
	margin: 30px 0 10px;
	padding: 10px;
	/padding-bottom: 5px;
	font-size: 100%;
	font-weight: bold;
	background: #fff7d7;
	color: #333;
}

#sb-content.html .presentBox h3.first,
#contentsMain #main .column2 .section h3.first,
#main .articleBody h3.first,
#main .articleBody h4.first,
#main .articleBody h5.first,
#main .articleBody h2 + h3 {
	margin-top: 0;
}

#main .articleBody h4 {
	margin: 30px 0 10px;
	padding-bottom: 5px;
	font-size: 100%;
	font-weight: bold;
	border-bottom: 3px solid #f9975c;
	color: #333;
}

#main .articleBody h5 {
	margin: 30px 0 5px;
	padding-left: 10px;
	font-weight: bold;
	border-left: 5px solid #f9975c;
	color: #333;
}

#main .articleBody p {
	text-indent: 1em;
	margin-bottom: 15px;
}

#main .articleBody p.sign,
#main .articleBody p.tL,
#main .articleBody p.tR,
#main .articleBody p.tC,
#main .articleBody p.fL,
#main .articleBody p.fR,
#main .articleBody p.noInd {
	text-indent: 0;
}

#main .articleBody p.lead {
	font-weight: bold;
	text-indent: 0;
	font-size: 110%;
}

#main .articleBody p.nextpage {
	font-weight: bold;
	margin: 30px 0 0 0;
	text-indent: 0;
}

#main .articleBody p.nextpage a span { color: #f40; }

#main .articleBody ul {
	/zoom: 1;
	overflow: hidden;
	margin-bottom: 15px;
}

#main .articleBody ul li {
	margin-bottom: 5px;
	padding-left: 23px;
	background: url(../images/icon_article.gif) no-repeat 5px .3em;
}

#main .articleBody ol {
	/zoom: 1;
	overflow: hidden;
	margin-bottom: 15px;
}

#main .articleBody ol li {
	margin-left: 30px;
	margin-bottom: 5px;
	list-style-type: decimal;
}

#main .articleBody dl {
	/zoom: 1;
	overflow: hidden;
	margin-top: -10px;
	margin-bottom: 15px;
}

#main .articleBody dl dt {
	margin-top: 10px;
	margin-bottom: 5px;
	padding-left: 5px;
	color: #c00;
	border-bottom: 1px dotted #ccc;
	font-weight: normal;
}

#main .articleBody dl dd {
	margin: 0 20px 5px;
}

#main .articleBody .highlighter {
	background: #fff55c;
	padding: 0 2px;
}

#main .articleBody hr {
	/zoom: 1;
	overflow: hidden;
	border: 0;
	margin: 10px 0 20px;
	padding: 0;
	height: 5px;
	color: #ccc;
	background-color: #ccc;
}

#main .articleBody table {
	margin: 0 1px 15px;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

#main .articleBody table th {
	padding: 8px 15px;
	border: 1px solid #ccc;
	background: #f4f4f4;
}

#main .articleBody table td {
	padding: 8px 15px;
	border: 1px solid #ccc;
}

/* フォトフレーム */
#main .articleBody .photoframe {
	margin-bottom: 15px;
	border-radius: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 3px;
}

#main .articleBody .photoframe p {
	margin: 0;
	text-indent: 0;
	font-size: small;
	color: #555;
}

#main .articleBody .photoframe01 {
	padding: 10px;
	background: #efefef;
}

#main .articleBody .photoframe01 img {
	padding: 1px;
	background: #fff;
	border: 1px solid #ccc;
}

#main .articleBody .photoframe02 {
	padding: 10px;
	background: url(../images/bg_photoframe02.gif);
}

#main .articleBody .photoframe02 img {
	border: 1px solid #999;
}

#main .articleBody .photoframe03 {
	padding-right: 11px;
	padding-bottom: 11px;
	background: url(../images/bg_photoframe03.gif) right bottom;
}

#main .articleBody .photoframe03 div {
	padding: 10px;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
}

#main .articleBody .photoframe03 img {
	border: 1px solid #999;
}

#main .articleBody .photoframe04 {
	padding: 10px;
	background: #333;
}

#main .articleBody .photoframe04 div {
	color: #ccc;
}

#main .articleBody .photoframe04 div img {
	padding: 1px;
	background: #fff;
	border: 5px solid #000;
}

#main .articleBody .photoframe05 {
	background: url(../images/bg_photoframe05.gif);
	border: 1px solid #dcc9c5;
}

#main .articleBody .photoframe05 div {
	padding: 10px;
	border: 1px solid #fff;
}

#main .articleBody .photoframe05 img {
	padding: 2px;
	background: #ccc;
	border: 1px solid #fff;
}


#main .articleBody .fR {
	float: right;
	margin: 0 0 15px 15px;
	color: #555;
	font-size: 85%;
}

#main .articleBody .fL {
	float: left;
	margin: 0 15px 15px 0;
	color: #555;
	font-size: 85%;
}

#main .articleBody .photoframe img,
#main .articleBody .tC img,
#main .articleBody .fL img,
#main .articleBody .fR img {
	margin-bottom: 5px;
}

#main .articleBody .tC {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color: #555;
	font-size: 85%;
}

/* 右寄せ */
#main .articleBody .sign,
#main .articleBody .tR {
	text-align: right;
}

/* interview */
#main .articleBody .interview {
	padding-left: 23px;
	background: url(../images/microphone.gif) no-repeat;
	font-weight: bold;
	text-indent: 0;
	color: #806356;
}

#main .articleBody .talk,
#main .articleBody .q {
	text-indent: 0;
}

/* qa */
#main .articleBody dl.qa {
	/zoom: 1;
	overflow: hidden;
}

#main .articleBody .q,
#main .articleBody dl.qa dt.q {
	margin-bottom: 10px;
	padding: 13px 10px 10px 45px;
	background: #f6edeb url(../images/icon_q.gif) no-repeat 5px center;
	color: #481e12;
	border: 0;
	font-weight: bold;
	border-radius: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 3px;
}

#main .articleBody .a,
#main .articleBody dl.qa dd.a {
	/zoom: 1;
	overflow: hidden;
	margin: 0;
	padding: 5px 0 0 45px;
	background: #fff url(../images/icon_a.gif) no-repeat 5px 5px;
}

#main .articleBody p.a {
	margin: 10px 0 20px;
	padding-top: 10px;
	min-height: 30px;
	font-weight: bold;
	text-indent: 0;
	color: #13173f;
	font-size: 125%;
}

#main .articleBody dl.qa dd p {
	text-indent: 0;
}

#main .articleBody .answerSelect {
	color: #13173f;
}

#main .articleBody .answerSelect li {
	font-weight: bold;
	padding-left: 5px;
	background: none;
}


#main .articleBody .boxedItem01 {
	/zoom: 1;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 10px 10px 1px;
	border: 3px solid #ccc;
}

#main .articleBody .boxedItem01 h3 {
	margin-top: 0;
}

#main .articleBody .boxedItem02 {
	/zoom: 1;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 10px 10px 1px;
	background: #dbf3fd;
}

#main .articleBody .boxedItem02 h3 {
	margin-top: 0;
	background: #fff;
}

#main .articleBody .boxedItem02 span.mailFrom {
	display: block;
	background: url(../images/bg_mail_from.gif) no-repeat center left;
	border-bottom: 1px solid #ccc;
	margin-bottom : 0.5em;
	padding-left: 55px;
}

#main .articleBody .boxedItem02 span.mailSubject {
	display: block;
	background: url(../images/bg_mail_subject.gif) no-repeat center left;
	border-bottom: 1px solid #ccc;
	margin-bottom : 0.5em;
	padding-left: 75px;
}

#main .articleBody .boxedItem02 .mailBody {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 5px 10px;
	margin-bottom: 10px;
}

#main .articleBody .boxedItem02 .mailBody p {
	text-indent: 0;
}

#main .articleBody .boxedItem02 .mailBody .mailTo {
	border-bottom: 0 solid #fff;
	font-weight: bold;
}

#main .articleBody .boxedItem03 {
	/zoom: 1;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 10px 10px 1px;
	background: #fff;
	border: 3px double #f9975c;
}

#main .articleBody .boxedItem03 h3 {
	margin-top: 0;
}

#main .articleBody .boxedItem04 {
	/zoom: 1;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 10px 10px 1px;
	background: #fcf5f3;
}

#main .articleBody .boxedItem04 h3 {
	margin-top: 0;
	border: 1px solid #f9975c;
}

#main .articleBody .correct {
	margin-top: 0;
	color: #444;
	border: 1px solid #ccc;
}

#main .articleBody .correct dt {
	margin: 0 0 5px;
	padding: 8px 10px;
	color: #444;
	font-weight: bold;
}

#main .articleBody .correct dd {
	margin: 0;
	padding: 10px 18px;
}

#main .articleBody .profile {
	/zoom: 1;
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 15px 15px 5px;
	background: #fff7d7;
	border-top: 3px solid #f9975c;
}

#main .articleBody .profile h3 {
	padding-top: 0;
	padding-left: 0;
	margin-top: 0;
	border-bottom: 1px solid #f9975c;
}

#main .articleBody .profile p {
	text-indent: 0;
}

/* 引用、引用元 */
#main .articleBody blockquote {
	margin: 20px 0;
	padding: 15px 25px 0px;
	background: url(../images/bg_bq.gif) no-repeat 5px 10px;
	border-top: 3px solid #fc6;
	border-bottom: 3px solid #fc6;
	color: #3c3c3c;
}

#main .articleBody blockquote p {
	text-indent: 0;
}

#main .articleBody cite {
	font-weight: bold;
	font-style: normal;
	color: #8a2500;
	border-bottom: 1px solid #fc6;
}

#main .articleBody p.citeTxt {
	margin-top: -22px;
	padding: 4px 5px 5px;
	border-top: 1px solid #fff;
	background: #fdedb1;
	text-align: right;
}

#main .articleBody p.citeTxt cite {
	padding: 0;
	border: 0;
}


#main .articleBody q {
	padding: 0 3px 0 12px;
	background: #fff6d3 url(../images/bg_q.gif) no-repeat 1px 1px;
}

/* pickup */
#main .articleBody .pickup {
	text-indent: 0;
	padding: 5px 10px;
	font-size: 115%;
	background: #e8f6ff;
	border: 3px solid #acf;
	color: #006;
	vertical-align: bottom;
}

#main .articleBody .hintIcon,
#main .articleBody .pickupIcon {
	min-height: 26px;
	_heighth: 26px;
	padding-left: 45px;
	background: #e8f6ff url(../images/icon_pickup.gif) no-repeat 5px center;
}

#main .articleBody .hintIcon {
	background-image: url(../images/icon_hint.gif);
}


/* 次のページ、前のページ */
#main ul.pager {
	/zoom: 1;
	overflow: hidden;
	margin: 10px 0 20px;
}

#contentsMain #main ul.pageNav {
	margin: 0 0 10px;
	padding: 12px;
	background: #f3f3f3;
	text-align: center;
}

#contentsMain #main ul.pageNav li {
	display: inline;
	margin: 0 3px;
	padding: 0;
	font-size: 110%;
}

#contentsMain #main ul.pageNav li span,
#contentsMain #main ul.pageNav li a {
	/zoom: 1;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #ccc;
}

#contentsMain #main ul.pageNav li a:hover {
	background-color: #dbf3fd;
}

#contentsMain #main ul.pageNav li span {
	font-weight: bold;
}

#contentsMain #main ul.pageNav li span.off {
	color: #999;
	font-weight:normal;
}

#contentsMain #main .backNumber {
	margin: 10px 0 20px;
	padding: 0 10px;
	border: 1px solid #ccc;
	border-top: 0;
}

#contentsMain #main .backNumber h2 {
	margin-left: -10px;
	margin-right: -10px;
	border-left: 0;
	border-right: 0;
}

#contentsMain #main .backNumber div.item {
	min-height: 80px;
	_height: 80px;
	margin-bottom: 10px;
	padding-left: 110px;
	position: relative;
	border-bottom: 1px dotted #aaa;
}

#contentsMain #main .backNumber div.item.noMore {
	border-bottom: 0;
}

#contentsMain #main .backNumber div.item.noImage {
	padding-left: 0;
	min-height: 1px;
	_height: 1px;
}

#contentsMain #main .backNumber div.item p.appendix {
	font-size: 90%;
	font-weight: bold;
	color: #666;
	margin-left: 3px;
	margin-bottom: 0;
}

#contentsMain #main .backNumber div.item h4 {
	margin-left: 3px;
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 115%;
}

#contentsMain #main .backNumber div.item h4 span {
	/zoom: 1;
	display: block;
	margin-left: 0;
	font-weight: normal;
	font-size: 85%;
}

#contentsMain #main .backNumber div.item p.dateIcon {
	margin-bottom: 5px;
}

#contentsMain #main .backNumber div.item p.image {
	position: absolute;
	top: 0;
	left: 0;
}

#contentsMain #main .backNumber div.item p.image a img {
	border: 1px solid #ccc;
}

#contentsMain #main .backNumber div.item p.image a:hover img {
	border-color: #c00;
}

#contentsMain #main .backNumber .more {
	margin-top: 15px;
	/margin-top: 0;
}


/* --------------------------------------------------------
	ギャラリー
-------------------------------------------------------- */
#contentsMain #main .galleryArea {
	/zoom: 1;
	overflow: hidden;
	margin: 20px 0 30px -5px;
}

#contentsMain #main .galleryArea .item {
	float: left;
	position: relative;
	width: 300px;
	margin: 0 0 25px 20px;
	padding-top: 175px;
	text-align: center;
}

#contentsMain #main .galleryArea .item h3 {
	margin: 0;
	padding: 0;
	font-size: small;
	font-weight: normal;
}

#contentsMain #main .galleryArea .item ul li.image {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
}


/* --------------------------------------------------------
	フリーフォーマット
-------------------------------------------------------- */
#contentsMain .freeFormat {
	margin: 10px 20px;
}

#contentsMain .freeFormat h1 {
	background:#4C70C9 url(../images/bg_ttl_freeformat.gif) no-repeat scroll right top;
	color: #fff;
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 15px 0 15px 6px;
}


/* --------------------------------------------------------
	コンテンツストア
-------------------------------------------------------- */
#contentsMain #main h1.contentsTitle {
	margin-bottom: 10px;
	padding: 15px 15px 15px 6px;
	/padding-bottom: 8px;
	background: #4c70c9 url(../images/bg_ttl_store.gif) no-repeat right top;
	font-size: 200%;
	font-weight: bold;
	color: #fff;
}

#contentsMain #main .pickupContents {
	margin-bottom: 10px;
	padding: 0 15px 5px;
	background: #fff7d7;
	border: 1px solid #ccc;
	border-top: 0;
	border-bottom: 3px solid #f9975c;
}

#contentsMain #main .pickupContents h2 {
	margin-right: -16px;
	margin-left: -16px;
}

#contentsMain #main .pickupContents .item {
	/zoom: 1;
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
}

#contentsMain #main .pickupContents .item h3 {
	float: left;
	width: 450px;
	margin-bottom: 10px;
	font-size: small;
	font-weight: normal;
}

#contentsMain #main .pickupContents .item p {
	float: left;
	margin-right: 15px;
}

#contentsMain #main .pickupContents ul li {
	margin-bottom: 5px;
	padding-left: 16px;
	background: url(../images/icon_article.gif) no-repeat 0em .2em;
}

#contentsMain #main .column2 {
	/zoom: 1;
	overflow: hidden;
	margin-top: 20px;
	margin-left: -15px;
}

#contentsMain #main .column2 ul.categoryList {
}

#contentsMain #main .column2 ul.categoryList li {
	margin-bottom: 5px;
	font-weight: bold;
}

#contentsMain .line {
	/zoom: 1;
	overflow: hidden;
	margin-bottom: 20px;
}

#contentsMain #main .column2 h2 {
	margin-left: 16px;
}

#contentsMain #main .column2 .section {
	float: left;
	width: 320px;
	margin-left: 15px;
	margin-bottom: 10px;
	_display: inline;
}

#contentsMain #main .column2 .section h2 {
	margin-left: 0;
}

#contentsMain #main .column2 .section h2 span {
	/zoom: 1;
	display: block;
	font-weight: normal;
	font-size: x-small;
	letter-spacing: 0;
}

#contentsMain #main .column2 .section h3 {
	margin-bottom: 5px;
	margin-top: -10px;
	padding-top: 7px;
}

#contentsMain #main .column2 .section h3.recommend {
	background: #fff7d7 url(../images/icon_recommend.gif) no-repeat scroll 10px 0.8em;
	padding-left: 30px;
}

#contentsMain #main .column2 .section h3.purpose {
	background: #dbf3fd url(../images/icon_purpose.gif) no-repeat scroll 10px 0.8em;
	padding-left: 30px;
}

#contentsMain #main .recommend li {
	background-image: url(../images/icon_recommend_article.gif);
	background-position: 10px 0.6em;
	padding-left: 30px;
}

#contentsMain #main .purpose li {
	background-image: url(../images/icon_purpose_article.gif);
	background-position: 10px 0.6em;
	padding-left: 30px;
}

#contentsMain .articleList li span {
	/zoom: 1;
	display: block;
	color: #444;
	font-size: x-small;
}

#contentsMain #sub .step {
}

#contentsMain #sub .step p {
	margin-bottom: 20px;
}

#main .articleBody ul.textBtn,
#contentsMain #sub .step ul {
	margin: -10px 0 20px;
	padding: 10px 5px;
	background: #dbf3fd;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#main .articleBody ul.textBtn {
	margin: 10px 0;
	background: none;
}

#main .articleBody ul.textBtn li,
#contentsMain #sub .step ul li {
	width: 212px;
	margin: 0 auto 7px;
	padding: 2px;
	background: #fc0;
	border: 1px solid #006;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 1px 1px 3px #98aab4;
	-moz-box-shadow: 1px 1px 3px #98aab4;
	-webkit-box-shadow: 1px 1px 3px #98aab4;
}

#main .articleBody ul.textBtn li a,
#contentsMain #sub .step ul li a {
	/zoom: 1;
	display: block;
	width: 190px;
	padding: 10px;
	background: #0f2570 url(../images/store_btn.gif) no-repeat right top;
	color: #fff;
	font-weight: bold;
	border: 1px solid #fff;
	border-radius: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 3px;
}

#main .articleBody ul.textBtn li a:hover,
#contentsMain #sub .step ul li a:hover {
	background-position: left top;
	background-color: #082997;
}


#sb-content.html {
	background-color: #fff;
}

#sb-content.html .presentBox {
	width: 580px;
	background-color: #fff;
	padding: 15px;
	font-size: 75%;
}

#sb-content.html .presentBox h3 {
	background: #dbf3fd;
}

#sb-content.html p {
	margin-bottom: 10px;
}

#sb-content.html .presentBox textarea,
#sb-content.html .presentBox input {
	width: 520px;
	padding: 2px;
}

#sb-content.html .presentBox textarea {
	height: 100px;
}