@charset "UTF-8";

html{
	height:100%;
	margin:0;
	padding:0;
	border-bottom:solid 1px #ffffff;
}

body{
	height:100%;
	margin:0;
	padding:0;
	font-size:62.5%;/* 1em=10px */
	line-height:1.5;
/*	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;	*/
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	background:#ffffff url(./bg_header.jpg) repeat-x center top;
}

body#body_home{
	background:#ffffff url(./bg_header2.jpg) repeat-x center top;
}

img{
	border:0;
}

textarea{
	font-size:1em;
}

a{
	text-decoration:none;
	outline:none;
}

.red{
	color:#CC0000;
}

.submit_button{
	text-align:center;
}

/* 未閲覧 */
a:link{
	color:#136CC7;
	text-decoration:none;
}

/* 閲覧済み */
a:visited{
	color:#136CC7;
	text-decoration:none;
}

/* マウスオーバー */
a:hover{
	color:#489ef6;
	text-decoration:underline;
}

/* クリック */
a:active{
	color:#489ef6;
	text-decoration:underline;
}

table{
	border-collapse:collapse;
}

/* wrapper */
#wrapper{
	width:100%;
	min-width:900px;
	margin:0;
	padding:0;
	font-size:1.4em;
}

/* header */
#header{
	width:900px;
	height:160px;
	margin:0 auto;
	padding:0;
	background:url(./header.jpg) no-repeat left top;
}

#header_home{
	width:900px;
	height:300px;
	margin:0 auto;
	padding:0;
	background:url(./header2.jpg) no-repeat left top;
}

#header h1{
	margin:0;
	padding:35px 0 0;
	text-indent:-9000px;
	font-size:0;
	line-height:0;
}

#header_home h1{
	margin:0;
	padding:104px 0 0;
	text-indent:-9000px;
	font-size:0;
	line-height:0;
}

#header h1 a{
	display:block;
	width:470px;
	height:90px;
	margin:0;
	padding:0;
}

#header_home h1 a{
	display:block;
	width:470px;
	height:90px;
	margin:0;
	padding:0;
}

/* navi */
#navi{
	width:100%;
	height:42px;
	margin:0;
	padding:0;
	background:url(./bg_navi.gif) repeat-x left top;
}

#navi ul{
	width:900px;
	height:42px;
	margin:0 auto;
	padding:0;
	list-style:none;
	background:url(./navi2025.gif) no-repeat left top;
}

#navi ul li{
	float:left;
}

#navi ul li a{
	display:block;
	height:42px;
	text-indent:-9000px;
	font-size:0;
	line-height:0;
}

#navi ul li.navi_home a{
	width:88px;
}

#navi ul li.navi_about a{
	width:126px;
}

#navi ul li.navi_info a{
	width:120px;
}

#navi ul li.navi_member a{
	width:103px;
}

#navi ul li.navi_activities a{
	width:113px;
}

#navi ul li.navi_cad a{
	width:120px;
}

#navi ul li.navi_iho a{
	width:112px;
}

#navi ul li.navi_contact a{
	width:117px;
}

#navi ul li.navi_home a:hover,
#navi ul li.navi_home a.navi_on{
	background:url(./navi2025.gif) no-repeat left bottom;
}

#navi ul li.navi_about a:hover,
#navi ul li.navi_about a.navi_on{
	background:url(./navi2025.gif) no-repeat -88px bottom;
}

#navi ul li.navi_info a:hover,
#navi ul li.navi_info a.navi_on{
	background:url(./navi2025.gif) no-repeat -214px bottom;
}

#navi ul li.navi_member a:hover,
#navi ul li.navi_member a.navi_on{
	background:url(./navi2025.gif) no-repeat -334px bottom;
}

#navi ul li.navi_activities a:hover,
#navi ul li.navi_activities a.navi_on{
	background:url(./navi2025.gif) no-repeat -437px bottom;
}

#navi ul li.navi_cad a:hover,
#navi ul li.navi_cad a.navi_on{
	background:url(./navi2025.gif) no-repeat -550px bottom;
}

#navi ul li.navi_iho a:hover,
#navi ul li.navi_iho a.navi_on{
	background:url(./navi2025.gif) no-repeat -670px bottom;
}

#navi ul li.navi_contact a:hover,
#navi ul li.navi_contact a.navi_on{
	background:url(./navi2025.gif) no-repeat -782px bottom;
}

/* main */
#main{
	clear:both;
	width:100%;
	float:left;
	margin:0;
	padding:20px 0 40px;
}

/* inner_main */
#inner_main{
	width:900px;
	margin:0 auto;
	padding:0;
}

/* pankuzu */
#pankuzu{
	margin:0 0 20px;
	padding:0;
}

/* content_left */
#content_left{
	width:600px;
	float:left;
	margin:0;
	padding:0;
}

/* content_right */
#content_right{
	width:600px;
	float:right;
	margin:0;
	padding:0;
}

/* sidebar_left */
#sidebar_left{
	width:270px;
	float:left;
	margin:0;
	padding:0;
}

/* sidebar_right */
#sidebar_right{
	width:270px;
	float:right;
	margin:0;
	padding:0;
}

/* subnavi */
#subnavi{
	width:270px;
	margin:0 0 10px;
	padding:0;
	list-style:none;
	border-bottom:solid 1px #cccccc;
}

#subnavi li{
	border:solid 1px #cccccc;
	border-bottom:none;
	background:#ffffff url(./bg_subnavi_li.gif) repeat-x left top;
}

#subnavi li a{
	display:block;
	width:243px;
	margin:0;
	padding:5px 5px 5px 20px;
	background:url(./icon_page_link_right.gif) no-repeat 6px 12px;
}

/* sidebar_box */
.sidebar_box{
	width:268px;
	margin:0;
	padding:0;
	border:solid 1px #BDBCBD;
	background:#ffffff;
}

.sidebar_box div{
	margin:1px;
	padding:15px;
	background:url(./bg1.gif) repeat left top;
}

.sidebar_box div h4{
	margin:0 0 10px;
	padding:0;
	font-size:1.1em;
	font-weight:normal;
}

.sidebar_box div p{
	margin:0 0 5px;
	padding:0;
}

.h2{
	height:44px;
	margin:0 0 15px;
	padding:0;
	text-indent:-9000px;
	font-size:0;
	line-height:0;
}

.h2_topics{
	background:url(./h2_topics.gif) no-repeat left top;
}

.h2_about{
	background:url(./h2_about.gif) no-repeat left top;
}

.h2_info{
	background:url(./h2_info.gif) no-repeat left top;
}

.h2_member{
	background:url(./h2_member.gif) no-repeat left top;
}

.h2_cad{
	background:url(./h2_cad.gif) no-repeat left top;
}

.h2_kashi{
	background:url(./h2_kashi.gif) no-repeat left top;
}

.h2_activities{
	background:url(./h2_activities.gif) no-repeat left top;
}


.h2_iho{
	background:url(./h2_iho.gif) no-repeat left top;
}

.h2_contact{
	background:url(./h2_contact.gif) no-repeat left top;
}

.h2_privacy{
	background:url(./h2_privacy.gif) no-repeat left top;
}

.h2_sitemap{
	background:url(./h2_sitemap.gif) no-repeat left top;
}

.h2_link_900{
	background:url(./h2_link_900.gif) no-repeat left top;
}

.h2_catalog{
	height:100px;
	background:url(./h2_catalog.jpg) no-repeat left top;
}

.h2_catalog1{
	background:url(./h2_catalog1.gif) no-repeat left top;
}

.h2_catalog2{
	background:url(./h2_catalog2.gif) no-repeat left top;
}

.h2_catalog3{
	background:url(./h2_catalog3.gif) no-repeat left top;
}

.h2_catalog4{
	background:url(./h2_catalog4.gif) no-repeat left top;
}

.h2_catalog5{
	background:url(./h2_catalog5.gif) no-repeat left top;
}

.h2_catalog6{
	background:url(./h2_catalog6.gif) no-repeat left top;
}

.h2_catalog7{
	background:url(./h2_catalog7.gif) no-repeat left top;
}

.h2_catalog8{
	background:url(./h2_catalog8.gif) no-repeat left top;
}

.h2_nagamochi{
	background:url(./h2_nagamochi.gif) no-repeat left top;
}

/*トップページ*/
#main_img{
	margin:0 0 20px;
	padding:0;
}

#top_link{
	clear:both;
	width:900px;
	margin:0;
	padding:20px 0 0;
}

#top_topics{
	padding:15px;
	border:solid 1px #EEEEEE;
	border-top:none;
}

.h2_topics_top{
	margin:0;
	position:relative;
}

.h2_topics_top a{
	display:block;
	width:170px;
	height:25px;
	position:absolute;
	left:420px;
	top:9px;
	background:url(./news_list.gif) no-repeat left top;
}

.h2_topics_top a:hover{
	background:url(./news_list.gif) no-repeat left bottom;
}

.topics_list{
	width:100%;
	border-collapse:collapse;
}

.topics_list th{
	width:8em;
	padding:5px 8px 5px 0;
	vertical-align:top;
	font-weight:normal;
	white-space:nowrap;
	border-bottom:dotted 2px #CCCCCC;
}

.topics_list td{
	padding:5px 0 5px 8px;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	border-bottom:dotted 2px #CCCCCC;
}

/*会員リスト*/
#member_list{
	width:100%;
	border-collapse:collapse;
}

#member_list th,
#member_list td{
	padding:5px 8px;
	text-align:left;
	vertical-align:middle;
	border:solid 1px #CCCCCC;
}

#member_list th{
	color:#ffffff;
	text-align:center;
	background:#424242 url(./bg_th1.gif) repeat-x left top;
}
#member_list td{
	font-size:0.85em;
}
.entry{
	clear:both;
	margin:0 0 20px;
	padding:0;
}

.entry_list{
	margin:0 10px 20px;
	padding:0;
	list-style:none;
}

.entry_list li{
	margin:0 0 10px;
	padding:0 0 5px 15px;
	border-bottom:dashed 1px #cccccc;
	xbackground:url(./icon_page_list_arrow.gif) no-repeat left top;
}
.entry h2{
	clear:both;
	font-weight:bold !important;
	margin:0 0 10px;
	padding:7px 5px 7px 25px;
	font-size:1.2em;
	font-weight:normal;
	color:#333333;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #319D0D;
	background:#f8f8f8 url(./icon_h3.gif) no-repeat 8px center;
}
.entry h3,
h3.title{
	clear:both;
	margin:0 0 10px;
	padding:5px 5px 5px 25px;
	font-size:1.2em;
	font-weight:normal;
	color:#333333;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	background:#f8f8f8 url(./icon_h3.gif) no-repeat 8px center;
}

.entry h4,
h4.title{
	clear:both;
	margin:0 0 10px;
	padding:2px 2px 2px 5px;
	font-size:1em;
	font-weight:normal;
	color:#333333;
	border-left:solid 4px #957c07;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	background:#f8f8f8;
}

/* CAD技術者研修認定登録者名簿 */
table.cad_list{
	margin:0 auto 40px;
	width:80%;
}
table.cad_list th:nth-child(1){
	width:120px !important;
}
table.cad_list th:nth-child(2){
	width:500px !important;
}
table.cad_list th:nth-child(3){
	width:299px !important;
}
table.cad_list th:nth-child(4){
	width:50px !important;
}
table.cad_list th:nth-child(5){
	width:50px !important;
}
table.cad_list th:nth-child(6){
	width:50px !important;
}
table.cad_list th:nth-child(7){
	width:120px !important;
}

table.cad_list th{
	background:#393939;
	color:#FFFFFF;
	border:1px solid #CCCCCC;
}
table.cad_list td{
	border:1px solid #CCCCCC;
	padding:8px;
}
table.cad_list td:nth-child(1){
	text-align:center;
}
table.cad_list td:nth-child(4){
	text-align:center;
}
table.cad_list td:nth-child(5){
	text-align:center;
}
table.cad_list td:nth-child(6){
	text-align:center;
}
table.cad_list td:nth-child(7){
	text-align:center;
}
table.cad_total_list{
	
}
table.cad_total_list th{
	background:#393939;
	color:#FFFFFF;
	border:1px solid #CCCCCC;
}
table.cad_total_list td{
	border:1px solid #CCCCCC;
	text-align:center;
}
table.cad_list_link td,
table.cad_list_link a:link,
table.cad_list_link a:visited{
	color:#FFFFFF;
}
/* page_link */
.page_link{
	clear:both;
	width:100%;
	margin:0;
	padding:20px 0;
	text-align:center;
}

.page_link a.page_link_left{
	margin:0 10px 0 0;
	padding:0 0 0 12px;
	background:url(./icon_page_link_left.gif) no-repeat left center;
}

.page_link a.page_link_right{
	margin:0 0 0 10px;
	padding:0 12px 0 0;
	background:url(./icon_page_link_right.gif) no-repeat right center;
}

/* page_top */
.page_top{
	clear:both;
	width:900px;
	margin:0 auto;
	padding:0;
	text-indent:-9000px;
	font-size:0;
	line-height:0;
}

.page_top a{
	display:block;
	width:150px;
	height:25px;
	float:right;
	margin:0;
	padding:0;
	background:url(./page_top.gif) no-repeat left top;
}

.page_top a:hover{
	background:url(./page_top.gif) no-repeat left bottom;
}

#footer_navi{
	clear:both;
	width:100%;
	margin:0 0 15px;
	padding:0;
	text-align:center;
	list-style:none;
}

#footer_navi li{
	display:inline;
	margin:0 20px 0 0;
	padding:0;
}

#footer_navi li a{
	padding:0 0 0 12px;
	background:url(./icon_page_link_right.gif) no-repeat left center;
}

/* footer */
#footer{
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	background:#333333 url(./bg_footer.gif) repeat-x left top;
}

#footer .footer_copy{
	width:900px;
	margin:0 auto;
	padding:10px 0;
	color:#ffffff;
}

/* form */
#input-table table{
	width:75%;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	margin:0 auto;
}
#input-table table th{
	width:20%;
	white-space:nowrap;
	padding:7px;
	text-align:right;
	color:#ffffff;
	border:1px solid #CCCCCC;
	background:#424242 url(./bg_th1.gif) repeat-x left top;
}
#input-table table td{
	padding:7px;
	border:1px solid #CCCCCC;
}
#input-table table td textarea{
	font-size:120%;
}
#input-table div.formcomment{
	margin-left:7px;
	margin-top:3px;
}

.margin_b5{
	margin-bottom:5px;
}

.margin_b10{
	margin-bottom:10px;
}

.margin_b15{
	margin-bottom:15px;
}

.margin_b20{
	margin-bottom:20px;
}

.margin_b25{
	margin-bottom:25px;
}

.margin_b30{
	margin-bottom:30px;
}

.text_center{
	text-align:center;
}

.text_right{
	text-align:right;
}

.vertical_top{
	vertical-align:top;
}

.vertical_middle{
	vertical-align:middle;
}

.vertical_bottom{
	vertical-align:bottom;
}

.nowrap{
	white-space:nowrap;
}
.input_required{
	display:block !important;
	color:#FF0000 !important;
}
p.error{
	color:#FF0000;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px solid #FF0000;
}
p.error_msg{
	color:#FF0000;
}