/* CSS Document */


/* ----------- 全体的なルール�� ------------ */


html, body, form {
margin:0;
padding:0;
}
html {
 overflow-x: hidden;
}

a img {
border:0;
}

.no-margin {
margin:0;
padding:0;
}

.clear{clear:both;} 

img.right {
margin:0;
padding:0;
float:right;
}
img.center {
margin:10px 140px 0 140px;
padding:0;
}
ul#mark {
margin:0;
padding:12px 0;
list-style:none;
}
ul#mark li{
    list-style:none;
    padding-left:20px;
    background:url(img/checkmark.gif) no-repeat center left;
		line-height:130%;
}

ul.aiu {
list-style-type: katakana;
margin-left:100px;
padding:0;
}

/* -----------Google map埋め込み�� ------------ */

.gmap {
margin:0;
padding:5px 0 10px 0;
width:582px;
}

/* --------------- �wrap�� ------------------ */

#wrap {
margin:0 auto;
padding:0;
width:930px;
background:url(img/inn_bg.gif);
position:relative;
}

#wrap-inner {
background:#FFF;
margin:0 auto;
padding:0 20px;
width:854px;
height:100%;
}




/* ----------------- body -------------- */

body {
background:#EBEBEB;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3,メイリオ ";
font-size:100%;
line-height:20px;
color:#333;
}

a, a:link, a:active, a:visited {
color:#31579E;
text-decoration:none;
}

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

/* ------------------- �header�_ ------------------------ */

#header {
width:854px;
height:55px;
margin:0;
padding:0;
background:FFF;
border:1px none #CCCCCC;
position:relative;
background:url(img/header_bg.gif) no-repeat;
}

#logo {
position:absolute;
top:10px;
left:10px;
}

#topimage {
width:854px;
margin:0;
padding:0;
height:160px;
display:block;
border:#CAE7E8 1px none;
}

#subimage {
width:854px;
margin:0;
padding:0;
height:140px;
display:block;
border:#CAE7E8 1px none;
}

#homelink {
width:50px;
margin:0;
padding:0;
display:block;
position:absolute;
top:1px;
right:18px;
font-size:12px;
text-align:center;
}

/* グローバルメニュー
---------------------------------------------------- */

ul#newgn {
clear:both;
width:854px;
height:35px;
margin: 0;
padding: 0;
position:relative;
list-style: none;
}

ul#newgn li {
position:absolute;
top: 0;
display:block;
width: 122px;
height: 35px;
margin:0;
padding:0;
text-indent:-9999px;
}

ul#newgn li a {
margin:0;
padding:0;
display:block;
width: 122px;
height: 35px;
text-decoration:none;
}

ul#newgn li#home {
left:0;
background:url(img/f_home.jpg) no-repeat;
}

ul#newgn li#roudou {
left:122px;
background:url(img/f_about.jpg) no-repeat;
}

ul#newgn li#service {
left:244px;
background:url(img/f_service.jpg) no-repeat;
}

ul#newgn li#works {
left:366px;
background:url(img/f_works.jpg) no-repeat;
}

ul#newgn li#jinzai {
left:488px;
background:url(img/f_tnews.jpg) no-repeat;
}

ul#newgn li#qa {
left:610px;
background:url(img/f_qa.jpg) no-repeat;
}

ul#newgn li#contact {
left:732px;
background:url(img/f_contact.jpg) no-repeat;
}

ul#newgn li#home a:hover{
left:0;
background:url(img/f_home2.jpg) no-repeat;
}

ul#newgn li#roudou a:hover{
left:122px;
background:url(img/f_about2.jpg) no-repeat;
}

ul#newgn li#service a:hover{
left:244px;
background:url(img/f_service2.jpg) no-repeat;
}

ul#newgn li#works a:hover{
left:366px;
background:url(img/f_works2.jpg) no-repeat;
}

ul#newgn li#jinzai a:hover{
left:488px;
background:url(img/f_tnews2.jpg) no-repeat;
}

ul#newgn li#qa a:hover{
left:610px;
background:url(img/f_qa2.jpg) no-repeat;
}

ul#newgn li#contact a:hover{
left:732px;
background:url(img/f_contact2.jpg) no-repeat;
}

/* ------------------- topnav ------------------- */

#topnav {
margin:30px 0 0 1px;
padding:0;
position:absolute;
right:0;
list-style:none;
width:220px;
font-size:82%;
}

#topnav li {
width:90px;
margin:0;
padding:0;
list-style:none;
float:left;
height:18px;
}

#topnav li.pp1 {
margin:0;
padding:0;
list-style:none;
float:left;
height:18px;
width:130px;
}

#topnav li.pp2 {
width:300px;
margin:0;
padding:0;
list-style:none;
float:left;
height:18px;
}

#topnav li a,
#topnav li.pp1 a, 
#topnav li.pp2 a {
text-indent:5px;
color:#4882EB;
overflow:hidden;
display:block;
text-decoration:none;
margin:0;
padding:0;
height:18px;
border-left:5px solid #4882EB;
}

#topnav li a:hover,
#topnav li.pp1 a:hover, 
#topnav li.pp2 a:hover {
color:#31579E;
border-left:5px solid #31579E;
}



/* ------------------- main -------------------- */

#main {
width:854px;
margin:0;
padding:0;
clear:both;
position:relative;
}

#plist {
width:580px;
height:20px;
text-align:left;
padding:0 0 10px 0px;
display:block;
}

.ptop {
width:580px;
height:20px;
text-align:right;
margin:30px 0 10px 0;
padding:0;
display:block;
clear:both;
}

.inq {
width:580px;
height:70px;
text-align:center;
margin:0;
padding:10px 0 20px 0;
display:block;
clear:both;
}


#content {
float:right;
width:584px;
margin:0;
padding:15px 0 20px 10px;
line-height:20px;
font-size:90%;
background:#FFF;
}

#content ul, #content ol {
line-height:160%;
}

#content h1 {
color:#333333;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3,メイリオ ";
font-size:16px;
font-weight:bold;
padding:0;
margin:0;
}

#content h2 {
height:22px;
background:url(img/f_h2bg.jpg) no-repeat;
color:#333333;
font-size:16px;
padding:8px 0 0 20px;
}

.subtitle {
margin:10px 0 5px 0;
padding:3px 0 2px 20px;
width:562px;
height:20px;
color:#CC3333;
font-size:15px;
font-weight:bold;
border:#CCCCCC 1px dashed;
display:block;
}

#content p {
margin:0 0 18px 0;
padding:0;
}


*html #content {
margin:0;
}

.toptxt {
width:580px;
margin:15px 0;
padding:10px 5px;
line-height:150%;
clear:both;
}


.toptxtsub {
width:574px;
margin:10px 0;
padding:5px;
line-height:150%;
clear:both;
border:1px solid #CAE7E8;
background:url(img/bgc1.gif);
}

.servicetxt {
width:570px;
margin:10px 0;
padding:5px;
line-height:150%;
clear:both;
border:1px solid #CAE7E8;
background:#FFFFCC;
}


.qtxt {
width:574px;
margin:10px 0;
padding:5px;
line-height:150%;
clear:both;
border:1px solid #CAE7E8;
background:#FFFFCC;
}

.drop {
font-size:1.5em;
color:#990000;
float:left;
margin-right:10px;
margin-bottom:5px;
}

.atxt {
width:570px;
margin:10px 0 20px 0;
padding:5px;
line-height:150%;
clear:both;
}

.drop2 {
font-size:1.5em;
color:#336699;
float:left;
margin-top:0;
margin-right:10px;
margin-bottom:10px;
}

.red {
font-weight:bold;
color:#990000;
}

ul.mk {
margin:0;
padding:0 0 0 20px;
list-style-type: circle;
}

ul.mk li {
margin:0;
padding:0;
}

ul#mark {
    list-style:none;
}
ul#mark li{
    list-style:none;
    padding-left:25px;
    background:url(img/checkmark.gif) no-repeat center left;
}



.ppbox {
width:550px;
margin:15px 0 15px 0;
padding:10px 15px;
border:1px solid #CAE7E8;
}

.textboxright {
margin:10px 0;
text-align:right;
}

img.left {
margin:0;
padding:5px 20px 5px 0;
float:left;
}

img.right {
margin:0;
padding:0;
float:right;
}

/* ボックス全体枠 */
.rss-box {
width:248px;
margin: 0;
padding: 0;
background:#ffffff;
text-align:left;
}

/* RSSフィード　記事一覧の大枠 */
.rss-items {
margin: 0;
padding:10px;
}

/* RSSフィード　サイト説明文・記事タイトル・記事内容 */
.rss-item {
font-size: 12px;
line-height:18px;
font-weight: normal;
margin: 5px 0;
padding:0;
list-style:none;
}

/* RSSフィード　サイト説明文・記事タイトル・記事内容 リンクカラー */
.rss-item a:link,
.rss-item a:visited,
.rss-item a:active {
text-decoration: underline;
color: #336699;
}

/* RSSフィード　サイト説明文・記事タイトル・記事内容 リンクカラー：ロールオーバー */
.rss-item a:hover {
text-decoration: none;
color:#999999;
}

/* RSSフィード　記事日付 */
.rss-date {
font-size: 12px;
font-weight: normal;
color: #336699;
}



#sidebar {
width:250px;
float:left;
margin:0;
padding:15px 0 0 0;
line-height:16px;
background:#FFFFFF;
}

#sidebar .box {
width:248px;
clear:both;
margin:0 0 12px 0;
padding:0;
border:1px solid #CAE7E8;
}

#sidebar .box p {
padding:0;
margin:0;
}

#sidebar h3,h4,h5 {
margin:0;
padding:0;
}

#sidebar .box .title {
font-weight:bold;
margin:0;
}

ul.submenu {
clear:both;
margin:0;
padding:7px 0 7px 0;
width:250px;
line-height:130%;
font-size:86%;
}

.submenu li {
　　margin: 0;
    padding: 3px 0 3px 8px;
		width: 238px;
    list-style: none;
		background:url(img/arrow1.gif) left center no-repeat;
}

.submenu li a {
margin: 0;
padding: 3px 0 3px 8px;
color:#333333;
text-decoration:none;
width: 238px;
display:block;
}

.submenu li a:hover {
margin: 0;
padding: 3px 0 3px 8px;
color:#4882EB;
text-decoration:underline;
width: 238px;
display:block;
}


/*�テーブル��-----------------------------------------*/

table.about {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 584px;
  border-collapse: collapse;
  border: solid 1px #CAE7E8;
	font-size:100%;
}

table.about caption {
  margin-top: 1em;
  text-align: left;
}

table.about td {
  border: solid 1px #CAE7E8;
  padding: 5px;
}
table.about td {
  background:#FFF;
	}
table.about th {
width:150px;
  background: #CAE7E8;
  text-align: center;
  color:#333333;
	border-bottom:solid 1px #FFF;
}

table.qa {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 584px;
  border-collapse: collapse;
  border: solid 1px #CAE7E8;
	font-size:100%;
}

table.qa caption {
  margin-top: 1em;
  text-align: left;
}

table.qa td {
  border: solid 1px #CAE7E8;
  padding: 5px;
}
table.qa td {
  background:#FFF;
	text-align:center;
	}
table.qa th {
  background: #CAE7E8;
  text-align: center;
  color:#333333;
	border-bottom:solid 1px #FFF;
}
table.qa th.right {
  padding:0 3px;
	border-right:solid 1px #FFF;
}


table.works {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 540px;
  border-collapse: collapse;
  border: solid 1px #CAE7E8;
	font-size:100%;
}

table.works caption {
  margin-top: 1em;
  text-align: left;
}

table.works td {
  border: solid 1px #CAE7E8;
  padding: 5px;
}
table.works td {
  background:#FDFAF0;
	}
table.works th {
  background: #CAE7E8;
  text-align: center;
  color:#333333;
	border-bottom:solid 1px #FFF;
}
table.works th.right {
	border-right:solid 1px #FFF;
}

/*�季刊誌じんざい・協会活動兼最新ニュース自動更新ページテーブル��-----------------*/

table.jinzait {
width:410px;
  margin: 15px auto;
	padding:0;
  border-collapse: collapse;
  border: none;
	font-size:90%;
}

table.jinzaifile {
  margin: 15px 0 0 0;
  padding:0 0 10px 10px;
  width: 550px;
	height:20px;
  border: none;
	border:none;
	background: #EEE;
}

.jinzaibody {
width:550px;
margin:10px 0;
padding:10px 15px;
line-height:150%;
clear:both;
border: 1px solid #CAE7E8;
}

.jinzaibody img {
padding:5px;
}

.worksshort {
width:248px;
font-size:82%;
margin:0;
padding:10px 0 20px 10px;
background:#FFFFFF;
}

ul.jinzai {
clear:both;
    list-style:none;
}
ul.jinzai li{
    list-style:none;
    padding-left:20px;
    background:url(img/list_jinzai.gif) no-repeat center left;
}

ul.news {
clear:both;
    list-style:none;
}
ul.news li{
    list-style:none;
    padding-left:20px;
    background:url(img/list_news.gif) no-repeat center left;
}



/* ---------------- �bottomlink ---------------------- */

#blink {
margin:0 auto;
padding:0;
width:890px;
height:40px;
background: url(img/bottomlink_bg.jpg) no-repeat;
}

#blink ul{
margin:0;
padding:10px 0 0 0;
width:850px;
height:30px;
text-align:center;
}

#blink li {
font-size:12px;
height:40px;
list-style:none;
margin:0;
padding:5px 10px;
line-height:1.8;
display:inline;
}

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

/* ------------------- �grlink ------------------------ */


#grlink {
clear:both;
width:854px;
height:30px;
margin:0;
padding:0;
background:#FFFFFF url(img/grlink_bg.jpg) no-repeat;
position:relative;
}

#grlink ul {
width:690px;
height:30px;
margin:0 0 0 164px;
padding:0;
position:absolute;
}

#grlink li {
width:230px;
height:30px;
list-style:none;
text-indent:-9999px;
float:left;
}

#grlink li a {
width:230px;
height:30px;
text-indent:-9999px;
overflow:hidden;
display:block;
}

#grlink li.soken a {
background-image:url(img/gr1_off.jpg);
background-repeat:no-repeat;
}

#grlink li.soken a:hover {
background-image:url(img/gr1_on.jpg);
background-repeat:no-repeat;
}

#grlink li.sharo a {
background-image:url(img/gr2_off.jpg);
background-repeat:no-repeat;
}

#grlink li.sharo a:hover {
background-image:url(img/gr2_on.jpg);
background-repeat:no-repeat;
}

#grlink li.gyosei a {
background-image:url(img/gr3_off.jpg);
background-repeat:no-repeat;
}

#grlink li.gyosei a:hover {
background-image:url(img/gr3_on.jpg);
background-repeat:no-repeat;
}

/* ------------------- �grlink2 ------------------------ */


#grlink2 {
width:854px;
height:30px;
margin:0;
padding-bottom:10px;
background:#FFFFFF url(img/grlink2_bg.jpg) no-repeat;
position:relative;
}

#grlink2 ul {
width:690px;
height:30px;
margin:0 0 0 164px;
padding:0;
position:absolute;
}

#grlink2 li {
width:230px;
height:30px;
list-style:none;
text-indent:-9999px;
float:left;
}

#grlink2 li a {
width:230px;
height:30px;
text-indent:-9999px;
overflow:hidden;
display:block;
}

#grlink2 li.jinzai a {
background-image:url(img/gr4_off.jpg);
background-repeat:no-repeat;
}

#grlink2 li.jinzai a:hover {
background-image:url(img/gr4_on.jpg);
background-repeat:no-repeat;
}

#grlink2 li.fuku a {
background-image:url(img/gr5_off.jpg);
background-repeat:no-repeat;
}

#grlink2 li.fuku a:hover {
background-image:url(img/gr5_on.jpg);
background-repeat:no-repeat;
}

#grlink2 li.fchubu a {
background-image:url(img/gr6_off.jpg);
background-repeat:no-repeat;
}

#grlink2 li.fchubu a:hover {
background-image:url(img/gr6_on.jpg);
background-repeat:no-repeat;
}





/* ---------------- �footer ---------------------- */

#footer {
background:url(img/F_footer_bg.jpg) repeat-x;
width:894px;
clear:both;
height:50px;
margin:0 auto;
padding:10px 0 30px 0;
position:relative;
}

#footer p, #footer a {
color:#333333;
font-size:12px;
}

#footer .copyright {
text-align:center;
margin:0;
}