/*==============================
read css for basic browser
==============================*/


*{
  margin:0;
  padding:0;
  zoom:1;
}

body {
  margin:0;
  padding:0;
}
html{
  height:100%;
}
html>/**/body{
  overflow:-moz-scrollbars-vertical;
}
html:first-child body{
  min-height:100%;
  padding-bottom:1px;
}
ul,ol,dl{
  list-style:none;
}
li{
  display:list-item;
  zoom:normal;
}

caption{
  text-align:left;
}
img,a img{
  vertical-align:bottom;
  border:none;
  background:transparent;
}
object,embed{
  vertical-align:top;
}
em,address,dfn{
  font-style:normal;
}
hr{
  height:0px;
  margin:7px 0;
  border:none;
  border-top:1px solid #000;
}

*:first-child+html hr{/* for IE7 */
  margin:0;
}
fieldset{
  border:none;
}
input,textarea{
  font-size:1em;
}

/* トップアンカー
------------------------------------------------------------------- */

#top {
	width: px;
	margin:0px 0 0px 0px;
	float:left;
}

.top {
    float:left;
	width: 730px;
	font-size:small;
	text-align:right;
	margin-bottom:30px;
}
.top p{
    margin:10px 0 0px 0px;
}

/* 全体
------------------------------------------------------------------- */
.all {
	width: 810px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}
/* ヘッダー
------------------------------------------------------------------- */
.header {
	height: 57px;
	width: 810px;
	text-align:right;
	
}
.logo {
	float: left;
	height: 57px;
	width: 262px;
	}
.header a {
	font-size: small;
}
/* 左コンテンツ
------------------------------------------------------------------- */
.contents_left {
	float: left;
	width: 500px;
}
/* ボタン
------------------------------------------------------------------- */
.nav {
    background-image:url(../img/top/jcca_botton.gif);
	background-repeat:no-repeat;
	width:785px;
	height:57px;
	margin:0 0 10px 0;
}

.menu{
	position:absolute;
	display:block;
	padding-left:0px;
	padding-top:px;
	margin:0 0 0 14px;
	}
	
.menu em{
	float:left;
	list-style:none;
	text-indent:-9999px;
	}
	
.menu a{
	text-decoration:none;
	display:block;
	background-image: url(../img/top/jcca_botton.gif);
	width:94px;
	height:57px;
	
	}
	
.menu01 a{
	background-position:-14px -0px;
	}
.menu02 a{
	background-position:-108px -0px;
	}
.menu03 a{
	background-position:-202px -0px;
	}
.menu04 a{
	background-position:-296px -0px;
	}
.menu05 a{
	background-position:-390px -0px;
	}
.menu06 a{
	background-position:-484px -0px;
	}
.menu07 a{
	background-position:-578px -0px;
	}
.menu08 a{
	background-position:-672px -0px;
	}
.menu01 a:hover{
	background-position:-14px -57px;
	}
.menu02 a:hover{
	background-position:-108px -57px;
	}
.menu03 a:hover{
	background-position:-202px -57px;
	}
.menu04 a:hover{
	background-position:-296px -57px;
	}
.menu05 a:hover{
	background-position:-390px -57px;
	}
.menu06 a:hover{
	background-position:-484px -57px;
	}
.menu07 a:hover{
	background-position:-578px -57px;
	}
.menu08 a:hover{
	background-position:-672px -57px;
	}
.menu_on1 a{
	background-position:-14px -57px;
	}
.menu_on2 a{
	background-position:-108px -57px;
	}
.menu_on3 a{
	background-position:-202px -57px;
	}
.menu_on4 a{
	background-position:-296px -57px;
	}
.menu_on5 a{
	background-position:-390px -57px;
	}
.menu_on6 a{
	background-position:-484px -57px;
	}
.menu_on7 a{
	background-position:-578px -57px;
	}
.menu_on8 a{
	background-position:-672px -57px;
	}

/* 協会とは
------------------------------------------------------------------- */
.about_jcca {
	background-image: url(../img/top/jcca_toha_back.gif);
	width: 497px;
	height: 150px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
.toha_mongon {
	padding: 10px;
}
.toha_mongon p {
	font-size: small;
	color:#333333;
	line-height:1.2em;
	margin-bottom:8px;
}
/* 最新情報
------------------------------------------------------------------- */
.news {
	background-image: url(../img/top/jcca_news_back.gif);
	height: 300px;
	width: 497px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
.check {
	height: 70px;
	width: 70px;
	position: absolute;
	margin-left:410px;
	margin-top:4px;
}
.news_title {
	padding: 5px;
	height: 29px;
	width: 474px;
}

.news_mongon {
	width:400px;
	color:#333333;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.news_mongon li {
	font-size: small;
	border:1px dotted #cccccc;
	border-left:0px dotted #cccccc;
	border-top:0px dotted #cccccc;
	border-right:0px dotted #cccccc;
	margin-bottom:10px;
}

/* 更新履歴
------------------------------------------------------------------- */

.rireki {
	position: absolute;
	width:65px;
	height:19px;
	margin-top:5px;
	margin-left:320px;
}
.rireki img {
	border: none;
}
.rireki a {
    display:block;
	height: 19px;
	width: 65px;
	background:url(../img/top/jcca_rireki_on.gif) no-repeat;
}
.rireki a:hover {
    background-color:#FFFFFF;
}
.rireki a:hover img {
    visibility:hidden;
}

/* 協会本部からのお知らせ
------------------------------------------------------------------- */

.osirase {
	width:496px;
	height:46px;
	margin-top:5px;
}
.osirase img {
	border: none;
}
.osirase a {
    display:block;
	height: 46px;
	width: 496px;
	background:url(../img/top/jcca_osirase_title_on.gif) no-repeat;
}
.osirase a:hover {
    background-color:#FFFFFF;
}
.osirase a:hover img {
    visibility:hidden;
}





/* 右コンテンツ
------------------------------------------------------------------- */

/* 各エリア
------------------------------------------------------------------- */

.area {
	width: 300px;
	margin-bottom: 20px;
	float:right;
}
.area img {
	height: 28px;
	width: 230px;
	margin: 0 0 5px 0px;
}

.area p {
	background-image: url(../img/top/jcca_area_waku.gif);
	background-repeat:no-repeat;
	font-size:small;
	padding:8px 0 0 35px;
	height:28px;
	margin-bottom:2px;
}

/* 関連
------------------------------------------------------------------- */
.link_area {
	font-size: small;
	width: 300px;
	float:right;
	margin-bottom:20px;
}

.link_area p{
	background-image: url(../img/top/jcca_link_yajirusi.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
	margin-left:5px;
	padding-left:20px;

}

.link_area_img {
	margin-bottom: 10px;
	width:220px;
	height:25px;
	border:1px dotted #cccccc;
	border-left:0px dotted #cccccc;
	border-top:0px dotted #cccccc;
	border-right:0px dotted #cccccc;
}

/* フッター
------------------------------------------------------------------- */
.footer {
	float: left;
	width: 810px;
	text-align:right;
	font-size:small;
}
.footer_img {
	float: left;
	height: 113px;
	width: 113px;
}
.footer_up {
	float: right;
    width:600px;
	border:1px dotted #cccccc;
	border-left:0px dotted #cccccc;
	border-top:0px dotted #cccccc;
	border-right:0px dotted #cccccc;
}
.footer_down {
    width:600px;
	height: 20px;
	text-align:right;
	float: right;
	margin-top:5px;
}
.footer_up p {
	padding: 5px;
}

/* コンテンツ中央
------------------------------------------------------------------- */

/* パンクズエリア
------------------------------------------------------------------- */
.pankuzu {
	width:750px;
	margin:10px 0 20px 20px;
	color:#333333;
	font-size:small;
}

/* タイトル
------------------------------------------------------------------- */
.title{
	margin:0 0 10px 20px;
	}

/* コンテンツ
------------------------------------------------------------------- */
.contents {
	width:530px;
	padding:0 0 10px 5px;
	margin:0 0 20px 5px;
	float:left;
}

.contents p {
	color:#333333;
	font-size:small;
	margin:20px 0 10px 5px;
	line-height:1.8em;
}

.contents h1 {
	color:#333333;
	font-size:120%;
	margin:20px 0 10px 10px;
	border:0px dotted #175CA1;
	border-left:0px dotted #cccccc;
	border-top:0px dotted #cccccc;
	border-right:0px dotted #cccccc;
	width:450px;
	height:30px;
	background-image:url(../img/other/jcca_title_obi.gif);
	background-repeat:no-repeat;
	padding:5px 0 0 25px;
}

.contents h2 {
	color:#333333;
	font-size:100%;
	margin:35px 0 25px 5px;
}

.contents h3 {
	color:#333333;
	font-size:90%;
	margin:30px 0 25px 5px;
}

.contents h4 {
	color:#333333;
	font-size:85%;
	margin:20px 0 25px 5px;
}

.contents li {
	color:#333333;
	font-size:90%;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
}

.contents table {
	width:510px;
	color:#333333;
	border:1px solid #cccccc;
	border-bottom:0px solid #cccccc;
	border-right:0px solid #cccccc;
	font-size:small;
	margin:20px 0 40px 10px;
}

.contents table td{
	color:#333333;
	border-left:0px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-size:small;
	padding:5px 5px 5px 10px;
}

.contents table th{
	background-color:#C2FCED;
	border-left:0px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-size:small;
	padding:5px 5px 5px 10px;
}

.contents_in{
	width:500px;
	border-bottom:0px dotted #cccccc;
	margin:0 0 40px 20px;
	padding-bottom:20px;
	}
.contents_2 {
	width:530px;
	padding:0 0 10px 5px;
	margin:0 0 20px 5px;
	float:left;
}	
	
.contents_2 table {
	width:510px;
	color:#333333;
	border:1px solid #cccccc;
	border-bottom:0px solid #cccccc;
	border-right:0px solid #cccccc;
	font-size:small;
	margin:20px 0 40px 10px;
}

.contents_2 table td{
	color:#333333;
	border-left:0px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-size:small;
	padding:5px 5px 5px 10px;
}

.contents_2 table th{
	background-color:#C2FCED;
	border-left:0px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	font-size:small;
	padding:5px 5px 5px 10px;
}
.yellow{
   background-color:#FFFF00;
   }
.blue{background-color:#C2FCED;
   }

/* 通常ページ　エリア
------------------------------------------------------------------- */

.area_other {
	width: 190px;
	margin:0 30px 20px 0;
	float:right;
}
.area_other img {
	height: 28px;
	width: 175px;
	margin: 0 0 5px 0px;
}

.area_other p {
	background-image: url(../img/other/jcca_area_waku.gif);
	background-repeat:no-repeat;
	font-size:small;
	padding:5px 0 0 35px;
	height:28px;
	margin-bottom:2px;
}

/* 通常ページ 関連
------------------------------------------------------------------- */
.link_area_other {
	font-size: small;
	width: 190px;
	float:right;
	margin:0 30px 20px 0;
}

.link_area_other p{
	background-image: url(../img/top/jcca_link_yajirusi.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
	margin-left:5px;
	padding-left:20px;

}

.link_area h1{
   font-size:small;

}

.link_area_img {
	margin-bottom: 10px;
	width:175px;
	height:25px;
	border:1px dotted #cccccc;
	border-left:0px dotted #cccccc;
	border-top:0px dotted #cccccc;
	border-right:0px dotted #cccccc;
}
/* 協会概要ページ メニュー
------------------------------------------------------------------- */
.us_menu_other {
	font-size: small;
	width: 190px;
	float:right;
	margin:0 30px 20px 0;
}

.us_menu_other p{
	background-image: url(../img/other/jcca_about_us_yajirusi.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
	margin-left:5px;
	padding-left:20px;

}

.us_menu_img {
	margin-bottom: 10px;
	width:175px;
	height:28px;
	border:1px dotted #cccccc;
	border-left:0px dotted #cccccc;
	border-top:0px dotted #cccccc;
	border-right:0px dotted #cccccc;
}
/* 入会申し込み メニュー
------------------------------------------------------------------- */
.nyukai_menu_other {
	font-size: small;
	width: 190px;
	float:right;
	margin:0 30px 20px 0;
}

.nyukai_menu_other p{
	background-image: url(../img/other/jcca_nyukai_yajirusi.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
	margin-left:5px;
	padding-left:20px;

}

.nyukai_menu_img {
	margin-bottom: 10px;
	width:175px;
	height:28px;
	border:1px dotted #cccccc;
	border-left:0px dotted #cccccc;
	border-top:0px dotted #cccccc;
	border-right:0px dotted #cccccc;
}
/* 通信 メニュー
------------------------------------------------------------------- */
.tsushin_menu_other {
	font-size: small;
	width: 192px;
	float:right;
	margin:0 30px 20px 0;
}

.tsushin_menu_other p{
	background-image: url(../img/other/jcca_tsushin_yajirusi.gif);
	background-repeat:no-repeat;
	margin-bottom:15px;
	margin-left:5px;
	padding-left:20px;

}

.tsushin_menu_other h2{
    font-size:small;
	margin-bottom:15px;
	margin-left:5px;
	padding-left:0px;

}

.tsushin_menu_img {
	margin-bottom: 10px;
	width:175px;
	height:28px;
	border:1px dotted #cccccc;
	border-left:0px dotted #cccccc;
	border-top:0px dotted #cccccc;
	border-right:0px dotted #cccccc;
}
/* 書籍
------------------------------------------------------------------- */
.book {
	width: 520px;
	margin-bottom: 30px;
	border:1px dotted #cccccc;
	border-left:0px dotted #cccccc;
	border-top:0px dotted #cccccc;
	border-right:0px dotted #cccccc;
}
.book_image {
	float: left;
	width: 150px;
	margin-bottom: 25px;
	margin-top: 15px;
}
.book_shosai {
	float: left;
	width: 340px;
	padding-left: 20px;
}
.book_mongon {
	clear: both;
	width: 520px;
	margin-bottom: 40px;
}
.book_fax {
	position: absolute;
	width:167px;
	height:18px;
	margin-left:0px;
}
.book_fax img {
	border: none;
}
.book_fax a {
    display:block;
	height: 18px;
	width: 167px;
	background:url(../img/other/book_order_fax_on.gif) no-repeat;
}
.book_fax a:hover {
    background-color:#FFFFFF;
}
.book_fax a:hover img {
    visibility:hidden;
}
.book_form {
	position: absolute;
	width:167px;
	height:18px;
	margin-left:0px;
}
.book_form img {
	border: none;
}
.book_form a {
    display:block;
	height: 18px;
	width: 167px;
	background:url(../img/other/book_order_form_on.gif) no-repeat;
}
.book_form a:hover {
    background-color:#FFFFFF;
}
.book_form a:hover img {
    visibility:hidden;
}
/* 本メニュー
------------------------------------------------------------------- */

.top_book  {
	width: 300px;
	height: 30px;
	margin-bottom: 0px;
	float:right;
}
.top_book  img {
	border: none;
}
.top_book  a {
    display:block;
	height: 30px;
	width: 300px;
	background:url(../img/top/book_on.gif) no-repeat;
}
.top_book  a:hover {
    background-color:#FFFFFF;
}
.top_book  a:hover img {
    visibility:hidden;
}
/* チケットメニュー
------------------------------------------------------------------- */

.top_ticket  {
	width: 300px;
	height: 30px;
	margin-bottom: 5px;
	float:right;
}
.top_ticket  img {
	border: none;
}
.top_ticket  a {
    display:block;
	height: 30px;
	width: 300px;
	background:url(../img/top/ticket_on.gif) no-repeat;
}
.top_ticket  a:hover {
    background-color:#FFFFFF;
}
.top_ticket  a:hover img {
    visibility:hidden;
}
/* メールマガジン
------------------------------------------------------------------- */

.top_magazine  {
	width: 300px;
	height: 30px;
	margin-bottom: 0px;
	float:right;
	font-size:small;
}
.top_magazine  img {
	border: none;
}
.top_magazine  a {
    display:block;
	height: 30px;
	width: 300px;
	background:url(../img/top/mailmagazine_on.gif) no-repeat;
}
.top_magazine  a:hover {
    background-color:#FFFFFF;
}
.top_magazine  a:hover img {
    visibility:hidden;
}
/* 本他メニュー
------------------------------------------------------------------- */

.other_book  {
	width: 190px;
	height: 30px;
	margin-right:30px;
	margin-bottom: 10px;
	float:right;
}
.other_book  img {
	border: none;
}
.other_book  a {
    display:block;
	height: 30px;
	width: 190px;
	background:url(../img/top/book_on.gif) no-repeat;
}
.other_book  a:hover {
    background-color:#FFFFFF;
}
.other_book  a:hover img {
    visibility:hidden;
}
/* 心理
------------------------------------------------------------------- */

.top_sinri  {
	width: 300px;
	height: 30px;
	margin-bottom: 10px;
	float:right;
}
.top_sinri  img {
	border: none;
}
.top_sinri  a {
    display:block;
	height: 30px;
	width: 300px;
	background:url(../img/top/botton_sin_on.gif) no-repeat;
}
.top_sinri  a:hover {
    background-color:#FFFFFF;
}
.top_sinri  a:hover img {
    visibility:hidden;
}
