@charset "utf-8";

/*------------------------------------------------------------------------------
COCOMUS - CSS Modules Import
Date: 2008-04-30
Copyright (C) COCOMUS. All Rights Reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

Redefine - main

---------------------------------------- */

#main h2 {
height: 234px;
width: 455px;
margin-top: 20px;
background: url("./../images/img_life_01.gif") top left no-repeat;
text-indent: -9999em;
float: left;
}

#main p#goKuchikomi {
height: 234px;
width: 230px;
margin-top: 20px;
float: left;
}

#main p#goKuchikomi a img {
padding-bottom: 6px;
}

#main div#lifeList {
padding-bottom: 38px;
background: url("./../images/bg_list_foot.gif") bottom left no-repeat;
clear: both;
}

#main div#lifeList h3 {
height: 68px;
background: url("./../images/hl_list_01.gif") top left no-repeat;
text-indent: -9999em;
}

#main div#lifeList ul {
}

#main div#lifeList ul li {
height: 120px;
width: 211px;
margin-right: 20px;
margin-top: 10px;
border: 2px solid #000;
line-height: 1.47;
overflow: hidden;
float: left;
}

#main div#lifeList ul li.fix01 {
margin-right: 0;
}

#main div#lifeList ul li.category01 { border-color: #00c4c4;}
#main div#lifeList ul li.category02 { border-color: #61c400;}
#main div#lifeList ul li.category03 { border-color: #d75454;}
#main div#lifeList ul li.category04 { border-color: #9d5eda;}

#main div#lifeList ul li p {
display: block;
padding: 2px 5px;
height: 20px;
width: 100%;
font-weight: 600;
font-size: 120%;
text-align: center;
}

#main div#lifeList ul li.category01 p {
color:#FFFFFF;
background-color:#00c4c4;
}
#main div#lifeList ul li.category02 p {
color:#FFFFFF;
background-color:#61c400;

}
#main div#lifeList ul li.category03 p {
color:#FFFFFF;
background-color:#d75454;

}
#main div#lifeList ul li.category04 p {
color:#FFFFFF;
background-color:#9d5eda;
}

#main div#lifeList ul li a {
margin-top: 10px;
margin-right: 7px;
margin-bottom: 10px;
margin-left: 7px;
display: block;
height: 76px;
width: 181px;
text-overflow:ellipsis
}

#main div#lifeList ul li a img {
height: 75px;
width: 75px;
margin-right: 10px;
float: left;
}

#main div#lifeList ul li a p {
height: 55px;
width: 95px;
float: left;
background-color:transparent;
}

/* ----------------------------------------

ClearFix

---------------------------------------- */

/* modern browsers */

#main div#lifeList ul:after,
#main div#lifeList ul li a:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/* IE7 */

#main div#lifeList ul,
#main div#lifeList ul li a {
display: inline-block;
}

/* legacy IE */

* html #main div#lifeList ul,
* html #main div#lifeList ul li a {
height: 1%;
}

#main div#lifeList ul,
#main div#lifeList ul li a {
display: block;
}

/* End of ClearFix */