﻿/*
THEME NAME: Empty Canvas
THEME URI: http://rubiqube.com
VERSION: 1.0
AUTHOR: <a href="http://www.rubiqube.com">Adrian Diaconescu</a>
*/
/**************************************************************/
/*                            共通                            */
/**************************************************************/
html {
	overflow: scroll;
}

body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:14px;
	color:#505050;
	line-height:1.5;
	background:url(../images/bg.png) repeat-x;
}

td,th{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:14px;
	color:#505050;
	line-height:1.5;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,blockquote,img,a{
	margin:0;
	padding:0;
}

ul,ol{
	list-style:none;
}

.clear{
	clear:both;
}

img{
	border:0;
}

h1.meteor-slides {
clear: both !important;
z-index: 100;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.float-left{
	float:left;
	padding:0 10px 10px 0;
	vertical-align:bottom;
}

.float-right{
	float:right;
	padding:0 0 10px 10px;
	vertical-align:bottom;
}


.float-right{
	float:right;
	0 0 10px 10px;
	vertical-align:;
}

article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,menu,nav,section,summary,small {
	display: block
}

a{
	color:#505050;
	text-decoration:none;
}

.smaller{
	font-size:0.7em;
	line-height:0.5;
}

.t-right{
	text-align:right;
}

.t-left{
	text-align:left;
}

.t-center{
	text-align:center;
}

.v-center{
	vertical-align:central;
}

/**************************************************************/
/*　             　コンテンツテーブル共通　                   */
/**************************************************************/
#content table th,td{
	vertical-align:top;
}

#content table{
	width:100%;
	margin:0 auto 20px;
}

#content table{
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
#content table th{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background-color:#eee;
    padding:0.3em 1em;
	font-weight:normal;
}
#content table td{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:0.3em 1em;
}

#content table th.half,td.half{
	width:50%
}


#content table th.half,td.half{
	width:50%
}
#content table th.half,td.one-third{
	width:33%;
}
#content table th.half,td.three-fourths{
	width:67%;
}



/******　  線無し     ******/

#content table.no-border{
    border:none;
    border-collapse:collapse;
    border-spacing:0;
}
#content table.no-border th{
    border:none;
    background-color:none;
}
#content table.no-border td{
    border:none;
    background-color:none;
}

/**************************************************************/
/*　                   コンテナ・ラッパー                     */
/**************************************************************/

#container{
	width:989px;
	margin:0 auto;
	position:relative;
}

#wrapper{
	width:762px;
	float:right;
}

/**************************************************************/
/*　                       ヘッダー　                         */
/**************************************************************/

header{
	width:762px;
	height:30px;
}

header ul{
	padding:16px 0 0 0;
	float:right;
}

header ul li{
	padding:0 0 0 16px;
	float:left;
}
header ul li div.member_link{
	background-color:blue;
}

header ul li a{
	display:block;
	font-size:0.7em;
	background:url(../images/utility-bg.png) no-repeat center left;
	padding:1px 0 0 9px;
	line-height:1;
}

header ul li a.member_link{
        color:#ffffff;
	display:block;
	font-size:0.7em;
	background:url(../images/utility-bg.png) no-repeat center left;
	padding:1px 0 0 9px;
	line-height:1;
}

header ul li a.mail{
	background:url(../images/mail-icon.png) no-repeat center left;
	padding:1px 0 0 13px;
}

header ul li a:hover{
	text-decoration:underline;
}
/**************************************************************/
/*                       右コンテンツ                         */
/**************************************************************/

#content{
	width:762px;
	margin-bottom:20px;
}

#content h1{
	width:762px;
	height:230px;
	font-size:1em;
	line-height:1;
}

#content h1 a{
	width:762px;
	height:230px;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/main-image.png) no-repeat;
}

#content ul#maincontent{
	padding:17px 0 0 0 ;
}

#content ul#maincontent li{
	float:left;
	width:188px;
	padding:0 3px 0 0;
}

#content ul#maincontent li:last-chiled{
	width:189px;
	padding-right:0;
}

#content ul#maincontent li + li + li +li{
	width:189px;
	padding-right:0;
}

#content ul#maincontent li a{
	display:block;
	width:188px;
	height:143px;
	overflow:hidden;
	color:#fff;
}

#content ul#maincontent li a span{
	display:block;
	font-weight:bold;
	padding:18px 0 0 14px;
	line-height:1.3;
}
	
#content ul#maincontent li a span:last-child{
	font-size:0.7em;
	padding:12px 0 0 14px;
	font-weight:normal;
	width:75px;
}
	
#content ul#maincontent li a span + span{
	font-size:0.7em;
	padding:12px 0 0 14px;
	width:75px;
	font-weight:normal;
}
		
#content ul#maincontent li a.outline{
	background:url(../images/main-banner1-off.png);
}

#content ul#maincontent li a.outline:hover{
	background:url(../images/main-banner1-on.png);
}

#content ul#maincontent li a.publication{
	background:url(../images/main-banner2-off.png);
}

#content ul#maincontent li a.publication:hover{
	background:url(../images/main-banner2-on.png);
}


#content ul#maincontent li a.recruitment{
	width:189px;
	background:url(../images/main-banner4-off.png);
}

#content ul#maincontent li a.recruitment:hover{
	width:189px;
	background:url(../images/main-banner4-on.png);
}



#content ul#maincontent li.prize {
	height:143px;
	background:url(../images/main-banner3-off.png) no-repeat;
	cursor:pointer;
}

#content ul#maincontent li.prize:hover {
	background:url(../images/main-banner3-on.png) no-repeat;
}

#content ul#maincontent li.prize span {
	display:block;
	font-weight:bold;
	padding:18px 0 14px 14px;
	line-height:1.3;
	color:#fff;
}

#content ul#maincontent li.prize ul li{
	line-height:1;
	font-size:0.7em;
	padding:0 0 7px 14px;
}

#content ul#maincontent li.prize ul li a{
	height:auto;
}

#content ul#maincontent li.prize ul li a:hover{
	text-decoration:underline;
}



#content ul#maincontent li a.prize:hover{
	background:url(../images/main-banner3-on.png);
}


#content ul#maintext{
	padding:0 ;
	clear:left;
	line-height:1;
	padding:10px 0;
	overflow:hidden;
}

#content ul#maintext li{
	float:left;
	width:188px;
	padding:0 3px 0 0;
	text-align:center;
}

#content ul#maintext li:last-chiled{
	width:189px;
	padding-right:0;
}

#content ul#maintext li + li + li +li{
	width:189px;
	padding-right:0;
}

#content ul#maintext li a{
	background:url(../images/main-banner-icon.png) no-repeat left center;
	padding:0 0 0 17px;
}


/**************************************************************/
/*                 右コンテンツの中のカラム                   */
/**************************************************************/


/********左メイン*********/

#content #main{
	width:545px;
	float:left;
	padding:15px 0 0 0;
}

#content #main #anchorpoint{
	width:100%;
	background:#f0f0f0;
	height:30px;
	margin-bottom:10px;
	padding:0;
}

#content #main #anchorpoint ul{
	list-style:none;
}

#content #main #anchorpoint ul li{
	list-style:none;
	padding:0 75px 0 25px;
	margin:5px 0 0 20px;
	float:left;
}

#content #main #anchorpoint ul li a{
}

#content #main #anchorpoint ul li.notice{
	background:url(../images/ancor-bg1.png) no-repeat left center;
}

#content #main #anchorpoint ul li.news{
	background:url(../images/ancor-bg3.png) no-repeat left center;
}

#content #main #anchorpoint ul li.topics{
	background:url(../images/ancor-bg2.png) no-repeat left center;
}


#content #main div{
	padding:0 0 50px 0;
	position:relative;
}

#content #main div.tab-content{/*tab_contentもあるので注意*/
	height:300px;
	overflow-y:scroll;
	overflow-x:hidden;
	padding-right:15px;
}

#content #main div.tab-content img{
	float:left;
	padding:0 10px 10px 0;
	vertical-align:bottom;
}

#content #main div.tab-content h3{
	font-size:1.1em;
	font-weight:bold;
	border:0;
	padding:3px 0 5px 0;
	margin:0;
}

#content #main div.tab-content p{
	font-size:0.9em;
}

#content #main div h2{
	height:24px;
	color:#fff;
	font-size:1em;
	line-height:1;
	padding:4px 0 0 7px;
	overflow:hidden;
	>padding:0 0 0 7px;
	>line-height:1.7;
	*padding:0 0 5px 7px;
	border:0;
	margin-bottom:5px;
	clear:left;
}
	
#content #main h2.notice{
	background:url(../images/notice-bg.png) no-repeat;
}

#content #main h2.news{
	background:url(../images/news-bg.png) no-repeat;
}

#content #main h2.topics{
	background:url(../images/topics-bg.png) no-repeat;
}


#content #main div ul.tab{
	position:absolute;
	top:0;
	right:0;
}

#content #main div ul.tab li{
	float:left;
}

#content #main div ul.tab li a{
	display:block;
	font-size:0.7em;
	padding:2px 9px;
	margin:0 0 0 8px;
}

#content #main div a.directory:hover{
	text-decoration:underline;
}

#content #main div ul.notice a{
	background:#0084b6;
	border:1px solid #0084b6;
}

#content #main div ul.notice a:hover{
	background:#fff;
	color:#0084b6;
}

#content #main div ul.notice a.directory{
	color:#505050;
	background:url(../images/notice-li-bg.png) no-repeat center left;
	border:none;
}

#content #main div.tab-content li small{
	padding:15px 0 0 0;
}

#content #main div.tab-content li small a{/*日付横のカテゴリー*/
	padding:2px 6px;
	color:#fff;
}

#content #main div.tab-content li small span.dummy1 a{/*日付横のカテゴリーダミー1*/
	background:#42c5c9;
}

#content #main div.tab-content li small span.dummy2 a{/*日付横のカテゴリーダミー2*/
	background:#248e13;
}

#content #main div.tab-content li small span.dummy3 a{/*日付横のカテゴリーダミー3*/
	background:#eeb328;
}

#content #main div.tab-content li small span.dummy4 a{/*日付横のカテゴリーダミー4*/
	background:#ff6050;
}

#content #main div.tab-content li small span.dummy5 a{/*日付横のカテゴリーダミー5*/
	background:#c88658;
}

#content #main div.tab-content aside{
	background:url(../images/main-banner-icon.png) no-repeat left center;
	float:right;
	font-size:0.7em;
	padding:0 0 0 15px;
	margin:5px 0 0 0;
}

#content #main div ul.news a{
	background:#fff;
	border:1px solid #59a777;
	color:#59a777;
}

#content #main div ul.news a:hover{
	background:#59a777;
	color:#fff;
}

#content #main div ul.news li.active a{
	background:#59a777;
	color:#fff;
}

#content #main div ul.news{
	right:100px;
}

#content #main div a.directory1{
	color:#505050;
	background:url(../images/news-li-bg.png) no-repeat center left;
	border:none;
	display:block;
	position:absolute;
	top:0;
	right:0;
	font-size:0.7em;
	padding:2px 9px;
	margin:0 0 0 8px;

}

#content #main div ul.topics a{
	background:#c07eb2;
	border:1px solid #c07eb2;
}

#content #main div ul.topics a:hover{
	background:#fff;
	color:#c07eb2;
}

#content #main div ul.topics a.directory{
	color:#505050;
	background:url(../images/topics-li-bg.png) no-repeat center left;
	border:none;
}



#content #main div .tab_content{
	width:515px;
	height:300px;
}


/********右サイドバー*********/

#content #rightside{
	width:180px;
	float:right;
	padding:8px 0 0 0;
}

#content #rightside p{
	padding:5px 0;
}

#content #rightside #map{
	width:178px;
	height:230px;
	border:1px #00345b solid;
	position:relative;
	margin:0 0 7px 0;
	
}

#content #rightside #map h2{
	padding:15px 0 0 9px;
	border:none;
}

#content #rightside #map aside{
	position:absolute;
	top:53px;
	left:9px;
	z-index:1;
}

#content #rightside #map ul{
	width:174px;
	height:158px;
	background:url(../images/map-bg.png) no-repeat;
	position:relative;
	margin:0 auto;
}

#content #rightside #map li{
	position:absolute;
	list-style:none;
	margin:0;
	padding:0;
}

#content #rightside #map li a{
	position:absolute;
	display:block;
	background:url(../images/map-bg.png) no-repeat;
	text-indent:-9999px;
}

#content #rightside #map li a.hokkaido{
	width: 48px;
	height: 41px;
	top: 0;
	left: 126px;
}

#content #rightside #map li a.hokkaido:hover{
	background-position:-126px -158px;
}

#content #rightside #map li a.tohoku{
	width: 28px;
	height: 53px;
	top: 39px;
	left: 126px;
}

#content #rightside #map li a.tohoku:hover{
	background-position:-126px -355px;
}

#content #rightside #map li a.kantou{
	width: 33px;
	height: 33px;
	top: 92px;
	left: 121px;
}

#content #rightside #map li a.kantou:hover{
	background-position:-121px -566px;
}



#content #rightside #map li a.hokuriku{
	width: 51px;
	height:35px;
	top:76px;
	left:79px;
}

#content #rightside #map li a.hokuriku:hover{
	background-position:-79px -708px;
}

#content #rightside #map li a.chubu{
	width:34px;
	height:39px;
	top:92px;
	left:97px;
}

#content #rightside #map li a.chubu:hover{
	background-position:-97px -882px;
}

#content #rightside #map li a.kinki{
	width:36px;
	height:35px;
	top:106px;
	left:61px;
}

#content #rightside #map li a.kinki:hover{
	background-position:-61px -1054px;
}

#content #rightside #map li a.chugoku-sikoku{
	width:39px;
	height:44px;
	top:106px;
	left:29px;
}

#content #rightside #map li a.chugoku-sikoku:hover{
	background-position:-29px -1212px;
}


#content #rightside #map li a.kyushu{
	width:28px;
	height:39px;
	top:119px;
	left:0px;
}

#content #rightside #map li a.kyushu:hover{
	background-position:0 -1383px;
}

/***   支部マップjquery  ***/

#powerTip a{
	color: #00F;
}

#api-examples input {
	background-color: #EEE;
	margin: 10px;
	padding: 10px 30px;
}

#powerTip {
	cursor: default;
	background-color: #333; /* fallback for browsers that dont support rgba */
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 6px;
	color: #FFF;
	display: none;
	padding: 10px;
	position: absolute;
	white-space: nowrap;
	z-index: 2;
}
#powerTip.n:before, #powerTip.e:before, #powerTip.s:before, #powerTip.w:before,
#powerTip.ne:before, #powerTip.nw:before, #powerTip.se:before, #powerTip.sw:before {
	content: "";
	position: absolute;
}
#powerTip.n:before, #powerTip.s:before {
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	left: 50%;
	margin-left: -5px;
}
#powerTip.e:before, #powerTip.w:before {
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	margin-top: -5px;
	top: 50%;
}
#powerTip.n:before {
	border-top: 10px solid rgba(0, 0, 0, 0.8);
	bottom: -10px;
}
#powerTip.e:before {
	border-right: 10px solid rgba(0, 0, 0, 0.8);
	left: -10px;
}
#powerTip.s:before {
	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
	top: -10px;
}
#powerTip.w:before {
	border-left: 10px solid rgba(0, 0, 0, 0.8);
	right: -10px;
}
#powerTip.ne:before, #powerTip.se:before {
	border-right: 10px solid transparent;
	border-left: 0;
	left: 10px;
}
#powerTip.nw:before, #powerTip.sw:before {
	border-left: 10px solid transparent;
	border-right: 0;
	right: 10px;
}
#powerTip.ne:before, #powerTip.nw:before {
	border-top: 10px solid rgba(0, 0, 0, 0.8);
	bottom: -10px;
}
#powerTip.se:before, #powerTip.sw:before {
	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
	top: -10px;
}






/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/******* rss *******/

#content #rightside ul.tab-rss{
}

#content #rightside ul.tab-rss li{
	float:left;
	padding:0 3px 0 0;
}

#content #rightside ul.tab-rss li a{
	display:block;
	padding:4px 7px;
	background:#eee;
	border:1px solid #ccc;
	border-bottom:0;
	font-size:0.8em;
	line-height:1;
        margin-top:-10px;
}

#content #rightside .tab_rss{
	width:178px;
        height:450px;
	overflow-y:scroll;
	clear:left;
	font-size:0.7em;
	border:1px solid #ccc;
}

#content #rightside .tab_rss h2{
	font-size:1.5em;
	line-height:1.3;
	margin:0;
}

#content #rightside .tab_rss ul{
	padding:5px;
}

#content #rightside .tab_rss ul li{
	padding:5px 0;
}

#content #rightside .tab_rss ul li a{
	color:#096cb6;
}

#content #rightside .tab_rss ul li a:hover{
	text-decoration:underline;
}

#content #rightside .tab_rss img{
	display:none;
}

#content p a{
	color:#096cb6;
}

#content p a:hover{
	text-decoration:underline;
}

#content p a:visited{
	color:#096cb6;
}



/**************************************************************/
/*                       左サイドバー                         */
/**************************************************************/

#sidebar{
	width:214px;
	float:left;
	margin-bottom:20px;
}

#sidebar h2{
	width:214px;
	height:140px;
	font-size:1em;
	line-height:1;
	
}

#sidebar h2 a{
	width:214px;
	height:164px;
	display:block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../images/logo.png) no-repeat;
}

#sidebar ul{
	width:196px;
	margin:0 auto;
	font-size:0.9em;
	font-size:14px;
}

#sidebar ul li {
	width:196px;
	line-height:1;
	border-bottom:1px solid #fff;
}

#sidebar ul li a{
	padding:8px 0 8px 34px;
	display:block;
	overflow:hidden;
	color:#505050;
	background-color:#f0f0f0;
	background-image:url(../images/side-menu-bg-off.png);
	background-position:center left;
	background-repeat:no-repeat;
}

#sidebar ul li a span{
	font-size:0.7em;
}

#sidebar ul li a:hover{
	color:#fff;
	background-color:#00345b;
	background-image:url(../images/side-menu-bg-on.png);
	background-position:center left;
	background-repeat:no-repeat;
}

#sidebar ul li.current-menu-item a{
	color:#fff;
	background-color:#00345b;
	background-image:url(../images/side-menu-bg-on.png);
	background-position:center left;
	background-repeat:no-repeat;
}

/************ 選択中 親ページ************/

#sidebar ul.menu li a{
	color:#fff;
	background-color:#00345b;
	background-image:url(../images/side-menu-bg-on.png);
	background-position:center left;
	background-repeat:no-repeat;
}

#sidebar ul.menu li a:hover{
	color:#fff;
	background-color:#00345b;
	background-image:url(../images/side-menu-bg-on.png);
	background-position:center left;
	background-repeat:no-repeat;
}

#sidebar ul.menu li.current-menu-item a{
	color:#fff;
	background-color:#00345b;
	background-image:url(../images/side-menu-bg-on.png);
	background-position:center left;
	background-repeat:no-repeat;
}

/************ 選択中 子ページ************/



#sidebar ul.menu li ul.sub-menu li a{
	color:#505050;
	background-color:#accee7;
	background-image:url(../images/side-menu-under.png);
	background-position:center left;
	background-repeat:no-repeat;
}

#sidebar ul.menu li ul.sub-menu li a:hover{
	color:#fff;
	background-color:#569ccf;
	background-image:url(../images/side-menu-under-on.png);
	background-position:center left;
	background-repeat:no-repeat;
}

#sidebar ul.menu li ul.sub-menu li.current-menu-item a{
	color:#fff;
	background-color:#569ccf;
	background-image:url(../images/side-menu-under-on.png);
	background-position:center left;
	background-repeat:no-repeat;
}


/**************************************************************/
/*             　  　　　　下層共通　　　　                   */
/**************************************************************/

#content ul#pankuzu{
}

#content h2{
	font-size:1.75em;
	margin:0 0 20px 0;
	padding-bottom:2px;
	border-bottom:#86c0eb solid 2px;
	font-weight:normal;
	line-height:1;
	overflow:hidden;
}


#content h3{
	font-size:1.35em;
	margin:0 0 17px 0;
	padding:15px 0 2px 0;
	border-bottom:#86c0eb solid 1px;
	font-weight:normal;
	line-height:1;
	overflow:hidden;
	clear:left;
}

/**************************************************************/
/*             　  　　生化学会について　　                   */
/**************************************************************/

#content #about{
}

#content #about h1{
	width:762px;
	height:140px;
	background:url(../images/main-about.jpg);
	margin-bottom:40px;
}

#content #about h1 a{
	display:block;
	overflow:hidden;
	padding:52px 0 0 28px;
	font-size:1.5em;
	background:none;
	text-indent:0;
	white-space:normal;
	height:40px;
}

#content #about h1 a span{
	display:block;
	padding:5px 0 0 0;
	font-size:0.4em;
	line-height:1;
	font-weight:normal;
}

#content #about ul.about{
	list-style:outside;
	margin:0 0 0 20px;
}

#content #about ul.about li{
	width:320px;
	float:left;
}

#content #about p{
	padding:0 0 15px 0;
}

#content #about p a{
	color:#096cb6;
}

#content #about p a:hover{
	text-decoration:underline;
}

#content #about p a:visited{
	color:#aa4d79;
}

/**************************************************************/
/*             　 　　 　　　学会組織　　　                   */
/**************************************************************/

#content #org{
}

#content #org h1{
	width:762px;
	height:140px;
	background:url(../images/main-about.jpg);
	margin-bottom:40px;
}

#content #org h1 a{
	display:block;
	overflow:hidden;
	padding:52px 0 0 28px;
	font-size:1.5em;
	background:none;
	text-indent:0;
	white-space:normal;
	height:40px;
}

#content #org h1 a span{
	display:block;
	padding:5px 0 0 0;
	font-size:0.4em;
	line-height:1;
	font-weight:normal;
}

#content #org table td.caption{
	text-align:center;
	vertical-align:middle;
}

#content #org table ul{
	list-style:outside;
	margin:0 0 0 20px;
}

#content #org table ul li{
	width:155px;
	float:left;
}

#content #org table ul li ul li{
	list-style:circle;
}

#content #org p{
	padding:0 0 15px 0;
}

#content #org p a{
	color:#096cb6;
}

#content #org p a:hover{
	text-decoration:underline;
}

#content #org table a{
	color:#096cb6;
}

#content #org table a:hover{
	text-decoration:underline;
}

#content #org table a:visited{
	color:#aa4d79;
}

#content #org ul.member{
	padding:0 0 20px 0;
	list-style:none;
	clear:left;
	overflow:hidden;
}

#content #org ul.member li{
	float:left;
	width:20%;
}
/**************************************************************/
/*             　  　　　学会誌／出版物　　                   */
/**************************************************************/

#content #journal{
}

#content #journal h1{
	width:762px;
	height:140px;
	background:url(../images/main-about.jpg);
	margin-bottom:40px;
}

/*  130909 kw add  */
#content #ad_guide{
}

#content #ad_guide h1{
	width:762px;
	height:140px;
	background:url(../../images/ad_guide01.jpg);
	margin-bottom:40px;
	display:block;
	overflow:hidden;
	font-size: 2px;
	text-indent: -9999px;
}

#content #ad_guide2{
}

#content #ad_guide2 h1{
	width:762px;
	height:140px;
	background:url(../../images/ad_guide02.jpg);
	margin-bottom:40px;
	display:block;
	overflow:hidden;
	font-size: 2px;
	text-indent: -9999px;
}

/*  130909 kw add end  */

#content #journal h1 a{
	display:block;
	overflow:hidden;
	padding:52px 0 0 28px;
	font-size:1.5em;
	background:none;
	text-indent:0;
	white-space:normal;
	height:40px;
}

#content #journal h1 a span{
	display:block;
	padding:5px 0 0 0;
	font-size:0.4em;
	line-height:1;
	font-weight:normal;
}

#content #journal p{
	padding:0 0 20px 0;
}

#content #journal a{
	color:#096cb6;
}

#content #journal a:hover{
	text-decoration:underline;
}

#content #journal a:visited{
	color:#aa4d79;
}

/**ジャーナルトップ**/

#content #journal #left{
	width:245px;
	float:left;
	padding:0 0 30px;
}

#content #journal #left p{
	padding:0 0 0 12px;
	font-size:0.8em;
}

#content #journal #left p span{
	font-size:1.7em;
}

#content #journal #right{
	width:486px;
	float:right;
}

#content #journal #left p span{
	font-size:1.7em;
}

#content #journal #right ul{
	width:258px;
	float:left;
	padding:20px 0;
}

#content #journal #right ul li{
	padding:5px 0 5px 25px
}

#content #journal #right ul li a{
	display:block;
	background:url(../images/main-banner-icon.png) no-repeat left center;
	padding:0 0 0 25px;
}

#content #journal #bottom{
	width:760px;
	padding:10px 0;
	clear:both;
	border-top:2px solid #CCCCCC;
}

#content #journal #bottom p{
	padding:10px;
	font-size:0.9em;
}

#content #journal #bottom p span{
	color:#333333;
	font-family:"Times New Roman", Times, serif;
}

#content #journal ul.ul_disc{
	margin-left:10px;
	list-style:disc;
}

#content #journal td.td_middle_name{
        width:90px;
        text-align:left;
	vertical-align:middle;
}

#content #journal td.td_middle_sml{
        width:40px;
        text-align:center;
	vertical-align:middle;
}

#content #journal td.td_middle{
        width:65px;
        text-align:center;
	vertical-align:middle;
}

#content #journal th.th_middle{
	vertical-align:middle;
}

#content #journal th.th_white{
        background:none;
        text-align:left;
        font-weight:bold;
}

#content #journal div.m_category{
        width: 70px;
        float:left;
        margin-right:10px;
}

#content #journal div.m_category_other{
        width: 40px;
        float:left;
        text-align:right;
        margin-right:10px;
}

/**************************************************************/
/*             　 　　 　入会のご案内　　　                   */
/**************************************************************/

#content #join{
}

#content #join h1{
	width:762px;
	height:140px;
	background:url(../images/main-about.jpg);
	margin-bottom:40px;
}

#content #join h1 a{
	display:block;
	overflow:hidden;
	padding:52px 0 0 28px;
	font-size:1.5em;
	background:none;
	text-indent:0;
	white-space:normal;
	height:40px;
	color:#505050;
}

#content #join h1 a span{
	display:block;
	padding:5px 0 0 0;
	font-size:0.4em;
	line-height:1;
	font-weight:normal;
}

#content #join ul{
	list-style:outside;
	margin:0 0 30px 20px;
	overflow:hidden;
}

#content #join ul li{
}

#content #join p{
	padding:0 0 15px 0;
}

#content #join a{
	color:#096cb6;
}

#content #join a:hover{
	text-decoration:underline;
}

#content #join a:visited{
	color:#aa4d79;
}


/**************************************************************/
/*             　  　　生化学会について　　                   */
/**************************************************************/

#content #about{
}

#content #about h1{
	width:762px;
	height:140px;
	background:url(../images/main-about.jpg);
	margin-bottom:40px;
}

#content #about h1 a{
	display:block;
	overflow:hidden;
	padding:52px 0 0 28px;
	font-size:1.5em;
	background:none;
	text-indent:0;
	white-space:normal;
	height:40px;
}

#content #about h1 a span{
	display:block;
	padding:5px 0 0 0;
	font-size:0.4em;
	line-height:1;
	font-weight:normal;
}

#content #about h2{
	line-height:1.2;
	margin:0 0 8px 0;
}

#content #about ul.about{
	list-style:outside;
	margin:0 0 0 20px;
}

#content #about ul.about li{
	width:320px;
	float:left;
}

#content #about p{
	padding:0 0 25px 0;
}

#content #about p a{
	color:#096cb6;
}

#content #about p a:hover{
	text-decoration:underline;
}

#content #about p a:visited{
	color:#aa4d79;
}

/**************************************************************/
/*             　 　　 学会賞・各種助成　　                   */
/**************************************************************/

#content #support{
}

#content #support h1{
	width:762px;
	height:140px;
	background:url(../images/main-about.jpg);
	margin-bottom:40px;
}

#content #support h1 a{
	display:block;
	overflow:hidden;
	padding:52px 0 0 28px;
	font-size:1.5em;
	background:none;
	text-indent:0;
	white-space:normal;
	height:40px;
}

#content #support h1 a span{
	display:block;
	padding:5px 0 0 0;
	font-size:0.4em;
	line-height:1;
	font-weight:normal;
}

#content #support h3.support{
	background:url(../images/listmark1.png) no-repeat center left;
	padding:0 0 0 23px;
	border:0;
}
	
#content #support p{
	padding:0 0 15px 23px;
}

#content #support p a{
	color:#096cb6;
}

#content #support p a:hover{
	text-decoration:underline;
}

#content #support ol{
	list-style-type:decimal;
	padding:0 0 0 45px;
}

#content #support ul{
	list-style-type:disc;
	padding:0 0 0 20px;
}

#content #support li a{
	color:#096cb6;
}

#content #support li a:hover{
	text-decoration:underline;
}

#content #support td a{
	color:#096cb6;
}

#content #support td a:hover{
	text-decoration:underline;
}

/**************************************************************/
/*             　 　　本会・学術集会カレンダー　                   */
/**************************************************************/

#content #calendar{
}

#content #calendar h1{
	width:762px;
	height:140px;
	background:url(../images/main-about.jpg);
	margin-bottom:40px;
}

#content #calendar h1 a{
	display:block;
	overflow:hidden;
	padding:52px 0 0 28px;
	font-size:1.5em;
	background:none;
	text-indent:0;
	white-space:normal;
	height:40px;
}

#content #calendar h1 a span{
	display:block;
	padding:5px 0 0 0;
	font-size:0.4em;
	line-height:1;
	font-weight:normal;
}

#content #calendar h3.support{
	background:url(../images/listmark1.png) no-repeat center left;
	padding:0 0 0 23px;
	border:0;
}
	
#content #calendar p{
	padding:0 0 15px 23px;
}

#content #calendar p a{
	color:#096cb6;
}

#content #calendar p a:hover{
	text-decoration:underline;
}

#content #calendar div{
	float:left;
}

#content #calendar div a{
	color:#096cb6;
}

#content #calendar div a:hover{
	text-decoration:underline;
}

#content #calendar td.cel_center{
	vertical-align: middle;
}

#content #calendar td a{
	color:#096cb6;
}

#content #calendar td a:hover{
	text-decoration:underline;
}

/**************************************************************/
/*             　 　　    バックナンバー    　                   */
/**************************************************************/

#content #backnumber{
}

#content #backnumber h1{
	width:762px;
	height:140px;
	background:url(../images/main-about.jpg);
	margin-bottom:40px;
}

#content #backnumber h1 a{
	display:block;
	overflow:hidden;
	padding:52px 0 0 28px;
	font-size:1.5em;
	background:none;
	text-indent:0;
	white-space:normal;
	height:40px;
}

#content #backnumber h1 a span{
	display:block;
	padding:5px 0 0 0;
	font-size:0.4em;
	line-height:1;
	font-weight:normal;
}

#content #backnumber h3.support{
	background:url(../images/listmark1.png) no-repeat center left;
	padding:0 0 0 23px;
	border:0;
}
	
#content #backnumber p{
	padding:0 0 5px 5px;
}

#content #backnumber p a{
	color:#096cb6;
}

#content #backnumber p a:hover{
	text-decoration:underline;
}

#content #backnumber div{
	float:left;
}

#content #backnumber div a{
	color:#096cb6;
}

#content #backnumber div a:hover{
	text-decoration:underline;
}

#content #backnumber td a{
	color:#096cb6;
}

#content #backnumber td a:hover{
	text-decoration:underline;
}

/**************************************************************/
/*             　 　　 　　各種手続き　　　                   */
/**************************************************************/

#content #regist{
}

#content #regist h3{
	padding-top:27px;
}

#content #regist h1{
	width:762px;
	height:140px;
	background:url(../images/main-about.jpg);
	margin-bottom:40px;
}

#content #regist h1 a{
	display:block;
	overflow:hidden;
	padding:52px 0 0 28px;
	font-size:1.5em;
	background:none;
	text-indent:0;
	white-space:normal;
	height:40px;
}

#content #regist h1 a span{
	display:block;
	padding:5px 0 0 0;
	font-size:0.4em;
	line-height:1;
	font-weight:normal;
}

#content #regist p{
	padding:0 0 15px 0;
}

#content #regist ul.anchor{
	list-style:none;
}

#content #regist ul.anchor li{
	font-size:1.1em;
	background:url(../images/listmark1.png) no-repeat center left;
	float:left;
	padding:0 15px 0 20px;
	margin:10px 0 0 0;
	line-height:1;
	overflow:hidden;
		
}

#content #regist ul li a{
	color:#096cb6;
}

#content #regist ul li a:hover{
	text-decoration:underline;
}

#content #regist ol{
	list-style:decimal;
	margin:0 0 0 22px;
}

#content #regist ul{
	list-style:disc;
	margin:0 0 0 18px;
}

#content #regist p a{
	color:#096cb6;
}

#content #regist table{
}

#content #regist table th{
	text-align:left;
	width:30%;
}

#content #regist input{
	margin:2px 0
}

#content #regist sup{
	color:#C30;
	padding:0;
	margin:0;
	font-size:1.3em;
	vertical-align:baseline;
}


/**************************************************************/
/*             　 　　 　　各種手続き　　　                   */
/**************************************************************/

#content #blog{
}

#content #blog h3{
	padding-top:27px;
}

#content #blog h1{
	width:762px;
	height:140px;
	background:url(../images/main-about.jpg);
	margin-bottom:40px;
}

#content #blog h1 p{
	display:block;
	overflow:hidden;
	padding:52px 0 0 28px;
	font-size:1.5em;
	background:none;
	text-indent:0;
	white-space:normal;
	height:40px;
}

#content #blog h1 span{
	display:block;
	padding:5px 0 0 0;
	font-size:0.4em;
	line-height:1;
	font-weight:normal;
	background-image:none;
	color:#505050;
	text-indent:0;
	white-space:normal;
}

#content #blog .post-meta{
	margin-bottom:20px;
}

/**************************************************************/
/*             　 　　 　　投稿一覧　　　　                   */
/**************************************************************/

#content #blog{
}

#content #blog h3{
	padding-top:27px;
}

#content #blog h1{
	width:762px;
	height:140px;
	background:url(../images/main-about.jpg);
	margin-bottom:40px;
}

#content #blog h1 p{
	display:block;
	overflow:hidden;
	padding:52px 0 0 28px;
	font-size:1.5em;
	background:none;
	text-indent:0;
	white-space:normal;
	height:40px;
}

#content #blog td a{
	color:#096cb6;
}

#content #blog td a:hover{
	text-decoration:underline;
}

/**************************************************************/
/*             　 　　 　若手研究員に聞く　                   */
/**************************************************************/

/*** 一覧 ***/

#content #column{
}

#content #column h3{
	padding-top:27px;
}

#content #column h1{
	width:762px;
	height:140px;
	background:url(../images/main-about.jpg);
	margin-bottom:40px;
}

#content #column h1 a{
	display:block;
	overflow:hidden;
	padding:52px 0 0 28px;
	font-size:1.5em;
	background:none;
	text-indent:0;
	white-space:normal;
	height:40px;
}

#content #column h3 a span{
	font-size:0.65em;
	display:block;
	padding:7px 0 10px 0;
}

#content #column ul{
	padding:0 0 30px 0;
	margin-top:-7px;
}

#content #column aside {
}

#content #column aside a{
	background:url(../images/list-icon.png) no-repeat center left;
	padding:0 0 0 15px;
	display:block;
	float:right;
	width:auto;
}

#content #column aside a:hover{
	text-decoration:underline;
}


/*** 記事 ***/
#content #column-under{
	width:762px;
	height:140px;
	background:url(../images/main-about.jpg);
	margin-bottom:40px;
}

#content #column-under h1{
	width:762px;
	height:140px;
	background:url(../images/main-about.jpg);
	margin-bottom:40px;
}

#content #column-under h1 a{
	display:block;
	overflow:hidden;
	padding:52px 0 0 28px;
	font-size:1.5em;
	background:none;
	text-indent:0;
	white-space:normal;
	height:40px;
}

#content #column-under h3 p span{
	font-size:0.7em;
	display:block;
	padding:7px 0 0 0;
}

#content #column-under p{
	padding:0 0 15px 0;
}

#content #column-under img{
	float:left;
	padding:0 15px 7px 0;
}

/**************************************************************/
/*             　 　　 　投稿用フォーム　　                   */
/**************************************************************/

#content .entry{
}

#content li#tdomf-form-1{
	list-style:none;
}

#content li#tdomf-form-5{
	list-style:none;
}

#content h2.widgettitle{
	border:none;
}

/**************************************************************/
/*             　 　　　　　男女共同参画　　　                    */
/**************************************************************/

#content #paticipation{
}

#content #paticipation h1{
	width:762px;
	height:140px;
	background:url(../images/main-about.jpg);
	margin-bottom:40px;
}

#content #paticipation h1 a{
	display:block;
	overflow:hidden;
	padding:52px 0 0 28px;
	font-size:1.5em;
	background:none;
	text-indent:0;
	white-space:normal;
	height:40px;
}

#content #paticipation h1 a span{
	display:block;
	padding:5px 0 0 0;
	font-size:0.4em;
	line-height:1;
	font-weight:normal;
}

#content #paticipation h3.support{
	background:url(../images/listmark1.png) no-repeat center left;
	padding:0 0 0 23px;
	border:0;
}
	
#content #paticipation p{
	padding:0 0 5px 13px;
}

#content #paticipation p a{
	color:#096cb6;
}

#content #paticipation p a:hover{
	text-decoration:underline;
}

#content #paticipation div{
        float:left;
}

#content #paticipation div.out_table{
        margin:-15px 0 0 250px;
}

#content #paticipation div a{
	color:#096cb6;
}

#content #paticipation div a:hover{
	text-decoration:underline;
}

#content #paticipation td a{
	color:#096cb6;
}

#content #paticipation td a:hover{
	text-decoration:underline;
}



/**************************************************************/
/*             　  フッター(コンテナーの外)                   */
/**************************************************************/

footer{
	width:100%;
	height:55px;
	clear:both;
	background:#00345b;
	color:#fff;
	font-size:0.7em;
}

footer div{
	width:980px;
	margin:0 auto;
	padding-top:19px;
}

footer div address{
	float:right;
	font-style:normal;
}

footer div ul{
	float:left;
	list-style:none;
	vertical-align:central;
}

footer div ul li{
	float:left;
	padding:0;
}

footer div ul li a{
	float:left;
	padding:0;
	color:#fff;
}

footer div ul li a:hover{
	text-decoration:underline;
}

#sidebar .fb-like{
	padding:5px 0 0 8px;
	position:relative;
	float:left;
}
#sidebar .tw-like{
        width:100px;
	padding:5px 0 0 0;
        margin-left:8px;
	position:relative;
	float:left;
}

#sidebar #ad{
	padding:5px 0 0 9px;
}

#sidebar #ad p{
	padding:0 0 10px 0;
}

#search{
	padding:5px 0 0 9px;
}

#searchform4 {  
    width: 188px;  
    display: block;  
    height: 24px;  
    position: relative;
	border:4px solid #f0f0f0;
	overflow:hidden;
	*margin:0;
}
 
#searchform4 input#s{  
    width:156px;  
    position:absolute;  
    top: 3px;  
    left:12px;  
	border:0;
} 
 
#searchBtn4 {  
    position: absolute;  
    top: 3px;  
    left:160px;
}  

/**************************************************************/
/*             　  130830 kw add                   */
/**************************************************************/
#post-content{
	margin-bottom:70px;
	padding-right: 10px;
	padding-left: 10px;
}

#post-content .body { color: #3c3c3c; font-size: 12px; line-height: 16px; font-family: "平成角ゴシック", "ＭＳ ゴシック"; text-decoration: none ;}
#post-content .bodys { color: #3c3c3c; font-size: 10px; line-height: 12px;  font-family: "平成角ゴシック", "ＭＳ ゴシック"; text-decoration: none ;}
#post-content .bodym { color: #3c3c3c; font-size: 11px; line-height: 14px; font-family: "平成角ゴシック", "ＭＳ ゴシック"; text-decoration: none ;}
#post-content .protb1 { color: #3c3c3c; font-size: 12px; line-height: 16px; font-family: "平成角ゴシック", "ＭＳ ゴシック"; text-decoration: none; border-top: 1px solid gray; border-right: 1px solid gray ;}
#post-content .protb2 { color: #3c3c3c; font-size: 12px; line-height: 16px; font-family: "平成角ゴシック", "ＭＳ ゴシック"; text-decoration: none; border-top: 1px solid gray ;}
#post-content .ttl { color: #3c3c3c; font-weight: bold; font-size: 18px; line-height: 20px; font-family: "平成角ゴシック", "ＭＳ ゴシック"; text-decoration: none ;}
#post-content .ttl2 { color: #3c3c3c; font-size: 16px; line-height: 18px; font-family: "平成角ゴシック", "ＭＳ ゴシック"; text-decoration: none ;}
#post-content .ttl3 { color: #4682b4; font-weight: bold; line-height:1.2em; font-size: 18px; font-family: "平成角ゴシック", "ＭＳ ゴシック"; text-decoration: none ; letter-spacing:-0.02em;}
#post-content .ttl4 { color: #666; font-weight: bold; font-size: 14px; line-height:2em; font-family: "平成角ゴシック", "ＭＳ ゴシック"; text-decoration: none ;}

#post-content .ttle   { color: #3c3c3c; font-size: 12px; line-height: 14px; font-family: "Lucida Sans", "Century Gothic"; text-decoration: none ;}
#post-content .search  { color: white; font-size: 10px; line-height: 12px; background-color: #f90; margin: 2pt; padding: 1pt; border: inset 1pt #f63 ;}
#post-content .navif { color: #3c3c3c; font-size: 12px; line-height: 14px ;  font-family: "平成角ゴシック", "ＭＳ ゴシック";}
#post-content .foot { color: #ffffff; font-size: 9px; line-height: 10px; text-decoration: none ;}
#post-content A:link  { color: #3c3c3c; text-decoration: none ;}
#post-content A:visited   { color: #3c3c3c; text-decoration: none ;}
#post-content A:active   { color: #800000; text-decoration: underline ;}
#post-content A:hover   { color: #800000; text-decoration: underline ;}
#post-content .ttl31 {color: #4682b4; font-weight: bold; font-size: 18px; font-family: "平成角ゴシック", "ＭＳ ゴシック"; text-decoration: none ;}
#post-content .style3 {font-size: small}
