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

/*基本*/
body {
 color: #333333;
 background-color: #FFFFFF;
 background-image: url(../images/bk_img.gif);
 background-repeat: repeat-x;
 margin: 0px;
 padding: 0px;
 font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
 font-size:12px;
}

img {border:0px; margin:0px; padding:0px;}

h2,h3,h4,h5,h6 {margin:0px;padding:0px;}

a {color:#333;}
a:hover {color:#FF0000;}

#wrapp {
	width:920px;
	height:auto;
	overflow:hidden;
	margin:0px auto 0px auto;
	border-left:solid 1px #D2E7CF;
	border-right:solid 1px #D2E7CF;
	background-color:#FFFFFF;
	}

#head {
	width:920px;
	height:0px auto 0px auto;
	margin:0px;
	overflow:hidden;
	background-color:#FFFFFF;
	}

div#headbg {width:750px;
    height:115px;
	margin:0px auto 0px auto;
	background:url(../images/images/header.gif) no-repeat bottom;
	}

div#headbg h1 {
	font-size: 93%;
	font-weight: normal;
	margin:0px;
}

div#headbg h1 a {text-decoration:none;}
	
div#content_wrapp {
	width:920px;
	height:auto;
	margin:0px;
	overflow:hidden;
	background:url(../images/top/bk_syadou.gif) repeat-y;
	}
	   
div#side_bar {
	width:190px;
	height:auto;
	overflow:hidden;
	float:left;
	margin:0px;
	}

div#side_bar img.bar {margin:5px 0px;}

div#content {
	width:728px;
	height:auto;
	overflow:hidden;
	margin:0px;
	float:right;
	}


/*///////////////////////////////////navi/////////////////////////////*/
#menu {
	width:920px;
	height:38px;
	margin:0px;
	background:url(../images/images/bk.gif);
	}
	
#menu ul {
	width:750px;
	height:38px;
	margin:0px auto 0px auto;
	padding:0px;
	list-style:none;
	}
	
#menu li {
	display:block;
	height:38px;
	float:left;
	margin:0px;
	padding:0px;
	}

#menu li a {
	display:block;
	height:38px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	}

#menu li a.domestic {
	width:136px; background:url(../images/images/domestic.gif) no-repeat;
	}
#menu li a.study {
	width:132px; background:url(../images/images/study.gif) no-repeat;
	}
#menu li a.diving {
	width:143px; background:url(../images/images/diving.gif) no-repeat;
	}
#menu li a.map {
	width:167px; background:url(../images/images/map.gif) no-repeat;
	}
#menu li a.customercenter {
	width:171px; background:url(../images/images/customercenter.gif) no-repeat;
	}


#menu li a:hover.domestic {
	width:136px; background:url(../images/images/domestic_over.gif) no-repeat;
	}
#menu li a:hover.study {
	width:132px; background:url(../images/images/study_over.gif) no-repeat;
	}
#menu li a:hover.diving {
	width:143px; background:url(../images/images/diving_over.gif) no-repeat;
	}
#menu li a:hover.map {
	width:167px; background:url(../images/images/map_over.gif) no-repeat;
	}
#menu li a:hover.customercenter {
	width:171px; background:url(../images/images/customer_over.gif) no-repeat;
	}
/*////////////////////////side_bar///////////////////////*/

div#side_bar div.form_box {
	width:160px;
	margin:10px 10px;
	}

div.form_box {margin:0px;}

div.form_box form {margin:0px; padding:0px;}

.sarch_box {width:160px;
           height:auto;
           font-size:12px;
		   line-height:20px;
		   background-color:#FFFFFF;
		   margin:8px 0px 5px 3px;
		   }

.form_box span {
	display:block;
	height:20px;
	margin:5px 0px;
	padding-left:25px;
	background-position:left;
	line-height:18px;
	}

.mark1 {background:url(../images/top/hikouki.gif) no-repeat;}
.mark2 {background:url(../images/top/ie.gif) no-repeat;}
.mark3 {background:url(../images/top/word.gif) no-repeat;}
.mark4 {background:url(../images/top/code.gif) no-repeat;}

.area {width:135px;
       height:20px;
	   margin:0px;
	   }

.sen {width:160px;
      height:2px;
	  margin:0px;
	  border-bottom:1px dotted #333333;
	  text-indent:-9999px;
	  }


div#side_bar div.link {
	width:160px;
	margin:0px 10px;
	}

div#side_bar div.link a {
	display:block;
	margin:5px 0px;
	}

/*文字*/
.small {font-size:10px;}

.style_red {color:#FF0000;}

/*////////////////////content///////////////////////*/

/*area*/

div#content div.area {
	width:728px;
	height:auto;
	overflow:hidden;
	margin:10px 0px 10px;
	overflow:hidden;
	}
	

div.area div.left {
	width:360px;
	float:left;
	height:auto;
	overflow:hidden;
	margin-top:0px;
	margin-bottom:10px;
	}


div.area div.right {
	width:360px;
	float:left;
	height:auto;
	overflow:hidden;
	margin:0px 3px;
	margin-bottom:10px;
	}

div.area div.right div#rss {
	width:355px;
	height:100px;
	margin:0px;
	padding:5px;
	}	

div.area div.box {
	width:355px;
	height:auto;
	overflow:hidden;
	margin:5px 0px 0px;
	}

div.area div.box h2 {
	width:330px;
	height:25px;
	font-size:13px;
	color:#FFF;
	margin:0px auto 0px auto;
	line-height: 25px;
	padding-left: 20px;
	}
div.area div.box h2.no {background:url(../images/top/bar/bar_no.gif) no-repeat;}
div.area div.box h2.bi {background:url(../images/top/bar/bar_bi.gif) no-repeat;}
div.area div.box h2.air {background:url(../images/top/bar/bar_ai.gif) no-repeat;}
div.area div.box h2.pushbg {background:url(../images/top/bar/bar_fi.gif) no-repeat;padding-left: 30px;width: 320px;}
div.area div.box h2.contentsbg {background:url(../images/top/bar/bar_con.gif) no-repeat;padding-left: 35px;width: 315px;}

	
/*aicon*/
div.box strong.blu {
	background:url(../images/top/bar/mark_blu.gif) no-repeat;
	}

div.box strong.midokoro {
	padding-left:20px; background:url(../images/top/bar/mark_os.gif) no-repeat;
	}

div.box strong.new {
	padding-left:20px; background:url(../images/top/bar/mark_price.gif) no-repeat;
	}

div.box strong.push {padding-left: 20px;}


div.box div {
	width:348px;
	height:auto;
	overflow:hidden;
	margin:0px auto 0px auto;
	border:1px solid #ccc;
	padding-top:5px;
	border-top:none;
	}
	
div.box div div.scrbana {padding:0px 5px 5px; width:340px; border: none;}

div.box div img.bana {
	width:340px;
	height:auto;
	overflow:hidden;
	margin:0px 5px 5px;
	}
	
div.box div .bana2 {
	width:165px;
	height:auto;
	overflow:hidden;
	margin:0px 5px 5px;
	}
	
div.box div .bana3 {
	width: 165px;
	height:auto;
	margin: 0px 0px 5px 0px;
}

p.bana2,p.bana3 {float:left;}


/*コンテンツバナー*/
div.box div div.bgbana {
	width: 340px;
	height: 70px;
	overflow:hidden;
}

div.box div div a {
	display:block;
	margin: 7px 0px 0px 125px;
	text-decoration: none;
	width: 210px;
}
div.box div div span {
	display:block;
	margin-top: 3px!important;
	margin-left:123px;
}

div#mokutekibg {background:url(../images/bana/mokutekibg.gif) no-repeat;}
div#padibg {background:url(../images/bana/padibg.gif) no-repeat;}
div#calenderbg {background:url(../images/bana/calenderbg.gif) no-repeat;}

div.box dl {
	width:320px;
	height:auto;
	margin:0px;
	overflow:hidden;
	}

div.box dl.dotted {
	padding:5px 0px 5px;
	border-bottom:dotted 5px #ccc;
	}

div#ryoukin dl.island {
	width: 320px;
	margin: 3px auto;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999;
	padding-top:5px;
}

div#ryoukin dl.island dt {
	width:110px;
	height:auto;
}

div#ryoukin dl.island dd {
	width: 210px;
}

div#ryoukin dl.island dd a{
	text-decoration: none;
	background:url(../images/mark4.gif) no-repeat left;
	padding-left: 20px;
}

div#ryoukin dl.island dd p {
	margin: 3px auto;
	font-size:11px;
}

span.kume {
	margin: 0px auto;
	font-size: 11px;
}


div.box dt {
	width:70px;
	float:left;
	margin:0px;
	}
	
div.box dd {
	width:250px;
	float:left;
	margin:0px;
	line-height:16px;
	}

div.box dd a.new {
	display:block;
	background:url(../images/top/new.gif) no-repeat;
	background-position:left top;
	padding-left:35px;
	}


/*business*/
div#content div.stepup {
	width:720px;
	height:auto;
	overflow:hidden;
	margin:0px;
	text-align:left;
	}
	
h3#stepup {
	width: 724px;
	height: 25px;
	background:url(../images/top/bar/bar_stepup.gif) no-repeat;
	position:relative;
}

h3#stepup span {
	position:absolute;
	right: 10px;
	top: 7px;
	font-size: 80%;
	font-weight: normal;
}


div.stepup div {
	width:220px;
	height:auto;
	overflow:hidden;
	margin:5px 5px 0px 0px;
	padding:5px;
	float:left;
	border:1px solid #ccc;
	}

div.stepup dl {
	margin:0px;
	height:auto;
	overflow:hidden;
	}

div.stepup dt {
	width:120px;
	height:auto;
	overflow:hidden;
	margin:0px;
	float:left;
	}

div.stepup dd {
	width:90px;
	height:auto;
	margin-left:10px;
	overflow:hidden;
	float:left;
	font-size:12px;
	}
		
div.stepup p.bt {
	width:350px;
	display:block;
	margin:2px 0px;
	}

div.stepup p.bt a {
	color:#000066;
	background:url(../images/top/mark.gif) no-repeat;
	background-position:left top;
	padding-left:12px;
	margin-right:3px;
	text-decoration:none;
	line-height:10px;
	font-size:11px;
	}
	
div.stepup p.bt a:hover {
	color:#999900;
	}

div.stepup div.no_wrapp {width:700px; height:auto; overflow:hidden; border:none; float:none;}
div.stepup div.no_wrapp img { width:160px; float:left;}
div.stepup div.no_wrapp p { width:520px; margin:0px 10px; float:left; line-height:20px;}


/*///////////////////footer/////////////////////*/

#foot {
	width:920px;
	height:30px;
	margin:0px auto 0px auto;
	padding-top:10px;
	font-size:11px;
	color:#434343;
	border-top:1px solid #D2E7CF;
	}

#foot p {
	height:20px;
	display:block;
	margin:0px;
	padding-right:230px;
	text-align:right;
	background:url(../images/rogo.gif) no-repeat;
	background-position:right bottom;
	}

#foot p.link {background:none; padding:0px; margin:9px; display:block; float:right;}
#foot p.link a {font-size:93%; color:#454545; text-decoration:none;}
#foot p.link a:hover {color:#66CCFF;}


/*/////////other//////*/

div#rss {width:350px !important; overflow:auto; scroll-x:hidden; height:100px;}

div.box img.m_b10 {width:340px; height:118px; margin:0px 5px 5px}

span.red {color:#FF0000; font-weight:700;}
span.redn {color:#FF0000;}



/*/////ryoukin//////*/

div#ryoukin {width:350px !important; overflow:auto; scroll-x:hidden; height:430px;}

div.twitter {width: 170px;height:auto;margin: 5px auto 5px 5px;}


p.setsumei {
	margin: 0px 5px 2px 8px;
	width:auto;
	padding:0px;
	font-size: 93%;
}


/*/////map//////*/
div#map {
	width: 360px;
	height:275px;
	background:url(../images/top/map.gif) no-repeat;
	position: relative;
	}
	
div#map a {
	text-decoration: none;
	position:absolute;
	font-size: 11px;
}

div#map a:hover {
	background:#EFE1D0;
	color:#EF8200;
}

a.nahakerama {top:117px;left:274px;}
a.nishikaigan {top: 35px;left:237px;}
a.tokashiki {top:62px;left: 96px;}
a.zamami {top:10px;left:14px;}
a.aka {top:77px;left:19px;}
a.kume {top:107px;left:104px;}
a.aguni {top:10px;left:195px;}
a.ishigaki {top:182px;left:121px;}
a.iriomote {top:210px;left:13px;}
a.yonaguni {top:214px;left: 95px;}
a.hateruma {top: 256px;left: 53px;}
a.miyako {top:190px;left: 262px;}


/*E-mailアドレス*/

.emailad {
	margin: 3px 0px;
}

optgroup {font-style:normal;}