@charset "UTF-8";

@import "/common/css/basefont.css.php";

/*-----------------------------------------------
CSSファイル名：index.css
初期制作者：shiba
最終更新日：

インデックスのCSS
-----------------------------------------------*/

@media screen,tv,projection,print {

html{
margin:0;
padding:0;
background:#fff;
}

body{
width:100%;
color:#000;
font-size:75%;
margin:0;
padding:15px 0 0;
border-top:3px solid #777;
letter-spacing:0.1em;
background:#fff;
}

article,aside,dialog,figure,footer,header,hgroup,nav,section{
display:block;
}

#printLogo{ display:none; }

a:link{
color:#000;
text-decoration:none;
}

a:visited{
color:#777;
text-decoration:none;
}

a:hover,
a:active{
color:#999;
text-decoration:none;
}

a img{
border:0;
}



/*---------------------------------------------------------------
 header
----------------------------------------------------------------*/
header{
position:relative;
line-height:1;
width:960px;
margin:0 auto 15px;
padding:0;
}

header hgroup{
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
}

header hgroup h1{
font-size:100%;
line-height:1;
margin:0 0 5px;
}

header hgroup h2{
font-size:100%;
line-height:1;
margin:0;
text-align:center;
}

header nav{ line-height:1; }

#globalNav{ /* clearfix */
width:321px;
margin:0 auto;
}

#globalNav ul{
margin:0;
padding:0;
}

#globalNav ul li{
list-style-type:none;
float:left;
margin:0 27px 0 0;
padding:0;
}

#globalNav ul li:last-child{ margin:0; }
#globalNav ul li.last{ margin:0; }

#assistNav ul{ /* clearfix */
position:absolute;
width:244px;
right:0;
top:0;
margin:0;
padding:0;
border-left:1px solid #777;
}

#assistNav ul li{
list-style-type:none;
float:left;
margin:0;
padding:0;
border-right:1px solid #777;
}

/*---------------------------------------------------------------
 contents
----------------------------------------------------------------*/
#contents{ /* clearfix */
width:960px;
margin:0 auto;
padding:0;
}

#branding{
margin:0 0 38px;
padding:0;
}

#contents article{
float:left;
width:176px;
margin:0 20px 4em 0;
line-height:1.6;
}

#contents article:hover{
cursor:pointer;
color:#999;
}

#contents article.hover{
cursor:pointer;
color:#999;
}

#contents article:last-of-type{ margin:0; }
#contents article.last{ margin:0; }

#contents article hgroup{
margin:0 0 1.6em;
padding:0;
}

#contents article hgroup h1{
margin:0 0 5px;
padding:0;
font-size:100%;
line-height:1;
}

#contents article hgroup h2{
font-size:100%;
margin:0;
padding:0;
line-height:1.4;
}

#contents article p{
text-align:justify;
margin:0;
padding:0;
}

/*---------------------------------------------------------------
 footer
----------------------------------------------------------------*/
footer{
width:960px;
text-align:center;
margin:0 auto 3em;
padding:1em 0 3em;
border-top:1px solid #777;
}

body > footer{ padding:1em 0 0; }

footer ul{
margin:0 auto 2em;
padding:0 0 0 25px;
}

footer ul li{
list-style-type:none;
display:inline;
margin:0;
padding:0 25px 0 0;
}

footer ul li a{
text-decoration:none;
color:#000;
padding:0 0 0 7px;
background:url(/houjin/common/img/arrow.gif) no-repeat center left;
}

footer ul li a:link,footer ul li a:visited{ color:#000; }
footer ul li a:hover,footer ul li a:active{
color:#999;
background:url(/houjin/common/img/arrow_on.gif) no-repeat center left;
}

footer address{
margin:0 0 0.5em;
padding:0;
font-style:normal;
}

footer p{
margin:0;
padding:0;
}



/*---------------------------------------------------------------
 clearfix
----------------------------------------------------------------*/
#globalNav:after,
#assistNav ul:after,
#contents:after,
.clearfix:after{
content:url(/common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

#globalNav,
#assistNav ul,
#contents,
.clearfix{
display:inline-block;
}

#globalNav,
#assistNav ul,
#contents,
.clearfix{
display:block;
}


}
