@charset "utf-8";
/*
	Theme Name: Simple template
	Description: Simple is template for Joomla 1.5.
	Version: 0.0.1
	Author: OFFICEMAN.JP
	Author URI: http://wwww.officeman.jp/
*/

body{
	padding: 0;
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
}

a{ 
	color: #3b4472;
	text-decoration: none;
}
a:hover{ text-decoration: underline;} 
a img{ border: none;}

#wrap_header{
	padding: 0;
	margin: 0;
	background: url(../images/bg.jpg) repeat-x left bottom;
	/*height: 128px;*/
}

#header{
	padding: 0;
	margin: 0 auto;
	width: 990px;
}

#wrap_top{
	padding: 0;
	margin: 0 0 15px;
	background: url(../images/top_bg.jpg) repeat-x;
	height: 290px;
	border-bottom: 3px solid #ed1c24;
}
#top{
	padding: 0;
	margin: 0 auto;
	width: 990px;
	position: relative;
}

#wrap_top_other{
	padding: 0;
	margin: 0;
	background: url(../images/top_other_bg.jpg) repeat-x;
	height: 100px;
}
#top_other{
	padding: 0;
	margin: 0 auto;
	width: 990px;
}


#wrap{
	padding: 0 0 20px;
	margin: 0 auto;
	width: 990px;
}

#content{
	float: left;
	padding: 0;
	margin: 0;
	width: 710px;
}

#right{
	float: right;
	padding: 0;
	margin: 0;
	width: 260px;
}

#wrap_footer{
	background: url(../images/footer_bg.jpg) repeat-x;
	padding: 0;
	margin: 0;
	border-top: 3px solid #ed1c24;
}
#footer{
	padding: 0;
	margin: 0 auto;
	width: 990px;
}

#content table.blog, #content table.blog td:first-child, #content table.contentpaneopen, #content table.contentpaneopen td:first-child{
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	width: 710px;
}

.contentpagetitle{
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid #cccccc;
	width: 710px;
}
a.contentpagetitle:hover{
	text-decoration: underline;
}

/* new clearfix
-------------------------------------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */




/* 追加
-------------------------------------------------------------------*/
.f_c{ text-align: center;}
.f_r{ text-align: right;}

.v_c{ vertical-align: middle !important;}

.clr{ color: #005eae;}
.clr_r{ color: #ff0000;}
.clr_o{ color: #ff7200;}

.tit_h3{
	padding: 0;
	margin: 0 0 25px;
}

.tit_h4{
	padding: 5px 0 5px 18px;
	margin: 30px 0 10px;
	background: url(../images/icon_h4.png) no-repeat 0 13px;
	font-size: 16px;
	color: #3b4472;
	border-bottom: 1px solid #cccccc;
}
.tit_h4 span{ color: #ff8200;}

.ul_style{
	padding: 0;
	margin: 0;
	list-style: none;
}
.ul_style li{
	padding: 3px 0 3px 15px;
	margin: 10px 0 10px 0;
	background: url(../images/arrow.png) no-repeat 0 7px;
	border-bottom: 1px dashed #acacac;
}

.img_box{
	padding: 2px;
	border: 1px solid #cccccc;
}

.w80{
	margin-right: 20px;
	display: inline-block;
	width: 80px;
	text-align: right;
}
.w70{
	display: inline-block;
	width: 70px;
}

.box{
	padding: 10px;
	margin: 10px 0;
	border-bottom: 1px solid #676767;
	border-right: 1px solid #676767;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
}
.box02{
	padding: 10px;
	margin: 10px 0;
	border-bottom: 2px solid #005eae;
	border-right: 10px solid #005eae;
	border-top: 2px solid #4eaeff;
	border-left: 10px solid #4eaeff;
}

.cont_bg{
	padding: 0;
	margin: 0;
	background: url(../images/cont_bg.jpg) no-repeat 0 27px;
}

.left_cont{
	float: left;
	padding: 0;
	margin: 0;
	width: 430px;
}
.right_img{
	float: right;
	padding: 0;
	margin: 0;
	width: 200px;
}

table.table_style{
	padding: 0;
	margin: 30px 0;
	border-collapse: separate;
	border-spacing: 3px;
	width: 100%;
}
table.table_style th{
	background: #dde3ff;
	padding: 3px 5px;
	margin: 0;
	border-top: 1px solid #dde3ff;
	border-left: 1px solid #dde3ff;
	border-right: 1px solid #3b4472;
	border-bottom: 1px solid #3b4472;
	color: #3b4472;
	text-align: left;
	vertical-align: top;
}
table.table_style td{
	padding: 3px 5px;
	margin: 0;
	border: 1px solid #cccccc;
	vertical-align: top;
}
table.table_style .f_c{ text-align: center;}
table.table_style td.w180{
	padding: 0;
	margin: 0;
	width: 180px;
}
table.table_style td.w250{
	padding: 0;
	margin: 0;
	width: 250px;
}

.table_tit{
	padding: 0;
	margin: 15px 0 -25px;
	font-size: 16px;
	color: #3b4472
}

.f_limg{
	float: left;
	margin-right: 15px;
}
.f_rimg{
	float: right;
	margin-left: 25px;
}

.adobe_box{
	padding: 5px 10px;
	margin: 20px 0;
	border: 3px solid #cccccc;
}
.adobe_lbox{
	float: left;
	padding: 0;
	margin: 1px 0 0;
	width: 158px;
}
.adobe_rbox{
	float: right;
	padding: 0;
	margin: 0;
	width: 500px;
}



/* header
-------------------------------------------------------------------*/
#logo{
	float: left;
	padding: 0;
	margin: 4px 0 6px;
	width: 397px;
}
.header_r{
	float: right;
	padding: 0;
	margin: 35px 0 0;
	/*text-align: right;*/
	width: 570px;
}

#header{ position: relative;}
.searchsearch{
	position: absolute;
	top: 15px;
	right: 200px;
}

.lang_icon{
	padding: 0;
	margin: 10px 0 0;
}


/* nav-menu
-------------------------------------------------------------------*/
#navi_continer {
	padding: 0;
	margin: 0 0 0px 0;
	position: relative;
	z-index:100;
	width: 990px;
	height:50px;
}

#navi {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 990px;
}

#navi ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#navi li {
	float: left;
	margin: 0;
}

#navi li a {
	display: block;
	text-decoration: none;
	color: #3b4472;
}

/* サブメニュー */
#navi ul.sub{
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	min-width: 165px;
	/*overflow: visible;:*/
}
#navi ul.sub li {
	float: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px dashed #cccccc;
	text-align: left;
}
#navi ul.sub li a{
	background: #dde3ff;
	margin: 0;
	padding: 10px 5px 10px 5px;
	display: block;
	opacity: 0.9;
	filter: alpha(opacity=90);
	zoom: 1;
	line-height: 1;
}
#navi ul.sub li a:hover{
	background: #3b4472;
	color: #ffffff;
}
#navi ul.sub{
	display: none;
	margin: 0;
	padding: 0;
}


#navi ul li.navi_menu ul.sub_last{ width: 190px;}
#navi ul li.navi_menu ul.sub_last_en{ width: 250px;}
#navi ul li.navi_menu ul.sub_last_es{ width: 350px;}

#navi ul.sub li a.icon_link{
	background: url(../images/icon_link.gif) #dde3ff no-repeat 98% center;
	padding: 10px 30px 10px 5px;
}
#navi ul.sub li a.icon_link:hover{
	background: url(../images/icon_link_hov.gif) #3b4472 no-repeat 98% center;
	color: #ffffff;
}

.multilingual{ height: 100px !important;}
.menu_font_s{ font-size: 80%;}
 


/* top
-------------------------------------------------------------------*/

#ais_88_wrapper{
	padding: 34px 0 0 0;
	margin: 0;
}

.top_tit{
	padding: 0;
	margin: 0;
}

.slide_ban{
	position: absolute;
	top: 160px;
	right: 10px;
	z-index: 90;
}
.slide_ban02{
	position: absolute;
	top: 50px;
	right: 10px;
	z-index: 90;
}
.slide_ban03{
	position: absolute;
	top: 155px;
	left: 10px;
	z-index: 90;
}


/* right
-------------------------------------------------------------------*/
.right_ban{
	padding: 0;
	margin: 0 0 10px;
}

.moduletableright_ban .customright_ban{
	background: #dde3ff;
	padding: 10px 10px 1px;
	margin: 0;
	width: 240px;
}


/* footer
-------------------------------------------------------------------*/
.footer_menu{
	color: #ffffff;
}
.footer_menu a{
	color: #ffffff;
	text-decoration: none;
}

.copyright{
	text-align: right;
	color: #ffffff;
}
.copyright a{
	color: #ffffff;
	text-decoration: none;
}

.footer_info{
	color: #ffffff;
	font-size: 13px;
}


/* ＴＯＰページ
-------------------------------------------------------------------*/
.top_box{
	padding: 0;
	margin: 0 0 30px;
}
.top_lbox{
	float: left;
	padding: 0;
	margin: 0;
	width: 710px;
}
.top_rbox{
	float: right;
	background: #dde3ff;
	padding: 10px 10px 0;
	margin: 0;
	width: 240px;
}

.fb_lbox{
	float: left;
	padding: 0;
	margin: 0;
	width: 475px;
	border: 8px solid #cccccc;
	text-align: center;
}
.fb_rbox{
	float: right;
	padding: 0;
	margin: 0;
	width: 475px;
	border: 8px solid #cccccc;
	text-align: center;
}
.roktabs-wrapper .light .roktabs-container-wrapper .wrapper{
	height: 526px;
	/*height: 417px;*/
	overflow: auto;
	width: 710px;
}
.moduletablenews .latestnews{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 675px;
}
.moduletablenews .latestnews li{
	border-bottom: 1px dashed #cccccc;
}
.moduletablenews .latestnews li .create{
	display: table-cell;
	width: 110px;
}
.moduletablenews .latestnews li .title{
	display: table-cell;
}

.top_member_table{
	padding: 0;
	margin: 0;
	border-collapse: separate;
	border-spacing: 3px;
	width: 100%;
}
.top_member_table th{
	background: #dde3ff;
	padding: 3px 0;
	margin: 0;
	border-top: 1px solid #dde3ff;
	border-left: 1px solid #dde3ff;
	border-right: 1px solid #3b4472;
	border-bottom: 1px solid #3b4472;
	color: #3b4472;
}
.top_member_table td{
	padding: 3px 5px;
	margin: 0;
	border: 1px solid #cccccc;
}
.top_member_table .top_member_table_no{
	text-align: center; 
	width: 4%;
}
.top_member_table .top_member_table_name{ width: 29.3%;}

.top_flink_lbox{
	float: left;
	padding: 0;
	margin: 0;
	width: 475px;
	text-align: center;
}
.top_flink_rbox{
	float: right;
	padding: 0;
	margin: 0;
	width: 475px;
	text-align: center;
}



/* 協会の概要
-------------------------------------------------------------------*/
.table_access_th{ width: 20%;}

.table_basicinfo_th{ width: 20%;}
.basicinfo_ja01{ height: 80px;}
.basicinfo_ja02{ height: 25px;}
.basicinfo_ja03{ height: 100px;}
.basicinfo_en01{ height: 105px;}
.basicinfo_en02{ height: 25px;}
.basicinfo_en03{ height: 100px;}
.basicinfo_zh01{ height: 80px;}
.basicinfo_zh02{ height: 25px;}
.basicinfo_zh03{ height: 80px;}
.basicinfo_ko01{ height: 100px;}
.basicinfo_ko02{ height: 25px;}
.basicinfo_ko03{ height: 100px;}

.brochure_lbox{
	float: left;
	padding: 0 0 0 15px;
	margin: 0;
	width: 340px;
}
.brochure_rbox{
	float: right;
	padding: 0 0px 0 15px;
	margin: 0;
	width: 340px;
}

.anniversary_box{
	margin: 0 auto 30px;
	width: 306px;
}


/* 外国人市民の方へ
-------------------------------------------------------------------*/
table.table_style_jalangclass th{
	text-align: center;
	vertical-align: middle;
}
table.table_style_jalangclass td{ vertical-align: middle;}
table.table_style_jalangclass .f_r{ text-align: right;}

table.table_style th.jalangstudysupport_th{ width: 15%;}



/*  賛助会員･寄附金のご案内
-------------------------------------------------------------------*/
.supportingmemsys_lbox{
	float: left;
	padding: 0;
	margin: 0 0 15px;
	width: 100px;
}
.supportingmemsys_rbox{
	float: right;
	padding: 0;
	margin: 0 0 15px;
	width: 610px;
}



/*  災害情報
-------------------------------------------------------------------*/
.hidden_manual{
	padding: 0;
	margin: 200px 0 0;
	color: #ffffff;
}
.hidden_manual a{ color: #ffffff;}
.hidden_manual a:hover{ color: #3b4472;}