@charset "UTF-8";


/*
==========================================
 CONTENT
==========================================
*/

/*
------------------
 MARGIN
------------------
*/

.mgT5{ margin-top:5px;}
.mgT3{ margin-top:3px;}
.mgT10{ margin-top:10px;}
.mgT15{ margin-top:15px;}
.mgT20{ margin-top:20px;}
.mgT30{ margin-top:30px;}
.mgT40{ margin-top:40px;}

.mgR3{ margin-right:3px;}
.mgR5{ margin-right:5px;}
.mgR10{ margin-right:10px;}
.mgR15{ margin-right:15px;}
.mgR20{ margin-right:20px;}
.mgR30{ margin-right:30px;}

.mgB_3{ margin-bottom: -3px;}

.mgL3{ margin-left:3px;}
.mgL5{ margin-left:5px;}
#r52_body_style0001 p.mgL5{ margin-left:5px;} /* -- for p -- */
#r52_body_style0001 p.mgT5{ margin-top:5px;} /* -- for p -- */
.mgL8{ margin-left:8px;}
.mgL10{ margin-left:10px;}
.mgL15{ margin-left:15px;}
.mgL20{ margin-left:20px;}
.mgL30{ margin-left:30px;}


/*
------------------
 PADDING
------------------
*/
.pd1{ padding:1px;}
.pd2{ padding:2px;}
.pd3{ padding:3px;}


.pdT5{ padding-top:5px;}
.pdT10{ padding-top:10px;}
.pdT20{ padding-top:20px;}
.pdT30{ padding-top:30px;}
.pdT40{ padding-top:40px;}
.pdR5{ padding-right:5px;}
.pdR10{ padding-right:10px;}
.pdB5{ padding-bottom:5px;}
.pdB10{ padding-bottom:10px;}
.pdB20{ padding-bottom:20px;}
.pdL5{ padding-left:5px;}
.pdL10{ padding-left:10px;}

/*
------------------
 FLOAT
------------------
*/
.floatL{ float:left;}
.floatR{ float:right;}

/*
------------------
 CENTER
------------------
*/

/* -- center_1 -- */
/* 外枠の外枠 */
.alC { text-align:center;}

/* 外枠 */
.mgTB0RLau { margin:0 auto;}


/* -- center_2 -- */
.posC { position:relative; overflow: hidden;}
.posC_01 { position:relative; left:3%;}
.posC_02 { position:relative; left:14%;}


/*
------------------
 ALIGN
------------------
*/
.alL { text-align:left;}
.alR { text-align:right;}

/* vertical-align */
.vaM { display:table-cell; vertical-align:middle; margin:0;}
/* vertical-align for IE6 */
* html .vaM { display:inline; zoom: 1;}
/* vertical-align for IE7 */
*:first-child+html .vaM { display:inline; zoom: 1;}


/*
------------------
 FONT
------------------
*/

/* 文字サイズ */
.fB { font-weight:bold;}
.fN { font-weight:normal;}
.f_11{ font-size:11px !important;}
.f_12{ font-size:12px !important;}
.f_13{ font-size:13px !important;}
.f_14{ font-size:14px !important;}

/*
------------------
 DECORATION
------------------
*/

/* 画像 */
img { -ms-interpolation-mode: bicubic; } 

/* 文字色 */
.fC_next{ color: #0e69c5;}


/* 枠線 */
.border_base{ border:1px solid #c8c8c8;}

.bT_n{ border-top:none;}


/* 位置 */
.posRe{ position:relative;}
.posAb{ position:absolute;}



/*
==========================================
 次回予告削除用（表示させる際はコメントアウト）
※INDEX画面のメタタグも
==========================================
*/

#next { display:none;}

/*
==========================================
 おすすめ診断コンテンツ
==========================================
*/

.clearfix{display:inline-block;}
.clearfix:after{content:".";line-height:0;display:block;height:0;visibility:hidden;clear:both;}
/* \*/ * html .clearfix{height:1%;}.clearfix{display:block;}/* */ 

.sideBoxInner01 { width: 648px; font-size: small; line-height: 1.5;}
.sideBoxInner01 li{margin-bottom:10px;*margin-bottom:5px;}
.sideBoxInner01 img{float:left;display:inline-block;}
.sideBoxInner01 dl{float:right;width:245px;}
.link_02{background:url(/guide/img/icon_arrow_02.gif) no-repeat scroll 0 center transparent;padding-left:10px;}

/*
==========================================
 ソーシャルボタン_下部
==========================================
*/

#bookmark_b { position: relative; width: 648px; height: 65px; margin-bottom: 10px;}
#bookmark_b .margin_a { position: absolute; right: 158px; top: 1px; width: 60px; text-align: right;}
#bookmark_b .margin_b { position: absolute; right: 76px; top: 0; width: 63px; text-align: right;}
* html #bookmark_b .margin_b { position: absolute; right: 40px; top: 0; width: 60px; text-align: right;}
#bookmark_b .margin_c { position: absolute; right: 0; top: 0px; width: 58px; text-align: right;}