/******************************************************************************/
/* Workshop on Frontiers in Phosphatase Research and Drug Discovery */
/* メインスタイルシート - last update: 18.07.11 */


/******************************************************************************/
/* ホームページ全体 */

* {
	margin: 0px;
	padding: 0px;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, 'ＭＳ Ｐゴシック', sans-serif;
}

html {
	overflow-y: scroll;
}

body {
	background: url(../img/body_bg.png) repeat left top;
	color: #333333;
	text-align: center;
}

hr {
	display: none;
}

img {
	border: 0px none;
}

table {
	border-collapse: collapse;
}

ul, ol {
	list-style: none;
}

a,
a:visited {
	color: #3581FF;
	text-decoration: underline;
}

a:hover {
	color: #FF9A35;
	text-decoration: underline;
}


/******************************************************************************/
/* content_wrapper - ページ全体の枠組み */

#content_wrapper {
	width: 100%;
}


/******************************************************************************/
/* content_header - ヘッダ全体の枠組み */

#content_header {
	background: url(../img/content_header_bg.png) repeat-x left top;
	width: 100%;
	height: 130px;
}


/******************************************************************************/
/* header - ヘッダの枠組み */

#header {
	width: 860px;
	height: 118px;
	margin: 0px auto;
	padding: 0px 0px 12px 0px;
	background: url(../img/header_bg.png) no-repeat left top;
}

#header a,
#header a:visited,
#header a:hover {
	display: block;
	text-decoration: none;
}

#header span {
	display: none;
}


/******************************************************************************/
/* header_logo - ヘッダロゴの枠組み */

#header_logo {
	float: left;
	width: 650px;
	height: 115px;
	padding: 3px 0px 0px 0px;
}

#header_logo a {
	width: 650px;
	height: 115px;
}


/******************************************************************************/
/* header_menu - ヘッダメニューの枠組み */

#header_menu {
	float: left;
	width: 72px;
	height: 20px;
	margin: 0px 23px 92px 110px;
	padding: 6px 0px 0px 5px;
	background: #FFFFFF;
}

#header_menu li {
	float: left;
	width: 20px;
	height: 20px;
}

#header_menu a {
	width: 20px;
	height: 20px;
}

#header_menu .menu_01,
#header_menu .menu_02 {
	margin-right: 6px;
}

#header_menu .menu_01 {
	background: url(../img/header_bg.png) no-repeat -765px -6px;
}

#header_menu .menu_01 a:hover {
	background: url(../img/header_s_bg.png) no-repeat left top;
}

#header_menu .menu_02 {
	background: url(../img/header_bg.png) no-repeat -791px -6px;
}

#header_menu .menu_02 a:hover {
	background: url(../img/header_s_bg.png) no-repeat -26px top;
}

#header_menu .menu_03 {
	background: url(../img/header_bg.png) no-repeat -817px -6px;
}

#header_menu .menu_03 a:hover {
	background: url(../img/header_s_bg.png) no-repeat -52px top;
}


/******************************************************************************/
/* wrapper - コンテンツ領域の枠組み */

#wrapper {
	background: url(../img/wrapper_bg.png) repeat-y center top;
	width: 860px;
	margin: 0px auto;
	text-align: left;
}


/******************************************************************************/
/* menu - 左側メニューの枠組み */

#menu {
	float: left;
	width: 180px;
	margin: 0px 10px 10px 10px;
	padding: 0px;
	font-size: 12px;
}

#menu * {
	font-size: 12px;
}

#menu .menu {
	width: 180px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#menu .menu li {
	margin: 0px;
	padding: 0px;
}

#menu .menu a,
#menu .menu a:visited,
#menu .menu a:hover {
	display: block;
	width: 140px;
	text-decoration: none;
}

#menu .menu a,
#menu .menu a:visited {
	color: #3581FF;
}

#menu .menu a.s {
	color: #FFFFFF;
}

#menu .menu a:hover,
#menu .menu a.s:hover {
	color: #FF9A35;
}

#menu .menu_t a {
	padding: 3px 0px 0px 40px;
	height: 37px;
	line-height: 37px;
	background: url(../img/menu_c_bg.png) no-repeat left top;
}

#menu .menu_c a {
	padding: 1px 0px 0px 40px;
	height: 36px;
	line-height: 36px;
	background: url(../img/menu_c_bg.png) no-repeat left -40px;
}

#menu .menu_b a {
	padding: 0px 0px 0px 40px;
	height: 40px;
	line-height: 40px;
	background: url(../img/menu_c_bg.png) no-repeat left -77px;
}

#menu .menu_t a.s, #menu .menu_t a:hover {
	background: url(../img/menu_s_bg.png) no-repeat left top;
}

#menu .menu_c a.s, #menu .menu_c a:hover {
	background: url(../img/menu_s_bg.png) no-repeat left -40px;
}

#menu .menu_b a.s, #menu .menu_b a:hover {
	background: url(../img/menu_s_bg.png) no-repeat left -77px;
}

#menu p {
	line-height: 100%;
}

#menu .update {
	width: 150px;
	height: 15px;
	line-height: 15px;
	margin: 0px auto 20px auto;
	padding: 1px 0px 0px 0px;
	letter-spacing: 0em;
	font-size: 10px;
	text-align: center;
	color: #777777;
	background: url(../img/menu_update_bg.png) no-repeat left top;
}

#menu .ban5 {
	width: 180px;
	height: 55px;
	margin: 0px 0px 3px 0px;
}

#menu .adobereader {
	width: 180px;
	height: 39px;
	margin: 0px 0px 20px 0px;
}


/******************************************************************************/
/* maincontent - メインコンテンツの枠組み */

#maincontent {
	float: left;
	width: 660px;
	margin: 0px 0px 10px 0px;
}

#maincontent p,
#maincontent ul {
	margin: 0px 20px 1em 20px;
	line-height: 160%;
}


/******************************************************************************/
/* maincontent .hr - コンテンツページ本文の区切り線 */

#maincontent .hr {
	clear: both;
	width: 640px;
	height: 1px;
	background: url(../img/hr_bg.png) repeat-x left top;
	margin: 0px 10px 1.5em 10px;
}


/******************************************************************************/
/* メインコンテンツ - 見出し背景 */

#maincontent h2 {
	background: url(../img/h2_bg.png) no-repeat left top;
	width: 585px;
	height: 48px;
	line-height: 48px;
	margin: 0px 10px 15px 10px;
	padding: 2px 0px 0px 55px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.15em;
	color: #FFFFFF;
}

#maincontent h3 {
	background: url(../img/h3_bg.png) no-repeat 5px 1px;
	line-height: 20px;
	margin: 0px 0px 15px 10px;
	padding: 0px 0px 0px 35px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #001835;
}

#maincontent h4 {
	background: url(../img/h4_bg.png) no-repeat 7px 5px;
	line-height: 160%;
	margin: 0px 0px 14px 10px;
	padding: 0px 0px 0px 35px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #001835;
}

#maincontent h5 {
	margin: 0px 10px 1em 10px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 160%;
}


/******************************************************************************/
/* maincontent .mainvisual - メインビジュアル */

#maincontent #mainvisual {
	width: 648px;
	height: 448px;
	margin: 0px 2px 2px 10px;
}

#maincontent .mainvisual h2,
#maincontent .mainvisual span {
	display: none;
}


/******************************************************************************/
/* メインコンテンツ - リスト背景 */

#maincontent .li01 li {
	background: url(../img/li01_bg.png) no-repeat 0px 4px;
	padding-left: 25px;
	margin-bottom: 5px;
}

#maincontent .li02 li {
	background: url(../img/li02_bg.png) no-repeat 1px 5px;
	padding-left: 25px;
}

#maincontent .li03 li {
	background: url(../img/li03_bg.png) no-repeat 1px 5px;
	padding-left: 25px;
}

#maincontent .num li {
	background: none;
	list-style: decimal;
	padding-left: 6px;
	margin-left: 19px;
}

#maincontent .float li {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1em;
}

#maincontent li.float2 {
	float: left;
	width: 260px;
	margin-right: 1.5em;
}


/******************************************************************************/
/* メインコンテンツ - 新着情報の更新日 */

#maincontent .ymd {
	color: #666666;
	font-size: 12px;
	margin-left: 10px;
}


/******************************************************************************/
/* メインコンテンツ - 画像のフローティング */

#maincontent .img-r122 {
	float: right;
	width: 120px;
	margin: 0px 20px 1em 15px;
}

#maincontent .img-r180 {
	float: right;
	width: 180px;
	margin: 0px 20px 1em 15px;
}

#maincontent .img-r240 {
	float: right;
	width: 240px;
	margin: 0px 20px 1em 15px;
}


/******************************************************************************/
/* メインコンテンツ - テーブル（汎用） */

#maincontent .table_normal {
	margin: 0px 20px 1em 20px;
}

#maincontent .table_normal td {
	line-height: 160%;
	vertical-align: top;
	padding-right: 1em;
}


/******************************************************************************/
/* メインコンテンツ - テーブル（幅固定、枠線なし） */

#maincontent .table_fix {
	margin: 0px 20px 1em 20px;
	width: 620px;
}

#maincontent .table_fix td {
	line-height: 160%;
	vertical-align: top;
	padding: 5px 5px 5px 5px;
}


/******************************************************************************/
/* メインコンテンツ - テーブル（幅固定、枠線あり） */

#maincontent .table_border {
	margin: 0px 20px 1em 20px;
	width: 620px;
}

#maincontent .table_border td {
	line-height: 160%;
	vertical-align: top;
	padding: 5px 10px;
	border: 1px solid #555555;
}

#maincontent .table_border td.h2 {
	background: #544121;
	color: #FFFFFF;
	font-weight: bold;
}

#maincontent .table_border td.h3 {
	background: #795A26;
	color: #FFFFFF;
	font-weight: bold;
}

#maincontent .table_border td.h {
	background: #FCF2E2;
	font-weight: bold;
}

#maincontent .table_border td.d2 {
	background: #544121;
	color: #FFFFFF;
}

#maincontent .table_border td.d3 {
	background: #FDFCFB;
}

#maincontent .table_border td.d4 {
	background: #FCF2E2;
	width: 160px;
}

#maincontent .table_border td.d {
	background: #FDFCFB;
}


/******************************************************************************/
/* メインコンテンツ - テーブル（参加申込フォーム） */

#maincontent .table_form {
	margin: 0px 20px 1em 20px;
	width: 620px;
}

#maincontent .table_form td {
	line-height: 160%;
	vertical-align: middle;
	padding: 10px;
}

#maincontent .table_form td.h2 {
	background: #544121;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #555555;
}

#maincontent .table_form td.h3 {
	background: #795A26;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #555555;
}

#maincontent .table_form td.h {
	background: #FCF2E2;
	font-weight: bold;
	border: 1px solid #555555;
	width: 132px;
}

#maincontent .table_form td.d {
	background: #FDFCFB;
	border: 1px solid #555555;
	width: 445px;
}

#maincontent .table_sub td {
	line-height: 120%;
	vertical-align: top;
	padding: 5px 10px;
}


/******************************************************************************/
/* メインコンテンツ - テーブル（プログラム） */

#maincontent .table_program {
	margin: 0px 20px 1em 20px;
	width: 620px;
}

#maincontent .table_program td {
	line-height: 160%;
	vertical-align: middle;
	padding: 10px;
}

#maincontent .table_program td.h2 {
	background: #544121;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #555555;
}

#maincontent .table_program td.h3 {
	background: #795A26;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #555555;
}

#maincontent .table_program td.h {
	background: #FCF2E2;
	font-weight: bold;
	border: 1px solid #555555;
	width: 120px;
}

#maincontent .table_program td.d {
	background: #FDFCFB;
	border: 1px solid #555555;
}


/******************************************************************************/
/* メインコンテンツ - テーブル（INVITED SPEAKERS） */

#maincontent .table_speaker {
	margin: 0px 20px 1em 20px;
	width: 620px;
}

#maincontent .table_speaker td {
	line-height: 160%;
	padding: 10px;
	width: 185px;
	background: #FDFCFB;
	border: 1px solid #555555;
	vertical-align: top;
}


/******************************************************************************/
/* メインコンテンツ - テーブル（ポスター） */

#maincontent .table_poster {
	margin: 0px 20px 1em 20px;
	width: 620px;
}

#maincontent .table_poster td {
	line-height: 160%;
	vertical-align: middle;
	padding: 10px;
}

#maincontent .table_poster td.h2 {
	background: #544121;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #555555;
}

#maincontent .table_poster td.h3 {
	background: #795A26;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #555555;
}

#maincontent .table_poster td.h {
	background: #FCF2E2;
	font-weight: bold;
	border: 1px solid #555555;
	width: 60px;
}

#maincontent .table_poster td.d {
	background: #FDFCFB;
	border: 1px solid #555555;
	width: 517px;
}

#maincontent .title {
	font-weight: bold;
	color: #003300;
}

#maincontent .name {
	font-weight: bold;
}


/******************************************************************************/
/* メインコンテンツ - テーブル（囲み枠） */

#maincontent .table_box {
	margin: 0px 20px 1em 20px;
	width: 620px;
	border: 1px solid #555555;
	background: #F4F9FF;
}

#maincontent .table_box td {
	line-height: 160%;
	padding: 10px 10px;
}


/******************************************************************************/
/* メインコンテンツ - フォーム関連 */

#maincontent .submit {
	padding: 6px 15px;
	letter-spacing: 0.1em;
}

#maincontent .errmsg {
	color: #CC0000;
	font-weight: bold;
}


/******************************************************************************/
/* contact - お問い合わせの枠組み */

#contact {
	width: 600px;
	height: 120px;
	background: url(../img/contact_bg.png) no-repeat left top;
	margin: 0px 30px 15px 30px;
}

#contact h3 {
	display: none;
}

#contact p {
	font-size: 12px;
	line-height: 200%;
	padding: 40px 0px 0px 0px;
}


/******************************************************************************/
/* jumptop - PAGE TOPボタンの枠組み */
/* 今回はjquery.scrollUp.jsを使用 */

#jumptop {
	clear: both;
}

#jumptop a,
#jumptop span {
	display: none;
}

#scrollUp {
    background-image: url(../img/jumptop_bg.png);
    bottom: 170px;
    right: 10px;
    width: 120px;
    height: 40px;
}

#scrollUp:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/******************************************************************************/
/* content_footer - フッタ全体の枠組み */

#content_footer {
	clear: both;
	width: 100%;
	height: 150px;
	background: url(../img/footer_bg.png) repeat-x left top;
}


/******************************************************************************/
/* footer_menu - フッタメニューの枠組み */

#footer_menu {
	width: 840px;
	height: 80px;
	line-height: 160%;
	margin: 0px auto;
	letter-spacing: 0.1em;
	padding: 20px 0px 0px 20px;
	color: #FFFFFF;
	text-align: left;
	font-size: 14px;
}


/******************************************************************************/
/* footer - フッタの枠組み */

#footer {
	width: 860px;
	height: 30px;
	line-height: 30px;
	padding-bottom: 20px;
	margin: 0px auto;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	letter-spacing: 0.1em;
}


/******************************************************************************/
/* 汎用クラス - フォントサイズ */

.fs10 {
	font-size: 10px;
}

.fs12 {
	font-size: 12px;
}

.fs14 {
	font-size: 14px;
}

.fs16 {
	font-size: 16px;
}

.fs18 {
	font-size: 18px;
}

.fs20 {
	font-size: 20px;
}

.fs22 {
	font-size: 22px;
}

.fs24 {
	font-size: 24px;
}

.fs28 {
	font-size: 28px;
}


/******************************************************************************/
/* 汎用クラス - 字下げ */

.indent0 {
	text-indent: 0em;
}

.indent1 {
	text-indent: 1em;
}

.indent2 {
	text-indent: 2em;
}

.indent5 {
	text-indent: 5em;
}


/******************************************************************************/
/* 汎用クラス - 文字間隔 */

.ls0 {
	letter-spacing: 0em;
}

.ls01 {
	letter-spacing: 0.1em;
}

.ls02 {
	letter-spacing: 0.2em;
}

.ls05 {
	letter-spacing: 0.5em;
}

.ls1 {
	letter-spacing: 1em;
}

.ls2 {
	letter-spacing: 2em;
}

.lsm1 {
	letter-spacing: -1px;
}


/******************************************************************************/
/* 汎用クラス - 行間隔 */

.lh120 {
	line-height: 120%;
}

.lh150 {
	line-height: 150%;
}


/******************************************************************************/
/* 汎用クラス - 通常文字 */

.normal {
	font-weight: normal;
}


/******************************************************************************/
/* 汎用クラス - 太字 */

.bold {
	font-weight: bold;
}


/******************************************************************************/
/* 汎用クラス - イタリック */

.italic {
	font-style: italic;
}


/******************************************************************************/
/* 汎用クラス - 下線 */

.underline {
	text-decoration: underline;
}


/******************************************************************************/
/* 汎用クラス - 非表示 */

.hide {
	display: none;
}


/******************************************************************************/
/* 汎用クラス - フォントカラー */

.red {
	color: #CC0000;
}

.green {
	color: #003300;
}

.blue {
	color: #000099;
}

.brown {
	color: #000099;
}

.grey {
	color: #666666;
}

.orange {
	color: #FF6600;
}


/******************************************************************************/
/* 汎用クラス - テキストの配置 */

.txt-l {
	text-align: left;
}

.txt-c {
	text-align: center;
}

.txt-r {
	text-align: right;
}

.img-c {
	clear: both;
}


/******************************************************************************/
/* 汎用クラス - 上付き、下付き文字 */

.sup {
	vertical-align: super;
	font-size: 8px;
}

.sub {
	vertical-align: sub;
	font-size: 8px;
}


/******************************************************************************/
/* 汎用クラス - margin - 外側の余白 */

.mt1e {
	margin-top: 1em;
}

.mt2e {
	margin-top: 2em;
}

.mr1e {
	margin-right: 1em;
}

.mr2e {
	margin-right: 2em;
}

.mb1e {
	margin-bottom: 1em;
}

.mb2e {
	margin-bottom: 2em;
}

.mb15 {
	margin-bottom: 15px;
}

.ml1e {
	margin-left: 1em;
}

.ml2e {
	margin-left: 2em;
}

.ml3e {
	margin-left: 3em;
}

.ml4e {
	margin-left: 4em;
}

.ml5e {
	margin-left: 5em;
}

.ml10e {
	margin-left: 10em;
}


/******************************************************************************/
/* 汎用クラス - padding - 内側の余白 */

.pt1e {
	padding-top: 1em;
}

.pt2e {
	padding-top: 2em;
}

.pr1e {
	padding-right: 1em;
}

.pr2e {
	padding-right: 2em;
}

.pb1e {
	padding-bottom: 1em;
}

.pb2e {
	padding-bottom: 2em;
}

.pl1e {
	padding-left: 1em;
}

.pl2e {
	padding-left: 2em;
}

.pl3e {
	padding-left: 3em;
}


/******************************************************************************/
/* 汎用アイコン */

.newi {
	font-size: 0px;
	color: #FFFFFF;
	background: url(../img/new_bg.gif) no-repeat left top;
	padding: 10px 0px 1px 26px;
	margin-left: 10px;
}

.pdfi {
	font-size: 0px;
	color: #FFFFFF;
	background: url(../img/icon/pdf.png) no-repeat left top;
	padding: 13px 0px 3px 16px;
	margin-left: 10px;
}

.doci {
	font-size: 0px;
	color: #FFFFFF;
	background: url(../img/icon/doc.png) no-repeat left top;
	padding: 13px 0px 3px 16px;
	margin-left: 10px;
}

.xlsi {
	font-size: 0px;
	color: #FFFFFF;
	background: url(../img/icon/xls.png) no-repeat left top;
	padding: 13px 0px 3px 16px;
	margin-left: 10px;
}

.ppti {
	font-size: 0px;
	color: #FFFFFF;
	background: url(../img/icon/ppt.png) no-repeat left top;
	padding: 13px 0px 3px 16px;
	margin-left: 10px;
}