@charset "utf-8";


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

	benefits CSS
	
	
	1 case_comment 　　
	
	2 voice

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

/* style : add  */

/* .box_inner1_1   padding 10px  bg f7f7f7   */
#wrapper #document .box_inner1_1 {
	position:relative;
	zoom: 1;
	padding:15px 25px 15px 25px;
	background-color: #f7f7f7;
}

#detail div#content {
	width:600px;
}

/* -----------------------------------------
	.case_commen ul
		use : case.html
----------------------------------------- */

#detail .case_comment div.top { width:620px; margin:30px; min-height:130px;}
#detail .case_comment .top img {float:left; margin-right:30px;}

#detail .case_comment .top div { float:left; width:460px;}
#detail .case_comment .top h3 { background:none; border-bottom:1px solid #d2d2d2;  margin-top:4px; margin-left:0; margin-bottom:18px; padding-bottom:15px; padding-left:0; font-size:107.8%; }


#detail .case_comment ul { 	margin-left:30px;}

#detail .case_comment ul li {
	position:relative;
	min-height:70px;
	clear:both;
	margin-bottom:20px;
	zoom:1;
}
#detail .case_comment ul li div {
	position:relative;
	top:0; left:0;
	width: 472px;
	background-color: #FFFFFF;
	border: solid 3px #d2d2d2;
	min-height:70px;
	padding:15px;
}
#detail .case_comment ul li div p{margin-bottom:0;}
#detail .case_comment ul li div p span { display:block; text-align:right!important;}

#detail .case_comment ul li img {
	position:absolute;
	bottom: 0; left:505px;
	_top:auto; _bottom:0;
}


 
/*	* style_column_index
　 コラム インデックス
------------------------------------------ */
.style_column_index {
	background-color:#eeeeee;
	display:block;
	padding:22px;
	margin-bottom:20px;
	position:relative;
	zoom: 100%;
}
.style_column_index .ttl {  }
.style_column_index ul {
	clear:both;
	margin:auto ;
	}

.style_column_index ul li {
	position:relative;
	width:674px;
	height:134px;
	clear:both;
	margin-bottom:10px;
}

/*  column_navi */
.archive_area {
	position:relative;
	width:100%;
	height:inherit;
	clear:both;
	margin-bottom:10px;
	background:#FFFFFF;
}
.archive_area ul.ul_style_archive {
width:100%;
margin:10 0 0 0;
padding:0;
}
.archive_area ul.ul_style_archive li {
	height:auto;
	clear:none;
	width:45%;
	margin-right:5px!important;
	margin-bottom:5px!important;
	float:left!important;
}


.style_column_index ul li.top {
	background:url(../img/img_column/img_dotted_line.png) no-repeat;
	background-position:bottom;
	padding-bottom:20px;
	margin-bottom:20px;
}
.style_column_index ul li span {
	position:absolute;
	top:55px;
	left:150px;
	text-decoration:none;
}

div.archive_ttl { min-height:100px; clear:both; padding-bottom:20px; margin-bottom:15px; background:url(../img/img_column/img_dotted_line.png) bottom repeat-x }
div.archive_ttl img.archive_ttl_img { float:left; margin-right:20px; }
div.archive_ttl p { line-height:1.6em; }


/* コラム */
#column {  }
#column h3 { margin-top:0px!important;  padding-top:0px!important;}
h2.h2_column { margin:0; padding:0; background:none; }


#column p{
	line-height: 1.7em;
	margin:0px auto 1.4em 0em;
}
#column p.end{ margin-bottom:0; }
#column p.sp_btm30px{ margin-bottom:30px;}
#column p.sp_btm40px{ margin-bottom:40px;}
#column p.sp_btm50px{ margin-bottom:50px;}

#column p span {
	display:block;
	text-indent:-0.5em;
	margin-right: auto;
	margin-bottom: 1.0em;
	margin-left: 0.5em;
}
#column p br { height:0; zoom:1; }

#column .img1 { margin-top:1em; margin-left:auto; margin-right:auto; margin-bottom:1.6em;text-align: center; vertical-align: middle;}

#column .columnote strong { color:#336699; }
#column .columnote { color:#336699; }
#column p.columnote  { color:#336699; margin-left:0em;}

/* column 4page bottom */
.column_stepup { margin-top:8px; }
.column_stepup img.hoshi { float:left; margin-left:20px; margin-top:5px; }
.column_stepup ul {  float:left;width:500px; }
.column_stepup ul li {margin:0 0 0.5em 0; padding-left:35px; }
.column_stepup ul li.icon_hoshi1 {
position: relative;
width:100%; min-height:30px;
background:url(../img/img_column/icon_light1.gif) no-repeat;
background-position:0px 0px;
padding-top:10px;
padding-left:30px;
zoom:1;
}



/* pre */
#column pre {
	display:block;
	line-height:1.3;
	margin:0 0 20px 0;
	padding:20px 20px 20px 40px;
	_font-size:100%;
	generic-font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
	background-color:#EEEEEE;
}
img.icon_voice_new{ margin:25px 0 0 15px;}


#column pre.sp_btm05px {
	display:block;
	line-height:1.3;
	margin:0 0 0px 0;
	padding:20px 20px 20px 40px;
	_font-size:100%;
	generic-font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
	background-color:#EEEEEE;
	}