@charset "UTF-8";
/**commonParts***************

サイト内共用

0.widget parts
1.header
2.container
3.main
4. container > 5.sideBar
5.footer

********************************/


/** 0.widget parts ***********************************************************/	
/**　（複数エリアで使用する可能性があるもの）
********************************/
/* search window (wp)
*************************/
#searchform label.screen-reader-text{
	display:none;
	margin:0;
	padding:0;
	}

#searchform input#s{
	}

#searchform input#searchsubmit{
	background:#000;
	border:none;
	color:#FFF;
	padding:0.2em 0.5em;
	}

#searchform input#searchsubmit:hover{
	background-color:#333;
	cursor:pointer;
	cursor:hand;/*IE*/
	}



/* カレンダー
*************************/
/*　記事がある日付　*/
#calendar_wrap table#wp-calendar tbody td a{
	padding:1px;
	background-color: rgba(0, 0, 0, 0.8);
	color:#FFF;
	text-decoration:none;
	}

#calendar_wrap table#wp-calendar tbody td a:hover{
	background-color: rgba(0, 0, 0, 0.65);
	}

/* 月のページング部分 */
#calendar_wrap table#wp-calendar tfoot a{
	display:block;
	padding:0.25em 0.5em;
	text-decoration:none;
	background-color: rgba(0, 0, 0, 0.2);
	color:#333;
	}

#calendar_wrap table#wp-calendar tfoot a:hover{
	background-color: rgba(0, 0, 0, 0.15);
	}


/* テキストウィジェット
*************************/
.textwidget p{
	font-size: 1.1em;
	margin-bottom: 0.5em;
	}

/** 1.header ***********************************************************/	

/* headerMenu
*************************/
#header #headerMenu {
	color:#999;
	}

#header #headerMenu h2.widgettitle{
	display:none;
	}

#header #headerMenu ul{
	margin:0;
	padding:0;
	list-style-type: none;
	}

#headerMenu li{
	float:left;
	margin-bottom:0.75em;
	font-size:0.75em;
	line-height: 1.1;
	}

#header #headerMenu li a {
	margin-left:7px;
	padding-left:7px;
	color:#999;
	text-decoration:none;
	border-left:1px solid #999;
	}

#header #headerMenu li a:hover {
	text-decoration:underline;
	color: #004898;
	}

#header #headerMenu #searchform{
	margin-bottom:0.75em;
	padding-left:7px;
	text-align:right;
	}

#header #headerMenu .textwidget{
	font-size: 0.75em;
	}

#header #headerMenu .textwidget .address .label{
	margin-right:0.5em;
	padding: 0.1em 0.5em;
	font-size: 0.75em;
	background-color: #E8EBE4;
	}


/*********************************************************************************
ヘッダー画像
******************/
#header #headerImage{
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	background-repeat:no-repeat;
	}

/*********************************************************************************
グローバルメニュー
******************/
#header #gMenu{
/*	background-color: rgba(0, 0, 0, 0.8);*/
/*	height:2.4em;
*/

	background: linear-gradient(#FFF, #EBEBEB);
	background: -moz-linear-gradient(
			top,
			#FFF 0%,
			#EBEBEB);
	background: -webkit-gradient(
			linear, left top, left bottom, 
			from(#FFF),
			to(#EBEBEB));

	-pie-background: linear-gradient(#FFF, #EBEBEB);

	border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;

	box-shadow: #7F7F7F 0px 0px 2px;
		-moz-box-shadow:
			0px 0px 2px rgba(000,000,000,0.5);
		-webkit-box-shadow:
			0px 0px 2px rgba(000,000,000,0.5);

	behavior:url("http://www.hokekan.tsukuba.ac.jp/tu_healthcenter/wp-content/themes/tu_healthcenter/css/pie/PIE.htc");/* CSS3 PIE */
	position:relative;/* CSS3 PIE */
	}

#header #gMenu .widgettitle{
	display:none;
	}

/* 第１階層 */
#header #gMenu ul li {
	float:left;
	list-style:none;
	font-size:0.95em;
	font-weight: bold;
	text-align: left;
	}

#header #gMenu ul li a{
	display:block;
	padding: 0.5em 1.5em 0.5em 1.25em;
	background:url(../img/icon_gMenu.gif) no-repeat right center;
	text-decoration:none;
	color:#555;
	}

#header #gMenu li a:hover{
	background-color: rgba(255, 255, 255, 0.5);
	background-color: #F9F9F9\9;/* IE8 and below (hack) */
	}

/* 第２階層 */
#header #gMenu ul ul{
	display:none;
	position: absolute;
	z-index: 10;
	}

#header #gMenu ul li:hover ul{
	display:block;
	width: 20%;
	}

#header #gMenu li li {
/*	float:none;
*/	position:relative;
	margin:0;
	width: 100%;
	border-top: 1px solid #CCC;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#CCffffff,EndColorStr=#CCffffff);/*IE*/
	background-color: rgba(255, 255, 255, 0.8);
	}

#header #gMenu li li a{
	background:none;
	padding-left: 1.25em;
	}

#header #gMenu li li:hover {
	background-color: #FFF;/*IE*/
	filter:alpha(Style=3,Opacity=90,FinishOpacity=90);/*IE*/
	background-color: rgba(255, 255, 255, 0.9);
	}

/* 第３階層以降は非表示 */
#header #gMenu ul li:hover  ul ul,
#header #gMenu ul li:hover  ul ul ul{
	display:none;
	}


/************************************************



/** 2. container ***********************************************************/
	
/****************
パンくずリスト
******************/
#breadList {
	margin:0 0 0.75em;
	padding:0;
	text-align:right;
	color: #777;
	font-size: 0.9em;/* medium base */
	line-height: 1.5;
	}

#breadList a:link {
	text-decoration: underline;
	}

#breadList a:visited {color: #777;text-decoration:underline;}
#breadList a:hover {color: #004898; text-decoration: underline;}


/**3. main ***********************************************************/

/*********************
記事本文
**********************/
#main br.cl{
	height:1px;
	font-size:0;
	}

#main hr.dot{
	border-style: dotted none none none;
	border-top-color: #999;
	}

/* aタグで囲った画像のロールオーバー効果 */
#main a:hover img{
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
	}


/** 4. container > sideBar**********************************************************/

/*　サイドバー全体・共通
***************************************/
/* ウィジェットタイトル */
#sideBar h2.widgettitle{
	display: none;
	}

/* ウィジェット */
#sideBar ul,
#sideBar div.tagcloud{
	margin-bottom:15px;
	}

#sideBar ul{
	list-style-type:none;
	}

#sideBar li{
	border-bottom: 1px dotted #CCC;
	padding:0.5em 0.25em 0.5em 1.5em;
	background: url(../img/icon_link_gray_9px.gif) no-repeat 0.5em 0.8em;
	}

#sideBar li a{
	text-decoration:none;
	color:#333;
	}

#sideBar li a:hover,
#sideBar div.tagcloud a:hover{
	text-decoration:underline;
	color: #0E8EE2;
	}

/* 各階層の文字サイズ */
#sideBar li{ font-size:1.1em;}
#sideBar li li{ font-size:1.0em;}
#sideBar li li li{ font-size:1.0em;}


/* カテゴリー （li.cat-item） ************************************/
/*　２階層目
************************************/
#sideBar ul li.cat-item ul.children{
	border:none;
	margin:0;
	margin-top: 0.5em;
	margin-left:-1.6em;
	padding: 0;
	}

#sideBar ul li.cat-item ul.children li{
	background:none;
	border:none;
	border-top: 1px dotted #CCC;
	margin: 0;
	padding:0.5em 0.25em 0.5em 2.5em;
	background: url(../img/icon_submenu_child.png) no-repeat 1.5em 0.85em;

	}



/* 固定ページ（li.page_item） ＆ カスタムメニュー（ul.menu） */
/****************************************************/
#sideBar ul li.page_item,
#sideBar ul.menu li{
	padding:0;
	background:none;
	border-bottom: 1px solid #FFF;
	}

#sideBar ul li.page_item a,
#sideBar ul.menu li a{
	display:block;
	padding:0.5em 0.25em 0.5em 1.75em;
	background: url(../img/icon_link_gray_9px.gif) no-repeat 0.8em 0.85em;
	background-color:#E8EBE4;
	text-decoration:none;
	}

#sideBar ul li.page_item a:hover,
#sideBar ul.menu li a:hover{
	background-image: url(../img/icon_link_darkgray_9px.gif);
}

/*　サイドメニュー（２階層目）
************************************/
#sideBar ul li.page_item ul.children,
#sideBar ul.menu li.menu-item ul.sub-menu{
	border:none;
	margin:0;
	background-color:#E8EBE4;
	}

#sideBar ul li.page_item ul.children li,
#sideBar ul.menu li.menu-item ul.sub-menu li{
	background:none;
	border:none;
	}

#sideBar ul li.page_item ul.children li a,
#sideBar ul.menu li.menu-item ul.sub-menu li a{
	border-top: 1px solid #FFF;
	padding:0.5em 0.25em 0.5em 2.4em;
	background: url(../img/icon_doublearrow_gray.png) no-repeat 1.5em 1.0em;
	text-decoration:none;
	}
#sideBar ul li.page_item ul.children li a:hover,
#sideBar ul.menu li.menu-item ul.sub-menu li a:hover{
	background-image: url(../img/icon_doublearrow_darkgray.png);
	}

/*　サイドメニュー（３階層目）
************************************/
#sideBar ul li.page_item ul.children ul.children li a,
#sideBar ul.menu li.menu-item ul.sub-menu ul.sub-menu li a{
	margin-left:1.0em;
	padding-left:2.3em;
	background: url(../img/square_white_5px.gif) no-repeat 1.5em 1.0em;
	background-color:#E8EBE4 !important;
	}


/* カレントのデザイン（共通部分）
**************************************************************/
#sideBar ul li.current_page_item a,
#sideBar ul li.page_item ul.children li.current_page_item a,
#sideBar ul li ul.children　li.current_page_parent ul.children li.current_page_item a,
#sideBar ul li.current-menu-item a,
#sideBar ul li.page_item ul.children ul.children li.current_page_item a,
#sideBar ul.menu li.menu-item ul.sub-menu ul.sub-menu li.current_page_item a{
	font-weight:bold;
	background-color:#C1E399 !important;
	}

/* カレントアイコン（１階層目） */
#sideBar ul li.current_page_item a,
#sideBar ul li.current-menu-item a{
	background-image: url(../img/icon_link_darkgray_9px.gif);
	}

/* カレントアイコン（２階層目） */
#sideBar ul li.page_item ul.children li.current_page_item a,
#sideBar ul li.page_item ul.children ul.children li.current_page_item a{
	background-image: url(../img/icon_doublearrow_darkgray.png);
	}


/*親がカレントの子*/
#sideBar ul li.current_page_item ul.children li a,
#sideBar ul li.current_page_parent ul.children　li ul.children li a,
#sideBar ul li.current_page_item ul.sub-menu li a,
#sideBar ul li.current_page_parent ul.sub-menu　li ul.sub-menu li a{
	font-weight: normal !important;
	background-color: #E8EBE4 !important;
	}


/* hoverのデザイン（共通部分）
**************************************************************/
#sideBar ul li.page_item a:hover,
#sideBar ul li.page_item ul.children li a:hover,
#sideBar ul li.current_page_parent ul.children　li ul.children li a:hover,
#sideBar ul.menu li a:hover,
#sideBar ul.menu li ul.sub-menu li a:hover,
#sideBar ul.menu li.current_page_parent ul.sub-menu　li ul.sub-menu li a:hover,
#sideBar ul li.page_item ul.children ul.children li a:hover,
#sideBar ul.menu li.menu-item ul.sub-menu ul.sub-menu li a:hover{
/*
	background-color:#9BD35C !important;
	color:#333 !important;
*/	
	background-color:#63BA00 !important;	
	color:#FFF !important;
	}


/* カレンダー ***********************************/
#sideBar #calendar_wrap table#wp-calendar{
	width:100%;
	margin-bottom:25px;
	}

/*　年月　*/
#sideBar #calendar_wrap table#wp-calendar caption{
	text-align:center;
	padding:0.25em 0;
	font-size: 1.1em;
	font-weight:nomal;
	}

/*　曜日　*/
#sideBar #calendar_wrap table#wp-calendar thead{
/*	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;*/
	background-color: #EFEFEF;
	}

#sideBar #calendar_wrap table#wp-calendar thead th{
	padding:0.25em 0;
	}

#sideBar #calendar_wrap table#wp-calendar th,
#sideBar #calendar_wrap table#wp-calendar td{
	text-align:center;
	vertical-align:middle;
	}

/* 月のページング部分 */
#sideBar #calendar_wrap table#wp-calendar tfoot td{
	padding-top:0.75em;
	}

/* 検索窓 */
#sideBar #searchform{
	margin: 0.75em 0 1.5em;
	}

/* タグクラウド */
/****************************************************/
#sideBar div.tagcloud{
	padding:7px;
	}

#sideBar div.tagcloud a{
	text-decoration:none;
	color:#555;
	}

/* ブログロール・バナー用途 */
/****************************************************/
/* 画像のロールオーバー透過があるので背景画像オフ */
#sideBar ul.blogroll li{
	background:none;
	padding-left:7px;
	border: none;
	}

/* バナーのマージン調整 */
#sideBar ul li a img{
	margin-left:-7px;
	}

#sideBar a:hover img {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
	}



/* text area */
/****************************************************/
#sideBar .textwidget .address {
	border-top: 1px solid #CCC;
	padding-top:60px;
	background:url(../img/address_title.gif) no-repeat left 12px;
	
	}

#sideBar .textwidget .address .label{
	margin-right:0.5em;
	padding: 0.1em 0.5em;
	font-size: 0.75em;
	background-color: #E8EBE4;
	}


/**5.footer******************************************/
#footer{
	color:#333;
	}

/* menu */
#footer .menu li{
	float:left;
	list-style:none;
	border-right:1px solid #999;
	margin-right:10px;
	padding-right:10px;
	font-size:0.9em;
	}
	
#footer .menu li a{
	color:#333;
	text-decoration:none;
	}

#footer .menu li a:hover{
	color:#0E8EE2;
	text-decoration: underline;
	}

/* copyright */
#footer .copyright{
	clear:both;
	margin-top:2em;
	padding-top:1em;
	border-top:1px dotted #CCC;
	}

#footer .copyright p{
	line-height:1.4;
	font-size:0.9em;
	text-align:right;
	}

/* ウィジェット 
*********************/
#footer h2.widgettitle{
	clear:both;
	border-bottom:2px solid #000;

	margin-bottom: 0.5em;
	
	}


#footer ul:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#footer ul{ display: inline-block; }
/* Hides from IE-mac \*/
* html #footer ul { height: 1%; }
#footer ul { display: block; }
/* End hide from IE-mac */



#footer ul,
#footer #calendar_wrap table#wp-calendar{
	margin-bottom:1em;
	}

#footer div.textwidget{
	margin-bottom: 0.25em;
}

#footer div.textwidget .copyright p{
	margin-bottom: 0;
}


/* カレンダー */
#footer #calendar_wrap table#wp-calendar{
	width:100%;
	}

#footer #calendar_wrap,
#footer #calendar_wrap table#wp-calendar{
	width:100%;
	}

#footer #calendar_wrap table#wp-calendar thead,
#footer #calendar_wrap table#wp-calendar tbody td.pad{
	display:none;
	}

#footer #calendar_wrap table#wp-calendar tr{
	float:left;
	}

#footer #calendar_wrap table#wp-calendar td{
	padding:0.5em;
	}


