/* index.html settings css */

/* body *******************************************************************/
body#home{
}

/* header *****************************************************************/

/* contents ****************************************************************/
body#home #contents{
background:#f6fcff url(../../images/contents_top_bg.gif) repeat-x top left;
margin-top:14px;
margin-left:0;
margin-right:0;
padding:11px;
width:729px;
}
body#home #contents:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}

/* content in box ***********************************************************/
.content{
background-color:#ffffff;
margin:0;
padding:5px;
}

/* promotion ***************************************************************/
#promotion{
margin:0;
padding:0;
}
#promotion .fl{
width:485px;
}
#promotion .fl img{
margin-bottom:11px;
}

#promotion .fr{
width:227px;
}
#promotion .fr .content{
min-height:200px;
}




/* four box ****************************************************************/
#fourbox .top,#fourbox .middle,#fourbox .bottom{
background-position:top left;
}
#fourbox .top,#fourbox .bottom{
background-repeat:no-repeat;
height:5px;
}
#fourbox .middle{
	background-repeat:repeat-y;
	background-image: url(../../images/fourbox_middle_bg.gif);
}
#fourbox .middle:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}
#fourbox .top{
background-image:url(../../images/fourbox_top_bg.gif);
}
#fourbox .middle{
	background-image:url(../../images/fourbox_middle_bg.gif);
	background-repeat: repeat-y;
}
#fourbox .bottom{
clear:both;
background-image:url(../../images/fourbox_bottom_bg.gif);
}
#fourbox{
clear:both;
margin:0 0 15px 0;
padding:0;
}
#fourbox .middle .fl,#fourbox .middle .fr{
width:345px;
}
#fourbox .middle .fl{
margin-left:2px;
}
#fourbox .middle .fr{
margin-right:9px;
}

#fourbox .middle .fl .fl,#fourbox .middle .fl .fr,#fourbox .middle .fr .fl,#fourbox .middle .fr .fr{
width:148px;
}

#fourbox .middle .justify{
padding-left:4px;
padding-right:4px;
}

/* two box ****************************************************************/
#twobox{
clear:both;
margin:0 0 15px 0;
padding:0;
}
#twobox .top,#twobox .bottom{
background-repeat:no-repeat;
}
#twobox .middle{
background-repeat:repeat-y;
}
#twobox .middle:after{
display:block;
margin-top:-1px;
height:1px;
content:"";
clear:both;
}
#twobox .top{
background-image:url(../../images/twobox_top_bg.gif);
height:5px;
}
#twobox .middle{
background-image:url(../../images/twobox_middle_bg.gif);
min-height:140px;
}
#twobox .bottom{
background-image:url(../../images/twobox_bottom_bg.gif);
height:4px;
}

#twobox .middle .fl{
width:546px;
}
#twobox .middle .fr{
width:160px;
}

#twobox .box-content{
width:auto!important;
padding:5px 10px 12px 10px;
}





/* heading *****************************************************************/
body#home #header .fl h1,#promotion .fr h2{
background-repeat:no-repeat;
background-position:top left;
display:block;
margin:0;
padding:0;
text-indent:-999em;
font-size:1px;
line-height:1px;
}
/* header **/
body#home #header .fl h1{
background-image:url(../images/logo.gif);
width:195px;
height:40px;
}
/* promotion **/
#promotion .fr h2{
background-image:url(../../images/hitokoro_bg.gif);
width:227px;
height:30px;
}
#promotion .fr h3{
margin:0 0 0.5em 0;
padding:0;
font-size:75%;
font-weight:bold;
}
/* twobox **/

#twobox h2.pamphlet,#twobox h2.link{
margin:5px 0 0 0;
padding:0;
background-repeat:no-repeat;
background-position:top center;
display:block;
font-size:1px;
line-height:1px;
text-indent:-999em;
height:21px;
}

#twobox h2.pamphlet{
background-image:url(../../images/pamphlet_bg.gif);
width:546px;
}

#twobox h2.link{
background-image:url(../../images/link_bg.gif);
width:160px;
}


/* text ********************************************************************/
/* content in box **/
.content p{
line-height:1.2em;
}
/* promotion **/
#promotion .fr p{
margin-bottom:0.5em!important;
}
#promotion .fr p.update{
text-align:right;
margin-bottom:0.5em!important;
font-size:64%;
color:#5e5e5e;
}