@charset "utf-8";

/* article_rapper 20110727
====================================== */
#article_rapper{width:655px;text-align:left;padding:0 0 20px;margin:0px auto;min-height:1000px;height:auto !important;height:1000px;color:#333333 }
#article_rapper .color_darkorange{color:#ff8c00}
#article_rapper .color_orangered{color:#ff4500}
#article_rapper .color_red{color:#e60012}
#article_rapper .color_rose{color:#e85298}
#article_rapper .color_blue{color:#0079c2}

#article_rapper .margin_b5{margin-bottom:5px}
#article_rapper .margin_b10{margin-bottom:10px}
#article_rapper .margin_b15{margin-bottom:15px}
#article_rapper .margin_b20{margin-bottom:20px}


/* title_area
-------------------------------------- */
#title_area{position:relative;padding-top:14px;margin-bottom:14px;background-color:#f2f2ea;border:4px solid #043c44}
#title_area .inner{padding-bottom:14px}
#title_area .text_box{padding:4px 15px 0px;min-height:177px;height:auto !important;height:177px}
#title_area h2{width:445px;font-size:25px;line-height:1.3;color:#043c44;padding-bottom:10px}
#title_area .lead{font-size:14px;width:445px;display:block;line-height:1.6;border-top:1px dotted #043c44;padding-top:10px}
#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 .imgbox_c{text-align:center;margin:0px auto}
#article_rapper #column_block01 .text_type01{font-size:10px;text-align:left;padding-top:3px}

#column_block01 .headline01{width:625px;margin-bottom:10px;font-weight:bold;font-size:18px;min-height:23px;height:auto !important;height:23px;padding:5px 0px 3px 30px;color:#043c44;background-image:url(../images/headline01_bg02.png);background-repeat:no-repeat;background-position:left center;border-bottom:1px dotted #043c44}

#column_block01 .headline02{margin-bottom:5px;font-weight:bold;font-size:14px;padding:10px 0px 0px 0px;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 li:nth-child(3){clear:both}

/* 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}















.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clearfix {display: inline-block;} 

/* Hides from IE Mac */
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End Hack */

.column_left{
	float:left;
	width:430px;
}
.column_right{
	float:right;
	width:210px;
	margin:15px 0 0 10px;
}
	.column_right .phot_text{
		font-size:10px;
		margin:0 3px 10px 3px;
	}
	.column_right img{
		margin:0 0 5px 0;
	}