@charset "UTF-8";
/* CSS Document */

* {
    margin-top: 0px;
    margin-bottom: 0px; 
    padding: 0px;
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
}
p {
	margin-top: 10px;
	line-height: 22px;
}
body {
	text-align: center;
	background-color: #FFCC33;
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, "Osaka?等幅", Arial, sans-serif, Helvetica;
	background-image: url(img/back.jpg);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0px;
	padding: 0px;
}
#content {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
}
#banner {
	height: 220px;
	background-color: #FFFFFF;
	background-image: url(img/bun.jpg);
	background-repeat: no-repeat;
	font-size: 88%;
	text-indent: -8888px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000066;
	width: 900px;
}
#chach {
	color: #000066;
	background-color: #FFCC33;
	height: 20px;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	width: 900px;
	text-align: center;
}
#menu {
	background-image: url(img/menu.gif);
	background-repeat: no-repeat;
	height: 30px;
	color: #FFFFFF;
	text-align: right;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	line-height: 30px;
}
.flash {
	text-align: center;
}






.small {
	font-size: 80%;
	color: #000000;
	line-height: 50px;
}
.small2 {
	font-size: 80%;
	line-height: 20px;
}
.small3 {
	font-size: 70%;
	line-height: 30px;
	font-weight: normal;
}
.big {
	font-size: 120%;
}
.big2 {
	font-size: 140%;
}
.b {
	font-weight: bold;
}
.ri {
	float: left;
	margin-left: 9px;
	margin-top: 10px;
	width: 325px;
}





#menu ul {
	margin: 0px;
	padding: 0px;
}
#menu li {
	display:inline;
	list-style-type: none;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#frame {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 900px;
} 
#frame:after {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}
#frame {
    zoom: 100%;  
}
#main {
	width: 700px;
	float: right;
	background-color: #FFFFFF;
	margin-right: 0px;
	margin-left: 0px;
	display: inline;
}








#kou1 {
	background-image: url(img/kou1.gif);
	background-repeat: no-repeat;
	height: 28px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	text-indent: -8888px;
}
#kou2 {
	background-image: url(img/kou2.gif);
	background-repeat: no-repeat;
	height: 28px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	text-indent: -8888px;
}
#kou3 {
	background-image: url(img/kou3.gif);
	background-repeat: no-repeat;
	height: 28px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	text-indent: -8888px;
}
#koli {
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 30px;
	text-align: center;
}
#koli li {
	display: inline;
	margin-right: 40px;
	margin-left: 40px;
	font-size: 16px;
}
#koli a {
	color: #000099;
	text-decoration: none;
}
#koli a:hover {
	color: #FFCC00;
	text-decoration: none;
}
#kou4 {
	background-image: url(img/clg1.jpg);
	background-repeat: no-repeat;
	height: 44px;
	margin-left: 35px;
	margin-right: 18px;
	margin-top: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
	text-indent: -8888px;
}
#kou5 {
	background-image: url(img/clg2.jpg);
	background-repeat: no-repeat;
	height: 44px;
	margin-left: 35px;
	margin-right: 18px;
	margin-top: 80px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-indent: -8888px;
}
#kou6 {
	background-image: url(img/clg3.jpg);
	background-repeat: no-repeat;
	height: 44px;
	margin-left: 35px;
	margin-right: 18px;
	margin-top: 80px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFCCCC;
	text-indent: -8888px;
}
#kou7 {
	background-image: url(img/kou4.gif);
	background-repeat: no-repeat;
	height: 28px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	text-indent: -8888px;
}
.koun ul {
	line-height: 22px;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.liko {
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 0px;
	line-height: 22px;
}
.liko3 {
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 0px;
	line-height: 22px;
}
.liko2 {
	margin-left: 40px;
	margin-top: 5px;
	margin-bottom: 0px;
	line-height: 22px;
}
.liko a {
	color: #0033FF;
	text-decoration: none;
}
.liko a:hover {
	color: #FFCC33;
}
.kounep1 p {
	margin-top: 15px;
}
.jo {
	margin-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
}
.jo2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000099;
	margin-top: 20px;
	margin-left: 20px;
}
.jo3 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-size: 16px;
	font-weight: bold;
	color: #000099;
}
.jo4 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-size: 16px;
	font-weight: bold;
	color: #000099;
	height: 30px;
	line-height: 30px;
	text-indent: 5px;
}
.jom {
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	margin-left: 20px;
}
.jom3 {
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	margin-left: 20px;
}
.jom4 {
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 18px;
}


.likoo {
	margin-top: 35px;
	line-height: 22px;
}

#kou8 {
	background-image: url(img/kou5.gif);
	background-repeat: no-repeat;
	height: 28px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	text-indent: -8888px;
}
#kou9 {
	background-image: url(img/kou6.gif);
	background-repeat: no-repeat;
	height: 28px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	text-indent: -8888px;
}
#kou10 {
	background-image: url(img/kou7.gif);
	background-repeat: no-repeat;
	height: 28px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	text-indent: -8888px;
}
#kou11 {
	background-image: url(img/kou8.gif);
	background-repeat: no-repeat;
	height: 28px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	text-indent: -8888px;
}

#kou12 {
	background-image: url(img/kou9.gif);
	background-repeat: no-repeat;
	height: 28px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	text-indent: -8888px;
}
#kou13 {
	background-image: url(img/kou26.gif);
	background-repeat: no-repeat;
	height: 28px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	text-indent: -8888px;
}
#kou14 {
	background-image: url(img/kou11.gif);
	background-repeat: no-repeat;
	height: 28px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	text-indent: -8888px;
}
#kou15 {
	background-image: url(img/kou12.gif);
	background-repeat: no-repeat;
	height: 28px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	text-indent: -8888px;
}
#kou16 {
	background-image: url(img/kou13.gif);
	background-repeat: no-repeat;
	height: 28px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	text-indent: -8888px;
	margin-bottom: 25px;
}
#kou17 {
	background-image: url(img/koum17.gif);
	background-repeat: no-repeat;
	height: 28px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 60px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	text-indent: -8888px;
}
#kou18 {
	background-image: url(img/kou14.gif);
	background-repeat: no-repeat;
	height: 28px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	text-indent: -8888px;
}
#kou19 {
	background-image: url(img/kou15.gif);
	background-repeat: no-repeat;
	height: 28px;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	text-indent: -8888px;
}






.koun {
	margin-top: 10px;
	margin-right: 25px;
	margin-left: 25px;
	line-height: 28px;
}
.kounm {
	margin-top: 50px;
	margin-right: 25px;
	margin-left: 25px;
	line-height: 28px;
	text-align: center;
	background-image: url(img/logo2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 120px;
}
.koun2a {
	margin-top: 10px;
	margin-right: 25px;
	margin-left: 25px;
	line-height: 28px;
	font-size: 18px;
}
#main .koun2a a {
	color: #0033FF;
	text-decoration: none;
}
#main .koun2a a:hover {
	color: #FFCC33;
	text-decoration: none;
}
.koun2 {
	margin-top: 15px;
	margin-right: 25px;
	margin-left: 50px;
	line-height: 28px;
}
.koun3 {
	margin-top: 10px;
	margin-right: 25px;
	margin-left: 50px;
	line-height: 28px;
	text-align: right;
}
.koun4 {
	margin-top: 30px;
	margin-right: 25px;
	margin-left: 50px;
	font-size: 140%;
	font-weight: bold;
	color: #000099;
}
#three:after {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}
#three {
	zoom: 100%;
	margin-left: 50px;
	margin-right: 24px;
}
.le {
	float: left;
	width: 210px;
	margin-top: 15px;
	line-height: 24px;
	text-indent: 10px;
	width: 210px;
}
.le2 {
	float: left;
	width: 395px;
	margin-top: 15px;
	line-height: 24px;
}
.koun5 {
	margin-right: 25px;
	margin-left: 50px;
	line-height: 28px;
}
.hyo {
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	margin-right: 23px;
	margin-left: 30px;
}

.hyoname {
	background-color: #FFCC33;
	line-height: 30px;
	text-indent: 15px;
	height: 30px;
	font-size: 16px;
	font-weight: bold;
	position: relative;
}
.hmo a {
	color: #FFFFFF;
	text-decoration: none;
}
.hmo a:hover {
	color: #FFCC00;
}

.hmo {
	height: 22px;
	width: 120px;
	color: #FFFFFF;
	background-color: #000099;
	font-size: 90%;
	text-align: center;
	text-indent: 0px;
	line-height: 22px;
	float: none;
	position: relative;
	left: 500px;
	bottom: 25px;
}
.hma:after {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}
.hma {
	zoom: 100%;
	height: 60px;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
.hle {
	float: left;
	width: 120px;
}
.hle2 {
	float: left;
	width: 212px;
	height: 30px;
	line-height: 30px;
	background-color: #ECECEC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.hle2s {
	width: 212px;
	float: left;
	height: 29px;
	line-height: 29px;
}
.hle3 {
	line-height: 30px;
	height: 30px;
	float: left;
	background-color: #ECECEC;
	width: 99px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.hle3s {
	width: 99px;
	float: left;
	height: 29px;
	line-height: 29px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.hclr {
	clear: both;
	font-size: 90%;
	margin: 5px;
}
.koun6 {
	margin-top: 10px;
	margin-right: 25px;
	margin-left: 50px;
	line-height: 28px;
	text-align: center;
}
.kounep1 {
	margin-top: 10px;
	margin-right: 25px;
	margin-left: 25px;
	line-height: 28px;
}



.card {
	margin-left: 20px;
	margin-top: 30px;
	margin-right: 20px;
}
#viaso {
	background-image: url(img/viaso_c.gif);
	background-repeat: no-repeat;
	height: 280px;
	margin-top: 20px;
	margin-left: 25px;
	margin-right: 20px;
	padding-left: 300px;
	line-height: 25px;
}
#eneos {
	background-image: url(img/eneos_c.jpg);
	background-repeat: no-repeat;
	height: 200px;
	margin-top: 20px;
	margin-left: 25px;
	margin-right: 20px;
	padding-left: 300px;
	line-height: 40px;
	padding-top: 15px;
}

.n2 {
	margin-top: 12px;
	line-height: 22px;
	color: #666666;
}
.botan {
	text-align: right;
	margin-top: 10px;
}


.gr {
	color: #666666;
	font-size: 90%;
}
.gr2 {
	color: #666666;
	font-size: 90%;
	line-height: 10px;
}
.green {
	font-size: 150%;
	font-weight: bold;
	color: #00CC00;
	letter-spacing: 0.5em;
}
.gree2 {
	color: #00CC00;
	font-weight: bold;
}
.red {
	color: #FF0000;
	font-weight: bold;
}
.blue {
	color: #000099;
}
.bkyellow {
	background-color: #FFFF99;
}


#side {
	width: 200px;
	float: left;
	background-color: #FFFFFF;
	margin-bottom: 100px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display: inline;
}
dl {
	width: 200px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #CCCCCC;
	margin: 0px;
}
dt {
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	height: 30px;
	background-color: #CCCCCC;
	background-image: url(img/dt.jpg);
	background-repeat: no-repeat;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 30px;
	font-size: 16px;
	border-bottom-width: 5px;
	border-bottom-color: #CCCCCC;
	margin: 0px;
}
#side img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
dd {
	color: #000000;
	display: block;
	background-color: #FFCC33;
	text-decoration: none;
	height: 43px;
	padding-top: 0px;
	padding-left: 0px;
	margin: 0px;
	font-size: 14px;
	line-height: 43px;
	width: 200px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-indent: 40px;
}
dd a {
	color: #000000;
	display: block;
	background-color: #CCCCCC;
	text-decoration: none;
	height: 43px;
	margin: 0px;
	font-size: 14px;
	line-height: 43px;
	padding: 0px;
}
dd a:hover {
	color: #0099FF;
}
.ddy {
	background-color: #CCCCCC;
	height: 15px;
	text-indent: -8888px;
	margin: 0px;
	padding: 0px;
}


.clr {
	clear: both;
	text-indent: -8888px;
	font-size: 12px;
}
#bottom {
	height: 28px;
	text-align: right;
	padding-top: 5px;
	color: #000000;
	background-color: #FFCC33;
	padding-right: 10px;
	font-size: 85%;
	border-bottom-width: 25px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#menu a {
    text-decoration: none;
}
#menu a:link {
	color: #FFFFFF;
}
#menu a:visited {
	color: #FFFFFF;
}
#menu a:active {
	color: #FFFFFF;
}
#menu a:hover {
	color: #FFCC00;
}
#main .koun a {
	color: #0033FF;
	text-decoration: none;
}
#main .koun a:link {
	color: #0033FF;
}
#main .koun a:visited {
	color: #0033FF;
}
#main .koun a:active {
	color: #FFCC00;
}
#main .koun a:hover {
	color: #FFCC00;
}
#php {
	margin-top: 60px;
	margin-right: 25px;
	margin-left: 25px;
	font-size: 80%;
	color: #666666;
}
#php a {
	color: #0033FF;
	text-decoration: none;
}
#php a:link {
	color: #0033FF;
}
#php a:visited {
	color: #0033FF;
}
#php a:active {
	color: #FFCC00;
}
#php a:hover {
	color: #FFCC00;
}

#foot {
cloear:both;
text-align:right;
white-space:nowrap;
margin-right:5px;
color:#666;
}

#foot ul {
list-style-type:none;
font-size:10px;
white-space:nowrap;
}

#foot li {
display:inline;
white-space:nowrap;
margin-left:1em;
line-height:2em;
}