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

　目次

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

　01. メインコンテンツ
　02. サイド
　03. メイン
　04. 汎用スタイル
　05. SNSボタン
　06. facebook PagePlugIn

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

　01. メインコンテンツ

=============================================================================== */
/* カラムスタイル共通
------------------------------------------------------------------------------- */
.sideAdjust #main{
	padding-bottom:20px;
}
.pdfArea {
	width: 609px;
	margin-bottom: 0;
	padding: 3px 8px 10px;
	background-color: #f2f2f2;
}
.pdfArea .colBox {
	margin: 10px 0 0;
	background: #e8e8e8 url(../../images/rn01/column_bg01.gif) left top repeat-y;
}
.pdfArea .colBox .boxBg {
	padding: 1px 7px;
	background: url(../../images/rn01/column_bg02.gif) right top repeat-y;
	zoom: 1;
}
.pdfArea .colBox .boxIn {
	padding: 14px;
	border: 1px solid #dfdfdf;
	background-color: #fff;
}
.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;
}
*: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;
}
*: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 )";
}
/* 汎用エリア
------------------------------------------------------------------------------- */
.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(../../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(../../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(../../images/rn01/column_bg01.gif) left top repeat-y;
}
#wrapper .contentsArea .areaBg {
	padding: 1px 7px;
	background: url(../../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;
}
*: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;
}
/* メディアクエリー
------------------------------------------------------------------------------- */
@media only screen and (max-width: 1205px) {
	#wrapper .profileArea .colW {
		width: 76%;
	}
	#wrapper .profileArea .colN {
		width: 22%;
		text-align: center;
	}
}
@media only screen and (max-width: 1020px) {
	.pdfArea {
		width: auto;
	}
	.pdfArea .colBox .colN {
		width: 145px;
	}
	.pdfArea .colBox .colW {
		float: none;
		width: auto;
		overflow: hidden;
	}
	.pdfLineBlock .areaIn .colW {
		width: 76%;
	}
	.pdfLineBlock .areaIn .colN {
		width: 22%;
		text-align: center;
	}
	.pdfLineBlock .btnWrap li {
		width: 49.2%;
	}
	.pdfArea .colBox .colW .colWIn{
		width:75%;
	}
	.pdfArea .colBox .colW .colWIn .dlBtn {
		width:auto;
	}
	.pdfArea .colBox .colW .arcPic{
		width:25%;
	}
	#wrapper .contentsArea {
		margin-right: 13px;
		margin-left: 13px;
	}
}
@media only screen and (max-width: 600px) {
	#wrapper {
		padding: 9px 0 10px;
	}
	.pdfArea .colBox {
		margin-top: 8px;
	}
	.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;
	}
	.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;
	}
}
/* ==

　02. サイド

=============================================================================== */
/* ピックアップバナー
------------------------------------------------------------------------------- */
.pickupArea {
	margin-bottom: 20px;
}
/* 最新記事ランキング
------------------------------------------------------------------------------- */
.rankArea {
	padding-bottom: 20px;
}
.rankArea li {
	padding: 15px;
}
.rankArea .opRank1,
.rankArea .opRank3,
.rankArea .opRank5,
.rankArea .opRank7,
.rankArea .opRank9 {
	background-color: #f2f2f2;
}
.rankArea .opRank2,
.rankArea .opRank4,
.rankArea .opRank6,
.rankArea .opRank8,
.rankArea .opRank10 {
	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(../../images/rn01/column_ico03.gif);
}
.rankArea .opRank2 .colRank .numTxt {
	padding-left: 32px;
	background-image: url(../../images/rn01/column_ico04.gif);
}
.rankArea .opRank3 .colRank .numTxt {
	padding-left: 32px;
	background-image: url(../../images/rn01/column_ico05.gif);
}
.rankArea .opRank4 .colRank .numTxt,
.rankArea .opRank5 .colRank .numTxt,
.rankArea .opRank6 .colRank .numTxt,
.rankArea .opRank7 .colRank .numTxt,
.rankArea .opRank8 .colRank .numTxt,
.rankArea .opRank9 .colRank .numTxt,
.rankArea .opRank10 .colRank .numTxt {
	padding-left: 32px;
}
*:first-child+html #container .rankArea li { zoom: 1; } /* ie7 */
#container .rankArea li:after { content: ''; display: block; clear: both; height: 0; }
/* バナーエリア
------------------------------------------------------------------------------- */
.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(../../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;
	}
}
/* ==

　03. メイン

=============================================================================== */
/* メインビジュアル
------------------------------------------------------------------------------- */
#visualArea {
	margin-bottom: 20px;
}
/* カテゴリ用見出し
------------------------------------------------------------------------------- */
#categoryHead {
	margin-bottom: 14px;
}
#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;
}
.opCategoryH8 {
	background-color: #9e6d3d;
}
.opPdfH {
	background-color: #666;
}
 /* ここまで */
#categoryHead.opCategoryH1 .baseIn h1,
#categoryHead.opCategoryH1 .baseIn p {
	background-image: url(../../images/rn01/ico_money01.gif);
}
#categoryHead.opCategoryH2 .baseIn h1,
#categoryHead.opCategoryH2 .baseIn p {
	background-image: url(../../images/rn01/ico_tochi01.gif);
}
#categoryHead.opCategoryH3 .baseIn h1,
#categoryHead.opCategoryH3 .baseIn p {
	background-image: url(../../images/rn01/ico_flow01.gif);
}
#categoryHead.opCategoryH4 .baseIn h1,
#categoryHead.opCategoryH4 .baseIn p {
	background-image: url(../../images/rn01/ico_plan01.gif);
}
#categoryHead.opCategoryH5 .baseIn h1,
#categoryHead.opCategoryH5 .baseIn p {
	background-image: url(../../images/rn01/ico_tech01.gif);
}
#categoryHead.opCategoryH6 .baseIn h1,
#categoryHead.opCategoryH6 .baseIn p {
	background-image: url(../../images/rn01/ico_hint01.gif);
}
#categoryHead.opCategoryH7 .baseIn h1,
#categoryHead.opCategoryH7 .baseIn p {
	background-image: url(../../images/rn01/ico_voice01.gif);
}
#categoryHead.opCategoryH8 .baseIn h1,
#categoryHead.opCategoryH8 .baseIn p {
	background-image: url(../../images/rn01/ico_interior01.gif);
}
#categoryHead.opPdfH .baseIn h1,
#categoryHead.opPdfH .baseIn p {
	background-image: url(../../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: 1205px) {
	#categoryHead .baseIn {
		width: auto;
	}
	#categoryHead .baseIn h1,
	#categoryHead .baseIn p {
		margin: 0 20px;
	}
}
@media only screen and (max-width: 1020px) {
	#categoryHead {
		display: none !important;
	}
	#categoryHead.categoryHead-fix {
		display: block !important;
	}
	#container #main .heading01,
	#container #main .heading02 {
		margin-right: 15px;
		margin-left: 15px;
	}
}
@media only screen and (max-width: 600px) {
	#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%;
	}
}
/* ==

　04. 汎用スタイル

=============================================================================== */
/* 回り込み解除
------------------------------------------------------------------------------- */
*:first-child+html .clearfix, /* 汎用 */
*:first-child+html #container,
*:first-child+html #contents,
*:first-child+html ol,
*:first-child+html ul { zoom: 1; } /* ie7 */
.clearfix:after, /* 汎用 */
#container:after,
#contents:after,
ol:after,
ul:after { content: ''; display: block; clear: both; height: 0; }
/* リンクスタイル
------------------------------------------------------------------------------- */
.linkTxt {
	padding-left: 10px;
	background: url(../../images/rn01/ico_arw01.gif) left 0.55em no-repeat;
}
span.linkTxt,
a.linkTxt {
	display: inline-block;
	margin-left: 5px;
	background-position: left 0.6em;
}
.linkExternal {
	padding-left: 18px;
	background: url(../../images/rn01/ico_arw02.gif) left 0.45em no-repeat;
}
span.linkExternal,
a.linkExternal {
	display: inline-block;
	margin-left: 5px;
	background-position: left 0.4em;
}
.extendLink {
	margin-top: 10px;
	text-align: right;
}

/* フェード
------------------------------------------------------------------------------- */
.d_hover a.fnFade img {
	-ms-filter: "alpha(opacity=100)";
}
.d_hover a.fnFade:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/* 画像可変
------------------------------------------------------------------------------- */
img.liquidL,
.liquidL img,
#container .liquidL img {
	width: 100%;
	height: auto;
}
*:first-child+html img {
	-ms-interpolation-mode: bicubic;
} /* ie7 */
@media only screen and (max-width: 1205px) {
	#container .opBoxC {
		text-align: center;
	}
}
@media only screen and (max-width: 1020px) {
	#container img,
	img.liquid {
		max-width: 100%;
		width: auto\9;
		height: auto;
	}
	img.liquidL,
	.liquidL img,
	#container .liquidL img {
		width: 100%;
		height: auto;
	}
	#container .opFill {
		display: block;
		text-align: center;
		background-color: #efefef;
	}
}
/* 余白調整
------------------------------------------------------------------------------- */
.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }

.mr00 { margin-right: 0 !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

.ml00 { margin-left: 0 !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }

.pt00 { padding-top: 0 !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }

.pr00 { padding-right: 0 !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }

.pb00 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }

.pl00 { padding-left: 0 !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }

/* 幅調整
------------------------------------------------------------------------------- */
.w00 { width: 0 !important; }
.w05p { width: 5% !important; }
.w10p { width: 10% !important; }
.w15p { width: 15% !important; }
.w20p { width: 20% !important; }
.w25p { width: 25% !important; }
.w30p { width: 30% !important; }
.w35p { width: 35% !important; }
.w40p { width: 40% !important; }
.w45p { width: 45% !important; }
.w50p { width: 50% !important; }
.w55p { width: 55% !important; }
.w60p { width: 60% !important; }
.w65p { width: 65% !important; }
.w70p { width: 70% !important; }
.w75p { width: 75% !important; }
.w80p { width: 80% !important; }
.w85p { width: 85% !important; }
.w90p { width: 90% !important; }
.w95p { width: 95% !important; }
.w100p { width: 100% !important; }
/* 位置調整
------------------------------------------------------------------------------- */
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.colL {	float: left; }
.colR {	float: right; }
/* 表示切替
------------------------------------------------------------------------------- */
.devPc { display: block; }
.devPcTbl { display: block; }
.devTbl { display: none; }
.devTblSmp { display: none; }
.devSmp { display: none; }
img.devPc { display: inline; }
img.devPcTbl { display: inline; }
img.devTbl { display: none; }
img.devTblSmp { display: none; }
img.devSmp { display: none; }
.loggedPage .oploggedNone { display: none; }
@media only screen and (max-width: 1020px) {
	.devPc { display: none; }
	.devPcTbl { display: block; }
	.devTbl { display: block; }
	.devTblSmp { display: block; }
	.devSmp { display: none; }
	img.devPc { display: none; }
	img.devPcTbl { display: inline; }
	img.devTbl { display: inline; }
	img.devTblSmp { display: inline; }
	img.devSmp { display: none; }
}
@media only screen and (max-width: 600px) {
	.devPc { display: none; }
	.devPcTbl { display: none; }
	.devTbl { display: none; }
	.devTblSmp { display: block; }
	.devSmp { display: block; }
	img.devPc { display: none; }
	img.devPcTbl { display: none; }
	img.devTbl { display: none; }
	img.devTblSmp { display: inline; }
	img.devSmp { display: inline; }
}
/* ==

　05. SNSボタン

=============================================================================== */
.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;
}
*: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;
	}
	*:first-child+html .socialArea ul li{
		display: inline;
		zoom: 1;
	}
}
/* ==

　06. facebook PagePlugIn

=============================================================================== */
.fbPPI{
	width: 300px;
	height: 500px;
	margin-top:30px;
	text-align:center;
	overflow:hidden;
}