
/* ===================================================================
CSS information

このスタイルは、「トップページ」のページのスタイルです。

#contentsのclass名前は、「#contents.top」にしました。
=================================================================== */

#contents.top .main_contents{
}
#contents.top .main_contents a{
}
#contents .main_contents a{
	color:#1A5596;
	text-decoration:none;
}
#contents .main_contents a:hover{
	text-decoration:underline;
}
#contents .main_contents a:visited{
	color:#4688D5;
}

/* ヘッダイメージエリア */
#contents.top .main_contents .topimg{
	margin-bottom:25px;
	background:#000000;
	width:1001px;
	overflow:hidden;
}
#contents.top .main_contents .topimg #photo{
	float:left;
	height:261px;
	width:716px;
}
#contents.top .main_contents .topimg .text{
	float:right;
	width:247px;
	margin-left:33px;
}
#contents.top .main_contents .topimg .text .title{
	padding-top:44px;
	margin-bottom:33px;
}
#contents.top .main_contents .topimg .text ul{
	margin-left:8px;
}
#contents.top .main_contents .topimg .text li{
	background:url(/img/top/arrow_top-img-bg-black.gif) no-repeat 0 5px;
	color:#FFFFFF;
	padding-left:13px;
	margin-bottom:5px;
}
#contents.top .main_contents .topimg .text li a{
	color:#FFFFFF;
}
#contents.top .main_contents .topimg .text li a:hover{
	color:#CCCCCC;
}


#contents.top .main_contents #sub .menu{
	margin-bottom:5px;
}
#contents.newspage .main_contents #sub .menu{
	margin-bottom:5px;
}
#contents .main_contents #sub .arc{
	background:#E5E5E5;
	width:224px;
	border-bottom:10px solid #FFFFFF;
	height:178px;
}
#contents.top .main_contents #sub .arc{
	border-bottom:10px solid #FFFFFF;
}
#contents .main_contents #sub .arc .arcleft{
	float:left;
	width:99px;
	margin:20px 0px 10px 6px;
	_margin-left:4px;
}
#contents .main_contents #sub .arc .arcright{
	float:right;
	width:103px;
	margin:10px 7px 5px 0px;
	_margin-right:4px;
	display:inline;
}
#contents .main_contents #sub .arc .arcright p.number{
	font-size:80%;
	line-height:120%;
	padding-bottom:2px;
	padding-top:3px;
	color:#1F60A9;
	margin-bottom:3px;
	border-bottom:1px solid #1F60A9;
}
#contents .main_contents #sub .arc .arcright p.number a{
	color:#1F60A9;
}
#contents .main_contents #sub .arc .arcright p.theme{
	padding-left:6px;
}

#contents .main_contents #sub .arc .arcright p{
	font-size:80%;
	line-height:120%;
}

#contents .main_contents #sub .date{
	border:solid 1px #CBCBCB;
	background:url(../img/top/bg_date.jpg) repeat-x bottom #FFF;
	margin-bottom:5px;
}
#contents .main_contents #sub .date h3{
	padding:5px 0px 5px 10px;
}
#contents .main_contents #sub .date p{
	font-size:80%;
	line-height:120%;
	padding:0px 0px 5px 7px;
}

#contents #main_left .bn{
	background:url(../img/top/bg_uia.jpg) bottom repeat-x;
	border:1px solid #CBCBCB;
	margin-bottom:20px;
	width:591px;
	height:180px;
}
#contents #sub a:hover{
	text-decoration:underline;
}
#contents #main_left .bn .bn_left{
	float:left;
	width:380px;
	padding-left:30px;
	padding-top:10px;

}
#contents #main_left .bn a{
	color:#666666;
}
#contents #main_left .bn a:hover{
	color:#333;
	text-decoration:underline;
}
#contents #main_left .bn .bn_left h3{
	padding:5px 0px 0px 0px;

}
#contents #main_left .bn .bn_left h4{
	margin-bottom:10px;

}
#contents #main_left .bn ul{
	margin-left:30px;
	clear:both;


}
#contents #main_left .bn ul .smallblue{
	font-size:88%;
	color:#999;


}
#contents.top #main_left .bn ul li{
	display:inline;
	background:url(../img/top/yokohama_arrow.png) no-repeat 0.3em 0.3em;
	padding-left:14px;
	margin-right:5px;

}
#contents #main_left .bn .bn_right{
	float:right;
	padding:18px 25px 0px 0px;
}
#contents .newsbox dl{
	width:550px;
	overflow:hidden;
	margin-left:3px;
	border:none;
}
#contents .newsbox dt{
	float:left;
	background:url(../member/img/arrow_maru01.gif) no-repeat 8px 5px;
	clear: both;
	padding:0px 5px 6px 21px;
}
#contents .newsbox dd{

}
#contents .newsbox dd.kokunai{
	background:url(../img/top/tag01.gif) no-repeat 94px 2px;
	padding:0px 5px 6px 143px;

}
#contents.top .newsbox dd.jia{
	background:url(../img/top/tag02.gif) no-repeat 94px 2px;
	padding:0px 5px 6px 143px;
	vertical-align:top;

}
#contents.top .newsbox dd.saigai{
	background:url(../img/top/tag06.gif) no-repeat 94px 2px;
	padding:0px 5px 6px 143px;
	vertical-align:top;

}
#contents.top .newsbox dd.memberonly{
	background:url(../img/top/tag03.gif) no-repeat 94px 2px;
	padding:0px 5px 6px 143px;
	_padding:7px 5px 6px 143px;

}
#contents.top .newsbox dd.memberonly img{
	padding-bottom:4px;
	padding-left:4px;
}
#contents.top .newsbox dd.oversea{
	background:url(../img/top/tag04.gif) no-repeat 94px 2px;
	padding:0px 5px 6px 143px;

}
#contents.top .newsbox{
	clear:both;
}


/* --- ボックス --- */
div.section {
width: 600px; /* ボックスの幅 */
color: #000000; /* ボックスの文字色 */
}

/* --- タブエリア --- */
div.section ul.tabs {
width: 100%; /* タブエリアの幅 */
margin: 0;
padding: 0;

list-style-type: none;
}
#page div.section ul.tabs li {
position: relative;
z-index: 1;
width: 117px; /* タブの幅 */
margin: 0 2px -1px 0; /* タブのマージン（上右下左） */
background:url(../img/top/tab_a.jpg) no-repeat;
height:27px;
text-align: center;
float: left;
color:#FFF;
font-size:12px;
font-weight: bold; /* 太字 */
text-decoration:none;

letter-spacing:0.05em;
}
#page div.section ul.tabs li a{
font-size:12px;
text-decoration:none;
color:#FFF;
font-weight: bold; /* 太字 */
}
div.section ul.tabs li.last {

margin: 0px 0px -1px 0px; /* タブのマージン（上右下左） */

}


/* --- リンクエリア --- */
#page div.section ul.tabs li a {
display: block;
position: relative; /* IE6用 */
padding: 5px 2px 0px 2px; /* リンクエリアのパディング（上下、左右） */
outline: none; /* アウトライン（なし） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
#page div.section ul.tabs li a:hover {
text-decoration: none; /* テキストの下線（あり） */
}

/* --- アクティブなタブ --- */
#page div.section ul.tabs li.active {
z-index: 3;
background:url(../img/top/tab_b.jpg) no-repeat;
font-weight: bold; /* 太字 */
color:#1F60A9;
font-size:12px;
letter-spacing:0.05em;
}
#page div.section ul.tabs li.active a {
color:#1F60A9; /* アクティブタブの文字色 */
}

#page div.section ul.tabs li.active a:visited  {
color:#1F60A9; /* アクティブタブの文字色 */
}/* --- ポイント時の設定 --- */
#page div.section ul.tabs li.active a:hover {
text-decoration: none; /* テキストの下線（なし） */
}
#page div.section ul.tabs li a:visited {
	color:#fff;
}

/* --- 本文領域 --- */
div.section div.topicArea {
position: relative;
width:570px;
z-index: 2;
height: 335px; /* 本文領域の高さ */
overflow: auto; /* はみ出た場合はスクロールで表示 */
padding: 15px 10px 10px 10px; /* 本文領域のパディング */
background-color: #ffffff; /* 本文領域の背景色 */
border: 1px #3B85D8 solid; /* 本文領域の境界線 */

}
/* --- 段落 --- */
div.section div.topicArea p {
margin: 0 0 1em; /* 段落のマージン（上、左右、下） */
}

/* --- 本文領域内の各ボックス --- */
div.section div.topicArea div.topic {
padding-top: 1em; /* JavaScriptがオフの場合の設定 */
border-bottom: 1px #c0c0c0 solid; /* JavaScriptがオフの場合の設定 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}



#contents.top .section dl{
	width:556px;
	border-bottom:1px solid #ccc;
	margin-left:3px;
	padding-bottom:4px;
}
#contents.top .section .small{
	font-size:80%;
}

#contents.top .section #topic5 ul{
	width:540px;
	border-bottom:1px solid #ccc;
	margin-left:3px;
	padding-bottom:4px;
}
#contents.top .section #topic2,
#contents.top .section #topic3,
#contents.top .section #topic4{
	line-height:160%;
}

#contents.top .section dt.first{
	border-top:none;
}
#contents.top .section dd.first{
	border-top:none;
}
#contents.top .section dt{
	float:left;
	background:url(../member/img/arrow_maru01.gif) no-repeat 3px 7px;
	width:345px;
	padding:3px 5px 3px 20px;
	border-top:solid 1px #ccc;
}
#contents.top .section dd{
	padding:3px 5px 3px 60px;
	background:url(../img/top/day.gif) no-repeat 0px 7px;
	float:left;
	border-top:solid 1px #ccc;
}
#contents.top .section #topic1 dl{
	width:553px;

}
#contents.top .section #topic1 dt{
	background:url(../member/img/arrow_maru01.gif) no-repeat 3px 7px;
	padding:3px 5px 3px 20px;
	border-top:solid 1px #ccc;
	float:none;
	width:528px;
}
#contents.top .section dd.notag{
	background:none;
}
#contents.top .section #topic1 dt span.tagjia{
	background:url(../img/top/tag02.gif) no-repeat 3px 3px;
	padding:2px 5px 3px 50px;
}
#contents.top .section #topic1 dt span.other{
	background:url(../img/top/tag05.gif) no-repeat 3px 3px;
	padding:2px 5px 3px 50px;
}
#contents.top .section #topic1 dt.first{
	border:none;
}
#contents.top .section #topic1 dd{
	float:none;
	border:none;
	padding:0px 5px 4px 20px;
	background:none;

}
#contents.top .section #topic1 dd span.e_date{
	padding:0px 10px 4px 44px;
		zoom:1;
	background:url(../img/top/days.gif) no-repeat 0px 3px;

}
*+html #contents.top .section #topic1 dd span.e_date {  background:url(../img/top/days.gif) no-repeat 0px 4px; }

#contents.top .section #topic1 dd span.place{
	padding:0px 5px 4px 44px;
		zoom:1;
	background:url(../img/top/place.gif) no-repeat 0px 3px;


}
#contents.top #topic2 dd{
	width:120px;

}
#contents.top #topic3 dd{
	background:url(../img/top/oubo.gif) no-repeat 0px 7px;

}
#contents.top #topic3 dd.notag{
	background:none;

}
#contents.top #topic4 dd.notag{
	background:none;

}
#contents.top #topic4 dd{
	background:url(../img/top/kigen.gif) no-repeat 0px 7px;

}

#contents.top .section #topic5 li{
	background:url(../member/img/arrow_maru01.gif) no-repeat 3px 7px;
	padding:3px 5px 3px 20px;
	border-top:solid 1px #ccc;
}
#contents.top .section #topic5 li.first{
	border-top:none;
}
#contents.top .section p.more{
	text-align:right;
	padding-top:5px;
}



/* ===================================================================
CSS information

このスタイルは、「メンバーズ」のページのスタイルです。

BODYのID名前は、「#contents.members」にしました。
=================================================================== */

#contents .main_contents {
	width:1002px;
	clear:both;
}

#contents .main_contents a{
	text-decoration:none;
	color:#1F60A9;
}


/* ===================================================================

左側のメニューのデザイン

=================================================================== */



#contents #sub{
	width:224px;
	float:left;
	clear:both;
}
#contents #sub .menu{
	margin-bottom:20px;
	width:224px;
}
#contents #sub h2.member{
	background:none;
	padding-left:0px;
	padding-top:0px;
	margin-bottom:0px;
}
#contents #sub ul{
	font-size:94%;
	margin:0px;
	padding:0px;

}
#contents #sub ul li{
	color:#1F60A9;
	background:url(../closed/img/arrow_gray.gif) no-repeat 4px 5px #F6F6F6;
	padding:2px 0px 2px 20px;
	border-bottom:1px #FFFFFF solid;
}
#contents #sub ul li a{
	color:#1A5596;
	text-decoration:none;
}
#contents #sub ul li a:hover{
	text-decoration:underline;
}
#contents #sub ul li a:visited{
	color:#4688D5;
}
#contents #sub ul.blue li{
	background:url(../closed/img/arrow_blue.gif) no-repeat 4px 5px #F6F6F6;
}
#contents #sub ul.gray li{
	background:url(../news/img/arrow.gif) no-repeat 4px 5px #F6F6F6;
}
#contents #sub ul.gray li img{
	padding-bottom:5px;
	padding-left:2px;
}
#contents #sub ul.gray li ul li{
	background:url(../closed/img/arrow_gray.gif) no-repeat 4px 5px;
}
#contents #sub ul.inside li{
	background:url(../closed/img/arrow_gray.gif) no-repeat 20px 5px #F6F6F6;
	padding-left:36px;
}
#contents #sub ul.inside.ten li{
	background:url(../img/common/ten.gif) no-repeat 25px 9px #F6F6F6;
	padding-left:34px;
}
#contents #sub .menu.membersub h2{
	height:25px;
}
#contents #sub h2{
	background:url(../closed/img/h2_bg.jpg) no-repeat;
	padding-left:14px;
	font-weight:bold;
	font-size:96%;
	width:224px;
	_width:210px;
	padding-top:4px;
	margin-bottom:1px;
}


#contents #sub h3{
	margin-bottom:1px;
}
#contents #sub p.bn{
	margin-bottom:5px;
}
#contents #sub .address{
	padding-top:20px;
	line-height:120%;
	margin-bottom:50px;
}
#contents #sub .address img{
	padding-top:5px;
}
#contents #contents_right{
	float:right;
	width:776px;
}
#contents #main_left{
	width:610px;
	float:left;
	margin-left:14px;
	display:inline;
}
#contents #main_left a{

}
#contents #main_left .newsbox {
	border:solid 4px #F6F6F6;
	width:580px;
	margin-bottom:10px;
	padding:5px;
}
#contents #main_left .newsbox.info01 {
	width:580px;
	margin-bottom:10px;
	padding:5px;
}

#contents #main_left .newsbox h2{
	margin-bottom:10px;
}
#contents.members #main_left .newsbox ul{
	line-height:160%;
	margin-left:10px;
}
#contents #main_left .newsbox ul li{

	background:url(../closed/img/arrow_maru01.gif) no-repeat 2px 6px;
	padding-left:16px;
}
#contents #main_left .newsbox.info01 ul{
	margin-bottom:10px;
}
#contents #main_left .newsbox.info01 ul li{

	background:url(../member/img/arrow_maru02.gif) no-repeat 2px 6px;
	padding-left:16px;
}
#contents #main_left .newsbox.info02 ul li{
	background:url(../closed/img/arrow_maru03.gif) no-repeat 2px 6px;
	padding-left:16px;
}
#contents #main_right{
	width:152px;
	float:left;
}
#contents #main_right h3{
	margin-bottom:1px;
}
#contents #main_right ul{
	margin-bottom:10px;
}
#contents #main_right ul li{
	margin-bottom:1px;
	color:#1F60A9;
	background:url(../closed/img/arrow_blue.gif) no-repeat 4px 5px #F6F6F6;
	padding:2px 0px 2px 20px;
}
#contents #main_right p{
	margin-bottom:6px;
	padding-top:0px;
}




#contents .newsbox dd{
	padding:3px 5px 0px 94px;
}
#contents .newsbox .more {
	text-align:right;
	padding:0px 10px 5px 0px;
}

#contents.top #main_left .section #topic5 dl.press {
	overflow:hidden;
	width:554px;
}
#contents.top #main_left .section #topic5 dl.press dt{
background:url(../member/img/arrow_maru01.gif) no-repeat 3px 7px;
	line-height:140%;
	padding-top:3px;
	padding-bottom:3px;
	clear: left;
	float: left;
	width:60px;
}
#contents.top #main_left .section #topic5 dl.press dd{
	line-height:160%;
	padding-top:3px;
	padding-bottom:3px;
	width:453px;
	background:none;
	padding-left:10px;
}

/* ===================================================================
CSS information

このスタイルは、「メンバーズ」のページのスタイルです。

BODYのID名前は、「#contents.members」にしました。
=================================================================== */

#contents .main_contents {
	width:1002px;
	clear:both;
}

#contents .main_contents a{
	text-decoration:none;
	color:#1F60A9;
}


/* ===================================================================

左側のメニューのデザイン

=================================================================== */



#contents #sub{
	width:224px;
	float:left;
	clear:both;
}
#contents #sub .menu{
	margin-bottom:20px;
	width:224px;
}
#contents #sub h2.member{
	background:none;
	padding-left:0px;
	padding-top:0px;
	margin-bottom:0px;
}
#contents #sub ul{
	font-size:94%;
	margin:0px;
	padding:0px;

}
#contents #sub ul li{
	color:#666;
	background:url(../closed/img/arrow_gray.gif) no-repeat 4px 5px #F6F6F6;
	padding:2px 0px 2px 20px;
	border-bottom:1px #FFFFFF solid;
}
#contents #sub ul li a{
	color:#1A5596;
	text-decoration:none;
}
#contents #sub ul li a:hover{
	text-decoration:underline;
}
#contents #sub ul li a:visited{
	color:#4688D5;
}
#contents #sub ul.blue li{
	background:url(../closed/img/arrow_blue.gif) no-repeat 4px 5px #F6F6F6;
}
#contents #sub ul.gray li{
	background:url(../news/img/arrow.gif) no-repeat 4px 5px #F6F6F6;
}
#contents #sub ul.gray li img{
	padding-bottom:5px;
	padding-left:2px;
}
#contents #sub ul.gray li ul li{
	background:url(../closed/img/arrow_gray.gif) no-repeat 4px 5px;
}
#contents #sub ul.inside li{
	background:url(../closed/img/arrow_gray.gif) no-repeat 20px 5px #F6F6F6;
	padding-left:36px;
}
#contents #sub ul.inside.ten li{
	background:url(../img/common/ten.gif) no-repeat 25px 9px #F6F6F6;
	padding-left:34px;
}
#contents #sub .menu.membersub h2{
	height:25px;
}
#contents #sub h2{
	background:url(../closed/img/h2_bg.jpg) no-repeat;
	padding-left:14px;
	font-weight:bold;
	font-size:96%;
	width:224px;
	_width:210px;
	padding-top:4px;
	margin-bottom:1px;
}
#sub h2.category{
	cursor: pointer;
}

#contents #sub h3{
	margin-bottom:1px;
}
#contents #sub p.bn{
	margin-bottom:5px;
}
#contents #sub .address{
	padding-top:20px;
	line-height:120%;
	margin-bottom:50px;
}
#contents #sub .address img{
	padding-top:5px;
}
#contents #contents_right{
	float:right;
	width:776px;
}
#contents #main_left{
	width:610px;
	float:left;
	margin-left:14px;
	display:inline;
}
#contents #main_left a{

}
#contents #main_left .newsbox {
	border:solid 4px #F6F6F6;
	width:580px;
	margin-bottom:10px;
	padding:5px;

}
#contents #main_left .newsbox.info01 {
	width:580px;
	margin-bottom:10px;
	padding:5px;
}

#contents #main_left .newsbox h2{
	margin-bottom:10px;
}
#contents.members #main_left .newsbox ul{
	line-height:160%;
	margin-left:10px;
}
#contents #main_left .newsbox ul li{

	background:url(../closed/img/arrow_maru01.gif) no-repeat 2px 6px;
	padding-left:16px;
}
#contents #main_left .newsbox.info01 ul{
	margin-bottom:10px;
}
#contents #main_left .newsbox.info01 ul li{

	background:url(../member/img/arrow_maru02.gif) no-repeat 2px 6px;
	padding-left:16px;
}
#contents #main_left .newsbox.info02 ul li{
	background:url(../closed/img/arrow_maru03.gif) no-repeat 2px 6px;
	padding-left:16px;
}
#contents #main_right{
	width:152px;
	float:left;
	margin-bottom:10px;
}
#contents #main_right h3{
	margin-bottom:1px;
}
#contents #main_right ul{
	margin-bottom:10px;
}
#contents #main_right ul li{
	margin-bottom:1px;
	color:#1F60A9;
	background:url(../closed/img/arrow_blue.gif) no-repeat 4px 5px #F6F6F6;
	padding:2px 0px 2px 20px;
}
#contents #main_right p{
	margin-bottom:6px;
	padding-top:0px;
}
#contents .newsbox dl{
	overflow:hidden;
	margin-left:3px;
}

#contents .newsbox dd{
	padding:3px 5px 0px 94px;

}
#contents .newsbox .more {
	text-align:right;
	padding:0px 10px 5px 0px;
}

#contents.top #main_left .section #topic5 dl.press {
	overflow:hidden;
	width:554px;
}
#contents.top #main_left .section #topic5 dl.press dt{
background:url(../member/img/arrow_maru01.gif) no-repeat 3px 7px;
	line-height:140%;
	padding-top:3px;
	padding-bottom:3px;
	clear: left;
	float: left;
	width:60px;
}
#contents.top #main_left .section #topic5 dl.press dd{
	line-height:160%;
	padding-top:3px;
	padding-bottom:3px;
	width:453px;
	background:none;
	padding-left:10px;
}

/* ===================================================================

会員専用ページ

=================================================================== */

/* ログイン時 */

#loginArea {
    border: 4px solid #F6F6F6;
    margin: 60px auto 80px auto;
    padding: 15px 5px;
    width: 590px;
	text-align:center;
}
#loginArea h2 {
	margin-bottom:35px;
}
#loginArea p {
    line-height: 1.5;
    text-align: center;
}
#loginArea p.errorMessageArea {
    margin-top: 30px;
}
#loginArea table {
    margin: 30px auto;
}
#loginArea table th, #loginArea table td {
 	height:50px;
    vertical-align: top;
}
* html #loginArea table th, * html #loginArea table td {
    height: 3.333em;
}
#loginArea table th {
    width: 105px;
}
#loginArea table td input {
    width: 250px;
}
#loginArea table p {
    text-align: left;
}
#loginArea .loginBtnArea {
    margin-bottom: 15px;
	text-align:center;
}

#loginArea .loginError {
	padding:10px 0 30px 0;
	text-align:center;
	color:#CC3300;
}

/* パスワード忘れたとき */

#remind_pass {
    border: 4px solid #F6F6F6;
    margin: 60px auto 80px auto;
    padding: 15px 5px 30px 5px;
    width: 600px;
	text-align:center;
}
#remind_pass h2 {
	margin-bottom:35px;
}
#remind_pass p {
    line-height: 1.5;
	text-align:center;
}
#remind_pass table {
	margin-bottom:20px;
	width:100%;
}

#remind_pass th {
	padding:5px;
	white-space:nowrap;
	text-align:right;
}
#remind_pass td{
	padding:5px;
	white-space:nowrap;
	text-align:left;
}
#remind_pass td input {
    width: 250px;
}
#remind_pass .loginBtnArea {
    margin-bottom: 30px;
	text-align:center;
}
#remind_pass .loginError {
	padding:10px 0 30px 0;
	text-align:center;
	color:#CC3300;
}
#remind_pass .caution {
	font-size:86%;
	margin-bottom:5px;
}

/* ボタン */

.blueBtn input, .orangeBtn input, .grayBtn input, .whiteBtn input, .logoutBtn input {
    background: url(/images/admin/spacer.gif) repeat scroll;
    border: medium none;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;

}

.orangeBtn {
    background: url(../img/common/bg-orange.jpg) repeat-x #F66013;
    border: 1px solid #F78D12;
	color:#FFFFFF;
	margin:0 20px;
}
.grayBtn {
    background: url(../img/common/bg-gray) repeat-x ;
    border: 1px solid #ccc;
	color:#333333;
	margin:0 20px;
}

.orangeBtn, .grayBtn {
    line-height: 2.166;
    padding: 0 10px;
}

.blueBtn, .orangeBtn, .grayBtn, .whiteBtn, .logoutBtn {
    color: white;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

/* 2011.3.23追記　災害情報　 */

#contents.top div.saigai {
	clear: both;
    border: 1px solid #dadada;
    margin-bottom: 17px;
    width: 571px;
	padding:17px 5px 10px 15px;
	margin-top:10px;
}
#contents.top .saigai .title{
	margin-bottom:12px;
	padding-bottom:5px;
	border-bottom:solid 1px #ccc;
	margin-right:10px;
}
#contents.top .saigai .title img{
	margin:0;
}
.title_news{
	color:#721036;
	font-weight:bold;
	margin-bottom:5px;
	padding-top:5px;
}
#contents.top .saigai .link{
	margin-bottom:8px;
	padding-top:5px;
	margin-left:10px;
}
#contents.top #main_left .saigai .saigainews{
	padding:10px 15px 15px 15px;
	background:#F6F6F6;
	width:530px;
	margin-bottom:1px;
	margin-left:0px;

}
#contents.top #main_left .saigai .saigainews p{
	color:#999;
	font-weight:bold;

}
#contents.top #main_left .saigai .saigainews table{

}
#contents.top .saigai .saigainews table td{
	padding-right:10px;
	vertical-align:top;


}
#contents.top .saigai .link p{
    background: url(/qualify/cpd/img/arrow_glay_sq.gif) no-repeat 0 3px;
    _background: url(/qualify/cpd/img/arrow_glay_sq.gif) no-repeat left center;
    padding-left:18px;
}
#contents.top .saigai p img{
	margin:0 3px 3px 3px;
	vertical-align:middle;
}

#sub div.archive_top {
	padding-top:10px;
	margin-left:3px;
	font-size:86%;
}
#sub div.archive_top a{
	background:url(/img/common/arrow_small.gif) no-repeat 0 4px;
	padding-left:10px;
}
#sub div.panf{
	margin-bottom:10px;
}
#sub div.video{
	margin-bottom:10px;
}
#sub div.conference{
	margin-bottom:10px;
}
#sub div.cpd{
	margin-bottom:10px !important;
}
#sub div.course,
#sub div.annuity{
	margin-bottom:6px;
}
#sub div.disaster{
	margin-bottom:10px !important;
}
#sub div.menu h2.member{
	margin-bottom:4px !important;
}
#sub map area{
	border:none;
	outline:none;
}

/* 2014.12.26追記　JIA紹介リーフレットgazou */
#contents.top div.panf_link {
	margin-bottom: 10px;
}