@charset 'UTF-8';
/* ======LINK====== */
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:-18px;
/*width: 100%;*/}
*:first-child+html body {
		margin-top:-19px;
		}

#wrap{
width:770px;
border-left:1px solid #FF3300;
border-right:1px solid #FF3300;
margin:0 auto;
background-color:#FFFFFF;
}
/*----------▼パンクズナビ*/
.pankuzu{
font-size:10px;
color:#333333;
padding:3px 20px 0px;
border-bottom:1px dashed #CCCCCC;
}
/*----------▼ヘッダー*/
#header{
background-image:url(../images/headbg.gif);
background-repeat:repeat-x;
height:85px;
margin:0px;
width:770px;
border-bottom:5px solid #CC3300;
}
* html #header{
background-image:url(../images/headbg.gif) ;
background-repeat:repeat-x;
height:85px;
margin:0px;
width:770px;
}

#headimg{
margin:0;
padding:0;
height:60px;
}
.navi{
background-color:#FFE9C8;
width:760px;
height:20px;
font-size:16px;
color:#663333;
font-weight:bold;
padding-left:10px;
padding-top:5px;
margin:0;
border-top:1px solid #FF3300;
}
.navi ul{
list-style:none;
margin:0;
padding:0;
}
.navi li{
float:left;
margin-right:10px;
border-right:1px solid #660000;
padding-right:5px;
margin-top:0;
}

.navi li a:link{color:#663333;text-decoration:none;}
.navi li a:visited{color:#663333;text-decoration:none;}
.navi li a:hover{color:#660000;text-decoration:underline;}


/*----------▼フッター*/
#footer  { padding-top:10px; background-color:#CC3300;line-height:140%;width:770px; border-bottom:1px solid #660000; border-top:1px solid #CC3300; clear:both;}
#footer p { margin:2px; width:750px; color:#FFFFFF; text-align:center;font-size:10px; }
#footer a:link { color: #FFFFFF; line-height:100%;text-decoration:none;} 
#footer a:visited { color: #FFFFFF; line-height:100%;text-decoration:none;} 
#footer a:hover { color: #FFFFFF;  line-height:100%;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;
		}






.clear{
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}