@charset "UTF-8";

/******************************
@custom.css
@author k
@dateCreated 2009/08/27 18:33
@dateModified 
@description カスタマイズ専用
@note
■必ずページidセレクタから書くこと。
ex: #index セレクタ～{}, #mypage セレクタ～{}

******************************/



/*----------------------------
	観光ポータル・SNS共通
----------------------------*/

#container {
	background-color:#FFFFFF;
	border:2px solid #665546;
	margin:15px auto;
	width:950px;
}
* html #container {
	width:954px;
}

/* commonNv */

#commonNv{
    height: 35px;
    margin: 5px 0 5px auto;
    position: absolute;
    right: 0;
    top: 110px;
    width: 250px;
}
#sitemapNv{
    float: left;
    font-size: 11px;
    height: 18px;
    margin-bottom: 2px;
    padding-left: 3px;
    padding-top: 4px;
    width: 60px;
}
#sitemapNv li{
	display:inline;
	padding:0 2px;
}
#sitemapNv li a{
	color:#FFF;
}
#gSearch{
	float:left;
	width:180px;
	margin:0 2px 2px;
}

/* commonNv top portal */

#module-index #action-top #commonNv,
#module-index #action-index #commonNv,
#module-index #action-link #commonNv,
#module-special #action-index #commonNv,
#module-pamphlet #commonNv,
#module-google #commonNv{
  height: auto;
  margin: 0;
  position: absolute;
  right: 0;
  top: 204px;
  width: 180px;
}

#module-index #action-top #sitemapNv,
#module-index #action-index #sitemapNv,
#module-index #action-link #sitemapNv,
#module-special #action-index #sitemapNv,
#module-pamphlet #sitemapNv,
#module-google #sitemapNv{
	float:left;
	width:120px;
	font-size:11px;
	height:18px;
	margin-bottom:2px;
	padding-left:3px;
	padding-top:4px;
}
#module-index #action-top #sitemapNv li,
#module-index #action-index #sitemapNv li,
#module-index #action-link #sitemapNv li,
#module-special #action-index #sitemapNv li,
#module-pamphlet #sitemapNv li,
#module-google #sitemapNv li{
	display:inline;
	padding:1px;
	border:1px solid #FFF;
  font-size:12px;
}
#module-index #action-top #sitemapNv li a,
#module-index #action-index #sitemapNv li a,
#module-index #action-link #sitemapNv li a,
#module-special #action-index #sitemapNv li a,
#module-pamphlet #sitemapNv li a,
#module-google #sitemapNv li a {
	color:#FFF;
}
#module-index #action-top #gSearch,
#module-index #action-index #gSearch,
#module-index #action-link #gSearch,
#module-special #action-index #gSearch,
#module-pamphlet #gSearch,
#module-google #gSearch{
	float:none;
	width:180px;
	margin:0 2px 2px;
}

/* 言語切替ボタン */
#cm_culture{
	float:left;
	width:71px;
	height:13px;
	padding-top:4px;
	margin:0px;
}
#cm_culture li{
	float:left;
	width:20px;
	margin-left:2px;
}
#cm_culture li a{
	height:13px;
	display:block;
}
#cm_culture #ja{
	background:url(/img/portal/langbtn.gif) no-repeat 0 0;
}
#cm_culture #en{
	background:url(/img/portal/langbtn.gif) no-repeat -25px 0;
}
#cm_culture #zh{
	background:url(/img/portal/langbtn.gif) no-repeat -50px 0;
}

#cm_culture li#ja a{
	background:none;
	width:20px;
}
#cm_culture li#en a{
	background:none;
	width:20px;
}
#cm_culture li#zh a{
	background:none;
	width:20px;
}
#easybrowser {
	position:absolute;
	right:5px;
	top:2px;
}
/* Footer */

#footer address{
	padding:10px 0;
}
#footer address p{
	float:left;
}
#footerName{
	font-weight:bold;
	font-size:2.5em;
	padding:7px 20px 0px 20px;
}
#footerAdress,
#footerfax{
	padding-top:30px;
}
#footerfax{
	margin:0px 10px;
}
#footerTel{
	font-weight:bold;
	font-size:2em;
	margin-left:10px;
	width:230px;
	display:block;
}
#footerTeltx{
	font-weight:bold;
	font-size:0.4em;
}
#copyright{
	text-align:right;
	padding:5px;
}
#sub1 .showHide-Trigger{
	display:block;
	cursor:pointer;
	position:absolute;
	width:20px;
	height:20px;
	right:3px;
	top:0.7em;
	padding:3px;
	background:url("/img/custom/downBtn.gif") no-repeat;
	text-indent:-9999px;
}

#main .showHide-Trigger{
	display:block;
	cursor:pointer;
	position:absolute;
	width:20px;
	height:20px;
	right:5px;
	top:1em;
	padding:3px;
	background:url(/img/custom/downBtn.gif) no-repeat;
	text-indent:-9999px;
}
.profile_link-official{
	padding-left:15px;
	margin:0 3px;
	background:url(/img/icons/officilal_icon.gif) no-repeat;
}
.profile_link-resident{
	padding-left:15px;
	background:url(/img/icons/resident_icon.gif) no-repeat;
}
.profile_link-admin{
	padding-left:15px;
	background:url(/img/icons/admin_icon.gif) no-repeat;
}
.profile_link-partner{
	padding-left:18px;
	background:url(/img/icons/partner_icon.gif) no-repeat;
}
.profile_link-member{
	padding-left:15px;
	background:url(/img/icons/member_icon.gif) no-repeat;
}
.profile_name_resident{
	padding-left:15px;
	background:url(/img/icons/resident_icon.gif) no-repeat;
}
.profile_name_member{
	padding-left:15px;
	background:url(/img/icons/member_icon.gif) no-repeat;
}

/*----------------------------
	SNS
----------------------------*/

/*** header ***/
#header {
	width:auto;
	position:relative;
	margin:0px;
	padding:0px;
}
#header h1{
	height:100px;
	width:190px;
	padding:0;
	margin:0;
	float:none;
}
#header h1 a img{
	border:0;
}

/* リンク */
a:link{
	color:#00747A;
	text-decoration:none;
}
a:visited{
	color:#00747A;
	text-decoration:none;
}
a:hover{
	color:#00747A;
	text-decoration:underline;
}
a:active{
	color:#00747A;
	text-decoration:none;
}

/* コンテンツ */
#content {
	background:none;
  padding: 0 0 15px;
}
#sub1 h3{
	padding:6px 0;
	text-align:center;
	font-size:100%;
	font-weight:bold;
	background:url(/img/custom/sub1title.g.gif);
	color:#fff;
}
/* mainカスタマイズ*/
#main{
	width:730px;
	margin-right:0;
}

#main .globalTitle{
	margin-bottom:10px;
	padding:7px 0px 7px 14px;
	height:auto;
	font-weight:bold;
	color:#666;
	background:url(/img/custom/globalTitle.gif) repeat-x;
}
.mainSubset{
	padding:10px 10px;
	border:1px solid #CCC;
	margin-top:-1px;
}
/* mainカスタマイズ*/

#footerInfo #infolist{
	width:250px;
}
.fileslist{
	padding:3px;
}
.fileslist a{
	float:left;
}
.file_download_link-pdf{
	display:block;
	padding-left:20px;
	margin-right:10px;
	background:url(/img/icons/icon_pdf.gif) no-repeat;
}
.file_download_link-ppt{
	display:block;
	padding-left:20px;
	margin-right:10px;
	background:url(/img/icons/icon_ppt.gif) no-repeat;
}
.file_download_link-pptx{
	display:block;
	padding-left:20px;
	margin-right:10px;
	background:url(/img/icons/icon_pptx.gif) no-repeat;
}
.file_download_link-xls{
	display:block;
	padding-left:20px;
	margin-right:10px;
	background:url(/img/icons/icon_xls.gif) no-repeat;
}
.file_download_link-xlsx{
	display:block;
	padding-left:20px;
	margin-right:10px;
	background:url(/img/icons/icon_xlsx.gif) no-repeat;
}
.file_download_link-csv{
	display:block;
	padding-left:20px;
	margin-right:10px;
	background:url(/img/icons/icon_csv.gif) no-repeat;
}
.file_download_link-doc{
	display:block;
	padding-left:20px;
	margin-right:10px;
	background:url(/img/icons/icon_doc.gif) no-repeat;
}
.file_download_link-docx{
	display:block;
	padding-left:20px;
	margin-right:10px;
	background:url(/img/icons/icon_docx.gif) no-repeat;
}
.file_download_link-txt{
	display:block;
	padding-left:20px;
	margin-right:10px;
	background:url(/img/icons/icon_others.gif) no-repeat;
}
.file_download_link-png{
	display:block;
	padding-left:20px;
	margin-right:10px;
	background:url(/img/icons/icon_png.gif) no-repeat;
}

.file_download_link-jpg{
	display:block;
	padding-left:20px;
	margin-right:10px;
	background:url(/img/icons/icon_jpg.gif) no-repeat;
}

.file_download_link-gif{
	display:block;
	padding-left:20px;
	margin-right:10px;
	background:url(/img/icons/icon_gif.gif) no-repeat;
}

.file_download_link-zip{
	display:block;
	padding-left:20px;
	margin-right:10px;
	background:url(/img/icons/icon_zip.gif) no-repeat;
}

#file_expTitle{
	font-weight:bold;
}

#file_exp span{
	float:left;
	margin-right:10px;
}

#file_exp{
	margin:0px 10px 5px 10px;
	padding:10px;
	border:1px #ccc dotted;
}

#file_exp dd{
	padding:3px 0px;
}

#youtubeArea{
	border:3px solid #E2D8C0;
	background:#F1EDE2;
}

#playerWrp{
	margin:0px 0px 0px 0px;
	width:174px;
	height:174px;
	background:#F1EDE2;
}

#nowVideosData{
	min-height:80px;
	padding:10px;
	font-size:90%;
}

#videosDataTitle{
	color:#00747A;
	font-weight:bold;
	padding:3px 0;
	border-bottom: 2px dotted #665546;
}

#videosDataDesc{
	font-size:90%;
	padding:3px 0;
}
.videos .y_t_thumimg{
	width:53px;
	height:40px;
	padding:5px 2px;
	float:left;
	position: relative;
	cursor: pointer;
}
.searchKeyword input {
width:140px;
}
.searchSelector select {
width:150px;
}

/*----------------------------
	観光ポータル
----------------------------*/
#module-index #action-top #content,
#module-index #action-index #content{
	margin:0;
	background: url(/img/portal/contentbg.gif) repeat-y scroll 0 0  #FFF;
}
#module-index #action-top #sub1,
#module-index #action-index #sub1{
	width:120px;
}
* html #module-index #action-top #sub1,
* html #module-index #action-index #sub1{
	margin-right:10px;
}
* html #gsl,
* html #ssl{
	width:100px;
	overflow:hidden;
}
#module-index #action-top #main,
#module-index #action-index #main{
	background-color:#FFF;
	width:820px;
	min-height:500px;
	padding-top:30px;
}
* html #module-index #action-top #main,
* html #module-index #action-index #main{
	margin:0;
}
/*観光ポータル側 TOPコンテンツ*/
#getFeed{
	margin:0 36px;
	width:500px;
	float:left;
}
#getFeed h3{
	background:url(/img/portal/getFeedh3.gif) no-repeat scroll 0 0 #FFFFFF;
	color:#FFFFFF;
	font-weight:bold;
	height:30px;
	line-height:30px;
	padding:0 5px;
}
.index-widget{
  border-top:2px solid #0B3D78;
  border-bottom:2px solid #0B3D78;
  background-color:#E4EAF1;
  padding:5px;
  margin: 10px 20px 0 36px;
  clear:both;
}
.block-tw {
    float: left;
    margin: 5px;
    width: 210px;
}
.block-tw + div {
    float: right;
    margin: 5px;
    width: 500px;
}
.block-fb{
  background-color:#fff;
}
.block-yt {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    padding: 2px;
    margin-bottom:15px;
}
.block-yt iframe{
  float:left;
}
#videoswrp {
    float: right;
    padding: 5px;
    position: relative;
    width: 240px;
}
#videos{
  margin-bottom:15px;
}
.yt_videos {
    background-color: #F6F6F6;
    margin: 5px 0;
    overflow: hidden;
    padding: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#outakiDayori{
	float:left;
	width:500px;
}
#cameraweather{
	float:right;
	margin-right:20px;
  margin-bottom: 20px;
	width:220px;
}
#cameraweather h3{
	background:url(/img/portal/cameraweatherh3.gif) no-repeat scroll 0 0 #FFFFFF;
	color:#FFFFFF;
	font-weight:bold;
	height:30px;
	line-height:30px;
	padding:0px 5px;
	width:auto;
}
.cameramap{
 margin:4px;
}
.cameraArea{
	margin:5px 0 10px;
}
.cameraArea .veiwimage{
	float:left;
	width:60px;
  height:auto;
	padding-right:6px;
}
.cameraArea .veiwpoint{
  float:right;
  width:150px;
}
.cameraArea .veiwpoint p{
  border:1px solid #ccc;
  background-color:#F9FAFC;
  padding:2px;
  margin-left: 1em;
}
#livecamera, #pamphlet{
   margin-bottom:10px;
}

/* 総合トピックス
ポータル側おうたき便り */
#otakiLetterPortalWrp{
	padding:10px;
}
#otakiLetterPortalWrp .objTitle a{
	font-weight:bold;
}
.otakiLetterUnit {
	padding-bottom:10px;
  padding-top:5px;
	border-bottom:1px #999 solid;
}
.otakiLetterUnit .objtitle{
	padding:0px 0px 0px 5px;
}
.otakiLetterUnit .objDate{
	padding:0px 0px 0px 10px;
}
.otakiLetterUnit dl{
	float:left;
	width:250px;
}
.otakiLetterUnit p{
	float:right;
	width:100px;
}
#getFeed #portaltitle,
#getFeed #snseventstitle,
#getFeed #outakiInfoTitle{
	background:none;
	color:#141414;
	padding:5px 0;
	border-bottom:1px solid #141414;
}
#getFeed #outakiInfoTitle{
	border-bottom:none;
}
#outakiInfomation{
	padding:10px;
}
#infolist .infocontents{
	padding:5px 0px;
	margin:5px 0px 10px 0px;
	border-bottom:1px solid #999;
}

/* 観光ポータル側　イベント新着一覧 */
#module-index #action-index .eventEntry{
	width:345px;
	padding:5px;
	margin-top:5px;
	border-bottom:1px dotted #ccc;
}
.eventEntry ul{
	margin-top:5px;
}
.catName{
	width:70px;
	text-align:center;
	color:#fff;
	font-size:70%;
	float:left;
}
.eventEntry .objDate{
	float:right;
	padding:0px;
}
.eventCat1{
	background:#6A8A7F;
}
.eventCat2{
	background:#AE7D5B;
}
.eventCat3{
	background:#5C7F92;
}
.eventCat4{
	background:#B6848C;
}
.eventCat5{
	background:#B3995D;
}
.eventCat6{
	background:#6A8A7F;
}
.eventCat7{
	background:#8589B3;
}
.eventEntry p,
.eventEntry dl{
	float:left;
}
.eventEntry p{
	width:70px;
	text-align:center;
}
#module-index #action-index .eventEntry dl{
	width:260px;
	padding-left:10px;
}
/* END 観光ポータル側　イベント新着一覧 */

/* footer */
#module-index #action-index #footer{
	background-color:#FFFFFF;
}

/***********
2階層目
************/