@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 共通
　02. メインコンテンツ
　03. サイド
　04. ソーシャル
　05. 固定フッター

******************************************************************************* */


/* ==

　01. 共通

=============================================================================== */

/* 大枠
------------------------------------------------------------------------------- */
#container {
	margin-bottom: 35px;
}

#main {
	float: left;
	width: 625px;
	padding-bottom: 15px;
}
#sub {
	float: right;
	width: 300px;
}
.baseIn {
	position: relative;
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

/* トグルナビ
------------------------------------------------------------------------------- */
#hdNavSub {	display: none;}
#hdNavSub .toggleNav {
	background-color: #f2f2f2;
}
#hdNavSub .toggleNav li {
	float: left;
	width: 49.9%;
}
#hdNavSub .toggleNav a,
#hdNavSub .toggleNav span {
	display: block;
	height: 49px;
	padding-top: 16px;
	border-left: 1px solid #fff;
	border-right: 1px solid #b8b8b8;
	text-align: center;
}
#hdNavSub .toggleNav span {
	cursor: pointer;
}
#hdNavSub .toggleNav span.uiActive {
	background-color: #6e6e6e;	
}
#hdNavSub .toggleNav .navCategory span {
	border-left: none;
}
#hdNavSub .toggleNav .navLetter a {
	border-right: none;
}
#hdNavSub div {
	display: none;
	padding: 10px;
	background-color: #6e6e6e;
}
#hdNavSub div.uiActive {
	display: block;
}
#hdNavSub div ul {
	margin-bottom: 10px;
}
#hdNavSub div li {
	margin-bottom: 1px;
	background-color: #4d4d4f;
	background-position: 10px center;
	background-repeat: no-repeat;
	font-size: 117%;
	font-weight: bold;
}
#hdNavSub div .opCategory1 {
	background-image: url(/column/images/rn01/ico_money02.gif);
}
#hdNavSub div .opCategory2 {
	background-image: url(/column/images/rn01/ico_tochi02.gif);
}
#hdNavSub div .opCategory3 {
	background-image: url(/column/images/rn01/ico_flow02.gif);
}
#hdNavSub div .opCategory4 {
	background-image: url(/column/images/rn01/ico_plan02.gif);
}
#hdNavSub div .opCategory5 {
	background-image: url(/column/images/rn01/ico_tech02.gif);
}
#hdNavSub div .opCategory6 {
	background-image: url(/column/images/rn01/ico_hint02.gif);
}
#hdNavSub div .opCategory7 {
	background-image: url(/column/images/rn01/ico_voice02.gif);
}
#hdNavSub div ul a {
	display: block;
	padding: 11px 15px 10px 43px;
	background: url(/column/images/rn01/column_ico01.gif) right center no-repeat;
	color: #fff;
	text-decoration: none;
}
#hdNavSub div ul a:hover {
	text-decoration: underline;
}
#hdNavSub div p {
	line-height: 44px;
	padding: 0 30px 0 15px;
	background-color: #4d4d4f;
	color: #fff;
	font-size: 117%;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
#hdNavSub div p span {
	padding-left: 25px;
	background: url(/column/images/rn01/column_ico02.gif) left center no-repeat;
	-webkit-background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	background-size: 16px 16px;
	color: #fff;
}
*:first-child+html #hdNavSub img {
	-ms-interpolation-mode: nearest-neighbor;
} /* ie7 */

/* メインビジュアル
------------------------------------------------------------------------------- */
#visualArea {
	margin-bottom: 20px;
}

/* カテゴリ用見出し
------------------------------------------------------------------------------- */
#categoryHead {
	margin-bottom: 20px;
}
#categoryHead .baseIn {
	padding: 10px 0;
}
#categoryHead .baseIn h1,
#categoryHead .baseIn p {
	line-height: 45px;
	padding: 0 0 0 56px;
	background-position: left top;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
}
 /* ie6対策のため#セレクタは付けない */
.opCategoryH1 {
	background-color: #e9a402;
}
.opCategoryH2 {
	background-color: #1bbc9b;
}
.opCategoryH3 {
	background-color: #9b5ab8;
}
.opCategoryH4 {
	background-color: #3598dc;
}
.opCategoryH5 {
	background-color: #34495e;
}
.opCategoryH6 {
	background-color: #e94c3d;
}
.opCategoryH7 {
	background-color: #bdcf47;
}
.opPdfH {
	background-color: #666;
}
 /* ここまで */
#categoryHead.opCategoryH1 .baseIn h1,
#categoryHead.opCategoryH1 .baseIn p {
	background-image: url(/column/images/rn01/ico_money01.gif);
}
#categoryHead.opCategoryH2 .baseIn h1,
#categoryHead.opCategoryH2 .baseIn p {
	background-image: url(/column/images/rn01/ico_tochi01.gif);
}
#categoryHead.opCategoryH3 .baseIn h1,
#categoryHead.opCategoryH3 .baseIn p {
	background-image: url(/column/images/rn01/ico_flow01.gif);
}
#categoryHead.opCategoryH4 .baseIn h1,
#categoryHead.opCategoryH4 .baseIn p {
	background-image: url(/column/images/rn01/ico_plan01.gif);
}
#categoryHead.opCategoryH5 .baseIn h1,
#categoryHead.opCategoryH5 .baseIn p {
	background-image: url(/column/images/rn01/ico_tech01.gif);
}
#categoryHead.opCategoryH6 .baseIn h1,
#categoryHead.opCategoryH6 .baseIn p {
	background-image: url(/column/images/rn01/ico_hint01.gif);
}
#categoryHead.opCategoryH7 .baseIn h1,
#categoryHead.opCategoryH7 .baseIn p {
	background-image: url(/column/images/rn01/ico_voice01.gif);
}
#categoryHead.opPdfH .baseIn h1,
#categoryHead.opPdfH .baseIn p {
	background-image: url(/column/images/rn01/ico_pdf01.gif);
}

/* 見出し
------------------------------------------------------------------------------- */
#container .heading01 {
	margin: 0 0 15px;
	padding: 6px 0 6px 15px;
	border: none;
	border-left: 6px solid #dc0022;
	background: none;
	color: #000;
	font-size: 12px;
}
#container .heading02 {
	line-height: 1.4;
	margin: 0 0 15px;
	padding: 4px 0 4px 15px;
	border: none;
	border-left: 6px solid #dc0022;
	background: none;
	color: #000;
	font-size: 134%;
	font-weight: bold;
}
#container .heading03 {
	line-height: 1.3;
	margin: 0 0 7px;
	padding: 4px 0 5px 16px;
	border-left: 6px solid #dc0022;
	color: #333;
	font-size: 200%;
	font-weight: bold;
}
#container #sub .heading02 {
	line-height: 1.5;
	padding-left: 10px;
	font-size: 117%;
}

/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1020px) {
	#main,
	#sub {
		float: none;
		width: auto;
		margin: 0 20px;
		padding-bottom: 0;
	}
	#main {
		margin: 0 0 30px;
	}
	.baseIn {
		width: 100%;
	}
	#hdNavSub { display: block;}
	#categoryHead .baseIn h1,
	#categoryHead .baseIn p {
		margin: 0 20px;
	}
	#container #main .heading01,
	#container #main .heading02 {
		margin-right: 15px;
		margin-left: 15px;
	}
}
@media only screen and (max-width: 600px) {
	#sub {
		margin-right: 10px;
		margin-left: 10px;
	}
	#categoryHead .baseIn h1,
	#categoryHead .baseIn p {
		margin: 0 10px;
		font-size: 18px;
	}
	#container #main .heading01,
	#container #main .heading02 {
		margin-right: 10px;
		margin-left: 10px;
	}
	#container .heading03 {
		font-size: 174.67%;
	}
}


/* ==

　02. メインコンテンツ

=============================================================================== */

/* カラムスタイル共通
------------------------------------------------------------------------------- */
#articleArea,
.categoryArea,
.columnArea,
.pdfArea {
	width: 609px;
	margin-bottom: 30px;
	padding: 3px 8px 10px;
	background-color: #f2f2f2;
}
.colBox {
	float: left;
	width: 304px;
	margin: 10px 0 0;
	background: #e8e8e8 url(/column/images/rn01/column_bg01.gif) left top repeat-y;
}
.colBox .boxBg {
	padding: 1px 7px;
	background: url(/column/images/rn01/column_bg02.gif) right top repeat-y;
	zoom: 1;
}
.colBox .boxIn {
	padding: 9px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
}
* html .colBox .boxIn { zoom: 1; } /* ie6 */



.pdfArea .colBox {
	float: none;
	width: auto;	
}
.pdfArea .colBox .boxIn {
	padding: 14px;
}
.pdfArea .colBox .colN {
	float: left;
	width: 130px;
}
.pdfArea .colBox .colW {
	float: right;
	width: 415px;
}
#container .pdfArea .colBox .colW .nameTxt {
	line-height: 1.5;
	margin-bottom: 5px;
	color: #333;
	font-size: 150%;
	font-weight: bold;
}
.pdfArea .colBox .colW .dlBtn {
	padding-top: 14px;
}
.pdfArea .colBox .colW .dlBtn a,
.pdfArea .colBox .colW .dlBtn span {
	display: inline-block;
	vertical-align: middle;
}
.pdfArea .colBox .colW .dlBtn a {
	margin-right: 10px;
	padding: 8px 25px 7px 10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-color: #474748;
	text-align: center;
}
* html .pdfArea .colBox .colW .dlBtn a,
* html .pdfArea .colBox .colW .dlBtn span {
	zoom: 1;
} /* ie6 */
*:first-child+html .pdfArea .colBox .colW .dlBtn a,
*:first-child+html .pdfArea .colBox .colW .dlBtn span {
	zoom: 1;
} /* ie7 */
.d_hover .pdfArea .colBox .colW .dlBtn a { -ms-filter: "alpha(opacity=100)"; }
.d_hover .pdfArea .colBox .colW .dlBtn a:hover {
  opacity:0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha( opacity=75 )";
}

.pdfArea .colBox .colW .colWIn{
	float:left;
	width:305px;
}
.pdfArea .colBox .colW .colWIn .dlBtn {
	width:305px;
}

.pdfArea .colBox .colW .arcPic{
	float:right;
	width:100px;
	text-align:center;
}
.pdfArea .colBox .colW .arcPic img{
	border:1px solid #CCC;
}
.pdfArea .colBox .colW .arcPic span{
	display:block;
	font-size:85%;
	text-align:center;
}


.pdfArea .pageNav {
	margin: 20px 0 10px;
}
.pdfArea .pageNav p {
	line-height: 1.6;
	text-align: center;
}
.pdfArea .pageNav p a {
	display: inline-block;
	padding: 7px 25px 6px;
	background-color: #474748;
	color: #fff;
	text-decoration: none;
}
* html .pdfArea .pageNav p a {
	zoom: 1;
} /* ie6 */
*:first-child+html .pdfArea .pageNav p a {
	zoom: 1;
} /* ie7 */
.pdfArea .pageNav p a:hover {
	text-decoration: underline;	
}



/* カラム機能
------------------------------------------------------------------------------- */ 
.fnBoxLink { cursor: pointer; }
.d_hover .fnBoxLink {
  -ms-filter: "alpha( opacity=100 )";	
}
.d_hover .fnBoxLink.uiHover {
  opacity:0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha( opacity=75 )";
}

/* 最新コラム
------------------------------------------------------------------------------- */
#articleArea .areaIn {
	width: 100%;
	padding-bottom: 3px;
}
#articleArea .areaIn .colBox .boxIn {
	overflow: hidden;
	padding-bottom: 10px;
}
#articleArea .areaIn .colBox .boxIn .opFill {
	display: block;
	margin-bottom: 10px;
}
#articleArea .areaIn .colBox .boxIn .linkTxt {
	line-height: 1.5;
	margin-bottom: 9px;
	font-size: 150%;
	font-weight: bold;
}
#articleArea .areaIn .colBox .boxIn .linkTxt a {
	text-decoration: underline;
}
#articleArea .areaIn .colBox .boxIn ul {
	margin-left: -5px;
	zoom: 1;
}
#articleArea .areaIn .colBox .boxIn li {
	display: inline;
	float: left;
	line-height: 25px;
	margin: 5px 0 0 5px;
	padding: 0 7px;
	background-color: #666;
	color: #fff;
	font-size: 100%;
	white-space: nowrap;
}
#articleArea .areaIn .colBox .boxIn .opMainCat {
	background-color: #666;
}
#articleArea .areaIn .colBox .boxIn .opSubCat {
	background-color: #999;
}
#articleArea .moreBtn {
	display: none;
	padding: 14px 0 15px;
	text-align: center;
}
#articleArea .moreBtn span {
	display: inline-block;
	width: 200px;
	line-height: 35px;
	background-color: #474748;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
#articleArea .uiHide { display: none; }
#articleArea .uiActive { display: block; }


/* カテゴリーから探す
------------------------------------------------------------------------------- */
.categoryArea {
	padding-top: 1px;
	padding-bottom: 15px;
}
.categoryArea li {
	float: left;
	width: 203px;
	line-height: 1.5;
	margin: 15px 0 0;
}
.categoryArea li a {
	display: block;
	margin: 0 7px;
	padding: 61px 5px 8px;
	background-position: center 10px;
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
* html .categoryArea li a {
	zoom: 1;
} /* ie6 */
*:first-child+html .categoryArea li a {
	zoom: 1;
} /* ie7 */

.d_hover .categoryArea li a  {
	-ms-filter: "alpha(opacity=100)";
	color: #fff;
	text-decoration: none;
}
.d_hover .categoryArea li a:hover {
  opacity:0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha( opacity=75 )";
}
.categoryArea .opCategory1 a {
	background-color: #e9a402;
	background-image: url(/column/images/rn01/ico_money01.gif);
}
.categoryArea .opCategory2 a {
	background-color: #1bbc9b;
	background-image: url(/column/images/rn01/ico_tochi01.gif);
}
.categoryArea .opCategory3 a {
	background-color: #9b5ab8;
	background-image: url(/column/images/rn01/ico_flow01.gif);
}
.categoryArea .opCategory4 a {
	background-color: #3598dc;
	background-image: url(/column/images/rn01/ico_plan01.gif);
}
.categoryArea .opCategory5 a {
	background-color: #34495e;
	background-image: url(/column/images/rn01/ico_tech01.gif);
}
.categoryArea .opCategory6 a {
	background-color: #e94c3d;
	background-image: url(/column/images/rn01/ico_hint01.gif);
}
.categoryArea .opCategory7 a {
	background-color: #bdcf47;
	background-image: url(/column/images/rn01/ico_voice01.gif);
}
.categoryArea .opCategory8 a {
	background-color: #99b222;
	background-image: url(/column/images/rn01/ico_hint01.gif);
}
.categoryArea .opCategory9 a {
	background-color: #3174ad;
	background-image: url(/column/images/rn01/ico_hint01.gif);
}

/* 関連コラムコンテンツ
------------------------------------------------------------------------------- */
.columnArea .colBox .boxIn {
	padding-bottom: 10px;
}
.columnArea .colBox .boxIn h3 {
	margin: -10px -9px -4px;
	border: none;
}
.columnArea .colBox .boxIn h3 a {
	display: block;
	background-position: left bottom;
	background-repeat: repeat-x;
	text-align: center;
}
.columnArea .opLetter .boxIn h3 a {
	background-image: url(/column/images/rn01/column_bg03.gif);
}
.columnArea .opSumai .boxIn h3 a {
	background-image: url(/column/images/rn01/column_bg04.gif);
}
.d_hover .columnArea .colBox .boxIn h3 a { -ms-filter: "alpha(opacity=100)"; }
.d_hover .columnArea .colBox .boxIn h3 a:hover {
  opacity:0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha( opacity=75 )";
}
#container .columnArea .colBox .boxIn li {
	margin-top: 14px;
	font-size: 109%;
}
.columnArea .colBox .boxIn .colImg {
	display: block;
	float: left;
	width: 56px;
	vertical-align: top;
}
.columnArea .colBox .boxIn .colTxt {
	float: right;
	width: 200px;
	line-height: 1.4;
}
#container .columnArea .colBox .boxIn .colTxt p {
	font-size: 100%;
}
.columnArea .colBox .boxIn .colTxt a {
	text-decoration: none;
}
.columnArea .colBox .boxIn .colTxt a:hover {
	text-decoration: underline;
}
.columnArea .colBox .boxIn .colTxt .linkTxt {
	background-position: left 0.45em;
	font-weight: bold;
}
.columnArea .colBox .boxIn .colTxt .new {
	padding: 2px 5px 0;
	background-color: #e33050;
	color: #fff;
	font-weight: bold;
	font-size: 85%;
}
* html #container .columnArea .colBox .boxIn li { zoom: 1; } /* ie6 */
*:first-child+html #container .columnArea .colBox .boxIn li { zoom: 1; } /* ie7 */
#container .columnArea .colBox .boxIn li:after { content: ''; display: block; clear: both; height: 0; }


/* 汎用エリア
------------------------------------------------------------------------------- */
.indentArea {
	margin-bottom: 30px;
	padding: 15px;
	background-color: #f2f2f2;
}
.relatedList {
	border: 5px solid #e7e7e7;
	padding: 11px 10px 6px;
	background-color: #fff;
}
.relatedList li {
	margin-bottom: 6px;
	font-weight: bold;	
}
.relatedList .linkTxt {
	padding-left: 18px;
	background-position: 4px 0.55em;
}


.pdfLineBlock {
	margin: 0;
	padding: 15px;
	border: 5px solid #e7e7e7;
	background-color: #fff;		
}
.pdfLineBlock .areaIn .colW {
	float: right;
	width: 410px;
}
.pdfLineBlock .areaIn .colN {
	float: left;
	width: 130px;
}
.pdfLineBlock .areaIn .colW p {
	margin-bottom: 5px;
}

#container .pdfLineBlock .areaIn .colW .areaLead {
	line-height: 1.6;
	margin-bottom: 10px;
	color: #333;
	font-size: 134%;
	font-weight: bold;
}
.pdfLineBlock .areaIn .colW .downloadList li {
	line-height: 1.6;
	margin-bottom: 2px;
	padding-left: 23px;
	background: url(/column/images/rn01/column_ico09.gif) 7px 0.6em no-repeat;
	color: #333;
}

#container .pdfLineBlock .areaIn .colW .downloadTit {
	margin: 0 0 5px;
	padding: 3px 0 0 27px;
	background: url(/column/images/rn01/column_ico08.gif) 5px 0.4em no-repeat;
	color: #333;
	font-size: 117%;
	font-weight: bold;
}

.pdfLineBlock .btnWrap {
	margin-top: 15px;
	padding-top: 13px;
	border-top: 1px dotted #ccc;	
}
.pdfLineBlock .btnWrap li {
	float: left;
	width: 270px;
}
.pdfLineBlock .btnWrap .registerBtn {
	float: right;
}
.pdfLineBlock .btnWrap a {
	display: block;
	width: auto;
	margin: 0 auto;
	padding: 13px 10px 13px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: #474748;
	text-align: center;
}
.pdfLineBlock .btnWrap .registerBtn a {
	background: #e33050;
}
.d_hover .pdfLineBlock .btnWrap a { -ms-filter: "alpha(opacity=100)"; }
.d_hover .pdfLineBlock .btnWrap a:hover {
  opacity:0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha( opacity=75 )";
}


/* 記事詳細
------------------------------------------------------------------------------- */
#wrapper {
	margin-bottom: 17px;
	padding: 13px 0;
	background-color: #f2f2f2;
}
#wrapper .contentsArea {
	margin: 0 8px 30px;
	background: #e8e8e8 url(/column/images/rn01/column_bg01.gif) left top repeat-y;
}
#wrapper .contentsArea .areaBg {
	padding: 1px 7px;
	background: url(/column/images/rn01/column_bg02.gif) right top repeat-y;	
}
#wrapper .contentsArea .areaBg .areaIn {
	padding: 14px 9px 10px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
}
#wrapper .contentsArea .areaBg .areaIn .heading01 {
	margin: 0 0 20px;
	padding: 8px 0 8px 10px;
	border-left: 6px solid #dc0022;
}
#wrapper .contentsArea .areaBg .areaIn .indentBlock {
	margin: 0 10px;
}
#wrapper .contentsArea .areaBg .areaIn p {
	margin-bottom: 20px;
}
#wrapper .contentsArea .areaBg .areaIn .dateTxt {
	margin: 0 1px 10px 0;
	text-align: right;
}
#wrapper .contentsArea .areaBg .areaIn .leadTxt01 {
	line-height: 1.5;
	color: #333;
	font-size: 150%;
	font-weight: bold;
}
#wrapper .pageNav {
	width: 100%;
	position: relative;
	margin: 0 0 30px;
}
#wrapper .pageNav li {
	position: absolute;
	top: 50%;
	width: 12px;
	height: 18px;
	margin-top: -8px;
	font-size: 0;
}
#wrapper .pageNav .navPrev {
	left: 24px;
}
#wrapper .pageNav .navNext {
	right: 24px;
}
#wrapper .pageNav p {
	line-height: 1.6;
	text-align: center;
}
#wrapper .pageNav p a {
	display: inline-block;
	padding: 7px 25px 6px;
	background-color: #474748;
	color: #fff;
	text-decoration: none;
}
* html #wrapper .pageNav p a {
	zoom: 1;
} /* ie6 */
*:first-child+html #wrapper .pageNav p a {
	zoom: 1;
} /* ie7 */
#wrapper .pageNav p a:hover {
	text-decoration: underline;	
}
#wrapper .pageNav p a span {
	color: #fff;
}
#wrapper .profileArea {
	margin: 0 15px 10px;
	padding: 15px;
	border: 5px solid #e7e7e7;
	background-color: #fff;	
}
#wrapper .profileArea .colW {
	float: left;
	width: 410px;
}
#wrapper .profileArea .colN {
	float: right;
	width: 130px;
}
#wrapper .profileArea .colW h2 {
	margin: 0 0 10px;
	padding: 0;
	border: none;
	background: none;
	font-size: 12px;
}
#wrapper .profileArea .colW h3 {
	line-height: 1.6;
	margin: 0 0 6px;
	padding: 0;
	border: none;
	background: none;
	color: #333;
	font-size: 134%;
	font-weight: bold;
}


/* 会員募集中
------------------------------------------------------------------------------- */
.memberArea {
	margin-bottom: 20px;
	padding: 16px 15px 17px;
	border: none;
	background: url(/column/images/rn01/column_bg06.jpg) left top repeat;
}
#sub .memberArea {
	padding: 16px 15px 17px;
	border: none;
	background: url(/column/images/rn01/column_bg06.jpg) left top repeat;
}
.memberArea h2 {
	margin-bottom: 11px;
	font-size: 12px;
}
#sub .memberArea h2 {
	margin-bottom: 11px;
}
#container .memberArea p {
	line-height: 1.6;
	margin-bottom: 7px;
	color: #333;
}
#container .memberArea .leadTxt {
	margin-bottom: 16px;
	color: #333;
}
.memberArea div {
	margin: 10px 0;
	padding: 10px 10px 7px;
	background-color: #fff;
}
.memberArea h4 {
	margin: 2px 0 4px;
	color: #e33050;
	font-size: 117%;
	font-weight: bold;
}
.memberArea h3 {
	margin: -10px -10px 7px;
	font-size: 12px;
	background-color: #e0e9db;
}
#container .memberArea .catchTxt {
	margin-bottom: 0;
}
#container .memberArea .downloadTit {
	line-height: 1.4;
	margin: 16px 0 7px;
	padding: 5px 0 5px 27px;
	border-bottom: 1px dotted #ccc;
	background: url(/column/images/rn01/column_ico08.gif) 5px 0.3em no-repeat;
	color: #333;
	font-size: 117%;
	font-weight: bold;
}
#sub .memberArea .downloadTit {
	font-size: 100%;
}
#container .memberArea li {
	line-height: 1.6;
	margin-bottom: 2px;
	padding-left: 28px;
	background: url(/column/images/rn01/column_ico06.gif) 5px 0.3em no-repeat;
	color: #333;
}
#container #sub .memberArea p,
#container #sub .memberArea li {
	font-size: 100%;
}
#container .memberArea .downloadList li {
	line-height: 1.6;
	margin-bottom: 2px;
	padding-left: 23px;
	background: url(/column/images/rn01/column_ico09.gif) 7px 0.6em no-repeat;
}
#container #sub .memberArea .downloadList li {
	background-position: 7px 0.45em;	
}
#container .memberArea .registerBtn {
	margin-bottom: 0;
	text-align: center;
}
.memberArea .registerBtn a {
	display: block;
	width: 256px;
	margin: 0 auto;
	padding: 10px 5px 9px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: #e33050;
	text-align: center;
}
.d_hover .memberArea .registerBtn a { -ms-filter: "alpha(opacity=100)"; }
.d_hover .memberArea .registerBtn a:hover {
  opacity:0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha( opacity=75 )";
}

/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1020px) {
	#articleArea,
	.categoryArea,
	.columnArea,
	.pdfArea {
		width: auto;
	}
	#articleArea .colBox {
		width: 49.9%;
	}
	.categoryArea li {
		width: 33.2%;
	}
	.columnArea .colBox {
		width: 49.9%;
	}
	.columnArea .colBox .boxIn .colImg {
		margin-right: 14px;
	}
	.columnArea .colBox .boxIn .colTxt {
		float: none;
		width: auto;
		overflow: hidden;
	}
	.pdfArea .colBox .colN {
		width: 145px;
	}
	.pdfArea .colBox .colW {
		float: none;
		width: auto;
		overflow: hidden;
	}
	.memberArea {
		margin-right: 20px;
		margin-left: 20px;
	}
	#sub .memberArea {
		margin-right: 0;
		margin-left: 0;
	}
	#wrapper .profileArea .colW,
	.pdfLineBlock .areaIn .colW {
		width: 76%;
	}
	#wrapper .profileArea .colN,
	.pdfLineBlock .areaIn .colN {
		width: 22%;
		text-align: center;
	}
	.pdfLineBlock .btnWrap li {
		width: 49.2%;
	}
	.memberArea {
		padding: 15px;
	}
	#sub .memberArea {
		padding: 15px;
	}
	#container #sub .memberArea p,
	#container #sub .memberArea li,
	#container #sub .memberArea h4 {
		font-size: 117%;
	}
	#container #sub .memberArea .downloadList li {
		background-position: 7px 0.6em;	
	}
	.memberArea .registerBtn a {
		width: auto;
	}
	.pdfArea .colBox .colW .colWIn{
		width:75%;
	}
	.pdfArea .colBox .colW .colWIn .dlBtn {
		width:auto;
	}
	.pdfArea .colBox .colW .arcPic{
		width:25%;
	}

}
@media only screen and (max-width: 600px) {
	#wrapper {
		padding: 9px 0 10px;
	}
	#articleArea,
	.categoryArea,
	.columnArea {
		padding-right: 3px;
		padding-left: 3px;
	}	
	.colBox {
		margin-top: 8px;
	}
	#articleArea .colBox {
		float: none;
		width: 100%;
	}
	.categoryArea li {
		width: 49.9%;
	}
	#articleArea .colBox .boxIn {
		height: auto !important;
	}	
	#articleArea .areaIn .colBox .boxIn .linkTxt {
		font-size: 131%;
	}
	.columnArea .colBox {
		float: none;
		width: 100%;
	}
	.pdfArea .colBox .colN {
		float: none;
		width: auto;
		margin-bottom: 10px;
		text-align: center;
	}
	.pdfArea .colBox .colW {
		overflow: visible;
	}
	#container .pdfArea .colBox .colW .nameTxt {
		font-size: 131%;
	}
	.pdfArea .colBox .colW .dlBtn a,
	.pdfArea .colBox .colW .dlBtn span {
		display: block;
	}
	.pdfArea .colBox .colW .dlBtn span {
		margin-top: 10px;
	}
	.memberArea {
		margin-right: 10px;
		margin-left: 10px;
		padding: 11px 10px 12px;
	}
	#sub .memberArea {
		padding: 11px 10px 12px;
	}
	#container .memberArea .downloadList li,
	#container #sub .memberArea .downloadList li {
		background-position: 7px 0.6em;	
	}
	#container .memberArea .downloadTit {
		padding-top: 3px;
	}
	.indentArea {
		padding: 10px;
	}
	#wrapper .contentsArea {
		margin-right: 3px;
		margin-left: 3px;
	}
	#wrapper .contentsArea .areaBg .areaIn .leadTxt01 {
		font-size: 131%;		
	}
	#wrapper .pageNav .navPrev {
		left: 12px;
	}
	#wrapper .pageNav .navNext {
		right: 12px;
	}
	#wrapper .pageNav p a span {
		display: none;
	}
	#wrapper .profileArea {
		margin-right: 10px;
		margin-left: 10px;
		padding: 13px 12px 11px;
	}
	.pdfLineBlock {
		padding: 13px 12px 11px;
	}
	#wrapper .profileArea .colW,
	#wrapper .profileArea .colN,
	.pdfLineBlock .areaIn .colW,
	.pdfLineBlock .areaIn .colN,
	.pdfLineBlock .btnWrap li,
	.pdfLineBlock .btnWrap .registerBtn {
		float: none;
		width: auto;
	}
	.pdfLineBlock .areaIn .colW,
	#wrapper .profileArea .colW {
		margin-bottom: 10px;
	}
	.pdfLineBlock .registerBtn {
		margin-top: 10px;
	}

	.pdfArea .colBox .colW .colWIn{
		float:none;
		width:auto;
	}
	.pdfArea .colBox .colW .colWIn .dlBtn {
		width:auto;
	}

	.pdfArea .colBox .colW .arcPic{
		float:none;
		width:auto;
		margin-bottom:10px;
	}
}


/* ==

　03. サイド

=============================================================================== */

/* ピックアップバナー
------------------------------------------------------------------------------- */
.pickupArea {
	margin-bottom: 20px;
}

/* お知らせ
------------------------------------------------------------------------------- */
.newsArea {
	margin-bottom: 20px;
}
.newsArea li {
	color: #333;
}

/* 最新記事ランキング
------------------------------------------------------------------------------- */
.rankArea {
	padding-bottom: 20px;
}
.rankArea li {
	padding: 15px;
}
.rankArea .opRank1,
.rankArea .opRank3,
.rankArea .opRank5 {
	background-color: #f2f2f2;
}
.rankArea .opRank2,
.rankArea .opRank4 {
	background-color: #fff;
}


.rankArea .colRank {
	float: left;
	width: 70px;
}
.rankArea .colTxt {
	float: right;
	width: 190px;
}
#container .rankArea li p {
	font-size: 100%;
}
#container .rankArea li .linkTxt {
	font-weight: bold;
}
.rankArea .colRank .numTxt {
	line-height: 22px;
	margin-bottom: 4px;
	padding-top: 2px;
	font-weight: bold;
	background-position: left top;
	background-repeat: no-repeat;	
}
.rankArea .opRank1 .colRank .numTxt,
.rankArea .opRank2 .colRank .numTxt,
.rankArea .opRank3 .colRank .numTxt {
	margin-bottom: 11px;
}
.rankArea .opRank1 .colRank .numTxt {
	padding-left: 32px;
	background-image: url(/column/images/rn01/column_ico03.gif);
}
.rankArea .opRank2 .colRank .numTxt {
	padding-left: 32px;
	background-image: url(/column/images/rn01/column_ico04.gif);
}
.rankArea .opRank3 .colRank .numTxt {
	padding-left: 32px;
	background-image: url(/column/images/rn01/column_ico05.gif);
}
.rankArea .opRank4 .colRank .numTxt,
.rankArea .opRank5 .colRank .numTxt {
	padding-left: 32px;
}


* html #container .rankArea li { zoom: 1; } /* ie6 */
*:first-child+html #container .rankArea li { zoom: 1; } /* ie7 */
#container .rankArea li:after { content: ''; display: block; clear: both; height: 0; }

/* フェイスブック
------------------------------------------------------------------------------- */
.facebookArea img{ 
border: 1px solid #f00;
}

/* バナーエリア
------------------------------------------------------------------------------- */
.bnrArea li {
	margin-bottom: 15px;
}

/* バナーエリア
------------------------------------------------------------------------------- */
#container .changeBtn {
	line-height: 1.4;
	margin-bottom: 15px;
	font-size: 100%;
}
.changeBtn a{
	display: block;
	padding: 10px 10px 10px 40px;
	border: 4px solid #dedede;
	background: url(/column/images/rn01/column_ico07.gif) 7px center no-repeat;
	color:#333;
	text-decoration:none;
}
.d_hover .changeBtn a:hover {
	border: 4px solid #e5e5e5;
}
/* 登録訴求
------------------------------------------------------------------------------- */
.rgstBlk{
	width:290px;
	margin:0 auto 20px;
	padding:15px 0;	
	border:5px solid #ddd;
}
.rgstBlk ul{
	padding:20px 0;
}
.rgstBlk p,
.rgstBlk ul li{
	margin:0;
	padding:0;
	text-align:center;
}
/* WEBマガジン
------------------------------------------------------------------------------- */
.magazineBlk{
	width:300px;
	margin:0 auto 20px;
}
.magazineBlk .inner{
	border:5px solid #ddd;
	border-top:0;
	padding: 0 9px 9px
}
.magazineBlk .inner .andBlk{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
/* おうちアプリ
------------------------------------------------------------------------------- */
.oaBnrBlk{
	width:300px;
	margin:0 auto 20px;
	padding:0;	
}
.oaBnrBlk p{
	margin:0;
	padding:0;
	text-align:center;
}
/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1020px) {
	.rankArea .colImg {
		margin-right: 14px;
	}
	.rankArea .colTxt {
		float: none;
		width: auto;
		overflow: hidden;
	}	
	.bnrArea li {
		text-align: center;
	}
	#container .changeBtn {
		width: 300px;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 600px) {
	.rankArea li {
		padding: 10px;
	}
}

/* ==

　04. ソーシャル

=============================================================================== */
.socialArea {
	margin: 0 0 20px;
	clear: both;
	text-align: right;
	overflow:hidden;
}
#wrapper .socialArea {
	margin: 0;
	padding-bottom: 5px;
}
.socialArea ul {
	float: right;	
}
.socialArea li {
	float: left;
	line-height: 1;
	margin-right: 4px;
	vertical-align: top;
}
.socialArea .facebookL {
	margin-right: 1px;
}

* html .socialArea,
* html .socialArea ul { zoom: 1; } /* ie6 */
*:first-child+html .socialArea,
*:first-child+html .socialArea ul { zoom: 1; } /* ie7 */
.socialArea:after,
.socialArea ul:after { content: ''; display: block; clear: both; height: 0; }
@media only screen and (max-width: 600px) {
.socialArea {
	width:100%;
	overflow:hidden;
}
.socialArea ul {
	float: none;
	text-align:center;
}
.socialArea ul li{
	float: none;
	margin-right: 0;
	display:inline-block;
}
.socialArea .facebookL {
	margin-right: 0;
}
* html .socialArea ul li{
	display: inline;
	zoom: 1;
}
*:first-child+html .socialArea ul li{
	display: inline;
	zoom: 1;
}
}
/* ==

　05. pdf.html用追加

=============================================================================== */

#main .pdfArea .new {
	padding: 2px 5px 0;
	background-color: #e33050;
	color: #fff;
	font-weight: bold;
	font-size: 85%;
}

.downloadList .new {
	padding: 2px 5px 0;
	background-color: #e33050;
	color: #fff;
	font-weight: bold;
	font-size: 85%;
}
/* 固定ヘッダ（スマホ用）
------------------------------------------------------------------------------- */
#fxdHead #tryie_headerArea {
	display: none;
}
@media only screen and (max-width: 1020px) {
#fxdHead #tryie_headerArea {
	display: block;
	width:100%;
}

#tryie_headerArea{
	position: relative;
	width:100%;
	height:42px;
	margin: 0 0 -4px 0;
	padding: 0 0 3px 0;
	background: url(/common/one_smp/images/co_bg_02.png) left bottom repeat-x;
	z-index: 180;
	overflow:hidden;
}
#fxdHead.funcFix #tryie_headerArea{
	position: fixed;
	top: 0;
	left: 0;
	margin: 0 0 -4px 0;
	padding: 0 0 3px 0;
}

#tryie_header {
	position: relative;
	height: 42px;
	border-bottom: 2px solid #574e4b;
	background-color: #fff;
	-webkit-box-sizing: border-box;/* webkit*/
	-moz-box-sizing:border-box;/* Firefox */
	box-sizing: border-box;
}

#tryie_headerInner {
	position: relative;
	min-height: 42px;
	background: url(/column/images/fxdhead/tryie_border.gif) center 40px repeat-x;
	-webkit-background-size: 2px 2px;/* webkit*/
	-moz-background-size: 2px 2px;/* Firefox*/
	background-size: 2px 2px;
}

#tryie_hdLg {
	float: left;
	padding: 10px 0 0 10px;
}
#rgstBtnHd{
	display:block;
	float:right;
	padding:5px 10px 0 0;

}
#fxdHead.funcFix #hdNavSub {
	padding-top:42px;
	background-color: #f2f2f2;
}
}