/* CSS Document */

body {
	margin:0px 0px 10px;
	color:#333322;
}
a:link , a:visited {  color: #333333; text-decoration: none; }
a:hover { color: #C135F9; text-decoration: underline; }

.header {
	background:url(images/header-bg.jpg) repeat-x left bottom;
	border-top:2px solid #C135F9;
	border-bottom:1px solid #CCC;
}
.header div {
	width:782px;
	margin:0px auto;
}
.header span {
	float:right;
	display:block;
	width:50%;
	text-align:right;
	padding:10px 0px 0px;
	font-size:80%;
	color:#CCC;
}
.header span a {
	background:url(images/arrow.gif) no-repeat left center;
	padding:0px 10px 0px 14px;
}
.logo {
	width:332px;
	height:36px;
	border:none;
	margin:12px 0px;
}
.layout {
	margin:10px auto;
	width:780px;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:2px solid #C135F9;
	border-left:1px solid #CCC;
}
.menu {
	width:180px;
	float:left;
}
.menu .submenu {
	margin:0px;
	padding:5px 10px 15px 20px;
	border-bottom:1px solid #CCC;
}
.menu .submenu li {
	padding:0px;
	margin:0px 0px 3px;
	font-size:85%;
	list-style:url(images/arrow.gif) outside square;
}
.menu .banner {
	width:auto;
	text-align:center;
	margin:20px 0px;
}
.menu .access {
	width:auto;
	padding:0px 5px 10px 10px;
	line-height:120%;
	font-size:85%;
	margin:30px 0px 0px;
}
.contents {
	width:600px;
	float:left;
}
.contents-top {
	width:600px;
	float:left;
}
.top-flash {
	margin:0px 0px 10px;
	padding:0px;
}
.top-news {
	width:400px;
	float:left;
	padding:0px;
	margin:0px;
}
.top-news h1 {
	padding:0px !important;
	margin:0px !important;
	height:30px !important;
	font-size:16px !important;
}
.top-news ul  {
	font-size:85%;
	line-height:120%;
	padding:5px 0px 0px 10px;
	margin:0px;
	*scrollbar-arrow-color:#CCC;
	*scrollbar-base-color: #CCC;
	*scrollbar-face-color: #FFF;
	*scrollbar-highlight-color: #FFF;
	*scrollbar-3d-light-color: #CCC;
	*scrollbar-shadow-color: #FFF;
	*scrollbar-track-color: #FFF;
	*scrollbar-darkshadow-color: #CCC;
	overflow-y:scroll;
	height:290px;
	width:auto;
}
.top-news ul li {
	margin:0px 0px 5px 0px;
	padding:0px;
	list-style:none outside none;
}
.top-news ul li div {
	font-size:80%;
	font-weight:bold;
	color:#C135F9;
	margin:0px 0px 2px;
}
.top-news ul li span {
	font-size:80%;
	padding:0px 0px 0px 5px;
	white-space:nowrap;
	color:#999999;
}
.top-news ul li a:link , .top-news ul li a:visited {
	color:#333322;
	text-decoration: none;
}
.top-news ul li a:hover {
	color: #FF3300;
	text-decoration: underline;
}


ul.list {
	font-size:85%;
	line-height:120%;
	padding:5px 0px 0px 10px;
	margin:0px;
	width:auto;
}
ul.list li {
	margin:0px 0px 5px 0px;
	padding:0px;
	list-style:none outside none;
}
ul.list li span {
	font-size:80%;
	font-weight:bold;
	display:block;
	color:#C135F9;
	margin:0px 0px 2px;
}
ul.list li a:link , ul.list li a:visited {
	color:#333322;
	text-decoration: none;
}
ul.list li a:hover {
	color: #FF3300;
	text-decoration: underline;
}
.top-sodankai {
	width:190px;
	border:1px solid #CCC;
	float:left;
	margin:0px 0px 0px 5px;
	height:320px;
}
.top-sodankai h1 {
	padding:0px !important;
	margin:0px 0px 0px !important;
	height:30px !important;
	font-size:16px !important;
}
.top-sodankai div.list {
	overflow-y:scroll;
	overflow-x:hidden;
	height:280px;
	margin:0;
	padding:10px 0 0 0;
	*scrollbar-arrow-color:#CCC;
	*scrollbar-base-color: #CCC;
	*scrollbar-face-color: #FFF;
	*scrollbar-highlight-color: #FFF;
	*scrollbar-3d-light-color: #CCC;
	*scrollbar-shadow-color: #FFF;
	*scrollbar-track-color: #FFF;
	*scrollbar-darkshadow-color: #CCC;
}
.top-sodankai div.list div {
	padding:0px 10px;
	margin:0px 0px 3px;
	font-weight:bold;
	font-size:90%;
}
.top-sodankai ul {
	font-size:85%;
	line-height:120%;
	padding:2px 0px 0px 30px;
	margin:0px 0px 10px;
	width:auto;
}
.top-sodankai ul li {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none outside square;
}

.pagetop {
	clear:both;
	text-align:right;
	width:auto;
	padding:5px 0px;
}
.pagetop a {
	font-size:10px;
	background:url(images/arrow-top.gif) no-repeat left center;
	padding:0px 10px 0px 14px;
}
.copyright {
	margin:0px auto;
	width:780px;
	font-size:10px;
	text-align:right;
}

.contents h1 {
	font-size:160%;
	line-height:normal;
	margin:0px 0px 20px 10px;
	padding:7px 10px 3px 35px;
	border-bottom:1px solid #CCC;
	background:url(images/h1-bg.jpg) no-repeat left center;
}
h1.english-title  {
	font-size:160%;
	line-height:normal;
	margin:0px 0px 20px 0px;
	padding:7px 10px 3px 45px;
	border-bottom:1px solid #CCC;
	background:url(images/h1-bg.jpg) no-repeat 10px center;
}
.contents-in {
	margin:0px 20px 20px;
	font-size:85%;
	line-height:120%;
}
h2 {
	background:#F1F0F0 url(images/h2-bg.jpg) no-repeat left center;
	border:1px solid #EDEDED;
	padding:10px 10px 10px 20px;
	margin:0px 0px 20px;
	font-size:140%;
}


/* コンテンツページ共通 */

.frame {
	border:1px solid #CCC;
	margin:0px 0px 20px;
	padding:0px 20px 15px;
	clear:both;
}
.frame h2 {
	border-top:none !important;
	border-right:none !important;
	border-left:none !important;
	margin:0px -20px 15px !important;
}
.frame h3 {
	border-bottom:1px solid #CCC;
	border-left:2px solid #C135F9;
	margin:0px -20px 15px !important;
	padding:5px;
}
.frame h3 span {
	color: #C135F9;
	font-size:80%;
	font-weight: normal;
	display:block;
	margin:0px 0px 3px;
}
.frame .pagetop {
	border-top:1px dotted #ccc;
}

.common-list {
	margin:0px;
	padding:0px 10px 0px 20px;
	width:46%;
	float:left;
}
.common-list li {
	margin:0px 0px 5px;
	padding:0px;
	list-style:none outside square;
}
div.no-contents {
	margin: 100px auto 300px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.icon {
	width:16px;
	height:16px;
	border:none;
	margin:0px 0px 0px 5px;
	vertical-align:middle;
}


/*----------------------------- 無料相談会 -----------------------------*/

.sodan {
	width:100%;
}
.sodan tbody td {
	padding:3px 5px;
	border-top:1px solid #EDEDED;
}
.sodan tbody th {
	width:12em;
	padding:3px 5px;
	border-top:1px solid #EDEDED;
	color:#990066;
	font-weight:normal;
}
.sodan thead th {
	padding:10px 2px 2px;
	font-size:80%;
	border-top:1px solid #990066;
}
/*
.sodan-hang {
	text-indent:-1.2em;
	padding:0px 0px 0px 1.2em;
	line-height:140%;
}
*/

/*----------------------------- 支部紹介 -----------------------------*/
.aboutus {
	width:auto;
	border-bottom:1px solid #EDEDED;
}
.aboutus td {
	padding:10px 0px 10px 5px;
	border-top:1px solid #EDEDED;
}
.aboutus th {
	padding:10px 0px;
	border-top:1px solid #EDEDED;
	color:#990066;
	font-weight:normal;
	white-space:nowrap;
}
/*
.aboutus thead th {
	padding:10px 2px 2px;
	font-size:80%;
	border-top:1px solid #990066;
}

*/
/*----------------------------- 会員紹介 -----------------------------*/

table.list {
	width:100%;
	border-top:2px solid #CCC;
	border-right:1px solid #EDEDED;
	border-left:1px solid #EDEDED;
}
table.list td {
	padding:3px 5px;
	border-left:1px solid #EDEDED;
}
table.list th {
	padding:3px 5px;
}
td.list {
	padding: 3px 5px 3px 5.2em !important;
	text-indent: -5.2em;
	border-top:1px solid #EDEDED;
	border-bottom:2px solid #CCC;
}
td.list span {
	/*color:#C135F9;*/
	padding:0px 0px 0px 0.5em;
}
.name {
	width:20%;
	border-bottom:2px solid #CCC;
	color:#C135F9;
}
.adress {
	width:50%;
}
.tel {
	width:24%;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
}
.mail-hp {
	width:6%;
}
.mail-hp img {
	width:28px;
	height:11px;
	border:none;
	display:block;
	margin:2px auto;
}

/*----------------------------- 支部会報 -----------------------------*/


img.kaiho {
	float:left;
	margin:0px 15px 0px 0px;
	border:1px solid #CCC;
}
div.kaiho {
	padding:0px;
	margin:0px 0px 5px;
	font-weight:bold;
}
ul.kaiho {
	padding:0px 0px 0px 25px;
	margin:0px 0px 0px 5px;
	float:left;
	border-left:2px solid #EDEDED;
}
ul.kaiho li {
	margin:0px 0px 3px 0px;
	padding:0px;
	list-style: url(images/arrow.gif) outside square;
}


/*----------------------------- 会報風お知らせページ -----------------------------*/
.contents-kaiho {
	padding:20px;
	border:1px solid #ccc;
}
h2.kaiho {
	background:none;
	border:none;
	padding:0 0 15px;
	margin:0;
	font-size:120%;
}
h2.kaiho span {
	float:right;
	padding-top:5px;
}
.pictures img {
	float:left;
	margin:10px 5px 0;
	_margin:5px 2px 0;
	border:0;
}
.pictures a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	zoom: 1.0;
}
.contents-kaiho .footer {
	padding:10px 0 0;
}


/*----------------------------- お問い合わせ -----------------------------*/

table.request {
	width:100%;
	margin: 0px 0px 20px 0px;
	border:1px solid #CCC;
}
table.request td {
	padding:0px 0px 0px 5px;
}
table.request th {
	text-align:right;
	padding:0px 10px;
	vertical-align:top;
	white-space:nowrap;
	font-weight:normal;
	width:7em;
	border-right:3px solid #0066CB;
}
th.request {
	border-right:3px solid #FF0000 !important;
}
span.request {
	color:#FF0000;
}
textarea.request , input.request {
	width:95%;
}
div.request {
	text-align:center;
	margin: 0px 0px 0px 0px;
	background-color:#EDEDED;
}
table.request td ul {
	padding:0px;
	margin:0px;
}
table.request td ul li {
	padding:0px 0px 0px 1.8em;
	text-indent:-1.8em;
	margin:0px 0px 5px;
	list-style:none outside none;
	line-height:normal;
}
.thanks {
	margin:100px 0px 200px;
	line-height:200%;
	text-align:center;
}
.thanks h1 {
	margin:0px 0px 60px;
	text-align:center;
	line-height:140%;
	font-size:200%;
}

/*----------------------------- サイトマップ -----------------------------*/

.sitemap {
	padding:0px 0px 0px 20px;
	margin:0px;
}
.sitemap li {
	margin:0px 0px 10px;
	padding:0px;
	list-style:url(images/arrow.gif) outside square;
}
.sitemap li a {
	padding:0px 10px 0px 0px;
}
.sitemap li ul {
	padding:5px 0px 0px 15px;
	margin:0px;
}
.sitemap li ul li {
	margin:0px 0px 2px;
	padding:0px;
	list-style-image:none !important;
	list-style-position:outside;
	list-style-type: disc !important;
}


/*----------------------------- 会員専用ページ -----------------------------*/

table.navi {
	width: 100%;
	margin:0px auto 15px;
}
table.navi th {
	width: 50%;
	text-align:right;
	font-weight:normal;
}
table.navi th a {
	background:url(images/arrow.gif) no-repeat right center;
	padding:0px 14px 0px 0px;
}
table.navi td a {
	background:url(images/arrow-left.gif) no-repeat left center;
	padding:0px 0px 0px 14px;
}
div.tempu {
	margin:10px auto 0px;
	padding:5px 0px 0px 2.8em;
	text-indent:-2.8em;
	border-top:1px dotted #CCC;
	line-height:160%;
}
div.tempu a {
	background:url(images/arrow.gif) no-repeat left center;
	padding:0px 10px 0px 14px;
}


/*----------------------------- エラー -----------------------------*/

ul.warn {
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 30px;
	border:1px solid #FF3300;
	background-color:#FEF0E9;
}
ul.warn li {
	font-weight:bold;
	list-style:none outside square;
	color:#FF3300;
}
.info {
	padding:10px;
	font-weight:bold;
	border:1px solid #006699;
	background-color:#E9F1FE;
	color: #006699;
}


/*----------------------------- 英語ページ -----------------------------*/

.english-contents {
	margin:0px 40px 10px;
}


/*----------------------------- clearfix -----------------------------*/
/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
.clearfix{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}
/* End hide from IE-mac */