@charset "shift_jis";
/* life css */

/* top (flash ver)
----------------------------------------------- */
#life .flash-title {
	float: left;
	width: 620px;
	margin: 10px 0 0 10px;
	font-size: 120%;
	font-weight: bold;
}

#life #altpage-link {
	float: right;
	margin-top: 10px;
}

#life #fun-flash-area {
	clear: both;
	padding: 12px 0 0;
}


/* ===== start (2011/03/21 insert) =============== */
/* message-box-01
----------------------------------------------- */
#life #message-box-01 {
	float: center;
	padding: 30px 0 0 100px;
	margin: 0 0 10px 10px;
}

#life #message-box-01 #urgency {
	width: 549px;
	padding: 0 0 0 0;
	background: url(/images/index_bg09.gif) no-repeat 0 100%;
	zoom: 1;
}

#life #message-box-01 #urgency h2 {
	padding: 5px 0;
	margin: 0 0 2px 0;
	background: #d70c19 url(/images/index_bg10.gif) no-repeat 0 0;
	color: #ffffff;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	zoom: 1;
}

#life #message-box-01 #urgency .message {
	margin: 12px 12px;
	line-height: 1.1;
}

/* ===== end (2011/03/21 insert) =============== */


/* top (html ver)
----------------------------------------------- */
#life #fun-contents-area {
	clear: both;
	padding: 5px 0 0 0;
}
#life #fun-contents-area .col-01 {
	float: left;
	min-height: 130px;
	margin: 0 15px 0 0;
	padding: 3px 3px 0;
	background: url(/life/images/index_fr02.gif) no-repeat 0 0;
	zoom:1;
}
*html #life #fun-contents-area .col-01 {
	height: 130px;
}

#life #fun-contents-area .hover {	/* add js class */
	cursor: pointer;
}
#life #fun-contents-area .hover a {	/* add js class */
	color: #d70c19;
	text-decoration: none;
}

#life #fun-contents-area .col-01 p {
	margin: 0;
}
#life #fun-contents-area .col-01 .thumbnail-01 {
	padding: 0;
	border-bottom: 2px solid #666666;
}
#life #fun-contents-area .col-01 .thumbnail-title {
	width: 127px;
	margin: 5px 0 0 3px;
	white-space: normal;
}
#life #fun-contents-area .col-01 .thumbnail-title img {
	margin: 0 0 0 5px;
	vertical-align: middle;
}
#life #fun-contents-area #pickup-contents-block {
	margin: 20px 0 0 0;
}

#life #fun-contents-area #pickup-contents-block #pickup-box {
	float: left;
	min-height: 137px;
	width: 610px;
}
*html #life #fun-contents-area #pickup-contents-block #pickup-box {
	height: 137px;
}
#life #fun-contents-area #pickup-contents-block #pickup-box #pickup-contents {
	margin: 20px -17px 0 15px;
	padding: 0 0 10px 0;

}
#life #fun-contents-area #pickup-contents-block #pickup-box .type01,
#life #fun-contents-area #pickup-contents-block #pickup-box .type02,
#life #fun-contents-area #pickup-contents-block #pickup-box .type03,
#life #fun-contents-area #pickup-contents-block #pickup-box .type04,
#life #fun-contents-area #pickup-contents-block #pickup-box .type05 {
	background: url(/life/images/index_fr03.gif) no-repeat 0 100%;
	zoom:1;
}
#life #fun-contents-area #pickup-contents-block #pickup-box .type02 {
	background: url(/life/images/index_fr06.gif) no-repeat 0 100%;
}
#life #fun-contents-area #pickup-contents-block #pickup-box .type03 {
	background: url(/life/images/index_fr05.gif) no-repeat 0 100%;
}
#life #fun-contents-area #pickup-contents-block #pickup-box .type04 {
	background: url(/life/images/index_fr04.gif) no-repeat 0 100%;
}
#life #fun-contents-area #pickup-contents-block #pickup-box .type05 {
	background: url(/life/images/index_fr07.gif) no-repeat 0 100%;
}



#life #fun-contents-area #pickup-contents-block #pickup-box #pickup-contents .large {
	width: 272px;
	background: url(/life/images/index_fr01.gif) no-repeat 0 0;
}
#life #fun-contents-area #pickup-contents-block #pickup-box #pickup-contents .large .thumbnail-title  {
	width: 265px;
}
#life #fun-contents-area #pickup-contents-block #flash-ver-box {
	float: right;
	width: 140px;
	border: solid 1px #bfbfbf;
}
#life #fun-contents-area #pickup-contents-block #flash-ver-box h2 {
	padding: 9px 10px;
	background: #e3e3e3;
	font-weight: bold;
}
#life #fun-contents-area #pickup-contents-block #flash-ver-box .section-03 {
	margin: 0 3px;
	padding: 0 5px 10px;
}
#life #fun-contents-area #pickup-contents-block #flash-ver-box .note-list-01 {
	margin-top: 5px;
}
#life #fun-contents-area #pickup-contents-block .link-01 {
	margin: 10px 10px;
}
#life #fun-contents-area #all-contents-block {
	clear:both;
	min-height: 200px;
	margin: 30px 0 0 0;
}
*html #life #fun-contents-area #all-contents-block {	/* ie6 hack */
	height: 200px;
}
#life #fun-contents-area #all-contents-block .heading-02 {
	margin-bottom: 20px;
}
#life #fun-contents-area #all-contents-block .wrap5-01,
#life #fun-contents-area #all-contents-block .wrap5-02,
#life #fun-contents-area #all-contents-block .wrap5-03,
#life #fun-contents-area #all-contents-block .wrap5-04,
#life #fun-contents-area #all-contents-block .wrap5-05 {
	clear: both;
	margin: 15px 0 0 15px;
	padding: 0 0 10px 0;
	background: url(/life/images/index_fr04.gif) no-repeat -604px 100%;
	zoom:1;
}
#life #fun-contents-area #all-contents-block .wrap5-02 {
	background-position: -453px 100%;
}
#life #fun-contents-area #all-contents-block .wrap5-03 {
	background-position: -302px 100%;
}
#life #fun-contents-area #all-contents-block .wrap5-04 {
	background-position: -151px 100%;
}
#life #fun-contents-area #all-contents-block .wrap5-05 {
	margin-right: -15px;
	background-position: 0 100%;
}


/*	clearfix for this files selectior
------------------------------------------ */
#life #fun-contents-area #pickup-contents-block:after,
#life #fun-contents-area #pickup-contents-block #pickup-box #pickup-contents:after,
#life #fun-contents-area #pickup-contents-block #pickup-box .type01:after,
#life #fun-contents-area #pickup-contents-block #pickup-box .type02:after,
#life #fun-contents-area #pickup-contents-block #pickup-box .type03:after,
#life #fun-contents-area #pickup-contents-block #pickup-box .type04:after,
#life #fun-contents-area #pickup-contents-block #pickup-box .type05:after,
#life #fun-contents-area #all-contents-block .wrap5-01:after,
#life #fun-contents-area #all-contents-block .wrap5-02:after,
#life #fun-contents-area #all-contents-block .wrap5-03:after,
#life #fun-contents-area #all-contents-block .wrap5-04:after,
#life #fun-contents-area #all-contents-block .wrap5-05:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#life #fun-contents-area #pickup-contents-block,
#life #fun-contents-area #pickup-contents-block #pickup-box #pickup-contents,
#life #fun-contents-area #pickup-contents-block #pickup-box .type01,
#life #fun-contents-area #pickup-contents-block #pickup-box .type02,
#life #fun-contents-area #pickup-contents-block #pickup-box .type03,
#life #fun-contents-area #pickup-contents-block #pickup-box .type04,
#life #fun-contents-area #pickup-contents-block #pickup-box .type05,
#life #fun-contents-area #all-contents-block .wrap5-01,
#life #fun-contents-area #all-contents-block .wrap5-02,
#life #fun-contents-area #all-contents-block .wrap5-03,
#life #fun-contents-area #all-contents-block .wrap5-04,
#life #fun-contents-area #all-contents-block .wrap5-05 {
	display:block;	/* for safari firefox3 */
	min-height:1%;  /* for IE 7*/
}

/* IE7 hacks */ 
*:first-child+html #life #fun-contents-area #pickup-contents-block,
*:first-child+html #life #fun-contents-area #pickup-contents-block #pickup-box #pickup-contents,
*:first-child+html #life #fun-contents-area #pickup-contents-block #pickup-box .type01,
*:first-child+html #life #fun-contents-area #pickup-contents-block #pickup-box .type02,
*:first-child+html #life #fun-contents-area #pickup-contents-block #pickup-box .type03,
*:first-child+html #life #fun-contents-area #pickup-contents-block #pickup-box .type04,
*:first-child+html #life #fun-contents-area #pickup-contents-block #pickup-box .type05.
*:first-child+html #life #fun-contents-area #all-contents-block .wrap5-01,
*:first-child+html #life #fun-contents-area #all-contents-block .wrap5-02,
*:first-child+html #life #fun-contents-area #all-contents-block .wrap5-03,
*:first-child+html #life #fun-contents-area #all-contents-block .wrap5-04,
*:first-child+html #life #fun-contents-area #all-contents-block .wrap5-05 {
	display:inline-table;
}/* end hacks */