@charset "UTF-8";
/* top */

/* base setting --------------------------------------------------*/
.head .inbox { height: 297px; }
div.contents {width: 860px;}

/* contents columns */
div.contents .cboxl { float: left; width: 434px; }
div.contents .cboxr { float: right; width: 406px; }

/* navi --------------------------------------------------*/
.navi {
	height: 145px;
	background: url("../media/bg_top_navi.gif") repeat-x center top;
	overflow: hidden;
}

div.navi ul.navis {
	width: 900px;
	margin: 0 auto;
	padding: 4px 0 5px 0;
	text-align: left;
}
* html div.navi ul.navis { margin: 0; }
div.navi ul.navis li { float: left; width: 227px; height: 136px; }
div.navi ul.navis li a { display: block; text-indent: -9999px; width: 100%; height: 100%; float: left; }

div.navi ul.navis li.naviRental {}
div.navi ul.navis li.naviRental a { background: url("../media/mnavi_rental.jpg") no-repeat left top; }
div.navi ul.navis li.naviRental a:hover { background-position: 0 -136px !important; }

div.navi ul.navis li.naviInfo {}
div.navi ul.navis li.naviInfo a { background: url("../media/mnavi_info.jpg") no-repeat left top; }
div.navi ul.navis li.naviInfo a:hover { background-position: 0 -136px; }

div.navi ul.navis li.naviFloor {}
div.navi ul.navis li.naviFloor a { background: url("../media/mnavi_floor.jpg") no-repeat left top; }
div.navi ul.navis li.naviFloor a:hover { background-position: 0 -136px; }

div.navi ul.navis li.naviAccess { width: 219px; height: 67px; }
div.navi ul.navis li.naviAccess a { background: url("../media/mnavi_access.jpg") no-repeat left top; }
div.navi ul.navis li.naviAccess a:hover { background-position: 0 -67px; }

div.navi ul.navis li.naviPassport { width: 219px; height: 69px; }
div.navi ul.navis li.naviPassport a { background: url("../media/mnavi_passport.jpg") no-repeat left top; }
div.navi ul.navis li.naviPassport a:hover { background-position: 0 -69px; }

/* news --------------------------------------------------*/
.news {
	text-align: left;
	width: 898px;
	height: 34px;
	margin: 1px auto;
	background-color: #e2f4fc;
	color: #777;
	overflow: auto;
	font-size:0.85em;
}
.news a { color: #777; text-decoration: none; }
.news a:hover { text-decoration: underline; }
.news h2 {
	background: url("../media/h_news.gif") no-repeat left top;
	text-indent: -9999px;
	width: 62px;
	height: 34px;
	float: left;
}
.news ul { overflow: auto; padding: 3px 0; }

/* h2 --------------------------------------------------*/
.h2Set { position: relative; clear: both; }
.h2Set div { float: right; margin-top: -40px; position: relative; z-index: 99; }
.h2Set div ul { overflow: hidden; height: 1%; float: left; }
.h2Set div ul li { display: block; float: left; }
.h2Set div ul li a { display: block; background: url("../media/arrow_01.gif") no-repeat left center; padding-top:1px;padding-left: 7px; margin-right: 10px; }

/*.h2Set div ul li a { display: block; background: url("../media/arrow_popup.gif") no-repeat left center; padding-left: 7px; margin-right: 10px; }*/


.h2Set div ul li.h2sl01,
.h2Set div ul li.h2sl02 { overflow: hidden;margin-top:5px; }
.h2Set div ul li.h2sl01 a,
.h2Set div ul li.h2sl02 a { text-indent: -9999px; display: block; height: 12px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; }
.h2Set div ul li.h2sl01 a:hover,
.h2Set div ul li.h2sl02 a:hover { background-position: 0 -12px; }
.h2Set div ul li.h2sl01 a { background-image: url("../media/h2_shisetu_l01.gif"); width: 65px; }
.h2Set div ul li.h2sl02 a { background-image: url("../media/h2_shisetu_l02.gif"); width: 155px; }

.h2Shisetu { background: url("../media/h2_shisetulist.gif") no-repeat left center !important; text-indent: -9999px; }
.h2InfoSoudan { background: url("../media/h2_soudan.gif") no-repeat left center !important; text-indent: -9999px; }
.h2GaikokuShien { background: url("../media/h2_gaikokushien.gif") no-repeat left center !important; text-indent: -9999px; }
.h2Tosyokan { background: url("../media/h2_tosyokan.gif") no-repeat left center !important; text-indent: -9999px; }
.h2Aboutme { background: url("../media/h2_aboutme.gif") no-repeat left center !important; text-indent: -9999px; }
/*
.h2SetShisetu div ul li a { height: 12px; overflow: hidden; }
.h2SetShisetu div ul li.h2sl01 a { background: url("../media/h2_shisetu_l01.gif") no-repeat left top !important; text-indent: -9999px; width: 65px; }
.h2SetShisetu div ul li.h2sl01 a:hover { background-position: 0 -12px !important; }
.h2SetShisetu div ul li.h2sl02 a { background: url("../media/h2_shisetu_l02.gif") no-repeat left top !important; text-indent: -9999px; width: 155px; }
.h2SetShisetu div ul li.h2sl02 a:hover { background-position: 0 -12px !important; }
*/
/*
.h2SetShisetu .h2sl01 a { background: url("../media/h2_shisetu_l01.gif") no-repeat left center !important; text-indent: -9999px; }

.h2sl01 a { background: url("../media/h2_shisetu_l01.gif") no-repeat left center !important; text-indent: -9999px; }
.h2sl02 a { background: url("../media/h2_shisetu_l02.gif") no-repeat left center !important; text-indent: -9999px; }
*/
/* plink */
/*.plink {  position: absolute; top: 50%; bottom: 50%; right: 0; margin-top: -0.7em; }*/
/*
.plink {  position: absolute; top: 1.8em; right: 0; }
.plink ul { float: right; }
.plink ul li { display: block; float: left; }
.plink ul li a { display: block; background: url("../media/arrow_popup.gif") no-repeat left center; padding-left: 7px; margin-right: 10px; float: left; }
*/
/* 貸施設一覧 */
.BoxShisetu { overflow: hidden; height: 1%; position:relative; }
.BoxShisetu .ShisetuH { color: #350000; background-color: #eae5e5; margin-bottom:20px; }
.BoxShisetu .ShisetuH h3{ color: #350000; font-size:1.0em; margin-bottom:3px; border:none;}
.BoxShisetu .ShisetuH .notel{ font-size:1.2em; margin-bottom:1px;}
.BoxShisetu .ShisetuRead { background: url("../media/h2_shisetulist_read.gif") no-repeat left top; text-indent: -9999px; width: 112px; height: 39px; margin: 0 0 8px 0 !important; }
.BoxShisetu .cubeH,
.BoxShisetu .cube { width: 136px; min-height: 132px; height: auto !important; height: 132px; float: left; margin: 0 13px 0 0; }
.BoxShisetu .cubeH {  margin-bottom: 17px; }
.BoxShisetu .cube { padding-bottom: 17px; }

.BoxShisetu .cube img { display: block; margin-bottom: 1px; }
.BoxShisetu .cube div { background: url("../media/cube_bg.gif") repeat-x left top; }
.BoxShisetu .cube p {margin-bottom: 5px !important; clear: both; overflow: hidden; height: 1%; }
.BoxShisetu .cube p a { background: url("../media/arrow_01.gif") no-repeat 0 0.7em !important; padding-left: 6px; font-weight: bold; display: block; float: left; }

.BoxShisetu .cube p.read { font-size: 1em; color: #824a1d; padding-top: 6px; margin-bottom: 0px !important; }

.BoxShisetu .cube dl { overflow: hidden; height: 1%; float: left; /*margin-right: 4px;*/ color: #444; }
/*.BoxShisetu .cube dl dt, .BoxShisetu .cube dl dd { float: left; }*/
.BoxShisetu .cube dl dt { display: none; }
.BoxShisetu .cube dl dd { min-height: 11px; height: auto !important; height: 11px; padding-left: 25px; padding-right: 4px; display: inline; }
.BoxShisetu .cube dl.cubeNum dd { background: url("../media/cube_icon_num.gif") no-repeat left center; }
.BoxShisetu .cube dl.cubeSize dd { background: url("../media/cube_icon_size.gif") no-repeat left center; }


/* 情報相談コーナー */
.boxInfo {
/*	position: relative;*/
	overflow: hidden;
	height: 1%;
}
/*.boxInfo h2 { margin-bottom: 60px !important; }*/
.boxInfo .mimg {/* position: absolute; top: 33px; left: 0; */ margin: -23px 0 10px 0;position: relative; }

/* 外国人支援サービス */
.h2SGaikokuShien { overflow: hidden; height: 1%; }

/* 図書資料室 */
.boxTosyo { overflow: hidden; height: 1%; margin-bottom: 0 !important; }
.boxTosyo .mimg { margin-top: -10px !important; }
.boxTosyo p {_font-size:0.9em;_letter-spacing:-0.1em; }

/* 岡山国際交流センターについて */
.boxAbout { overflow: hidden; height: 1%; }
.boxAbout h2 { margin-bottom: 0 !important; }
.boxAbout .texts { color: #350000; background-color: #eae5e5; padding: 15px 0 0 15px; _padding: 10px 0 0 10px;_letter-spacing:0.1em;_font-size:95%; }
.boxAbout .mimg { float: right; margin-top: -28px !important; margin-top: -22px !important; position: relative; }
.boxAbout .boxAboutInfo { background: url("../media/h2_aboutme_info.gif") no-repeat left top; text-indent: -9999px; height: 51px; border-top: 1px solid #fff;}
/* size */
.w140 { width: 125px; }