@charset "utf-8";
/*--------------------------------------------------
for content requestion
$Id: style.css,v 1.1 2011/11/22 01:03:23 kido_junko_gn Exp $
--------------------------------------------------*/

/*TOC===============================================
common
toolbar
Layout
Background
header
contents01
contents02
footer
footerArea
==================================================*/

/*common
--------------------------------------------*/
ul{list-style-type:none;}
ul,li,h1,h2,h3,h4,dl,dt,dd,p{margin:0;padding:0;}
/* hide text */
.hidetxt { text-indent:-9999px;overflow:hidden;display:none;}
.hidetxt a { overflow:hidden; }
/* Hide from mac IE5 \*/
.hidetxt a { overflow: visible; }
/* End Hide from mac IE5 */

/*toolbar
--------------------------------------------*/
#toolbar {background-color:#FFFFFF;border-bottom:1px solid;color:#AAAAAA;font-size:1.0em;}
#toolbarLeft img{margin:1px 0 2px 5px;}

/*Layout
--------------------------------------------*/
body{width:100%;min-width:100%;margin:0 auto;text-align:center;}
#frame{text-align:left;margin:0 auto;width:1000px;padding:0;}
#wrap{text-align:left;margin:0 auto;width:840px;padding:0;}

/*Background
--------------------------------------------*/
body{background:#6FCEE6 url(../img/header_bg.gif) 0 24px repeat-x;}
.icon {background: url(icon_set.png) no-repeat top left;}

/*header
--------------------------------------------*/
#header{height:258px;background:url(../img/header.png) no-repeat; position:relative; width:840px; text-indent:-9999px;}

/*contents01
--------------------------------------------*/
#contents01{background: url(../img/contents_bg01.gif) 0 0 no-repeat; height: 392px; position: relative; font-size:13px;}
#contents01 p.text{font-size: 14px; padding: 26px 0 0 50px;}

/*contents02
--------------------------------------------*/
#contents02{background: url(../img/contents_bg02.png) 0 0 no-repeat; height:508px; position: relative; margin: 0 auto 30px; font-size:11px;}
#contents02 h4{text-indent:-9999px;}

#contents02 .notuse{position: relative;}
#contents02 .notuse ul{position: absolute; top: 235px; left: 3px;}
#contents02 .notuse p{position: absolute; top: 235px; left: 14px;}


#lifegoout{background: url(../img/lifegoout.gif) 0 0 no-repeat; height:290px; width:260px; float:left; margin: 12px 0 0 0; padding-bottom: 20px;}
#lifearchives{background: url(../img/lifearchives.gif) 0 0 no-repeat; height:290px; width:260px; float:left; margin: 12px 0 0 10px; padding-bottom: 20px;}
#lifefriends{background: url(../img/lifefriends.gif) 0 0 no-repeat; height:290px; width:260px; float:left; margin: 12px 0 0 10px; padding-bottom: 20px;}
#contentfoot p{text-align: right; padding: 6px 20px 0 0;}
#contentfoot p a{background: url("../img/icon_set.png") no-repeat scroll right -148px transparent; padding: 3px 27px 3px 0; font-size: 14px;}

#life_content{ padding-left: 20px;}
#pigg_content{ padding-left: 20px;}


/*footer
--------------------------------------------*/
#footer{background: url(../img/footer.gif) center 0 repeat-x; height:180px; margin:0; padding:0;}
#footer p{text-indent:-9999px; background: url(../img/regards.gif) center 67px no-repeat; height:108px;}

/*footerArea
--------------------------------------------*/
#footerArea a{color:#0066CC;text-decoration:none;}
#footerArea{margin-top:0;}