@charset "iso-8859-1";

/* ------------------------------------------------------------
 FUJISOFT common CSS
 
 [[Contents]]
 0:layout
 1:header
	2:categoryHeader
 3:contents
 4:navigation
 5:footer
 
*COMMON CSS
------------------------------------------------------------ */

/*stylereset CSS-----------------*/
@import "reset.css";

/*clearfix CSS-----------------*/
@import "clearfix.css";


/* 
 0:layout
------------------------------ */

div#wrap{
width:764px;
background:url(/common/img/wrap_bg.gif) repeat-y;
padding:0 3px;
margin:0 auto;
}

hr{
display:none;
}

a{
color:#023C7C;
}

a:hover{
color:#ff4500;
}



/* 
 1:header
------------------------------ */

div#header{
width:764px;
background:url(/common/img/header_bg.gif) no-repeat;
margin:0 auto;
position:relative;
padding:3px 3px 4px 3px;
}

div#header div.sitelogo{
width:309px;
margin:0;
display:inline;/* for IE6 ------*/
float:left;
}

div#header ul.guideNav{
margin:18px 0 0 0; 
float:right;
}

div#header ul.guideNav li{
display:inline;/* for IE6 ------*/
float:left;
margin:0 10px 0 0;
}

div#header ul.guideNav li img{
display:block;
}

/* 
 2:categoryHeader
------------------------------ */


div#categoryHeader{
clear:both;
border-top:1px solid #ABABAB;
}

div#categoryHeader div.sitelogo,
div#categoryHeader div.categoryTitle{
float:left;
}

div#categoryHeader img{
vertical-align:bottom;
margin:0 0 25px 0;
}


/* 
 3:contents
------------------------------ */

div#contents{
width:522px;
float:right;
padding-right:15px; 
}

/* 3-1:div.topicpath ------------*/

div.topicpath{
background:#F1F1F1;
font-size:80%;
padding:5px;
margin:0 0 10px 0;
}

div.topicpath li{
display:inline;
}

div.topicpath a{
color:#014898;
text-decoration:none;
}


div.topicpath a:hover{
color:#4e95e5;
}

/* 3-2:H style ------------*/

div#contents h1{
padding:8px;
font-weight:bold;
font-size:150%;
margin:0 0 15px 0;
}

div#contents h1 a{
text-decoration:none;
}

div#contents h1.top{
padding:0;
}


div#contents h2{
font-weight:bold;
font-size:107%;
background:url(/common/img/h2_bg.gif) no-repeat top #e8e8e8;
border-bottom:1px solid #cccccc;
padding:3px 7px;
margin:0 0 15px 0;
}

div#contents h3{
font-weight:bold;
font-size:100%;
margin-bottom:10px;
padding:3px 5px;
border-left:3px solid;
}

div#contents h4{
font-weight:bold;
margin-bottom:3px;
}





/* 3-3:p.pagetop ------------*/

p.pagetop{
clear:both;
text-align:right;
margin:0 0 10px 0;
}


/* 
 4:navigation
------------------------------ */

div#navigation{
width:187px;
float:left;
padding:0 0 15px 15px;
}

div#navigation img{
vertical-align:bottom;
}

div#navigation ul li ul{
border-top:1px solid #B8B8B8;
}

div#navigation ul li ul li{
border-bottom:none;
}


div#navigation ul li ul li ul{
border-top:none;
border-bottom:4px solid #f1f1f1;
border-left:4px solid #f1f1f1;
border-right:4px solid #f1f1f1;
}




/* 
 5:footer
------------------------------ */
div#footer{
width:764px;
margin:0 auto;
clear:both;
padding:0 3px 10px;
background:url(/common/img/footer_bg.gif) no-repeat bottom;
}

div#footer address{
clear:both;
border-top:2px solid #004898;
padding:6px 0 0 0;
text-align:right;
}