@charset "euc-jp";

/*----------------------------------------------------------
RESET
----------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td {
	margin:0;
	padding:0;
	font-size: 100%;
	font-weight: normal;
	list-style-type: none;
	font-family:'¥á¥¤¥ê¥ª',Meiryo,'¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Hiragino Kaku Gothic Pro','£Í£Ó £Ð¥´¥·¥Ã¥¯',Osaka,sans-serif;
}

table {
    border-collapse:collapse;
	border-spacing:0;
	border: none;
	empty-cells:show;
}
fieldset,img,abbr {
    border:0;
}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var {
    font-style:normal;
	font-weight:normal;
}
caption,th { 
    text-align:left;
}
li,dl {
	list-style:none;
}
img {
    vertical-align:top;
	border: none;
}

legend {
	display:none;
}

hr{
	display: none;
	clear: both;
}


/*----------------------------------------------------------
CLEARFIX
----------------------------------------------------------*/

.clearfix:after {
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}

.clearfix {display: inline-table;}

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


/*----------------------------------------------------------
All
----------------------------------------------------------*/
.wrapper{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
body{
	background-image: url(img/bodybg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.left{
	float: left;
}
.right{
	float: right;
}
/*----------------------------------------------------------
header
----------------------------------------------------------*/
#header{
	width: 100%;
	border-top-width: 3px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #063E83;
	border-bottom-color: #E0E0E0;
}
#header .wrapper{
	position: relative;
	height: 79px;
	width: 800px;
}
#header h1{
	font-size: 11px;
	position: absolute;
	top: 17px;
	right: 0px;
}
#header .total-top{
	font-size: 11px;
	position: absolute;
	top: 15px;
	right: 0px;
}
#header .total-top a {
    color: #03326C;
    text-decoration: none;
	background-color: #dcfc01;
	padding: 3px;
	line-height: 100%;
}
#header .total-top a:hover {
    background-image: url("./img/line.jpg");
    background-position: left bottom;
    background-repeat: repeat-x;
    color: #717171;
}
#header p{
	position: absolute;
	top: 26px;
	left: 4px;
}
#header ul#link{
	position: absolute;
	top: 17px;
	left: 390px;
}
#header ul#link li{
	float: left;
	margin-right: 7px;
}
#header ul#contact{
	position: absolute;
	top: 39px;
	right: 0px;
	width: 330px;
}
#header ul#contact li{
	float: left;
}
/*----------------------------------------------------------
menu
----------------------------------------------------------*/
#menuarea{
	width: 100%;
	background-image: url(img/menubg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
ul#menu{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height: 52px;
}
ul#menu li{
	float: left;
}
/*----------------------------------------------------------
contents
----------------------------------------------------------*/
#contents{
	background-image: url(img/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
}
p.pankuzu{
	background-image: url(img/pankuzubg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 160px;
	font-size: 70%;
}
p.pankuzu a{
	color: #03326C;
}
p.pankuzu a:hover{
	text-decoration: none;
}
#contactbox{
	background-image: url(img/contactbox.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 64px;
	width: 602px;
	padding-top: 16px;
	padding-left: 27px;
}
#contactbox p{
	float: left;
}
#contactbox p.title{
	margin-right: 25px;
}
#contactbox p.mail{
	margin-right: 5px;
}
/*----------------------------------------------------------
side
----------------------------------------------------------*/
.sidebg{
	background-image: url(img/sidebg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
.sidebg2{
	background-image: url(img/mainbg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#side{
	float: right;
	width: 180px;
	position: relative;
	padding: 10px;
}
#side .fuki{
	position: absolute;
	top: -10px;
	right: -10px;
}
#side .mail{
	margin-top: 8px;
}
/*----------------------------------------------------------
copy
----------------------------------------------------------*/
#copy{
	background-color: #343434;
	height: 22px;
}
/*----------------------------------------------------------
footer
----------------------------------------------------------*/
#footer{
	background-color: #E0E0E0;
	padding-top: 15px;
	padding-bottom: 20px;
	font-size: 70%;
	color: #656565;
	line-height: 100%;
}
.footerh1{
	margin-left: 3px;
}
#footer .right{
	width: 430px;
}
#footer .right ul{
	float: right;
	margin-bottom: 5px;
}
#footer ul li{
	float: right;
}
#footer ul li a{
	color: #656565;
	text-decoration: none;
}
#footer ul li a:hover{
	color: #333333;
}


.highslide-viewport-size {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
	filter: alpha(opacity=75)!important;
	-moz-opacity: 0.75!important;
	opacity: 0.75!important;
}