@charset 'UTF-8';

* {
margin: 0;
padding:0;
border:0;
}

.sita{
margin-left:30px;
}

.ki {
background-image: url(im/line_bg.jpg);
font-weight:bold;
}

.kuro{
text-decoration: underline;
font-weight:bold;
}

.aka{
font-weight:bold;
color:red;
}

a {
color: blue;
text-decoration: underline;
}

a:link,a:visited,a:active {
color: #0000ff;
}

a:hover {
color: #ff0000;
}

body {
width: 850px;
margin: 0px 0px 0px 0px;
text-align: center;
background:url(im/bg.jpg) repeat #f5f5f5;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
margin-right: auto;
margin-left: auto;
padding: 0px;
}

h1, h2, h3, h4 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

#container {
margin-right: auto;
margin-left: auto;
padding: 0px;
text-align: left;
width: 780px;
background: url(im/cont-bg.gif) repeat-y #fff;
border-top: none;
border-bottom: none;
position:relative;
}

#banner h1{
background:url(im/banner.gif) no-repeat #00afdc;
width: 760px;
height:180px;
margin-right: auto;
margin-left: auto;
text-indent: -9999px;
display: block;
}

#banner h1 a {
color: #fff;
text-decoration: none;
width: 680px;
height:180px;
display: block;
overflow: hidden;
}

#banner h1 a:hover {
color: #ff0;
width: 760px;
height:180px;
display: block;
}



#banner p {
text-align: center;
font-family: "";
font-size: 18px;
color:#fff;
margin-top: 92px;
font-weight: bold;
}

#top-topic {
}

#top{
padding:10px 20px 0px 20px;
font-size:14px;
}

#kou{
float: right;
color:red;
}

#content {
float: right;
width: 700px;
text-align: left;
margin-right: 20px;
padding-left:0px;
padding-right:0px;
padding-bottom: 10px;
overflow: hidden;
margin-top: 0px;
display: inline;
}



#atag img{
margin:0px 0px 14px 30px;
}

.en{
padding-left:18px;
}

#tokucho{
padding:12px 0px 4px 0px ;
font-size:18px;
font-weight:bold;
color:#c40026;
padding-left:18px;
}

#point{
margin-bottom:10px;
}

#point img{
float:left;
}

.dan{
font-size:14px;
font-weight:bold;
padding:5px 0px 0px 20px;
height:30px;
margin:0px 0px 10px 20px;
background: url(im/abc.gif) no-repeat left;
}

#content h2 {
background: url(im/h2.gif) no-repeat left;
height: 35px;
line-height: 35px;
margin-bottom: 20px;
padding-left: 20px;
color: #fff;
font-size: 18px;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
}

#content p.text-c {
text-align: center;
}

#cont p {
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
padding-top: 4px;
padding-bottom: 7px;
background: url(im/note.gif) #fff;
margin-right: 30px;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 16px;
line-height: 28px;
padding-left: 5px;
padding-right: 5px;
}

#content img.img-indent {
margin-left: 10px;
}

#content img.img-l {
float: left;
margin-right: 10px;
}


#right{
float: left;
width: 200px;
text-align: left;
margin-right: 0px;
margin-left: 20px;
margin-top: 25px;
padding-left: 0px;
padding-right: 0px;
display: inline;
}

#right p {
text-align: center;
font-size: 14px;
margin-bottom: 10px;
}


#right dl {
margin-bottom: 20px;
width: 195px;
background: url(im/dl-bg.jpg) no-repeat left bottom;
padding-bottom: 10px;
}



#right dt {
background: url(im/side.gif) no-repeat left #005db7;
color: #fff;
height: 30px;
line-height: 30px;
text-align: center;
font-family: "HGS創英角ｺﾞｼｯｸUB", "ヒラギノ角ゴ Pro W6";
font-size: 16px;
}

#right dd {
background: url(im/dd-bg.jpg) repeat-y #fff;
padding: 6px 0px 0px 8px;
font-size: 12px;

}

#right dd a {
background: url(im/arrow_04.gif) no-repeat left center;
padding-left: 15px;
height: 20px;
width: 170px;
display: block;
line-height: 20px;
}

#right dd a:hover {

}




#foot{
width: 760px;
margin-right: auto;
margin-left: auto;
height: 72px;
font-size:12px;
color: #fff;
background: url(im/foot.gif) no-repeat left bottom #00afdc;
clear:both;

}

#foot p {
padding-top: 36px;
text-align: center;
margin:0px;
font-weight: bold;

}

#foot p a{
text-decoration: none;
font-style:normal;
color: #fff;
}

.clear {
clear:both;
}


p#pankuzu {
position: absolute;
top: 139px;
left: 20px;
font-size: 13px;

}

#g-map {
text-align: center;
margin-bottom: 20px;

}

/*---------------------*/

table td img{
padding:5px 0px 5px 0px;
}

table td.gray {
background-color: #E6E7E1;
}

table {
background :#fff;
margin: 0px 0px 20px 20px;
padding: 0px 0px 0px 0px;
color: #5d5d5d;
width: ;
border-collapse: collapse;
font-size: 14px;
line-height: 1.5em;
}

.gazou {
text-align: center;
vertical-align:center;
}

.bun{
vertical-align:top;
padding: 5px 5px 5px 5px;
}

.btn{
text-align: center;
}

td {
border: solid 1px #00afdc;
padding: 0px 5px 0px 5px;
}

.hikaku th {
background:#ddf2f9 url(im/1i.gif) no-repeat;
}

.hikakuni th {
background:#ddf2f9 url(im/2i.gif) no-repeat;
}

.hikakusan th {
background:#ddf2f9 url(im/3i.gif) no-repeat;
}

.hikakuyon th {
background:#ddf2f9 url(im/4i.gif) no-repeat;
}

.hikakugo th {
background:#ddf2f9 url(im/5i.gif) no-repeat;
}

th {
border: solid 1px #00afdc;
padding: 5px 0px 5px 30px;
font-weight: bold;
font-size:16px;
}

#couse {
	position: relative;
	top: 0;
	left: 0;
	width: 302px;
}
#couse a .large {
	display: block;
	position: absolute;
	width: 1px;
	height: 1px;
	top: 0;
	left: 0;
}
#couse a.popup,
#couse a.popup:visited {
	display: block;
	width: 302px;
	top: 0;
	left: 0;
}
#couse a.popup:hover {
	background-color: #fff;
}
#couse a.popup:hover .large {
	display: block;
	position: absolute;
	width: 592px;
	height: 390px;
	top: -5px;
	left: -5px;
}

#content p.chu {
background: none;
text-align: right;
font-size: 12px;
margin:0px;
padding: 0px;
margin-bottom: 10px;
}

/*----------------------*/

.desc p a.aaa {
cursor: text;
color: black; 
text-decoration:none;
}

p a.aaa {
cursor: text;
color: #333333;
text-decoration:none;
}

p a.aaa:visited {
color: #333333;
}

p a.aaa:hover {
color: #333333;
}


p#yahoo {
margin-top: 10px;
text-align: center;
}

/*-----------------------*/


.white {color: white; }

.red  {color: red; }
.redb {color: red; font-weight: bold; font-size: 14px;}
.redl {color: red; font-weight: bold; font-size: 16px; }

.blue {color: blue; }
.blueb {color: blue; font-weight: bold; }
.bluel {color: blue; font-weight: bold; font-size: 24px; }

.yellow  {color: yellow; font-weight: normal}

strong {font-weight:normal;}



/* ==============================================
FACE Example CSS

version:  0.1
site:     KuraFire Network
author:   Faruk Ates (kurafire.net)
date:     December 12th, 2005
================================================= */

/* =WRAPPING
=================================================
Puts the example in position. Pardon the inline
IE/win hacks, I couldn't justify another CSS file */
#FACE {margin-bottom: 20px;}
#FACE ul { float: left; width: 596px; height: 596px; background: url(im/top-face.jpg) 50% 50% no-repeat; }
#FACE ul li { float: left; width: 145px; height: 145px; border: 2px solid #fff; list-style: none; }
#FACE ul li div { border: 1px solid #fff; width: 143px; height: 143px; background: none; }
#FACE ul li span { display: block; width: 143px; height: 143px; }

#FACE ul li { _width /**/: 149px; _height /**/: 149px; }
#FACE ul li div { _width /**/: 145px; _height /**/: 145px; }

/* =OUTSIDE-IN
=================================================
This places the list items in an outside-in order */
#FACE ul { position: relative; float: none; }
#FACE ul li { float: none; position: absolute; }
#FACE ul li#enhance-0 { top: 0; left: 0; }
#FACE ul li#enhance-1 { left: 149px; }
#FACE ul li#enhance-2 { left: 298px; }
#FACE ul li#enhance-3 { left: 447px; }

#FACE ul li#enhance-4 { top: 149px; left: 447px; }
#FACE ul li#enhance-5 { top: 298px; left: 447px; }
#FACE ul li#enhance-6 { top: 447px; left: 447px; }
#FACE ul li#enhance-7 { top: 447px; left: 298px; }

#FACE ul li#enhance-8 { top: 447px; left: 149px; }
#FACE ul li#enhance-9 { top: 447px; left: 0; }
#FACE ul li#enhance-10 { top: 298px; left: 0; }
#FACE ul li#enhance-11 { top: 149px; left: 0; }

#FACE ul li#enhance-12 { top: 149px; left: 149px; }
#FACE ul li#enhance-13 { top: 149px; left: 298px; }
#FACE ul li#enhance-14 { top: 298px; left: 298px; }
#FACE ul li#enhance-15 { top: 298px; left: 149px; }

#FACE ul li span {
	background: #fff;
}
#FACE .box0 div { border-color: #eef; }
#FACE .box1 div { border-color: #fff; }
#FACE .box2 div { border-color: #fff; }
#FACE .box3 div { border-color: #fff; }
#FACE .box4 div { border-color: #fff; }
#FACE .box5 div { border-color: #eee; }
#FACE .box6 div { border-color: #ddd; }
#FACE .box7 div { border-color: #ccc; }
#FACE .box8 div { border-color: #bbb; }
#FACE .box9 div { border-color: #aaa; }
#FACE .box10 div { border-color: #999; }
#FACE .box11 div { border-color: #888; }
#FACE .box12 div { border-color: #777; }
#FACE .box13 div { border-color: #666; }
#FACE .box14 div { border-color: #555; }
#FACE .box15 div { border-color: #444; }
#FACE .box16 div { border-color: #333; }
#FACE .box17 div { border-color: #222; }
#FACE .box18 div { border-color: #111; }
#FACE .box19 div { border-color: #000; }
#FACE .box20 div,
#FACE .box21 div,
#FACE .box22 div,
#FACE .box23 div,
#FACE .box24 div,
#FACE .box25 div,
#FACE .box26 div,
#FACE .box27 div,
#FACE .box28 div,
#FACE .box29 div,
#FACE .box30 div { border-color: #000; }

#FACE .box0 span { background: #fff; }
#FACE .box1 span { background: #fff; }
#FACE .box2 span { background: #fff; }
#FACE .box3 span { background: #fff; }
#FACE .box4 span { background: #003082 }
#FACE .box5 span { background: #053B96 }
#FACE .box6 span { background: #0C46A9 }
#FACE .box7 span { background: #1551B9 }
#FACE .box8 span { background: #1F5DC8 }
#FACE .box9 span { background: #2B6AD6 }
#FACE .box10 span { background: #3877E2 }
#FACE .box11 span { background: #4884EC }
#FACE .box12 span { background: #5992F4 }
#FACE .box13 span { background: #6BA0FB }
#FACE .box14 span { background: #80AFFF }
#FACE .box15 span { background: #9ABFFF }
#FACE .box16 span { background: #B3CFFF }
#FACE .box17 span { background: #CCDFFF }
#FACE .box18 span { background: #E6EFFF }
#FACE .box19 span { background: #FFFFFF }

/* =OPACITY
=================================================
Yes, I know this has nasty proprietary stuff. See
through that for the sake of the example, please. */
#FACE .box20 span { background: #fff; -moz-opacity: 0.95; opacity: 0.95; filter: alpha(opacity=95); }
#FACE .box21 span { background: #fff; -moz-opacity: 0.9; opacity: 0.9;   filter: alpha(opacity=90); }
#FACE .box22 span { background: #fff; -moz-opacity: 0.8; opacity: 0.8;   filter: alpha(opacity=80); }
#FACE .box23 span { background: #fff; -moz-opacity: 0.7; opacity: 0.7;   filter: alpha(opacity=70); }
#FACE .box24 span { background: #fff; -moz-opacity: 0.6; opacity: 0.6;   filter: alpha(opacity=60); }
#FACE .box25 span { background: #fff; -moz-opacity: 0.5; opacity: 0.5;   filter: alpha(opacity=50); }
#FACE .box26 span { background: #fff; -moz-opacity: 0.4; opacity: 0.4;   filter: alpha(opacity=40); }
#FACE .box27 span { background: #fff; -moz-opacity: 0.3; opacity: 0.3;   filter: alpha(opacity=30); }
#FACE .box28 span { background: #fff; -moz-opacity: 0.2; opacity: 0.2;   filter: alpha(opacity=20); }
#FACE .box29 span { background: #fff; -moz-opacity: 0.1; opacity: 0.1;   filter: alpha(opacity=10); }
#FACE .box30 span { background: none; -moz-opacity: 0; opacity: 0;       filter: alpha(opacity=00); }