@charset "utf-8";

/*================== defaulte ==================*/

body,h1, h2, h3, h4, h5, h6, p, address, img, dl, dt, dd, ol, ul, li, form, input, fieldset {
margin:0px;
padding:0px;
font-style:normal;
border: none;
}
p, address{
line-height:155%;
font-size:100%;
list-style-type: none;
}

br, hr {
clear:both;
}
a{
color:#3578B5;
text-decoration: none;
}
a:link{
color:#3578B5;
text-decoration: none;
}
a:visited{
color:#3578B5;
text-decoration: none;
}
a:hover {
color:#AC9424;
text-decoration: underline;
}

.bold {
	font-weight:bold;
}

/*================== body ==================*/
body{
font-size:75%;
background:url(../img/main_bg.gif) #373737 repeat-y top left;
font-family:Verdana, Arial, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴシック Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
}

/*================== head ==================*/
#head {
width:900px;
height:110px;
background:#FFFFFF;
}
#head h1 {
margin:20px 15px 15px 15px;
height:50px;
float:left;
display:inline;
font-size:80%;
font-weight:normal;
}

#head h1 a,a:active,link,visited {
color:#143D63;
text-decoration: none;
}

#head h1 a:hover {
color:#787878;
text-decoration: underline;
}

#s_name {
	color:#141433;
	font-size:320%;
	font-weight:bold;
	font-family: "HGS明朝B","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝",serif;
}
/*
#head h2{
	width:160px;
margin:28px 18px 0 0;
padding: 22px 0 5px 0;
text-align:center;
float:right;
display:inline;
font-size:10px;
font-weight:normal;
color:#999999;
background:url(../img/gfc_logo.gif) no-repeat top left;
font-family:"MS P Gothic", "ＭＳ Ｐゴシック", sans-serif,Verdana, Arial, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴシック Pro W3", Osaka ;
}

#head h2 a{
color:#999999;
font-weight:bold;
letter-spacing:-1px;
}

#head h2 a:hover {
color:#C1123B;
}
*/
/* gotop */
#head .gotop {
clear:both;
height:27px;
font-size:12px;
text-align:right;
margin-right:20px;
background:url(../img/top_bg.gif) #FFFFFF repeat-y;
}
#head .gotop a{
padding-left:16px;
background:url(../img/arrow.gif) no-repeat left top;
}

/*================== base ==================*/
#base {
position:absolute;
top: 110px;
width: 100%;
	/* MacIE5 \*//*/
	top: 100px;
	/* end */
}
#base .frame{
padding-left:200px;
}

/*================== main ==================*/
#main {
width:100%;
background:url(../img/base_bg.gif) #303030 repeat-y 703px top;
}
#main p{
clear:both;
}
#main .wip{
width:702px;
background:#C0CFDD;
}
#main .left{
float:left;
width:250px;
margin-right:20px;
background:#C0CFDD;
}
#main div.right{
float:right;
width:400px;
padding:15px 25px 0px 0;
background:#C0CFDD;
}
/*
#main h1{
font-size:130%;
margin-bottom:12px;
}
*/
#main div.right p{
margin-bottom:12px;
}
#main address{
width:210px;
float:left;
}
/*===== navi ===*/
#idbtn{
width:145px;
float:right;
display:block;
background-color:#FFFFFF;
border:#FFFFFF solid 3px;
border-bottom:#FFFFFF solid 2px;
margin-bottom:5px;
}
#idbtn li{
padding:0px;
width:145px;
margin:0px 0px 1px 0px;
text-align:center;
}
#idbtn a{
display: block;
padding:7px 0 5px 0;
width:145px;
text-decoration: none;
line-height:100%;
font-size:12px;
margin-bottom:0;
background-color:#C4CED0;
color:#000000;
}
#idbtn a:link {
text-decoration: none;
color:#000000;
}
#idbtn a:visited{
text-decoration: none;
color:#505050;
}
#idbtn a:hover{
text-decoration: none;
}

/*================== contents ==================*/

/*
#base h2{
clear:both;
padding:8px 0px 7px 20px;
background:#2B3136;
color:#FFFFFF;
font-size:115%;
display:block;
width:682px;
}
#base h2 a, #base h2 a:hover{
color:#FFFFFF;
text-decoration:none;
}
*/
div.com, div.com02{
width:350px;
float:left;
display:inline;
}
div.com02{
background:#EFEFEF;
}
/*
#base h3{
background:#C7C8CA;
margin:16px 16px 5px 140px;
padding:5px 10px 4px 10px;
font-size:100%;
}
*/
div.com .left, div.com02 .left{
float:left;
margin:9px 0 0px 16px;
padding-bottom:7px;
}
div.com p, div.com02 p{
margin: 10px 16px 5px 140px;
}
hr.com{
background:#FFFFFF;
color:#FFFFFF;
margin:0;
padding:0;
border:none;
height:1px;
width:702px;
}

#base h2.other{
text-align:left;
margin-top:10px;
}
#base h2.access{
text-align:left;
margin:0 0 10px 0;
}
iframe {
margin-top:10px;
margin-left:50px;
}

/*================== left navi ==================*/
#navi {
width:200px;
margin:9px 7px 0 0;
position:absolute;
top:-25px;
left: 0;
	/* MacIE5 \*//*/
	background:url(../img/main_bg.gif) repeat-y top left;
	/* end */
}
#idList {
margin: 0;
padding: 0;
width:200px;
}
#idList ul {
padding:0px;
margin:0;
width:200px;
}
#idList li {
padding:0px;
width:190px;
margin:0px 0px 1px 0px;
}
#idList a{
display: block;
padding:15px 20px 14px 0px;
width:170px;
text-decoration: none;
line-height:100%;
font-size:12px;
text-align:right;
margin-bottom:0;
color:#93A5B7;
background:url(../img/menu_arrow.gif) #264B6F no-repeat right;
}
#idList a:link{
text-decoration: none;
color:#93A5B7;
}
#idList a:visited{
text-decoration: none;
color:#93A5B7;
}
#idList a:hover{
color:#FFFFFF;
text-decoration: none;
}

/*================== footer ==================*/
#footer{
font-size:80%;
width:702px;
margin-top:35px;
margin-bottom:50px;
}
#footer ul,#footer h1,#footer address,#footer p{
margin: 0 20px;
}
#footer li{
float:left;
display:inline;
margin-right:7px;
padding-right:7px;
border-right:#cccccc solid 1px;
}
#footer li.pagetop{
float:right;
border:none;
margin-right:0;
padding-right:0;
}
#footer hr{
background:#CCCCCC;
color:#CCCCCC;
border:none;
height:1px;
}
/*
#footer h1{
padding:6px 0;
font-size:90%;
color:#757575;
}
*/
#footer address{
clear:both;
color:#999999;
padding-top:7px;
font-size:90%;
}
#footer address a{
color:#757575;
}

#footer p{
padding-top:6px;
font-size:90%;
color:#757575;
}


/*-----------------add-------------------*/

#head p.name {
	width:160px;
	margin:28px 18px 0 0;
	padding: 22px 0 5px 0;
	text-align:center;
	float:right;
	display:inline;
	font-size:10px;
	font-weight:normal;
	color:#999999;
	background:url(../img/gfc_logo.gif) no-repeat top left;
	font-family:"MS P Gothic", "ＭＳ Ｐゴシック", sans-serif,Verdana, Arial, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴシック Pro W3", Osaka ;
}

#head p.name a{
	color:#999999;
	font-weight:bold;
	letter-spacing:-1px;
}

#head p.name a:hover {
	color:#C1123B;
}

#main h2 {
	font-size:130%;
	margin-bottom:12px;
}

#base h3 {
	clear:both;
	padding:8px 0px 7px 20px;
	background:#2B3136;
	color:#FFFFFF;
	font-size:115%;
	display:block;
	width:682px;
}

#base h3 a, #base h3 a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

#base h4 {
	background:#C7C8CA;
	margin:16px 16px 5px 140px;
	padding:5px 10px 4px 10px;
	font-size:100%;
}

#f_copy {
	padding:6px 0;
	font-size:100%;
	color:#757575;
	font-weight:bold;
}

.mar_b20 {
	margin-bottom:20px;
}

.mar_t20 {
	margin-top:20px;
}

.mar_tb20 {
	margin:20px 0;
}

dl.company {
	width:630px;
	padding:10px 10px;
}

dl.company dt {
	float:left;
	width:120px;
	text-align:right;
	font-weight:bold;
	padding:0 30px 0 0;
	margin:0 0 10px 0;
	line-height:1.6;
}

/*\*/
dl.company dt {
	clear:both;
	line-height:1.6;
}

/**/
dl.company dd {
	float:left;
	width:470px;
	margin:0 0 10px 0;
	line-height:1.6;
}

/*\*/
* html dl.company dd {
	float:none;
	margin:0 0 10px 0;
	line-height:1.6;
}

/**/
*:first-child + html dl.company dd {
	float:none;
	margin:0 0 10px 0;
	line-height:1.6;
}


/*----------------------info----------------------*/

.info_box {
	margin:0 0 0 20px;
	width:630px;
	background:url("../img/info_bg.gif") repeat-y;
	line-height:1.3;
}

.info_box_left {
	float:left;
	width:120px;
	padding:10px;
}

.info_box_right {
	float:left;
	width:470px;
	padding:10px;
}

.clear {
	clear:both;
}

.info_box_right li {
	list-style-type:square;
	margin:0 0 3px 15px;
}

.border_box {
	/*width:428px;*/
	border:1px solid #ccc;
	padding:10px;
}

.note {
	font-size:100%;
	padding-left:4.3em;
	text-indent:-4.3em;
}

#pager {
	width:682px;
	height:23px;
	clear:both;
	text-align:right;
	padding:7px 20px 0 0;
	margin:20px 0 0 0;
	background:#E6E6E6;
}

.bg_gray {
	background:#D3D3D3;
}

.bg_white {
	background:#FFF;
}

#table_01 td {
	padding:2px;
}

dl.drive {
	width:448px;
	padding:10px 10px;
	border:1px solid #ccc;
}

dl.drive dt {
	float:left;
	width:150px;
	font-weight:bold;
	line-height:1.6;
}

/*\*/
dl.drive dt {
	clear:both;
	line-height:1.6;
}

/**/
dl.drive dd {
	float:left;
	width:290px;
	line-height:1.6;
}

/*\*/
* html dl.drive dd {
	float:none;
	line-height:1.6;
}

/**/
*:first-child + html dl.drive dd {
	float:none;
	line-height:1.6;
}

dl.jr {
	width:448px;
	padding:10px 10px;
	border:1px solid #ccc;
}

dl.jr dt {
	float:left;
	width:220px;
	line-height:1.6;
}

/*\*/
dl.jr dt {
	clear:both;
	line-height:1.6;
}

/**/
dl.jr dd {
	float:left;
	width:220px;
	line-height:1.6;
}

/*\*/
* html dl.jr dd {
	float:none;
	line-height:1.6;
}

/**/
*:first-child + html dl.jr dd {
	float:none;
	line-height:1.6;
}

/*----------------------info----------------------*/

/*-------------------------------clearfix-------------------------------*/

.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix {
	display:inline-table;
	zoom: 1; /* for IE5.5 - IE7 */
}

/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}