@charset "utf-8"; 

/* ----------------------------- 目次 ------------------------------ */
/*
	全体
	基本タグ
	共通CLASS
	ID
	CLASS
	index.html
	guide
	事業内容
	ニュースリリース・更新情報
	会員制度
	report
	info
	link
	50th
	JMAmember
	
*/
/* ------------------------------------------------------------------------- */


/* ------------------------------- 全体 -------------------------------- */

* {
	margin:0px;
	padding:0px;
}
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* ------------------------------- 基本タグ -------------------------------- */

body      { text-align:center;}
div		  { zoom:1;}
span      {}
img		  { border:none; vertical-align:top;}
p		  {}
div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* リスト */
ul		{}
ol		{}
li		{ list-style:none;}
dl      {}
dt		{}
dd		{}
ol ul li{}

/* テーブル */
table   {}
th      {}
td      { vertical-align:top;}
thead   {}	
tfooter {}
tbody   {}

/* フォーム */
form	{}
input   {}
select  {}
textarea{ font-size:12px;}

/* リンク */
a:link   { color:#333;}
a:visited{ color:#333;}
a:active { color:#c00;}
a:hover  { color:#c00;}

/* Hタグ */
h1       { float:left; width:300px;}
h2       {}
h3       { margin:20px 15px 0px 20px;}
h4       { margin:20px 15px 0px 20px;}
h5       {}
h6       {}

address   { font-style:normal;}
blockquote{}
code      {}

/* ------------------------------ 共通CLASS ------------------------------- */

/* 配置 */
.t-left		{ text-align:left;               }
.t-center	{ text-align:center; margin:auto;}
.t-right	{ text-align:right;              }

.v-top      { vertical-align:top;   }
.v-middle   { vertical-align:middle;}
.v-bottom   { vertical-align:bottom;}

/* 段組 */
.f-left     { float:left; }
.f-right    { float:right;}
.c-left     { clear:left; }
.c-right    { clear:right;}
.c-both     { clear:both; }
.clearer    { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

/* フォント */
.fsmall		{ font-size:80%; }
.flarge		{ font-size:120%;}

/* コメント */
.attention  { border:1px solid #e7e9ea; padding:10px; color:#666;}   /*  */
.notice     { color:#06c;}   /* 注意事項 */
.comment    { color:#666;}   /* コメント */

/* -------------------------------- ID --------------------------------- */

/* ヘッダー */
#header { width:800px; margin:0 auto; height:65px; text-align:left; background:url(../common_img/header_back.gif) repeat-x;}
#header h1 img{ margin-left:10px;}
#top    { width:800px; margin:0px auto; background:#3e3e3e; text-align:right;}
#nav li { float:left; list-style:none;}
#nav img{ width:100px; height:65px;}

#wrapper{ background:url(../common_img/wrapper_back.gif) repeat-y left; margin:0px auto; text-align:left; width:800px; color:#454545; line-height:120%; font-size:80%;}

/* サブナビ */
#wrapper #aside      { width:150px; float:left; margin-bottom:10px;}
	#wrapper #aside ol   { margin-bottom:10px;}
	#wrapper #aside ol a { background:url(../aside_img/aside_under.gif) bottom repeat-x;}
	#wrapper #aside ol li { margin-bottom:1px; background:url(../aside_img/guide_back.gif) no-repeat;}
	#wrapper #aside ol a  { display:block; text-decoration:none; font-size:80%; padding:6px 0px 6px 15px;}
	#wrapper #aside ol a:hover { display:block; text-decoration:underline; color:#960306;}
	#wrapper #aside ol .active{ color:#960306;}

/* ぱんくずリスト */
#pan    { width:630px; float:right; font-size:10px; color:#999; padding-bottom: 10px;}
	#pan *      { display:block; float:left; color:#999; background:url(../common_img/pan_mark.gif) no-repeat left; padding-left:8px; margin-right:10px;}
	#pan a      { text-decoration:none;}
	#pan a:hover{ text-decoration:none; color:#666;}
	#pan span   { text-decoration:none;}

/* メイン */
#wrapper #article{ width:630px; float:right; margin-bottom:30px;}
#wrapper #article .waku { background:url(../common_img/waku_top.gif) no-repeat; width:580px; margin-left:10px;}
#wrapper #article .wakub{ background:url(../common_img/waku_bottom.gif) no-repeat bottom; padding:15px 10px;}
#wrapper #article .waku form  { background:url(../common_img/waku_bottom.gif) no-repeat bottom; padding:15px;}


/* トップに戻る */
.gototop{ clear:both; width:800px; margin:0 auto; text-align:right;}

#footer { clear:both; width:800px; margin:0 auto; padding-top:3px; background:url(../common_img/foot_back.gif) repeat-x top;}
#footer ul{ width:600px; margin-top:5px; float:left;}
#footer li{ float:left; margin-left:5px;}
#footer p { float:right; margin:5px 2px 0 0;}
#footer .copyright { clear:both; border-top:#ccc 1px solid; margin-top:5px;}
#footer span{ display:block;}

/* その他 */
.section{}



/* ------------------------------- CLASS ------------------------------- */

.title     { margin:15px 0px 5px 0px;}
.copy      { margin:10px 15px 40px 25px; color:#666;}




/* ------------------------------- index.html ------------------------------- */

#wrapper-t{ margin:0px auto 20px auto; text-align:left; width:800px; color:#454545; line-height:120%; font-size:80%;}

#flash{ padding:10px 0; width:550px;}

#wrapper-t #article{ width:550px; float:left;}
#wrapper-t #aside  { float:right; width:235px;}
	#wrapper-t #aside ol{ margin:10px 0;}
#wrapper-t #aside ol li{ margin-bottom:1px;}

#wrapper-t #news1{ width:550px;}
	#wrapper-t #news1 .newstitle{ background:url(../top_img/news_title_back.gif) no-repeat; padding-top:12px; height:23px; margin-bottom:10px;}
	#wrapper-t #news1 .newstitle p{ margin:0 5px;}
	#news1 dl        { clear:both; margin-bottom:20px;}
	#news1 dt        { clear:left; color:#666; font:Arial, Helvetica, sans-serif; width:110px; float:left; padding:4px 0 2px 2px; font-size:10px;}
	#news1 dd        { background:url(../top_img/dot_yoko.gif) bottom repeat-x; padding:5px 0 3px 0;}
	#news1 .news     { background:url(../top_img/news_icon_news.gif) no-repeat top right;}
	#news1 .site     { background:url(../top_img/news_icon_site.gif) no-repeat top right;}
	#news1 .seminar  { background:url(../top_img/news_icon_seminar.gif) no-repeat top right;}
	#news1 .research { background:url(../top_img/news_icon_research.gif) no-repeat top right;}
	#news1 dd a      { color:#454545; text-decoration:none;}
	#news1 dd a:hover{ color:#454545; text-decoration:underline;}

#news2 dl        { background:url(../top_img/whats_bottom.gif) repeat-y bottom; width:235px; padding-bottom:5px;}
	#news2 dt        { clear:left; color:#666; font:Arial, Helvetica, sans-serif; width:65px; float:left; padding:4px 0 2px 4px; font-size:10px;}
	#news2 dd        { padding:4px 2px 2px 0; font-size:10px;}
	#news2 dd a      { color:#666; text-decoration:none;}
	#news2 dd a:hover{ color:#666; text-decoration:underline;}

#wrapper-t .box li{ list-style:none; float:left; margin-bottom:10px;}

#login{ clear:left; background:url(../top_img/login_top.gif) top no-repeat #e3e3e3; text-align:center; margin:10px 0;}
	#login ul{ background:url(../top_img/login_bottom.gif) bottom no-repeat; padding-bottom:5px;}
	#login li{ padding:5px 0 0 0;}


/* ------------------------------- guide ------------------------------- */

/* 協会について */
#guide{ margin:0px 15px 0px 25px;}
	#guide li{ color:#666; font-size:80%; line-height:150%; margin-left:15px; list-style:decimal;}

/* 会長・理事長挨拶 */
#greeting{ margin:0px 15px 0px 25px;}
	#greeting .pic{ float:right; margin:0 10px 0 15px;}
	#greeting p   { margin-bottom:15px;}

/* 定款（個人情報保護方針） */
#rule{ margin:0px 15px 0px 25px;}
	#rule dt   { font-weight:bold; margin:20px 0 0 0;}
	#rule dd   { margin:5px 0 0 10px; line-height:130%;}
	#rule ul   { margin-left:25px;}
	#rule ul li{ list-style:disc;}
	#rule ol   { margin-left:25px;}
	#rule ol li{ list-style:decimal; margin-top:5px;}
	#rule p    { margin:30px 0 30px 0;}
	
	#rule table{ width:500px; margin:15px 0px;}
	#rule th   { background:#f4f4f4; text-align:left; padding:4px; border-bottom:1px solid #ccc; color:#5f7077; font-weight:normal;}
	#rule td   { padding:4px; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
	
	/*会員規定*/
	#rule dd dt{ color:#960306; font-weight:normal;}

/* 事業所案内 */
#office{ margin:0px 15px 0px 25px;}
	#office p    { clear:both; background:url(../top_img/dot_yoko.gif) repeat-x bottom; padding:0 0 5px 0; margin-bottom:10px;}
	#office table{ float:left; border-top:1px solid #ccc;}
	#office table th{ background:#f4f4f4; text-align:left; padding:3px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; color:#5f7077; font-weight:normal; font-size:10px; width:25%;}
	#office table td{ padding:3px; border-bottom:1px solid #ccc;}
	
	#office #map1{ float:right; margin:0 10px 10px 0;}
	#office #map2{ float:right; margin:0 10px 10px 0;}
	#office #map3{ float:right; margin:0 10px 10px 0;}
	#office #map4{ float:right; margin:0 10px 10px 0;}
	
	#office .link{ float:right; margin:0; padding:5px 10px 50px 0; background:none; font-size:10px; width:300px; text-align:right;}

/* 歴史・方針 */
#history{ margin:0px 15px 0px 25px;}
	#history dl{ margin-top:30px;}
	#history dt{ clear:left; color:#666; font:Arial, Helvetica, sans-serif; width:150px; float:left; padding:15px 0 3px 0; letter-spacing:0.1em;}
	#history dd{ background:url(../top_img/dot_yoko.gif) bottom repeat-x; padding:15px 0 3px 0; float:left; width:440px;}

/* 会員名簿 */
#memberlist{ margin:0px 15px 0px 25px;}

	#memberlist .c-left      { background:#f6f4db;}
	#memberlist .c-left table{ margin:10px; width:560px; border:1px solid #ccc; border-collapse: collapse;}
	#memberlist .c-left th   { padding:4px; background:#f4f4f4; text-align:left; color:#5f7077; font-weight:normal; font-size:10px; border:1px solid #ccc;}
	#memberlist .c-left td   { padding:4px; font-size:10px; border:1px solid #ccc; background:#fff;}

	#memberlist table     { border-top:1px solid #ccc;}
	#memberlist table th  { background:#f4f4f4; text-align:left; padding:3px; border-bottom:1px solid #ccc; color:#5f7077; font-weight:normal; font-size:10px;}
	#memberlist table td  { padding:3px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:10px;}
	#memberlist .head th  { background:#ddd; font-weight:bold;}
	#memberlist .head td  { background:#eee; font-weight:bold; color:#5f7077;}
	#memberlist .head span{ font-weight:normal;}
	#memberlist .head a   { text-decoration:none; color:#5f7077;}

	#control{ background: #f5f5f5; padding:10px; width:560px; margin-bottom:15px;}
	#control form    { background: url(../guide/images/member_back.gif) right bottom no-repeat #fff; padding:15px; border:#1px solid #ededed;}
	#control p *     { vertical-align:middle; margin-left:5px;}
	#control .t-right{ background:url(../top_img/dot_yoko.gif) top repeat-x; padding-top:5px;}
	
	.sort { clear:left; background:#f5f5f5; border:1px solid #ccc; margin:10px 0px; padding:10px; width:558px; font-size:90%;}
	.sort .f-right  { letter-spacing:1px;}
	.sort .f-right a{ text-decoration:none;}


/* ------------------------------- 事業内容 ------------------------------- */
#business{ margin:0px 15px 0px 25px;}
	#business .pic{ clear:both; float:left; margin-right:10px;}
	#business .tit{ float:right;}
	#business dl  { float:right; width:390px; margin-bottom:50px;}
	#business dd  { margin-bottom:15px;}

#schedule{ margin:0px 15px 0px 25px;}
	#schedule table{ width:100%; margin:10px auto 0px auto; font-size:80%;}
	#schedule .timetable   { border-top:1px solid #999; border-bottom:1px solid #999;}
	#schedule .timetable th{ padding:2px; border-bottom:1px dotted #999; color:#5f7077;background:#c5d6dd; vertical-align:top;}
	#schedule .timetable td{ padding:2px; border-bottom:1px dotted #999; border-left:1px dotted #999; vertical-align:top;}
	#schedule .dot         { background:url(../top_img/dot_yoko.gif) repeat-x; padding-top:20px;}
	#schedule dd           { margin:5px 0 30px 10px; line-height:130%;}
	#schedule dd p         { margin-bottom:8px;}
/*  */
.teacher     { border-top:1px solid #999; border-bottom:1px solid #999;}
	.teacher th  { padding:2px; border-bottom:1px dotted #999; color:#5f7077; background:#c5d6dd; vertical-align:top;}
	.teacher td  { padding:2px; border-bottom:1px dotted #999; border-left:1px dotted #999; vertical-align:top;}

.calendar{ border-top:1px solid #999; border-bottom:1px solid #999;}
	.calendar th{ padding:3px; border-bottom:1px dotted #999; background:#f7f7f7; vertical-align:top;}
	.calendar td{ padding:3px; border-bottom:1px dotted #999; border-left:1px dotted #999; vertical-align:top;}

/* ------------------------------- ニュースリリース・更新情報 ------------------------------- */

#newslist{ margin:0px 15px 0px 25px;}
	#newslist dt        { clear:left; color:#666; font:Arial, Helvetica, sans-serif; width:120px; float:left; padding:6px 0 3px 0; letter-spacing:0.1em; font-size:10px;}
	#newslist .news     { background:url(../top_img/news_icon_news.gif) no-repeat top right;}
	#newslist .site     { background:url(../top_img/news_icon_site.gif) no-repeat top right;}
	#newslist .seminar  { background:url(../top_img/news_icon_seminar.gif) no-repeat top right;}
	#newslist .research { background:url(../top_img/news_icon_research.gif) no-repeat top right;}
	#newslist dd        { background:url(../top_img/dot_yoko.gif) bottom repeat-x; padding:6px 0 3px 0; float:left; width:440px;}
	#newslist dd a      { text-decoration:none;}
	#newslist dd a:hover{ text-decoration:underline;} 


#newsdetail{ margin:0 10px 20px 20px;}
	#newsdetail .day{ text-align:right; margin-right:5px;}
	#newsdetail .tit{ text-align:left; font-size:14px; font-weight:bold; margin:10px 0px;}
	#newsdetail .txt{ margin:15px 0px 50px 0px; line-height:150%;}
	#newsdetail .txt p{ margin-bottom:15px;}
	#newsdetail .txt th{ padding:3px;}
	#newsdetail .txt td{ padding:3px;}

#toiawase{ border:1px solid #e7e9ea; padding:10px; color:#666;}

/* ------------------------------- 会員制度 ------------------------------- */
#member{ margin:0px 15px 0px 25px;}
#member dt{margin:5px 0px 10px 0px}
#member dd{ margin-bottom:20px;}
#member li{ list-style:decimal; margin-left:25px;}


/* ------------------------------- report ------------------------------- */
#report{ margin:0px 15px 0px 25px;}
#report table{ border-collapse:collapse;}
#report th   { border:1px solid #e7e9ea; padding:3px; background:#e7e9ea;}
#report td   { border:1px solid #e7e9ea; padding:5px;}

/* ------------------------------- info ------------------------------- */

/*サイトマップ*/
#sitemap{ margin:0px 15px;}
	#sitemap dt{ clear:left; background:url(../top_img/dot_yoko.gif) top repeat-x; padding-top:5px; margin-top:5px;}
	#sitemap dd{ float:left; width:210px; margin:0 0 5px 50px; background:url(../info/images/sitemap_mark.gif) no-repeat 3px 3px; padding-left:15px;}


/* お問い合わせ */
#contact{ margin:0px 15px 0px 25px;}
	#contact p{ margin-bottom:10px;}
	#contact p input{ margin:0 10px;}
	#contact #list ul{ margin-left:25px;}
	#contact #list ul li{ list-style:disc;}
	#contact #list ol{ margin:10px 0px 10px 25px;}
	#contact #list ol li{ list-style:decimal;}

#magazine { margin:0 10px 20px 20px;}
	#magazine ul li  { float:left; padding:5px; border:1px solid #ccc; margin:5px 10px;}
	#magazine ul span{ display:block; margin-top:5px; width:160px; font-size:10px;}

/* フォームテーブル */
.form{ width:550px; border-top:1px solid #ccc; margin-bottom:10px;}
	.form th{ background:#f4f4f4; text-align:left; padding:4px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; color:#5f7077; font-weight:normal;}
	.form td{ padding:4px; border-bottom:1px solid #ccc;}
	.form .need{ background:url(../common_img/form_need.gif) #f4f4f4 no-repeat right;}

/* よくある質問 */
#faq{ margin:0 10px 20px 20px;}
	#faq p { margin-bottom:20px;}
	#faq dl{}
	#faq dt{ margin-bottom:10px; font-weight:bold; color:#5f7077;}
	#faq dd{ margin-bottom:20px; margin-left:50px;}
	
	#faq dd dl{ margin-bottom:50px;}
	#faq dd dt{ margin-bottom:10px; font-weight:normal; color:#c60;}
	#faq dd dd{ margin-bottom:20px; margin-left:20px;}
	
	#faq .list{ margin-bottom:30px; margin-left:20px;}
	#faq .list li { line-height:150%;}
	
/* ------------------------------- link ------------------------------- */

.link{ margin:0px 15px 0px 25px;}
	.link           { margin-bottom:30px;}
	.link dt        { clear:left; color:#666; font:Arial, Helvetica, sans-serif; width:300px; float:left; padding:6px 0 3px 0; margin-bottom:8px;}
	.link .news     { background:url(../top_img/news_icon_news.gif) no-repeat top right;}
	.link .site     { background:url(../top_img/news_icon_site.gif) no-repeat top right;}
	.link .seminar  { background:url(../top_img/news_icon_seminar.gif) no-repeat top right;}
	.link dd        { background:url(../top_img/dot_yoko.gif) bottom repeat-x; width:280px; float:left; padding:6px 0 3px 0; margin-bottom:8px;}
	
/*海外ネットワーク*/
#network{ margin:0px 15px 0px 25px;}
	#network .pic{ clear:both; float:left; margin-right:10px;}
	#network .tit{ float:right;}
	#network dl  { float:right; width:390px; margin-bottom:50px;}
	#network dd  { margin-bottom:15px;}
	
	
/* ------------------------------- 50th ------------------------------- */
#fifth{ margin:0px 15px 0px 25px;}
	#fifth p{ margin-bottom:15px;}
	
	
/* ------------------------------- award ------------------------------- */
#award{ margin:0px 15px 0px 25px;}
	#award p	  { margin-bottom:10px;}
	#award ol     { margin-left:25px;}
	#award ol li  { list-style:decimal; margin-top:15px;}
	#award ol .exp{ padding:10px; background:#f7f7f7; border:1px solid #dcdcdc; margin-top:10px; font-size:80%;}
	#award ol .exp li{ list-style:lower-alpha; margin-top:1px;}
	#award table{ width:100%; margin:10px auto 0px auto; font-size:80%;}
	
/* ------------------------------- JMAmember ------------------------------- */
#jmamember{}
	#jmamember #pan    { width:800px; float:none;}