@charset "shift_jis";

/*=========================================================
	[ local_layout.css ]
	for contents1/ubiquitous
	※layout.cssの上書き用　（ユビキタスカレッジ）
	date - creation:2009-11-25
=========================================================*/
/* for categories */
@import "/koho/format/css/top_info.css";

/* contents
=========================================================*/
#container{
	padding:0 10px 15px 11px;
}
/* 2column */
#content{
	float:right;
	width:540px;
	font-size:95%;
}
#side{
	float:left;
	width:180px;
}
#content.idx{
	float:left;
	width:540px;
	font-size:95%;
}
#side.idx{
	float:right;
	width:180px;
}

/* old format */
#infoNews{font-size:135%;}
#infoNews h2{font-size:75%;}
#infoNews li{font-size:75%;}

/* バナー部分背景 */
#side .idxBnBase{
	background-color: #F5F5F5;
	text-align: center;
	padding: 5px 0;
	margin-top: 10px;
}

#side .idxBn {
	margin: 3px 0 5px 0;
}
#side .idxBn2 {
	margin: 3px 0 5px 0;
	text-align: left;
	font-size: 12px;
}
#side .idxBn2 p{
	padding: 5px 12px 0;
}


/* 1column */
.column1 #content{
	float:none;
	width:740px;
}




/* 見出し
=========================================================*/
/* heading level1
---------------------------------------------------------*/
#content h1{
	margin-top:10px;
	padding-bottom:15px;
/*	background:transparent url(/ubiq/format/images/heading1_border.gif) repeat-x left bottom;*/
	background: none!important;
	font-size:139%;
	font-weight:900;
	line-height:1.2;
}

/* heading level2
---------------------------------------------------------*/
#content h2{
	margin-top:0;
	padding:4px 0 4px 0px;
/*	background:#EBEBEB url(/ubiq/format/images/heading_bk1.jpg) repeat-x left top;*/
	background: none!important;
/*	border:1px solid #BBBBBB;
	border-bottom:1px solid #1A0F94;*/
	border: none!important;
	font-weight:bold;
	line-height:1.3;
}

#content h2.ubiq-h2{
	color:#FF3300;
}

#content h2.ubiq-h2-b{
	margin-top:30px;
	padding:4px 0 4px 8px;
	background:#EBEBEB url(/koho/format/images/heading_bk1.jpg) repeat-x left top!important;
	border:1px solid #BBBBBB!important;
	border-bottom:1px solid #1A0F94!important;
}


/* contact
---------------------------------------------------------*/
#content #contact{
	margin-top:30px;
	border:1px solid #BBBBBB;
}
#content #contact h2{
	clear:both;
	margin:0;
	padding:4px 0 4px 8px;
	background:#EBEBEB url(/ubiq/format/images/heading_bk1.jpg) repeat-x left top!important;
	border:0;
	border-bottom:1px solid #BBBBBB!important;
}
#content #contact p,
#content #contact div{
	margin:10px;
	font-size:85%;
	line-height:1.5;
}
#content #contact strong{
	margin:0;
	padding:0;
	font-weight:bold;
	background-color:transparent;
}
/* in other elements */
#content #contact div p{
	margin:0;
	font-size:100%;
}
/* Receptionist time */
#contact div.time{margin:10px;}
#contact .time p{font-weight:bold;}
.time dl{
	width:auot;
	line-height:1.5;
}
.time dt{
	float:left;
	width:5em;
}
.time dd{
}

/* heading level3
---------------------------------------------------------*/
#content h3{
	margin-top:15px!important;
	padding:1px 0 1px 0px;
	border-left:none!important;
	line-height:1.3;
}

#content h3.ubiq-h3{
	border-left:#1A0F94 4px solid!important;
	padding-left:5px;
}


/* ナビゲーション
=========================================================*/
/* paragraph
/* 1. Navigation box & Heading
=========================================================*/
div.navBox{width:180px;}

div.navBox h3{
	background:#A5B8F5;
	border-top: 1px solid #999;
}

#side div.navBox h3 a{
	display:block;
	padding:6px 0 5px 5px;
	font-size:80%;
	color:#ffffff;
	text-decoration:none;
}
#side div.navBox h3 a:hover{color:#FFF600;}


/* Common
---------------------------------------------------------
#navLocal ol.subLst li.subLst a{
	color:#ffffff!important;
}
#navLocal ol.subLst li.subLst a:hover{
	color:#cc0000!important;
}
*/

/* level 1
---------------------------------------------------------*/
ul#navLocal{
	padding:0!important;
	list-style-type:none;
	border:none!important;
	border-top:none;
	font-size:80%;
	background-color: white!important;
}

#navLocal li{border-top:none!important;}

/* link color */
#navLocal li a{
	padding:8px 3px 6px 6px;
	background: url(/ubiq/images/menu_h3.gif) no-repeat top left!important;
	border-bottom: 1px solid white;
}


#navLocal a.hover,
#navLocal li.active a{
	color:#000000;
	background-color: white!important;
/*	background-color:#F8E28F;*/
/*	background: url(/ubiq/images/menu_h3.gif) no-repeat top left!important;*/
}

#navLocal li h4 a,
#navLocal li h4 a:hover{
	color:#ffffff!important;
	background: white url(../images/menu_h2.gif) repeat-y!important;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid white;
}

/* level 2
---------------------------------------------------------*/
#navLocal li ul{
	overflow:hidden;
	height:auto !important;
	padding:3px 0!important;
	margin: 0!important;
	list-style:none;
	border-top:0;
	background: white;
}
#navLocal ul li{
	border:0;
	padding: 0;
}
#navLocal li li a,
#navLocal li.active li a{
	border:0;
	padding: 4px 0 3px 20px;
	background: white url(../images/menu_list.gif) no-repeat top left!important;
}

#navLocal li.currentLink a{
	color:#000000!important;
}
#navLocal li.currentLink a:hover{
	color:#cc0000!important;
}

#navLocal ol.subLst li.currentLink ul.lst li a{
	color:#000000!important;
}
#navLocal ol.subLst li.currentLink ul.lst li a:hover{
	color:#cc0000!important;
}

#navLocal ol.subLst li.currentLink ul.lst li.currentLink a{
	color:#CC0000!important;
}

#navLocal li ol.subLst li.subLst a.opened a{
	color:#000000!important;
}
#navLocal li ol.subLst li.subLst a.closed a{
	color:#ffffff!important;
}
#navLocal li ol.subLst li.subLst a.opened:hover{
	color:#CC0000!important;
}
#navLocal li ol.subLst li.subLst a.closed:hover{
	color:#CC0000!important;
}

#navLocal li li.currentLink a{
	color:#CC0000!important;
	background: url(/ubiq/images/menu_list_on.gif) no-repeat top left!important;
}
#navLocal ol.subLst li ul li.currentLink a{
	color:#CC0000!important;
	background: url(/ubiq/images/menu_list_on.gif) no-repeat top left!important;
}


#navLocal ol{
	padding: 0;
	margin: 0;
	list-style: none!important;
}
#navLocal ol li a,
#navLocal ol li a:hover,
#navLocal li.active ol a{
	padding:8px 3px 6px 6px;
	color:#000000;
	background: url(/ubiq/images/menu_h3.gif) no-repeat top left!important;
	border-bottom: 1px solid white;
}

#navLocal li ol li a:hover,
#navLocal li ol.subLst a:hover{
	color:#cc0000!important;
	text-decoration: none;
}
#navLocal ol.subLst ul.lst li a,
#navLocal ol.subLst ul.lst li a:hover{
	border:0;
	padding: 4px 0 3px 20px;
/*	background:none;*/
	background: white url(../images/menu_list.gif) no-repeat top left!important;
}
#navLocal ol.subLst ul.lst li a:hover,
#navLocal ol.subLst ul.lst li.active ol.subLst.active li.subLst.active a{
	color:#CC0000!important;
	text-decoration:none;
}

/* link color */
/*
#navLocal li li a:hover,
#navLocal li li.active a{
*/
#navLocal li li a:hover{
	color:#cc0000;
	text-decoration: none;
	background:none;
}
#navLocal li li.active a{
	text-decoration:none!important;
}


#navLocal ul.topLink{
	overflow:hidden;
	height:auto !important;
	padding:0!important;
	list-style:none;
	border-top:0;
	background: none!important;
}

#navLocal ul.topLink li a{
	padding:8px 3px 6px 6px!important;
	color:#000000!important;
	background: url(/ubiq/images/menu_h3.gif) no-repeat top left!important;
	border-bottom: 1px solid white!important;
}

#navLocal ul.topLink li a:hover{
	color:#cc0000!important;
	text-decoration:none;
}	

.menuSpacer{
	background: url(/ubiq/images/menuSpacer.gif) repeat-y top left!important;
	padding: 0!important;
	margin: 0!important;
	height: 10px;
	_height: auto;
}



#navLocal ol li.currentLink a{
	color:#000000!important;
	background: url(/ubiq/images/menu_h3.gif) no-repeat top left!important;
}

#navLocal ol li ul li.currentLink a{
	color:#CC0000!important;
	background: url(/ubiq/images/menu_list_on.gif) no-repeat top left!important;
}

#navLocal ol.subLst li a,
#navLocal ol.subLst li a:hover,
#navLocal li.active ol.subLst a{
	padding:8px 3px 6px 6px;
	color:#000000;
	background: url(/ubiq/images/menu_h4.gif) no-repeat top left!important;
	border-bottom: 1px solid white;
}
#navLocal ol.subLst li.currentLink a.opened{
	color:#000000!important;
}
#navLocal ol.subLst li.currentLink a.opened:hover{
	color:#cc0000!important;
}

/* level 3
---------------------------------------------------------*/
ul.lst li{
	border-bottom: 1px solid #bbbbbb!important;
}
ul.lst li.end{
	border-bottom: none!important;
}


#navLocal li li.lv3 a{
	padding-left:14px;
}


#navLocal ol.subLst a.closed {
	color:#ffffff!important;
}
#navLocal li a.opened {
	color:#000000!important;
}
#navLocal li a.closed {
	color:#ffffff!important;
}
#navLocal li a.closed:hover{
	color:#CC0000!important;
}
#navLocal li a.opened:hover{
	color:#CC0000!important;
}


/* 3. Index Only Link box
=========================================================*/
div#navlocLink{
	margin-top:15px;
	padding:8px;
	background-color:#F1F3F4;
	height:1.3;
	font-size:75%;
	line-height:1.3;
}



/* テキスト
=========================================================*/
/* paragraph
---------------------------------------------------------*/
p.text,
.section p{
	margin:.5em 10px 0;
	line-height:1.8;
	text-indent:0!important;
}
.idx p.text,
.idx .section p{
	margin:.5em 0 0;
	line-height:1.8;
	text-indent:0!important;
}

/* first paragraph */
p.fstPara,
.section p.fstPara{margin-top:20px;}

/* plain text */
#content .para{
	margin:20px 10px 0;
	line-height:1.8;
	text-indent:0;
}

/* in other elements */
.section dd p,.section li p,
dd p.text,li p.text,
dd p.para,li p.para{margin:0;}

/* 画像
=========================================================*/
p.imgCenter{
	text-align: center;
	margin: 5px 0 10px 0;
}
/* 「閉じる」ボタンの処理用 */
p.imgCenter a img{
	margin-bottom: 5px;
}
/* dlタグの中に画像を入れたいとき用に */
span.imgCenter{
	display: block;
	text-align: center;
	margin: 10px 0 10px 0;
}
span.imgCenter2{
	display: block;
	text-align: center;
	margin: 10px 0 0 0;
}

span.imgCenterText{
	display: block;
	text-align: center;
	margin: 0 0 10px 0;
	font-size:10px;
	color:#999999;
}
p.imgLeft{
	text-align: Left;
	margin: 5px 0 10px 0;
}

/* list margin
=========================================================*/
/* description is long
---------------------------------------------------------*/
.des-long dt{
	margin-top:15px;
	padding-bottom:1px!important;
	border-bottom:0!important;
	font-weight:bold;
	line-height:1.5;
}
.blue dt{
	color: #0000ff;
}
.des-long dd{
	margin-top:0!important;
	padding-left:20px!important;
	line-height:1.5;
}

.des-shin dt{
	clear:both;
	float:left;
	width:10em;
	line-height:1.3;
}
.des-shin dd{
	margin-bottom:10px;
	margin-left:11em;
	padding:0;
	line-height:1.3;
}

.tblNumList{

}
.tblNumList th{
	font-weight: normal;
	text-align: right;
	width: 20px;
	vertical-align: top;
	padding: 0 5px 10px 3px;
	line-height: 1.6;
}

.tblNumList td{
	padding: 0 12px 10px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 1.6;
}

.tblNoBorderList{
	border: none!important;
}
.tblNoBorderList th{
	border: none!important;
	background-color: white!important;
	font-weight: normal;
	text-align: right;
	width: 18px;
	vertical-align: top;
	padding: 0 5px 10px 3px;
	line-height: 1.4;
}

.tblNoBorderList td{
	border: none!important;
	padding: 0 12px 10px 10px;
	text-align: left;
	vertical-align: top;
	line-height: 1.4;
}


/* その他
=========================================================*/
.viewFile{
	text-align: center;
	width: 45px;
}

.viewFile a{
	background: url(/ubiq/images//ubiq/css/view.gif) no-repeat;
	width: 43px;
	height: 19px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
}
.viewFile2{
	text-align: center;
	width: 45px;
}

.viewFile2 a{
	background: url(/ubiq/images/view2.gif) no-repeat;
	width: 43px;
	height: 19px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
}
/*
.viewFile a:hover{
	background: url(/ubiq/css/view.gif) no-repeat;
	width: 52px;
	height: 26px;
	display:block;
	text-decoration: none;
	text-indent: -9999px;
}
*/

p.subt{
	padding: 15px 0 0 0!important;
	font-weight: bold;
}
p.subt2{
	padding: 0!important;
	font-weight: bold;
}

#tblNameList .name{
	font-size: 1.4em;
	margin-left: 10px;
	font-weight: bold;
}

#linkNavi{
	padding: 15px 0 0;
}
#linkNavi ul{
	margin: 0 0 0 2px;
	padding: 0;
}
#linkNavi li{
	height:auto !important;
	padding:0 15px 0;
	margin-top: 6px;
	list-style:none;
	background: url(/ubiq/images/idx_arrow.gif) no-repeat left 3px;
}


div.roundBox {
  padding:5px;
  background:white;
  width:500px;
}

div.cornerWrap {
  background:#ccc;
  width:510px;
  padding:2px;
  margin: 15px 0 0 15px;
}

.colorRed{
	color: red;
}
.colorBlue{
	color: #0000ff;
}
.colorLBlue{
	color: #0070c0;
}

/* 2008.05.27 add */
.mt30{
	margin-top: 30px!important;
}
.mt3{margin-top:3px;}

/* 2008.05.27 add：DDタグ内用写真横並べ */
table.ddImage td{
	border: 0;
	padding: 0;
	margin:0;
	text-align: left;
	vertical-align: top;
}
table.ddImage td.sp{
	width: 15px!important;
}


/*/
/*
	CSS for "Custom Javascript Dialog Boxes script"
	http://www.leigeber.com/2008/04/custom-javascript-dialog-boxes/
*/
/*/
#dialog {position:absolute; width:325px; padding:10px; z-index:200; background:#fff}
#dialog-header {display:block; position:relative; width:311px; padding:3px 6px 7px; height:14px; font-size:14px; font-weight:bold}
#dialog-title {float:left}
#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px; background:url(/ubiq/js/dialog_close.gif) no-repeat}
#dialog-content {display:block; height:160px; padding:6px; color:#666666; font-size:13px}
#dialog-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:#FFF; opacity:.85; filter:alpha(opacity=85); z-index:100}

.error {background:#fff url(/ubiq/js/error_bg.jpg) bottom right no-repeat; border:1px solid #924949; border-top:none}
.errorheader {background:url(/ubiq/js/error_header.gif) repeat-x; color:#6f2c2c; border:1px solid #924949; border-bottom:none}
.warning {background:#fff url(/ubiq/js/warning_bg.jpg) bottom right no-repeat; border:1px solid #c5a524; border-top:none}
.warningheader {background:url(/ubiq/js/warning_header.gif) repeat-x; color:#957c17; border:1px solid #c5a524; border-bottom:none}
.success {background:#fff url(/ubiq/js/success_bg.jpg) bottom right no-repeat; border:1px solid #60a174; border-top:none}
.successheader {background:url(/ubiq/js/success_header.gif) repeat-x; color:#3c7f51; border:1px solid #60a174; border-bottom:none}
.prompt {background:#fff url(/ubiq/js/prompt_bg.jpg) bottom right no-repeat; border:1px solid #4f6d81; border-top:none}
.promptheader {background:url(/ubiq/js/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none}


/* btn
=========================================================*/
#content .btn-ubiq{
	margin:10px auto 0;
	width:180px;
	text-align:center;
}
#content .btn-ubiq a,
#content .btn-ubiq a:hover{
	display:block;
	padding:7px;
	font-size:80%;
	color:#ffffff!important;
	background: white url(../images/menu_h2.gif) repeat-y!important;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid white;
	font-weight:bold;
	text-decoration:none;
}