@charset "utf-8"; 

/*

	メディカルコラム つくば	：2008/7/24

	[* html] = IE6
	[*:first-child+html] = IE7
	[Hides from IE5-mac ～ End hide from IE5-mac] = Mac IE5

*/

@import "http://www.tsukuba-medical.net/css/common/common.css";
@import "http://www.tsukuba-medical.net/css/common/header.css";
@import "http://www.tsukuba-medical.net/css/common/contents.css";
@import "http://www.tsukuba-medical.net/css/common/clearfix.css";



/* "blockquote" Tag
-------------------------------------------------- */
blockquote {
	margin: 0;
	padding: 0;
}
blockquote {
	margin: 0 0 1.5em;
	padding: 1em;
	border: 1px solid #C0E0E6;
	border-left-width: 5px;
	background: #EFF7F9;
}



/* id/class
================================================== */
.imgRight {
	margin: 0 0 1.5em 20px;
	font-size: 117%;
	text-align: right;
	float: right;
}
.imgRight img {
	margin-bottom: 10px;
}



/* ヘッダー
================================================== */
h1 {
	margin-right: 45px;
	width: 365px;
}
h1 a {
	width: 365px;
}
#header h2 {
	width: 127px;
	background: url(http://blog.tsukuba.ch/usr/tmcolumn/description.png);
}



/* グローバルメニュー
-------------------------------------------------- */
#globalMenu ul li {
	background: url(http://blog.tsukuba.ch/usr/tmcolumn/globalmenu.png);
}
#globalMenu ul li.seminar, #globalMenu ul li.ask {
	width: 130px;
	height: 47px;
	text-indent: -9999px;
}
#globalMenu ul li.ask {
	width: 115px;
}
#globalMenu ul li a {
	background: url(http://blog.tsukuba.ch/usr/tmcolumn/globalmenu.png);
}
#globalMenu ul li.column a {
	width: 112px;
	background-position: -218px 0;
}
#globalMenu ul li.seminar a {
	width: 130px;
	background-position: -330px 0;
}
#globalMenu ul li.ask a {
	width: 115px;
	background-position: -460px 0;
}

/* グローバルメニュー:current&hover
-------------------------------------------------- */
#globalMenu ul li.about, #globalMenu ul li.about a:hover,
body.about #globalMenu ul li.about a {
	background-position: -75px -47px;
}
body.greeting #globalMenu ul li.about a {
	background-position: -75px 0;
}
body.greeting #globalMenu ul li.about a:hover {
	background-position: -75px -47px;
}
#globalMenu ul li.column, #globalMenu ul li.column a:hover,
body.column #globalMenu ul li.column a {
	background-position: -218px -47px;
}
#globalMenu ul li.seminar, #globalMenu ul li.seminar a:hover {
	background-position: -330px -47px;
}
#globalMenu ul li.ask, #globalMenu ul li.ask a:hover {
	background-position: -460px -47px;
}



/* ナビ
================================================== */
#navi h2.column {
	background: url(http://blog.tsukuba.ch/usr/tmcolumn/column_title.png);
}
body.about #navi h2.column {
	background: url(http://blog.tsukuba.ch/usr/tmcolumn/about_title.png);
}
body.greeting #navi h2.column {
	background: url(http://staff.tsukuba-medical.net/images/other/greeting_title.png);
}
body.column #navi h2.column {
	background: url(http://blog.tsukuba.ch/usr/tmcolumn/columnlist_title.png);
}



/* コンテンツコンテナ
================================================== */
body.home #contentsContainer {
	padding-top: 8px;
}
div.entryFrame h3 {
	color: #FFF;
	padding: 0 10px;
	background: url(http://blog.tsukuba.ch/usr/tmcolumn/title_bg.png);
	line-height: 30px;
	text-indent: 0;
}
body.oneColum div.entryFrame h3 {
	background: url(http://blog.tsukuba.ch/usr/tmcolumn/title_bg_big.png);
}
body.about div.entryFrame h3 {
	display: none;
}
div.entryBodyBody {
	margin: 0 10px;
	padding-bottom: 3em;
	width: 520px;
	overflow: auto;
}
body.about div.entryBodyBody {
	margin: 10px;
	padding-bottom: 0;
	width: 100%;
	overflow: hidden;
}
body.about div.entryBodyBody h3 {
	padding: 0;
	display: block;
	height: auto;
	background: none;
	line-height: 1;
}
div.entryBodyBody p {
	margin: 0 0 1.5em 15px;
}
body.about div.entryBodyBody p {
	margin: 0 0 1.5em;
}
p.moreLink {
	margin: 3em 0 0;
	text-align: right;
}
div.entryBodyBody p.moreLink {
	margin-right: 5px;
}
p.moreLink a {
	padding-left: 16px;
	background: url(http://www.tsukuba-medical.net/images/common/rightarrow_ico2.gif) no-repeat 0 50%;
}
div.tag_list {
	margin: 0 !important;
}
div.tag_list span {
	padding: 0 0 0 8px !important;
}
div.posted, #pageLink {
	font-size: 84%;	/* 10px */
	text-align: right;
}
body.about #posted {
	display: none;
}



/* メイン
================================================== */

/* セミナーバナー
-------------------------------------------------- */
#seminarBnr {
	padding: 7px 0 9px;
	height: 90px;
	overflow: hidden;
	background: url(http://staff.tsukuba-medical.net/images/home/seminar_bg.png);
	text-align: center;
}

/* コラム一覧
-------------------------------------------------- */
dl.photo {
	margin: 0 0 1em 4px;
	display: inline;
	width: 130px;
	height: 152px;
	overflow: hidden;
	float: left;
}
dl.photo dt img {
	width: 130px;
}
dl.photo dd {
	height: 1.7em;
	overflow: hidden;
}
dl.photo dd h3 {
	margin: 0;
	padding: 0;
	background: none;
	line-height: 1.7;
	text-align: center;
}

/* 最新記事一覧
-------------------------------------------------- */

/* 画像
-------------------------------------------------- */
#blogEntryList ul {
	margin: 0 0 10px;
}
#blogEntryList ul a:link, #blogEntryList ul a:visited,
#blogEntryList ul a:active, #blogEntryList ul a:hover {
	text-decoration: none;
}
#blogEntryList li {
	margin: 0 5px 5px 0;
	list-style-type: none;
	font-size: 84%;	/* 10px */
	text-align: center;
	float: left;
}
#blogEntryList li.last {
	margin-right: 0;
}
#blogEntryList li a {
	display: block;
	width: 104px;
	height: 119px;
	overflow: hidden;
}
#blogEntryList li a img {
	border: 1px solid #D9D9D9;
}

/* テキスト
-------------------------------------------------- */
#blogEntryList dl {
	margin: 0 0 5px;
	padding: 0 4px 5px;
	border-bottom: 1px dotted #CCC;
}
#blogEntryList dl dt {
	width: 81px;
	height: 1.5em;
	overflow: hidden;
	float: left;
}
#blogEntryList dl dd {
	width: 165px;
	height: 1.5em;
	overflow: hidden;
	float: right;
}
#blogEntryList dl dd.title {
	width: 270px;
	float: left;
}
#blogEntryList dl dd.title a {
	padding-left: 16px;
	display: inline-block;
	background: url(http://www.tsukuba-medical.net/images/common/rightarrow_ico2.gif) no-repeat 0 3px;
}

/* メディカルコラム つくばってどんなサイト？
-------------------------------------------------- */
body.about #main {
	width: 100%;
	float: none;
}
#aboutA h2 {
	margin: 0 0 30px;
	height: 427px;
	overflow: hidden;
	background: url(http://www.tsukuba-medical.net/images/other/about_image.jpg) no-repeat;
	text-indent: -9999px;
}
#aboutA ol {
	margin: 0;
}
#aboutA li {
	margin-right: 10px;
	list-style-type: none;
	float: left;
}
#aboutA li.last {
	margin: 0;
}

/* メディカルコラム つくばとは
-------------------------------------------------- */
#usAbout {
	padding: 25px 0 10px 20px;
	background: url(http://staff.tsukuba-medical.net/images/other/usabout_bg.jpg) no-repeat;
	font-size: 117%;	/* 14px */
	line-height: 1.7;
}
#usAbout h2 {
	margin: 0 0 54px;
	font-size: 0;
	line-height: 0;
}
#usAbout h3 {
	margin: 0;
	height: auto;
	font-size: 0;
	line-height: 0;
	text-indent: 0;
}
#usAbout p {
	margin: 0 25px 10px 115px;
	padding: 10px 20px 20px;
	background: #F2EEDE url(http://staff.tsukuba-medical.net/images/other/csabout_bg.gif) no-repeat 0 100%;
}

/* メディカルコラム つくばのサービス
-------------------------------------------------- */
#usService {
	font-size: 117%;	/* 14px */
	line-height: 1.7;
}
#usService h3 {
	margin: 0 0 15px;
	height: auto;
	text-indent: 0;
}
#usService p {
	margin: 0 0 15px 20px;
}
#usService dl {
	margin: 0 25px 10px 5px;
	background: #F2EEDE;
}
#usService dt {
	font-size: 0;
	line-height: 0;
}
#usService dd {
	padding: 20px 20px 10px 70px;
	background: url(http://staff.tsukuba-medical.net/images/other/csservice_bg.gif) no-repeat 0 100%;
}
#usService dd p {
	margin: 0 0 30px 20px;
}
#usService ul {
	margin: 0 0 30px 20px;
}
#usService li {
	background-position: 0 50%;
}

/* コラム一覧
-------------------------------------------------- */
body.column #blogEntryList dl dd {
	width: 156px;
}
body.column #blogEntryList dl dd.title {
	width: 260px;
}

/* 最新記事
-------------------------------------------------- */
div.rss_list {
	margin-bottom: 8px;
	padding: 0 0 8px 16px;
	border-bottom: 1px dotted #CCC;
	overflow: hidden;
	background: url(http://www.tsukuba-medical.net/images/common/rightarrow_ico2.gif) no-repeat 0 3px;
}
div.rss_list a {
	display: block;
}

/* トラックバック・コメント
-------------------------------------------------- */
body.about #trackback {
	display: none;
}
#trackbackCount h3, #comments h3 {
	margin: 0;
}
#trackback-url {
	color: #3B73A3;
	margin-left: 10px;
	border: 0;
	width: 90%;
	background: #FFF;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
}
div.trackbackBody, div.commentBody {
	margin: 10px;
}
div.trackbackPosted, div.commentPosted {
	padding: 0 10px;
	background: #EFF7F9;
	text-align: right;
}

/* コメントフォーム
-------------------------------------------------- */
div.comments-body {
	color: #DA5B00;
	margin: 0 10px 1em;
	font-size: 84%;	/* 10px */
	text-align: center;
}
#commentsForm fieldset {
	margin: 0 10px 10px;
}
#commentsForm dl {
	margin: 0 0 1em;
}
#commentsForm dl dt {
	width: 7em;
	height: 1.7em;
}
#commentsForm dl dd {
	margin: -1.7em 0 0 7em;
}
#commentsForm input {
	width: 75%;
}
#commentsForm #text {
	width: 99%;
	height: 100px;
}
input.ime {
	ime-mode: disabled;
}
#commentsForm #bake, #commentsForm #savecheck {
	margin-right: 3px;
	width: auto;
	vertical-align: middle;
}
#commentsForm div.btn {
	text-align: right;
}
#commentsForm #insert {
	color: #FFF;
	margin-right: 10px;
	padding: 0 20px;
	border: 0;
	background: #DA5B00;
	width: auto;
	cursor: pointer;
}



/* サイド
================================================== */
body.about #side {
	display: none;
}
div.sidetitle, div.calendarhead {
	color: #FFF;
	margin: 0 0 10px;
	padding: 0 10px;
	height: 27px;
	overflow: hidden;
	background: url(http://blog.tsukuba.ch/usr/tmcolumn/sidetitle_bg.png);
	font-weight: bold;
	line-height: 27px;
}
div.side {
	margin: 0 10px 1.5em;
}
a.aside {
	padding-left: 16px;
	background: url(http://www.tsukuba-medical.net/images/common/rightarrow_ico2.gif) no-repeat 0 3px;
}
input.text {
	width: 120px !important;
}
input.button {
	color: #FFF;
	border: 0;
	background: #DA5B00;
	cursor: pointer;
}

/* 求職者・企業向け
-------------------------------------------------- */
#forUser {
	height: 226px;
	background: url(http://blog.tsukuba.ch/usr/tmcolumn/foruser_bg.png);
}
#forUser ul li, #forUser ul li a {
	background: url(http://blog.tsukuba.ch/usr/tmcolumn/foruser.png);
}
#forUser ul li.user {
	margin: 0;
}

/* 携帯サイト
-------------------------------------------------- */
#mobileVer h3 {
	text-align: left;
	text-indent: -9999px;
}

/* RSS
-------------------------------------------------- */
div.rss {
	margin: 0 10px 1.5em;
}
div.rss ul {
	margin: 0;
}
div.rss ul li {
	width: 49.9%;
	list-style-type: none;
	text-align: center;
	float: left;
}
div.rss ul li a {
	padding-left: 17px;
	background: url(http://blog.tsukuba.ch/usr/tmcolumn/rss.png) no-repeat 0 50%;
}
div.rssMemo {
	color: #DA5B00;
	font-size: 84%;	/* 10px */
	text-align: center;
}

/* オーナーへメッセージ
-------------------------------------------------- */
div.inquiry img {
	vertical-align: bottom;
}

/* お知らせ
-------------------------------------------------- */
div.ad img {
	vertical-align: bottom;
}

/* 過去記事
-------------------------------------------------- */
div.archives select {
	width: 100%;
}

/* カレンダー
-------------------------------------------------- */
div.calendarhead a:link, div.calendarhead a:visited {
	color: #FFF;
}
div.calendarhead a:active, div.calendarhead a:hover {
	color: #DA5B00;
}
table.calendartable {
	margin: 0 10px 1em;
	border: 0;
	width: 170px;
}
table.calendartable th {
	padding: 0;
	border: 0;
	background: #EFF7F9;
}
table.calendartable td {
	padding: 0;
	border: 0;
	text-align: center;
}

/* QRコード
-------------------------------------------------- */
div.qrcode img {
	vertical-align: bottom;
}

/* 読者登録
-------------------------------------------------- */
div.subscription form {
	text-align: center;
}

/* ブログ内検索
-------------------------------------------------- */
div.search form {
	text-align: center;
}

/* プロフィール
-------------------------------------------------- */
div.profile div.photo {
	margin-bottom: 10px;
	text-align: center;
}
div.profile div.photo img {
	padding: 1px;
	border: 1px solid #CCC;
	vertical-align: bottom;
}
div.profile div.nickname {
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
}

/* 表示・非表示
【表示】
div.archives, div.category, div.recententry,
div.rss, div.search, div.subscription
-------------------------------------------------- */
div.ad, div.blog_entry, div.calender, div.circle, div.comment, div.counter,
div.custom1, div.custom2, div.custom3, div.friend, div.friend_blog,
div.inquiry, div.link, div.my_profile, div.profile, div.qrcode, div.tag_cloud,
div.trackback {
	display: none;
}
body.oneColum div.archives, body.oneColum div.category,
body.oneColum div.recententry {
	display: block;
}
body.oneColum div.rss, body.oneColum div.search,
body.oneColum div.subscription {
	display: none;
}



/* clearfix
================================================== */
div.entryBodyBody:after, div.rss ul:after, #blogEntryList ul:after,
#blogEntryList dl:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
div.entryBodyBody, div.rss ul, #blogEntryList ul, #blogEntryList dl {
	display: inline-block;
}
/*Hides from IE5-mac \*/
* html div.entryBodyBody, * html div.rss ul, * html #blogEntryList ul,
* html #blogEntryList dl {
	height: 1%;
}
div.entryBodyBody, div.rss ul, #blogEntryList ul, #blogEntryList dl {
	display: block;
}
*+html body div.entryBodyBody, *+html body div.rss ul,
*+html body #blogEntryList ul, *+html body #blogEntryList dl {
	zoom: 1;
}
/*End hide from IE5-mac */

