﻿@charset 'UTF-8';
/* *{margin:0;padding:0;} */
/* ======LINK====== */
a{
		overflow:hidden;
		}
a:link ,a:visited , a:active 
{
color: #003399;
text-decoration: none;
}

a:hover 
{
color: #0033cc;
text-decoration: underline;
}
/* ======標準カラー（ColorName）====== */
.black{color: #000;}
.silver{color: #c0c0c0;}
.gray{color: #808080;}
.white{color: #fff;}
.maroon{color: #800000;}
.red{color: #f00;}
.purple{color: #800080;}
.fuchsia{color: #f0f;}
.green{color: #008000;}
.lime{color: #0f0;}
.olive{color: #808000;}
.yellow{color: #ff0;}
.navy{color: #000080;}
.blue{color: #00f;}
.teal{color: #008080;}
.aqua{color: #0ff;}
.orange{color: #f60;}
/* ======標準カラー（ColorName）====== */
/* ======標準スタイル（太字、斜体、サイズ）====== */
.bold{font-weight: bold;}
.italic{font-style: italic;}
.px8{font-size: 8px; line-height: 120%;}
.px10{font-size: 10px; line-height: 120%;}
.px12{font-size: 12px; line-height: 120%;}
.px14{font-size: 14px; line-height: 120%;}
.px16{font-size: 16px; line-height: 150%;}
.px18{font-size: 18px; line-height: 150%;}
.px24{font-size: 24px; line-height: 150%;}
.px32{font-size: 32px; line-height: 150%;}
.pc65{font-size:65%; line-height:120%;}
.pc70{font-size:70%; line-height:120%;}
.pc75{font-size:75%; line-height:120%;}
.pc80{font-size: 80%; line-height: 120%;}
.pc90{font-size: 90%; line-height: 120%;}
.pc100{font-size: 100%; line-height: 120%;}
.pc120{font-size: 120%; line-height: 120%;}
.pc150{font-size: 150%; line-height: 150%;}
.pc180{font-size: 180%; line-height: 100%;}
.pc200{font-size: 200%; line-height: 150%;}
.pc250{font-size: 250%; line-height: 150%;}
.pc300{font-size: 300%; line-height: 150%;}
.smaller{font-size: smaller;}
/* ======標準スタイル（太字、斜体、サイズ）====== */

/*----------▼全体構造*/
body{
margin: 0px;
padding: 0px;
/*background-color: #F0FFFF;*/
background-color:#FaFaFa;
color: #333333;
font-family: sans-serif;color: #333;
margin-top:-2px;
_margin-top:-18px;
/*width: 100%;*/}
*:first-child+html body {
		margin-top:-5px;
		}



#Base {
width:770px;
margin:0px auto;
padding:0px;
background-color:#FAFAFA;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}
#content {
width:770px;
background-color:#FFFFFF;
margin: 0;
padding:0;
}
#content #contents{
width:730px;
padding:20px;
margin:0px;
}
/*----------▼リンク*/
a:link ,a:visited , a:active 
{
color: #003399;
text-decoration: none;
}

a:hover 
{
color: #0033cc;
text-decoration: underline;
}
/*----------▼クリア*/
hr.clear{
clear:both;
margin:0px;
padding:0px;
display:none;
}
/*----------▼ヘッダー*/
#header{
background-image:url(../images/header_bg.gif);
background-repeat:repeat-x;
height:70px;
margin:-15px 0px 0px 0px;
width:770px;
border-bottom:5px solid #FF4500;

}
* html #header{
background-image:url(../images/header_bg.gif);
background-repeat:repeat-x;

height:70px;
margin:0;
width:770px;
border-bottom:5px solid #FF4500;
background-color: #000099;


}
#headImg{
width:250px;
float:left;
/* margin:0px;
padding:0px; */
}

p{
line-height:1.5em;
font-size:14px;
color:#333333;
margin:5px 0px;
}


/*----------▼Ｓナビゲーション*/
* html .snavi{
padding-top:0px;
margin-top:0px;
margin-left:530px;
_margin-left:530px;
}
.snavi{
padding-top:0px;
margin-top:0px;
margin-left:530px;
}
.snavi ul{
text-indent:-9999px;
}
* html .snavi ul li{
display:inline;
float:left;
padding:15px 3px 0px 0px;
margin-top:0px;
}
.snavi ul li{
display:inline;
float:left;
padding:15px 3px 0px 0px;
margin-top:0px;
}
.snavi ul li.snaviForum a,.snavi ul li.snaviMap a,.snavi ul li.snaviCon a {
text-decoration:none;
}

.snavi ul li.snaviForum a{
background:url(../images/navi_forum_off.gif);
background-repeat:no-repeat;
display:block;
width:90px;
height:20px;
}
.snavi ul li.snaviForum a:hover{
background:url(../images/navi_forum_on.gif);
background-repeat:no-repeat;
}
.snavi ul li.snaviMap a{
background:url(../images/navi_map_off.gif);
background-repeat:no-repeat;
display:block;
width:90px;
height:20px;
}
.snavi ul li.snaviMap a:hover{
background:url(../images/navi_map_on.gif);
background-repeat:no-repeat;
}
.snavi ul li.snaviCon a{
background:url(../images/navi_con_off.gif);
background-repeat:no-repeat;
display:block;
width:90px;
height:20px;
}
.snavi ul li.snaviCon a:hover{
background:url(../images/navi_con_on.gif);
background-repeat:no-repeat;
}


/*----------▼ナビゲーション*/
.navi{
padding-top:0px;
margin-top:0px;
margin-bottom: 0;
padding-bottom:0;
}
.navi ul{
text-indent:-9999px;
}
.navi ul li{
display:inline;
float:left;
padding:5px 1px 0px 0px;
margin-top:0px;
margin-bottom: 0;
padding-bottom:0;
}
.navi ul li.naviLec a,.navi ul li.naviSym a,.navi ul li.naviPre a,.navi ul li.naviPos a,.navi ul li.naviPro a {
text-decoration:none;
}

.navi ul li.naviLec a{
background:url(../images/navi_lec_off.gif);
background-repeat:no-repeat;
display:block;
width:100px;
height:30px;
}
.navi ul li.naviLec a:hover{
background:url(../images/navi_lec_on.gif);
background-repeat:no-repeat;
}
.navi ul li.naviSym a{
background:url(../images/navi_sym_off.gif);
background-repeat:no-repeat;
display:block;
width:100px;
height:30px;
}
.navi ul li.naviSym a:hover{
background:url(../images/navi_sym_on.gif);
background-repeat:no-repeat;
}
.navi ul li.naviPre a{
background:url(../images/navi_pre_off.gif);
background-repeat:no-repeat;
display:block;
width:100px;
height:30px;
}
.navi ul li.naviPre a:hover{
background:url(../images/navi_pre_on.gif);
background-repeat:no-repeat;
}
.navi ul li.naviPos a{
background:url(../images/navi_pos_off.gif);
background-repeat:no-repeat;
display:block;
width:100px;
height:30px;
}
.navi ul li.naviPos a:hover{
background:url(../images/navi_pos_on.gif);
background-repeat:no-repeat;
}
.navi ul li.naviPro a{
background:url(../images/navi_pro_off.gif);
background-repeat:no-repeat;
display:block;
width:100px;
height:30px;
}
.navi ul li.naviPro a:hover{
background:url(../images/navi_pro_on.gif);
background-repeat:no-repeat;
}

/*----------▼パンクズナビ*/
.pankuzu{
font-size:10px;
color:#333333;
padding:3px 20px 0px;
border-bottom:1px dashed #CCCCCC;
}
/*----------▼フッター*/
#footer  { padding-top:2px; background-color:#000066;line-height:180%;width:770px; clear:both;}
#footer p { margin:5px; width:750px; color:#FFFFFF; text-align:center;font-size:10px; }
#footer a:link { color: #FFFFFF; text-decoration:none;} 
#footer a:visited { color: #FFFFFF;text-decoration:none;} 
#footer a:hover { color: #FFFFFF;  text-decoration:underline;} 
#footer ul{
		text-align:center;
		}
#footer ul li{
		font-size:10px;
		list-style-type:none;
		display:inline;
		}	
		
#footer ul li a{
		padding-right:3px;
		
		border-right:1px solid #ffffff;
		}
#footer ul li.first_li a{
		border-left:1px solid #ffffff;
		padding-left:7px;
		}





.tnavi{
padding-top:0px;
margin-top:0px;
}
.tnavi table{
text-indent:-9999px;
}
.tnavi table{
display:inline;
float:left;
padding:5px 1px 0px 0px;
margin-top:0px;
}
.tnavi table.naviLec a {
text-decoration:none;
}

.tnavi table.naviLec a{
background:url(../images/navi_lec_off.gif);
background-repeat:no-repeat;
display:block;
width:100px;
height:30px;
}
.tnavi table.naviLec a:hover{
background:url(../images/navi_lec_on.gif);
background-repeat:no-repeat;
}
.tnavi table.naviSym a{
background:url(../images/navi_sym_off.gif);
background-repeat:no-repeat;
display:block;
width:100px;
height:30px;
}
