@charset "utf-8";

/*
 Share Style [
----------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}
body {
	background:#f0f0f0;
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size:12px;
	color:#00205f;
}
h1,h2,h3,h4,h5,h6 {
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
}
p,li,dt,dl {
	line-height:1.6;
}
p {
	margin:0 0 16px 0;
}
li {
	list-style-type:none;
}
img {
	border:0;
}
hr {
	display:none;
}
.clear {
	clear:both;
}

.hidden {
    display: none;
}
.mask-1 {
	clear: both;
	z-index: 10;
	position: absolute;
	left: 0;
	width: 205px;
	height: 30px;
	margin: -30px 0 0 0;
	padding: 0;
	background: url(../images/bg-box-mask.png) repeat-x 0 0;
}
.mask-2 {
	display: none;
	/*clear: both;
	z-index: 10;
	position: absolute;
	left: 0;
	width: 205px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(../images/bg-box-mask-2.png) repeat-x 0 0;*/
}
#forthCol .mask-1 {
	width: 140px;
}
* html .mask-1 {
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg-box-mask.png', sizingMethod='scale');
}

/*
 Link Color [
----------------------------------------------------------- */
a {
	text-decoration:none;
	color:#00205f;
}
a:link {
}
a:visited {
}
a:hover {
}
a:active {
}

/*
 Container Boxes Style [
----------------------------------------------------------- */

#container{
    overflow: hidden;
	width:920px;
	margin:0 auto;
	position:relative;
	background:#fff;
}

#top #container{
    overflow: visible;
}
#top #calendar-wrapper {
	overflow: hidden;
	height: 311px;
}
#top #group-wrapper {
	overflow: hidden;
	height: 239px;
}
#top #body .clear {
	border: 1px solid #fff;
}
#header{
	height:100px;
	background:url(../images/bg_header_thin.gif) no-repeat 0 0;
}

#network #header{
    height: 97px;
}

#social{
	position:absolute;
	top:0;
	paddint-top:18px;
	height:290px;
	width:920px;
	background:url(../images/bg_header.jpg) no-repeat;
}

#billboard{
	position:absolute;
	top:290px;
	height:330px;
	background:#fff url(../images/bg_billboard.jpg) no-repeat center bottom;
}

#top #body{
	position:relative;
	top:620px;
	width: 874px;
	padding:0 23px 23px 23px;
	background:#fff;
}

#body{
	padding:0 23px;
	background:#fff;
}

#footer{
	clear:both;
	background:#fff;
	height:100px;
	margin-top:14px;
}
#top #footer {
	width: 874px;
}

/* Header Contents */

#header h2#aaf_logo{
	padding:22px 0 23px 41px;
	text-align:left;
}

ul.lang-button{
    position: absolute;
    right: 19px;
    top:23px;
}

#billboard ul.lang-button{
    position: absolute;
    right: 9px;
    top: 9px;
}

ul.lang-button li.ja{
    float: left;
    width: 51px;
    background: url(../images/btn_language_ja_hover.gif) no-repeat 0 0;
}

ul.lang-button li.en{
    float: left;
    width: 50px;
    background: url(../images/btn_language_en_hover.gif) no-repeat 0 0;
}

ul.lang-button li a{
    display: block;
    height: 26px;
}

ul.lang-button li a:hover,
ul.lang-button li a.selected{
    opacity:0;
    filter: alpha(opacity=0);
}

/*
 Global Navigation Style [
----------------------------------------------------------- */
#globalnavi li{
	float:left;
	width:131px;
	height:24px;
	border-top:1px solid #fff;
}

#globalnavi li a{
	width:131px;
	height:24px;
	display:block;
}

#globalnavi li.first-child{
	width:20px;
}

#globalnavi li.last-child{
	width:18px;
}

#globalnavi li.news{
	background:url(../images/gn_news_hover.gif) no-repeat;
}

#globalnavi li.report{
	background:url(../images/gn_report_hover.gif) no-repeat;
}

#globalnavi li.column{
	background:url(../images/gn_column_hover.gif) no-repeat;
}

#globalnavi li.aaf{
	background:url(../images/gn_aaf_hover.gif) no-repeat;
}

#globalnavi li.calendar{
	background:url(../images/gn_calendar_hover.gif) no-repeat;
}

#globalnavi li.archive{
	background:url(../images/gn_archive_hover.gif) no-repeat;
}

#globalnavi li.aafschool{
	background:url(../images/gn_aafschool_hover.gif) no-repeat;
}

#globalnavi li.aafnetwork{
    width: 134px;
	background:url(../images/gn_aafnetwork_hover.gif) no-repeat;
}

#globalnavi li.aafnetwork a{
    width: 134px;
}

.asahi-about #globalnavi .aaf a,
.asahi-news #globalnavi .news a,
.asahi-calendar #globalnavi .calendar a,
.asahi-news #globalnavi .news a,
.asahi-news-press-release #globalnavi .news a,
.asahi-news-report #globalnavi .report a,
.asahi-news-column #globalnavi .column a,
.asahi-program #globalnavi .archive a,
#network #globalnavi .aafnetwork a,
#globalnavi li a:hover{
	opacity:0;
	filter:alpha(opacity=0);
}

/*
 Billboard Style [
----------------------------------------------------------- */

#billboard h1{
	height:302px;
}

/*
 Body Style [
----------------------------------------------------------- */
#body #firstCol,
#body #secondCol,
#body #thirdCol,
#body #forthCol{
	overflow: hidden;
	position: relative;
	float:left;
	width:237px;
	padding-top:18px;
}

#body #firstCol{
	background:url(../images/bg_firstCol_top.jpg) no-repeat 0 0;
}
#body #secondCol{
	background:url(../images/bg_secondCol_top.jpg) no-repeat 0 0;
}
#body #thirdCol{
	background:url(../images/bg_thirdCol_top.jpg) no-repeat 0 0;
}
#body #forthCol{
	width:163px;
	background:url(../images/bg_forthCol_top.jpg) no-repeat 0 0;
}

#body h4{
	position: relative;
	padding-bottom:18px;
}

#body h5{
	position: relative;
	padding:10px 0 18px;
}

#body h5.mag{
	background:url(../images/bg_firstCol_mid.jpg) no-repeat 0 0;
}

#body h5.report{
	background:url(../images/bg_secondCol_mid.jpg) no-repeat 0 0;
}

#body h5.column{
	background:url(../images/bg_secondCol_bottom.jpg) no-repeat 0 0;
}

#body h5.feed{
	background:url(../images/bg_thirdCol_mid.jpg) no-repeat 0 0;
}

#body h5.feed{
	background:url(../images/bg_thirdCol_mid.jpg) no-repeat 0 0;
}

#body #firstCol p,
#body #secondCol p,
#body #thirdCol p{
	width:213px;
}

#mailform {
	background:url(../images/btn_mailmagazine_hover.gif) no-repeat;
	width:215px !important;
}

#mailform a{
	width:215px;
	height:42px;
	display:block;
}

#mailform a:hover{
	opacity:0;
	filter:alpha(opacity=0);
}

#aafschoolbanner {
	background:url(../images/btn_aafschool_hover.gif) no-repeat;
	width:219px !important;
}

#aafschoolbanner a{
	width:219px;
	height:44px;
	display:block;
}

#aafschoolbanner a:hover{
	opacity:0;
	filter:alpha(opacity=0);
}

#aafofficediary {
	background:url(../images/btn_aafdiary_hover.png) no-repeat;
	width:219px !important;
}

#aafofficediary a{
	width:219px;
	height:44px;
	display:block;
}

#aafofficediary a:hover{
	opacity:0;
	filter:alpha(opacity=0);
}

#submit {
	text-align:right;
	width:213px;
}

#secondCol p{
	margin-bottom:16px;
}

#secondCol .report_fig{
	display:block;
	width:213px;
	text-align:center;
}

#secondCol img{
	border:1px solid #123C80;
	margin-bottom:5px;
}

#secondCol p.column{
	clear:both;
	position:relative;
}

#secondCol p.column a{
	width:172px;
	display:block;
	padding-left:40px;
}

#secondCol p.column img{
	width:32px;
	height:32px;
	float:left;
	padding:5px 7px 0 0;
	border:none;
	position:absolute;
	left:0;
}

#secondCol p.column span{
	padding-left:40px;
}
#body p span.date{
	font-size:10px;
	color:#8fccea;
}

#groupmap{
	margin:0;
}

#groupfilter {
	width:163px;
	padding-bottom:16px;
}

#groupfilter li{
	float:left;
	width:80px;
	height:20px;
	border-left:1px solid #8fccea;
	border-bottom:1px solid #8fccea;
}

#groupfilter li.even{
	border-right:1px solid #8fccea;
}

#groupfilter li a{
	display:block;
	text-align:center;
	font-weight:bolder;
	width:80px;
	height:20px;
	color:#00205f;
}

#groupfilter li a:hover{
	background:#8fccea;
}

#listcontainer{
	height:583px;
	margin-top:14px;
}

#grouplist{
	float:left;
	width:147px;
	height:583px;
	overflow-y:hidden;
}

#top #grouplist,
#top #groupslider {
	height: 820px;
}
#grouplist h6{
	margin-bottom:14px;
}

#grouplist p{
	color:#00205f;
	font-size:10px;
	width:140px;
}

#grouplist p a{
	color:#00205f;
	font-size:10px;
}

#grouplist p span{
	color:#8fccea;
	font-size:8px;
}

#grouplist p a span{
	color:#8fccea;
	font-size:8px;
}

#groupslider{
	float:right;
	position:relative;
	width:8px;
	height:583px;
	background:#8fccea;
	overflow:hidden;
}

#groupslider #slider_knob{
	position:absolute;
	top:0;
	left:0;
	width:8px;
	height:50px;
	background:#00205f;
	cursor:pointer;
}
/*
 Footer Style [
----------------------------------------------------------- */
#footer{
    border-top: 1px solid #cccccc;
}

#footer h6{
    text-indent: -5000px;
    width: 300px;
	height:16px;
	line-height:0;
}
#footer #credits{
    background: url(../images/bg_footer_logo.jpg) no-repeat 0 0;
    text-indent: -5000px;
    width: 300px;
}

#footer #credits p{
	margin:0;
}

#footer #footernavi{
    position: relative;
    top:-62px;
    float: right;
}
#footer #footernavi li{
    display: inline;
    margin-right: 20px;
    font-size: 10px;
}

#footer #copyright{
	float:right;
    position:relative;
	right:-233px;
	top:-35px;
	font-size:9px;
	color:#aaa;
}

/*
 scrollpane [
----------------------------------------------------------- */
.jScrollPaneContainer {
        position: relative;
        overflow: hidden;
        z-index: 1;
}
.jScrollPaneTrack {
        position: absolute;
        cursor: pointer;
        right: 0;
        top: 0;
        height: 100%;
        background: #8fccea;
}
.jScrollPaneDrag {
        position: absolute;
        background: #00205f;
        cursor: pointer;
        overflow: hidden;
}
.jScrollPaneDragTop {
        position: absolute;
        top: 0;
        left: 0;
        overflow: hidden;
}
.jScrollPaneDragBottom {
        position: absolute;
        bottom: 0;
        left: 0;
        overflow: hidden;
}
a.jScrollArrowUp {
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        text-indent: -2000px;
        overflow: hidden;
        height: 9px;
}

a.jScrollArrowDown {
        display: block;
        position: absolute;
        z-index: 1;
        right: 0;
        text-indent: -2000px;
        overflow: hidden;
        height: 9px;
}
#group_list_info_wrapper a.jScrollArrowUp {
    top: 0;
    width: 17px;
    height: 20px;
    background: url( ../images/network_slider.png) no-repeat 0 0;
}
#group_list_info_wrapper a.jScrollArrowDown {
    top: 24px;
    width: 17px;
    height: 20px;
    background: url( ../images/network_slider.png) no-repeat 0 -24px;
}

#group_list_info_wrapper .jScrollPaneTrack {
    visibility: hidden;
}
.gmap-modal a.jScrollArrowUp {
    top: 0;
    width: 17px;
    height: 20px;
    background: url( ../images/network_slider.png) no-repeat 0 -75px;
}
.gmap-modal a.jScrollArrowDown {
    top: 24px;
    width: 17px;
    height: 20px;
    background: url( ../images/network_slider.png) no-repeat 0 -99px;
}

.gmap-modal .jScrollPaneTrack {
    visibility: hidden;
}


ul.newslist .toggler a{
    background:url("/images/arrow.gif") no-repeat -2px 2px;
    padding-left:13px;
}

ul.newslist .toggler a.show {
    background:url("/images/arrow.gif") no-repeat -2px -19px;
}

ul.newslist .toggler ul a{
    background: none;
}

/* about page sidebar */

#sidebarMenu{
	margin-bottom: 35px;
}

a.rss {
	position: absolute;
	top: 10px;
	right: 21px;
	overflow: hidden;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 0 -3px 0;
	background: url(/images/btn_rss.png) no-repeat 0 0;
	text-indent: 16px;
	text-decoration: none;
}
h4 a.rss {
	top: -1px;
}
a.rss img {
	vertical-align: baseline;
}
#secondCol a.rss img,
#secondCol a.addthis_button img {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	border: 0;
}
a.rss:hover {
	text-indent: 0;
}
a.addthis_button {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 6px;
	padding: 0;
	width: 61px;
	height: 14px;
	text-indent: 61px;
	line-height: 14px;
	background: url(/images/btn_sharethis.png) no-repeat 0 0;
}
a.addthis_button:hover,
a.addthis_button_active {
	background: url(/images/btn_sharethis.png) no-repeat 0 -14px;
}