@charset "utf-8";

/* article_rapper 20110727
====================================== */
#article_rapper{width:655px;text-align:left;padding:10px 0px 0px;margin:0px auto;min-height:1000px;height:auto !important;height:1000px;color:#333333}

/* title_area
-------------------------------------- */
#title_area{background:url(../images/title_area_bg01.png) no-repeat left top;position:relative;padding-top:14px;margin-bottom:14px}
#title_area .inner{background:url(../images/title_area_bg02.png) no-repeat left bottom;padding-bottom:14px}
#title_area .text_box{width:609px;border-right:8px solid #baba00;border-left:8px solid #baba00;padding:4px 15px 0px;min-height:151px;height:auto !important;height:151px}
#title_area h2{ width:480px;font-size:24px;line-height:1.3;color: #333333}
#title_area .lead{ font-size:14px;width:480px;display:block;line-height:1.6}
#title_area .character01{position:absolute;top:18px;right:18px}

/* sns_area
-------------------------------------- */
#sns_area{margin-bottom:15px;text-align:right}
#sns_area .mixi_box{display:inline-block;margin-top:-10px}
#sns_area .facebook_box{border:none;overflow:visible;width:110px;height:21px}

/* column_block01
-------------------------------------- */
#column_block01{margin-bottom:10px;padding-bottom:10px}
#column_block01 .column01{padding-bottom:10px;clear:both}
#column_block01 .column01 p{font-size:14px;line-height:1.6;margin-bottom:1.5em}
#column_block01 .imgbox_r{float:right;margin:0px 0px 15px 20px}
#column_block01 .headline01{ background:url(../images/headline01_bg01.png) no-repeat left 0px;width:625px;margin-bottom:10px;font-weight:bold;font-size:18px;min-height:23px;height:auto !important;height:23px;padding: 5px 0px 0px 30px;color: #333333}

/* relation_area
-------------------------------------- */
#relation_area{ background:#F5F5D9 url(../images/relation_bk01.png) no-repeat left top;width:655px;padding-top:15px;margin-bottom:20px}
#relation_area .inner{background:url(../images/relation_bk02.png) no-repeat center bottom;padding-bottom:18px;padding-left:15px;min-height:150px;height:auto !important;height:150px}
#relation_area h4{ margin-bottom:20px;font-size: 18px;color: #baba00;font-weight: bold}
#relation_area ul{width:515px}
#relation_area li{background:url(../images/relation_arrow.png) no-repeat left 1px;text-indent:15px;font-size:14px;margin-bottom:20px;width:239px;float:left;padding-right:5px}
#relation_area li a{font-size:12px}

/* relation_area
-------------------------------------- */
#notes_area{background:#dfdfdf;padding:15px}
#notes_area p{line-height:1.6}

/* clearfix
-------------------------------------- */
cf:after,
#column_block01:after,
#column_block01 .column01:after,
#relation_area ul:after{content:".";display:block;height:0px;clear:both;visibility:hidden}