@charset "utf-8";

/*==================
ベースのCSSの設定
====================*/

/*ベースの要素の設定をリセット*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
p,article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,input{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
table,thead,tbody,tfoot,caption,th,td {
	margin: 0;
	padding: 0;
	}

/*HTML5の新要素をdisplay:blocにする*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

/*画像の枠線をクリアして位置の初期値の設定*/
img{
	border:0;
	vertical-align: top;
}

/*サイト全体の基本情報の設定*/
body{
	font-size: 76%;
	font-family:Arial,Helvetica,Verdana,"Lucida Grande",Lucida,sans-serif;
	line-height:1.4;
	color:#333;
	background-color: #E4E4E4;
	background-image: url(../images/back_pattern.png);
	background-repeat: repeat;
	margin-bottom:25px;
}


/*リンク時の枠の点線をなしにする*/
a{
	outline: none;
}

/*共通リンクの装飾の設定*/
a:link,
a:visited,
a:active{
	color:#cc4606;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

/*グレーリンクの装飾の設定*/
.a:link,
a:visited,
a:active{
	color:#cc4606;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

.newslink li a:link,
.newslink li a:visited,
.newslink li a:active{
	color:#bbb !important;
	text-decoration:none;
}

/*リスト要素の初期値をリセット*/
ul,ol{
	list-style: none;
}

/*clearfixの設定*/
.clearfix:after{  
	visibility:hidden;
	height:0;
	display: block;
	font-size: 0;  
	content: " ";  
	clear: both;  
}  

/*=====================
外枠の設定
=======================*/
/*全体を囲む枠の装飾*/
#wrapper{
	width:940px;
	margin:0 auto;
	padding:0 20px;
	position:relative;
	background:#f2f2f2;
}

/*=====================
ヘッダーエリアの設定
=======================*/
/*幅100%にヘッダーの帯を表示させる装飾*/
#header{
	background: url(../images/top_bg.png) no-repeat left top;
}

/*ヘッダーのコンテンツ領域を940px,144pxにする*/
#header-top{
	height: 124px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

/*ロゴを右に設定*/
#logo{
	float:right;
}

/*検索フォーム,description,submenuを左に設定*/
#header-subnav{
	float:left;
	width:600px;
}

/*検索フォームの設定*/
#search-form{
	position: relative; 
	margin-bottom:10px;
}
.searchform-box{
	background: #FFF;
	border: 1px solid #00305e;
	height: 22px;
	width: 150px;
	padding: 0 5px;
}
#search-btn {
	position:absolute;
	border: 0px;
	width: 24px;
	height: 24px;
	background: url(../images/btn_search.png) left top no-repeat;
}

/*rss・sitemapの設定を右に設定*/
ul#subnav{
	overflow:hidden;
}

/*サブナビゲーションを横並びに設定*/
ul#subnav li a:link{
	display:block;
	float: left;
	margin-right: 5px;
	text-align:center;
}
ul#subnav li a:link span{
	display:block;
	font-size:9px;
	text-align:center;
	line-height:1.2;
}
ul#subnav li a:link,
ul#subnav li a:visited,
ul#subnav li a:active{
	color:#00305e;
}
ul#subnav li a:hover{
	text-decoration:none;
}

/*リード文の装飾*/
#description{
	font-weight:normal;
	color:#00305e;
	margin-top:34px;
}


/*=====================
グローバルナビゲーション・グラフィックの設定
=======================*/

/*ナビゲーションの背景を100%にして背景色とボーダー色を設定*/

#globalnav{
	background-color: #00305e;
	border-top: 3px solid #fd7b11;
	margin:0px;
	padding:0px;
	position:relative;
	z-index:100;
}
#globalnav li{
	font-weight:bold;
}
/*=====================
カルーセルの設定
=======================*/

#carousel{
	height:308px;
	margin:20px 0 10px 0;
}


/*=================
メインエリア設定
===================*/
/*メインエリア領域を設定*/
#main{
	font-size:1.2em;
	padding-bottom:30px;
}

/*コンテンツエリアの幅を700pxにして左側に設定*/
#contents{
	width:630px;
	float:left;
}
#contents-wide{
	width:100%;
	float:left;
}

/*サイドエリアの幅を220pxにして右側に設定*/
#sidebar{
	width:290px;
	float:right;
}

/*コンテンツ内のp要素の文字のサイズを設定*/
#main p{
	font-size:1.0em;
}


/*=================
Informationの設定
===================*/
/*枠の内側の余白の設定*/
.info{
	padding:22px 16px 10px;
	margin-bottom:13px;
/*枠の設定*/
	position:relative;
	background: #FFFFFF;
}
.sticky{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EAEAEA;
    margin-bottom: 24px;
    padding: 12px 16px;
    position: relative;
}
.orangelibbon {
	background-image: url(../images/orange_libbon.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.news{
	margin-bottom: 20px;
}
.event{
	padding-bottom:14px;
	margin-bottom:10px;
}
.Last{
	margin-bottom: 0px !important;
	border-bottom: none;
}

/*見出しの設定*/
.info h1{
	font-size:1.2em;
}
.info h2{
	font-size:28px;
	color:#a3a3a3;
	margin-top:14px;
	margin-bottom: 10px;
}

.sticky,
.news,
.event{
	position:relative;
}
.sticky h1{
	color: #fd7b11;
	font-size:1.4em;
	padding:5px 50px 5px 30px;
	margin-bottom:10px;
}

h1.default{
	color:#00305e;
	padding:5px 65px 5px 10px;
	margin-bottom:12px;
	background: #ececec;
	border:1px solid #eaeaea;
}

/*ニュース本文の設定*/
.info p{
	margin-top:5px;
	padding:0 0 1em 0;
}
/*ニュース内の画像 左寄せ*/
.info img{
	float:left;
	margin: 0 1em 1em 1px;
}

/*イベント一覧の本文設定*/
.event p{
}

/*=================
更新日等の設定
===================*/
.date{
	display:block;
	font-size:90%;
	font-weight:bold;
	color:#24447D;
}
.info .eventdate{
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#24447D;
}
.info .eventplace{
	margin-bottom:5px;
	color:#999;
	margin-bottom:0.8em;
	font-weight:bold;
}

/*===================================
read more , Move to top , share , downloadボタンの設定
====================================*/
/*ボタンを右に設定*/
.sticky-share-btn{
	position: absolute;
	right: 0px;
	top: 25px;
	padding:0 !important;
	padding:0 !important;
	border:none !important;
}
.share-btn{
	position: absolute;
	right: 0px;
	top: 10px;
	padding:0 !important;
	padding:0 !important;
	border:none !important;
}
.share-btn-event{
	position: absolute;
	right: 0px;
	top: 58px;
}

/*Read moreを改行して左寄せに*/
.readmore{
	border:none !important;
	margin-top:-1em;
}



/*=================
publicationsの設定
===================*/
.publications{
	padding:22px 16px 10px;
	margin-bottom:13px;
/*枠の設定*/
	position:relative;
	background: #FFFFFF;
}

.pub-entry{
	margin-bottom: 24px;
	position:relative;
}

/*downloadの設定*/
.pub-dl{
	float:left;
	width:150px;
	padding: 10px;
	margin: 0 1em 1em 1px;
}
.pub-dl img{
	margin-bottom:10px;
}
.download a{
	background: url(../images/icon_download.png) no-repeat right center;
	padding-right: 1em;
}

/*詳細の設定*/
.pub-detail{
	float:right;
	width:410px;
}
.pub-detail h1{
	font-size: 1.2em;
}
.pub-detail .share-btn {
    right: 15px;
}

.pub-detail .readmore {
    border: medium none !important;
    margin-top: 0 !important;
}

/*publications詳細ページの設定*/
.pub-detail-page .pub-dl{
	width:244px;
}
.pub-detail-page .pub-detail{
	width:316px;
}



/*downloadの設定*/


/*=================
個別のマージン設定
===================*/

.mRight20{
	margin-right:20px !important;
}

.mTop20{
	margin-top:20px !important;
}
.mTop15{
	margin-top:15px !important;
}

/*=================
個別フォント設定
===================*/
.font10{
	font-size:10px;
}


/*=============
サイドエリアの設定
===============*/

/*ソーシャルアイコンの設定*/
ul#socbtn{
	overflow:hidden;
	width:180px;
	padding:0 !important;
	border: none !important;
	margin: 0 auto;
}

/*サブナビゲーションを横並びに設定*/
ul#socbtn li{
	display:inline;
	padding:0;
	margin-right:2px;
}

/*各メニューの装飾の設定*/
#upcoming-events,
#newsletter,
#newmembers,
#sidebar-news{
	background-color:#575757;
	margin-bottom:20px;
}
/*サイドバー共通リンクの装飾の設定*/
#sidebar a:link,
#sidebar a:visited,
#sidebar a:active{
	color:#fd7b11;
	text-decoration:none;
	text-shadow:0 1px 1px rgba(0,0,0,0.8);
}
#sidebar a:hover{
	text-decoration:underline;
}

#sidebar h1{
	color:#fff;
	font-size:1.2em;
	text-align:center;
	background-color:#575757;
	padding:10px;
	border-top: 2px solid #777777;
/*テキストシャドウ*/
	text-shadow: 0 2px 3px #000;
}
#sidebar ul,#sidebar dl{
    padding: 6px 0 9px;
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 2px solid rgba(0,0,0,0.2);
}

#sidebar #newsletter dl{
	padding:6px 0 !important;
}
#sidebar #newsletter dt{
	padding:2px 12px !important;
}
#sidebar #newsletter .sidebar-footer p{
	padding:6px 12px !important;
	font-weight:bold;
}

#sidebar ul.lastdata,
#sidebar dl.lastdata{
	border-bottom:none !important;
}
#sidebar li,#sidebar dt,#sidebar dd{
	color:#bbb;
    padding: 4px 12px 0;
	line-height:1.2;
}
#sidebar li.date{
	font-weight:bold;
	padding:5px 12px 0;
	font-size: 100%;
}
#sidebar li.place{
	padding:0 12px 5px;
	font-size: 80%;
}

/*サイドバーフッターの設定*/
.sidebar-footer{
	background-color:#757575;
	overflow:hidden;
	border-bottom:none !important;
	border-top: 1px solid rgba(255,255,255,0.2);
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2) inset;
	-o-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2) inset;
	-ms-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2) inset;
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2) inset;
}

.sidebar-footer p{
	padding: 1.4em 12px;
	color: #fff;
	font-size: 12px !important;
}

.sidebar-footer li{
	display:inline;
	font-size:80%;
	margin:0 !important;
	padding:0 !important;
}

/*サイドバーフッターリンクの装飾の設定*/
.sidebar-footer a:link,
.sidebar-footer a:visited,
.sidebar-footer a:active{
	color:#999 !important;
	text-decoration:none;
}
.sidebar-footer a:hover{
	color:#fd7b11 !important;
	text-decoration:underline;
}


/*fulllisting,addeventのリンクの設定*/
li#fulllisting a{
	background-image: url(../images/icon_fulllisting_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-right: 2px solid #999;
	/*padding:0 15px;*/
	padding-left:15px;
	margin-left:0;
	color: #fff !important;
}
li#calendarlink a{
	background-image: url(../images/icon_fulllisting_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
	margin-left:12px;
	color: #fff !important;
}
li#addevent a{
	background-image: url(../images/icon_fulllisting_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
	margin-left:12px;
	color: #fff !important;
}
li#fulllisting a:hover{
	background-image: url(../images/icon_fulllisting_on.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #FD7B11 !important;
}
li#calendarlink a:hover{
	background-image: url(../images/icon_fulllisting_on.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #FD7B11 !important;
}
li#addevent a:hover{
	background-image: url(../images/icon_fulllisting_on.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #FD7B11 !important;
}

/*Newsletterの設定*/
.emailform-box{
	width:160px;
	background-color:#999;
	border:1px solid #6d6d6d;
	padding:5px;
	margin-right:5px;
/*角丸の設定*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/*NewMembersの設定*/
dd.date{
	font-size:80%;
	position: relative;
}
.add-date{
	position: absolute;
	right: 16px;
}



/*=============
フッターエリア
===============*/
/*フッターエリアの設定*/
#footer{
	width:980px;;
	margin:0 auto;
	background-color:#F2F2F2;
	min-height:130px;
	font-size:1.1em;
	position:relative;
}

/*ページ先頭へ戻るの位置の設定*/

p#movetotop {
    margin-right: 115px;
    text-align: right;
}

#movetotop a{
	padding: 5px 10px;
/*角丸の設定*/
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	-moz-border-top-left-radius: 9px;
	-moz-border-top-right-radius: 9px;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
}

/*ページ先頭へ戻るのリンクの設定*/
#movetotop a:link,
#movetotop a:visited,
#movetotop a:active{
  color: #7d7d7d;
  text-decoration:none;
}
#movetotop a:hover{
	text-decoration:none;
}


/*フッターサイトマップメニューの設定*/
#footernavi{
	width:940px;
	margin: 0 auto;
	overflow:hidden;
	padding: 20px;
	background-color:#ccc;
	background-image: url(../images/bg_footerlink.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.1) inset;
	-o-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.1) inset;
	-ms-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.1) inset;
	box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.1) inset;
}
#footernavi td{
	font-size:12px;
	width:146px;
	vertical-align: top;
	border-left: 2px solid #b7b7b7;
	padding:10px 0 10px 10px;
}
#footernavi p{
	padding-left:12px;
	background-image: url(../images/icon_footer_link.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#footernavi ul{
	color:#cc4606;
	margin-top:5px;
	list-style-position: inside;
	list-style-type: disc;
	line-height:1.6;
}

/*フッターロゴエリアの設定*/
#footerlogo{
	width:940px;
	display: -webkit-box; /* Safari,Google Chrome用 */
	display: -moz-box; /* Firefox用 */
  display: -ms-flexbox; /* Internet Explorer 10 */
  display: box;
	padding:30px 20px;
}
#footerlogo-main{
	-webkit-box-flex: 1; /* Safari,Google Chrome用 */
	-moz-box-flex: 1; /* Firefox用 */
  -ms-flex: 1; /* MS IE10 */
  box-flex:1;
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	color:#666;
	margin:0 80px;
	line-height:1.0;
}
#footerlogo-main img{
	float:left;
	margin: 0.2em 8px  0 0;/*zy*/
}
#footerlogo-main span{
	vertical-align: bottom;
}
#footerlogo-main #address{
	color:#24447D;
	font-style:normal;
	font-weight:bold;
	line-height:1.2;
	margin: 0 0 0.8em; /*zy*/
	display:block;
}
#footerlogo-main span.dctTitle{ /*zy*/
float:left;
width:234px;
line-height :109.25%;
}

#footerlogo-leftBox{
	width: 220px;
	text-align:left;
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
}
#footerlogo-rightBox{
	width: 220px;
	padding-left:10px;
	-webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 3;
}



/*======================
シャドウ
=======================*/
/*内側にボックスシャドウ*/
.box-shodow333-inset{
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3) inset;
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.3) inset;
	-ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.3) inset;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3) inset;
}
/*枠をぼかすボックスシャドウ*/
.box-shodow333{
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
}
/*下線のみシャドウ*/
.box-shodow333-bottom{
	-webkit-box-shadow: 0 5px 10px -6px rgba(0,0,0,0.7);
	-moz-box-shadow: 0 5px 10px -6px rgba(0,0,0,0.7);
	-o-box-shadow: 0 5px 10px -6px rgba(0,0,0,0.7);
	-ms-box-shadow: 0 5px 10px -6px rgba(0,0,0,0.7);
    box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.8);
}
/*両サイドを薄く中央を濃くしたライン*/
.style-gradation {
    border: 0;
    height: 2px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0));
	margin-bottom:24px;
}



/*▼▼▼▼ここからが下層ページ用▼▼▼▼*/

/*=============
下層ページ共通設定
===============*/
/*パンくずリストの余白設定*/
#breadcrumb{
	text-align:left;
	margin:10px 0 15px 0;
	overflow:hidden;
	position:relative;
	z-index:0;
}
/*パンくずリストを横並びにする*/
#breadcrumb li{
	display:inline;
	font-size:1.0em;
}
/*ぱんくずリストの区切り設定*/
#breadcrumb li span{
	padding:0 5px;
}

h1.page-title{
	font-size:28px;
	color:#a3a3a3;
	position:relative;
	top:-4px;
	margin-bottom: 3px;
	text-shadow:0 2px 1px #fff;
}

/* 各ブロック内のヘッダー */
.info-header{
	margin:10px 0 20px 0;
}

/*View allの設定*/
.view-all{
	position:absolute;
	top:40px;
	right:30px;
	margin:0 !important;
	padding:0 !important;
}
/*Moreを改行して右寄せに*/
.more{
	border:none !important;
	margin:-1em 0 0 0 !important;
	text-align:right;
	padding-bottom:-1em !important;
}


/*tagsの余白設定*/
#tags{
  font-size: 75%;
	text-align:left;
	margin:0;
	overflow:hidden;
	position:relative;
	z-index:0;
}
#tags ul{
	position:relative;
	top:-1.5em;
	left: 2.3em;
}
/*tagsを横並びにする*/
#tags li{
	margin-left:5px;
	display:inline;
}
/*tagsのリンクを設定*/
#tags li a:link,
#tags li a:visited,
#tags li a:active{
	color:#333;
	text-decoration:underline;
}
#tags li a:hover{
	text-decoration:none;
}

/*サイドバーの設定*/
#sidebar-news h2{
	margin:1em 0 0 12px;
}
/*トップページの凹んだボーダー解除*/
#sidebar-news ul{
	padding:0 0 1em 0;
	margin: 0 0 0 12px;
	border-top: none;
	border-bottom: none;
}

/*凹んだボーダー設定*/
.newslist{
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 2px solid rgba(0,0,0,0.2);
}
/*イベントリスト設定*/
.eventlist{
	margin-top:1em;
}

#sidebar-news li{
	padding-left:12px;
	background-image: url(../images/icon_side_link.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
}
#sidebar-news .newslink li{
	background-image: url(../images/icon_side_link_gray.gif) !important;
}



/*ページ送りの設定*/
/* #page{ */
/* 	margin: 0 0 0 130px;*/
/* 	padding-top: 30px;*/
/* 	padding-right: 0;*/
/* 	padding-bottom: 30px;*/
/* 	padding-left: 0;*/
/* }*/
#page{
  display: table-cell;
	margin: 0;
	padding: 30px 0;
  text-align: center;
}
#page ul#pagination {
  margin-left: 0;
}

#page-wide{
	margin: 0 0 0 280px;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}


/*メールフォーム*/
#alertMsg{
  color: #fff;
  background-color: #F2801D;
  padding: 0.5em 1em;
  border-radius: 4px;
 text-shadow: 0px -1px 2px #8D4A11;
}

.formTable{
	font-size: 1em;
	width:100%;
}
.formTable th,
.formTable td{
	padding:8px 10px;
	text-align:left;
	vertical-align:top;
}
.plain{
	margin:0 0 10px 0;
}
.colmunName,
.inputValue,
.inputDescription{
	color:#1E2F5E;
	background-color:#C9E2FB;
}
.colmunName,
.inputValue{
	border-right: 5px solid #FFF;
}
.formTable th.fieldHeading{
	color:#333;
	background-color:#ECECEC;
}

/*required*/
.required,
.error{
	color: #C00;
	font-size:80%;
}
.input-text,
.inputTextarea{
	width:90%;
	border: 1px solid #ccc;
	padding:5px;
/*角丸*/
	border-radius: 3px;
/* Webkit */
	-webkit-border-radius: 3px;
/* Firefox */
	-moz-border-radius: 3px;

}

.input-radio-check{
	margin-right:10px;
	vertical-align:middle;
}


/*Event*/
.cal-btn{
	background: url(../images/icon_calendar.png) no-repeat left center;
	padding:0 0 0 1em !important;
}
table.eventDetail {
    border: 1px solid #999;
    border-collapse: collapse;
	margin-bottom: 0.5em;
    font-family: Helvetica, Arial, sans-serif;
}
table.eventDetail th{
	font-weight: bold;
	vertical-align: top;
}

table.eventDetail th,
table.eventDetail td {
    text-align: left;
    border: solid 1px #999;
    padding: 0.75em;
}
th.even,
td.even {
	background-color:#f5f5f5;
}

/*Sitemap*/
.firstlevel{
	background: url(../images/icon_footer_link.gif) no-repeat left center !important;
	font-weight: bold;
	padding-left: 1em;
	margin-bottom: 0.3em;
}
.secondlevel{
	color:#cc4606;
	margin-left: 1em;
	margin-bottom: 0.3em;
	list-style: disc inside;
}
.secondlevel div{ display: inline; }


/*Search results*/

h1.searchpage{
	color:#00305e;
	padding:0;
	font-weight:normal !important;
	margin-top: 1em;
}
h1.searchpage strong{
	font-weight:bolder !important;
}

#rss-subscription{
	font-size:0.8em !important;
	margin-top: -1px;
}
#rss-subscription img{ margin:0 5px 0 0; }

#searchBox{
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    padding: 5px;
	width:200px;
}

.search-results-title{
	background-color:#eee;
	width:98% !important;
	padding: 0.8em 10px !important;
}
strong#search-results-number{
	font-size:150%;
}


#searchResultsSort{
	position: absolute;
	top: 1.3em;
	right:1em;
}

#search-results{
	margin-top:1.5em;
}
.searchResults dt{ margin-bottom:0.3em;}
.searchResults dd{
	margin-left: 1.2em;
	margin-bottom: 1.2em;
}

/*** search-results dropdown menu ***/
.actionMenuContent {
    padding: 0 0.25em;
}

dl.actionMenu {
    float: right;
    margin-left: 0.5em;
    position: relative;
    white-space: nowrap;
}

dl.actionMenu a, dl.actionMenu div {
	display: block !important;
	white-space: nowrap;
}

dl.actionMenu.activated dt a, dl.actionMenu.activated dd a, dl.actionMenu.activated dd div {
    margin: 0 0.25em;
}


.optionsToggle {
    background-color: #DEE7EC;
    border: 0.1em solid #8CACBB;
    color: Black;
    font-size: 90%;
    font-weight: normal;
}


#search-filter {
    background: none repeat scroll 0 0 #DDDDDD;
    margin: 0;
    padding: 0;
}


#search-filter .field {
    background: none repeat scroll 0 0 #EEEEEE;
    margin: 0;
    padding: 1em 1.5em;
}


#search-filter .field label {
    font-weight: normal;
}

#search-results-bar dt.actionMenuHeader a {
    border-bottom: medium none;
}

dl.actionMenu a, dl.actionMenu div {
    display: block !important;
    white-space: nowrap;
}

dl.actionMenu a, dl.actionMenu div {
    display: block !important;
    white-space: nowrap;
}

dl.actionMenu dt {
    font-weight: normal;
}

dl.actionMenu.deactivated dt {
    margin: 0 0.25em;
}

dl.actionMenu.deactivated dd {
    display: none;
}

dl.actionMenu.activated dd {
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    min-width: 100%;
    position: absolute;
    width: auto;
}

dl.actionMenu.activated dt a, dl.actionMenu.activated dd a, dl.actionMenu.activated dd div {
    margin: 0 0.25em;
}

#search-results-bar .actionMenuContent {
    padding: 0;
}


#search-filter .field label {
    font-weight: normal;
}

#search-filter .formControls {
    text-align: center;
}

#search-results-bar > * {
    float: left;
}

#search-results-bar {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    float: left;
    padding: 1em 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

#search-results-bar dl.actionMenu {
	margin-bottom: 0;
	margin-top: 6px;
}


#search-results-bar dd.actionMenuContent {
    margin-left: 0;
    padding-left: 0;
}



#search-results-bar dt.actionMenuHeader a:after {
    content: " ▼";
}

div.formControls {
	margin: 1em 1em 1em 0;
}

.noborder {
    border-style: none;
    margin: 0;
    padding: 0;
}

label {
    font-weight: bold;
}

.field {
    clear: both;
    margin-bottom: 1em;
}

.formHelp {
    color: #555555;
    display: block;
    font-weight: normal;
    margin: 0 0 0.2em;
}

#search-filter {
    background: none repeat scroll 0 0 #DDDDDD;
    margin: 0;
    padding: 0;
}

fieldset, .editionComment {
    line-height: 1.5em;
    margin: 1em 0;
    padding: 0 1em 1em;
    width: auto;
}

.visualClear {
    clear: both;
} 

fieldset legend{
	padding: 0.5em 0.8em;
	font-weight: bold;
}

/*
 * Add nk24 for promotion.html 2013/02/22
 */

.promotion-page .pub-dl,
.promotion-page .pub-detail {
    width: 270px;
}
.promotion-page img {
    margin-left: 12px;
}
.promotion-page .share-btn img {
    margin: 10px 5px 0 0;
}
.prom {
    width: 290px;
    float: left;
}
.prom-left {
    width: 290px;
    float: left;
    margin-right: 15px;
}
.prom-summary {
     margin-bottom: 12px;
}
body.template-promotion_view .pub-detail {
    position:relative;
}
body.template-promotion_view .pub-detail .share-btn {
    right: 0;
}

/*
 * Add nk24 for iframe.html 2013/02/26
 */

body.template-iframe_view #contents {
    width: 940px;
}

/*
 * Add nk24 for upcomming event portlet 2013/03/01
 */

#upcoming-events ul.sidebar-footer {
    text-align: center;
}
#upcoming-events li#fulllisting a {
    border-right: none;
    margin-left: 0;
}

/*
 * Add nk24 for promotion.html 2013/02/22
 */

.promotion-page .pub-dl,
.promotion-page .pub-detail {
    width: 270px;
}
.promotion-page img {
    margin-left: 12px;
}
.promotion-page .share-btn img {
    margin: 10px 5px 0 0;
}
.prom {
    width: 290px;
    float: left;
}
.prom-left {
    width: 290px;
    float: left;
    margin-right: 15px;
}
.prom-summary {
     margin-bottom: 12px;
}
body.template-promotion_view .pub-detail {
    position:relative;
}
body.template-promotion_view .pub-detail .share-btn {
    right: 0;
}

/*
 * Add nk24 for iframe.html 2013/02/26
 */

body.template-iframe_view #contents {
    width: 940px;
}

/*
 * Add nk24 for upcomming event portlet 2013/03/01
 */

#upcoming-events ul.sidebar-footer {
    text-align: center;
}
#upcoming-events li#fulllisting a {
    border-right: none;
    margin-left: 0;
}

/*
 * Add nk24: 2013/03.15
 */

.template-customarticle_view .info img {
  float: none;
}

/*
 * Add nk24: 2013.04.19 show textbox.
 */ 

.field input[type="text"] {
  background-color: #FFFFFF;
  border: 1px solid #999999;
}

.field input[type="text"]:focus, input[type="password"]:focus {
  background-color: lightyellow;
}

/*
 * Add nk24: 2013.05.08 show textbox.
 */ 

.date {
  text-align: left;
}

/*
 * Add nk24 2013.9.27 on dashboard link settings.
 */

#dashboard-portlets1,
#dashboard-portlets2,
#dashboard-portlets3,
#dashboard-portlets4 {
  width: 290px;
}

/*
 * Add Manaka: 2013.08.05 show textbox.
 */

.field input[type="password"] {
  background-color: #FFFFFF;
  border: 1px solid #999999;
}

/*
 * Add Manaka: 2013.08.05 show Personal_bar
 * Update nk24: 2013.09.27
 */

#portal-personaltools-wrapper {
  width: 940px;
  margin-left: 0;
  background-color: #FFFFFF;
}

#portal-personaltools-wrapper dl dt {
  display: inline;
  padding-top: 4px;
}

#portal-personaltools-wrapper dl dd {
  display: inline;
  padding: 0;
  background-color: transparent;
}
#portal-personaltools-wrapper dl dd a:hover {
  background-color: transparent;
  color: #CC4606;
}

#portal-personaltools-wrapper dl dd ul {
  display: inline;
}
#portal-personaltools-wrapper dl dd ul li {
  display: inline !important;
}
#portal-personaltools {
  background: #fefefe;
  padding: 0 10px;
  text-align: left;
}

/*
 * Update nk24: 2013.09.27
 */
#portal-personaltools dt.actionMenuHeader a:after {
  content: "";
}
dl.staticActionMenu dt {
    margin: 0 0.25em;
}
dl.staticActionMenu a, dl.staticActionMenu div {
    display: block !important;
    white-space: nowrap;
}
div#plone-document-byline,
div#tag {
  margin-bottom: 1em;
}
div#tag ul,
div#tag ul li {
  display: inline-block;
}
#SFQuery,
.fc-button-month,
.fc-button-agendaWeek,
.fc-button-agendaDay {
  display :none;
}
.fc-header-right {
  visiblity: hidden;
}

/* Add nk24 2013.10.9 */

#content li, dl.portlet li, div.portletStaticText li {
    margin-bottom: -1px;
    line-height: inherit;
}
#newmembers .date {
    box-shadow: none;
}
#content #usual1 ul {
    margin-left: 0;
}

* #sidebar li {
    display: block;
}
dl.portlet-static-social-links dt.portletHeader {
    background-color: #F2F2F2;
}
* #sidebar .sidebar-footer li{
    display:inline;
}

/* Add nk24 2013.11.07 */

#portal-personaltools img#user {
  padding-top: 5px;  
}

/*For the Member profile page zy 20131121*/
body.template-member_view #content-core div.member_lower table{width: 100%;}
body.template-member_view #content-core div.member_lower table th {width:170px;font-size: 14px;font-weight: normal}
body.template-member_view #content-core div.member_lower p.update {font-size: 12px;color:#666;text-align: right}
body.template-member_view #content-core div.member_lower p.update span{margin-left:0.5em;}

/* sign up and user registration */
form .fieldRequired, .required {
background: url(../images/required.png) center left no-repeat;
padding: 0 0 0 1em;
margin-left:0.444em;
color: #C00;
font-size: 80%;
}
form .field input[type="text"]:disabled,input[readonly="readonly"]{
 border:0;
 }

form .error {
margin-top: 0;
border: 0;
background-color: #fff;}

/* form button layout */
form .button {margin-right: 6px; font-size: 13px;}


/* dashboard font-size　*/
#sidebar .dashboard-portlet h1{font-size: 18px;}
#sidebar .dashboard-portlet ul li{font-size: 14px;}

/* tagline font */
#header h2#description {
    font-size: 13px;
    font-weight: 150%;
}

/* Spacing below caroucel */
#carousel {
  margin: 30px 0 30px;
}
/* Spacing in Upcoming events portlet */
#sidebar li.place {
  padding: 7px 12px 3px;
}


body.template-update-wds-user textarea{width:20em;font-size:100%;}
body.template-update-wds-user #profile-image-field {
	margin-top : 15px;
	display:none;	
}

body.template-update-wds-user p#profile-image-update,
body.template-update-wds-user p#profile-image-delete
{
	width: 220px;
	top : 160px;
	left :350px;
 background: rgb(240, 240, 240); /* The Fallback */
   background: rgba(240, 240, 240, 0.5); 
	position:absolute;
	padding:20px 10px;
	text-align:center;
	color :#444;
	font-size:86%;
	display:none;
}

body.template-update-wds-user #userprofile-left {width:330px;float:left;}
body.template-update-wds-user #userprofile-right {width:240px;float:left;margin-left:20px;}

body.template-update-wds-user .profile-image-box img {width:100%;}

body.template-update-wds-user ul#profile-image-link li a {display: block}

/* Issue #38-3 */
article.news {
  overflow: hidden;
}

/* Issue #39 */
ul#pagination span {
  float: left;
}

/* Issue #44 */
.usual section ul a {
  background: transparent;
  border: none;
  color: #CC4606;
  font-size: inherit;
  font-weight: inherit;
  margin: inherit;
  padding: inherit;
  text-shadow: none;
}
.usual section ul a:hover {
  color: #CC4606;
  text-decoration: underline;
}
.usual section ul {
  list-style-type: disc !important;
  margin-left: 2em !important;
}
.usual section li {
  list-style-type: disc !important;
}

/* Issue #43 */
#sidebar .static ul {
  border: None;
}

/* Issue #41 */
.navlist {
  margin-top: 1em;
  padding-bottom: 1em;
}
#sidebar-navtree {
  background-color: #575757;
  margin-bottom: 20px;
}

#sidebar-navtree ul {
  margin: 0 0 0 12px;
  border-width: 0;
}

#sidebar-navtree li {
  background-image: url("../images/icon_side_link.gif");
  background-position: left 8px;
  background-repeat: no-repeat;
  padding-left: 12px;
}

#sidebar ul.navTreeLevel1,
#sidebar ul.navTreeLevel2,
#sidebar ul.navTreeLevel3 {
  padding: 0;
}

/* Wrap words on the table */
/* .template-member_view #content-core table { */
/*   word-break: break-all; */
/* } */

#sidebar #newsletter .sidebar-footer p a {
  color: #FD7B11 !important;
  cursor: pointer;
}

#sidebar #newsletter .sidebar-footer p a:hover {
  cursor: pointer;
}

#header h2#description {
  font-size: 18px;
  font-weight: bold;
}
#description {
  margin-top: 29px;
}

/* Table on member list view */
.template-member_view #content-core table {
  font-size: 85%;
}
.template-member_view #content-core table td {
  line-break: normal;
}
.template-member_view #content-core table th.mname {
  width: 45%;
}
.template-member_view #content-core table th.mfield {
  width: 45%;
}
.template-member_view #content-core table th.mloa {
  width: 8%;
}
section#newsletter li {
  padding-left: 12px;
  background-image: url(../images/icon_side_link.gif);
  background-repeat: no-repeat;
  background-position: left 8px;
}
.documentDescription {
  padding: 0 0 1em;
  margin-bottom: 10px;
}

/* Issue #47 */
section #content-core p {
  margin: 0;
}
section #content-core ul,
section #content-core ol {
  margin: 0 0 0 2em;
  padding: 0 0 1em;
}
section #content-core ol {
  list-style-position: outside;
  list-style-type: decimal;
}
section #content-core hr {
  margin: 0 0 1em;
}
#content ul {
  list-style-type: disc;
}
#content ul ul {
  list-style-type: circle;
}

/* Table of content */
dl.toc {
  float: none;
  width: 100%;
}
dl.toc dt {
  margin: 0;
}

div.img-box {
  text-align: center;
}

/* User Profiles */
body.template-update-wds-user #userprofile-right {
  width: 180px;
  margin-left: 80px;
}

/* FIx pager */
nav#page {
  margin: 0;
  text-align: center;
  display: block;
}
nav#page ul#pagination {
  display: inline-block;
  width: 100%;
  margin-left: 0;
}
