@charset "utf-8";

@import url(reset.css); /* RESET CSS */
@import url(scratch.css); /* SCRATCH */
@import url(sub.css); /* SUB */
@import url(subcont.css); /* SUB CONTENT */

html.no-cssgradients {
background : #80ADE0; }

body {
width : 960px;
min-width : 640px; 
margin : 0 auto;
background : rgb(255, 255, 255);
font : 14px/1.5 verdana, sans-serif; }

ul,ol {
list-style-type : none; 
margin-bottom : 1.5em; }


/* HEADING
================================================= */
/*#headimg {
background-color: #ffffff;
background-image: url("assets/img/jb_head_back2.png");
}*/

#headimg_left {
float: left;
width : 81px;
height: 120px;
background: #ffffff url(assets/img/jb_head_left.png) ;
}

#headimg_right {
float: right;
width : 81px;
height: 120px;
background: #ffffff url(assets/img/jb_head_right.png) ;
}

#headimg_logo {
border:none;
float: left;
}

#headimg_future {
float: right;
height: 116px;
margin-top : 5px;
}

#headimg_future ul{
margin-bottom : 10px;
}

#headimg_future li{
padding-left : 15px;
background: transparent url(assets/img/icon-gry-arrow.png) no-repeat 0 50%;
}

/*#headimg img {
position : relative;
left: 80px;
}*/

h1, h2, h3, h4, h5, h6 {
font-weight : normal; }

h1, h2, h3, h4, h5, h6 {
margin-bottom : 18px; }

h1, .report h1 {
font-size : 36px; }

h2, .topics h1, .news h1, .gadget h1, .relevant h1{
font-size : 24px; }

h3 {
font-size : 16px; }

h5, h6 {
font-size : 12px; }

header h1, .relevant h1 {
background : none; }

.topics h1, .news h1, .gadget h1 {
color: rgb(255, 255, 255); }


/* LINK
================================================== */
a, nav a:hover, .report a:hover {
text-decoration : none; }

.news a:hover, .topics a:hover {
color : blue; 
text-decoration : underline; }

/*nav a, .report a, .footer a{
color : rgb(255, 255, 255); }*/

.report a, .footer a{
color : rgb(255, 255, 255); }

nav a {
color : rgb(255, 255, 255);
background : url(assets/img/navi_back.gif) repeat; }

nav a:hover{
background : url(assets/img/navi_back_hover.gif) repeat; }


article a{
/*color : rgb(0, 0, 0); */
text-decoration : none; 
display : block; }

article a:hover{
text-decoration : none; }

.gadget a:hover, a:hover{
text-decoration : underline; }

/*#branding a:hover, .report a:hover, nav a:hover, nav a.active, .care-center a:hover, .association a:hover {
opacity : .9; }*/

#branding a:hover, . nav a:hover, nav a.active, .care-center a:hover, .association a:hover {
opacity : .9; }

.report a:hover {
background : url(assets/img/report_bot_back_hover.gif) repeat; 
}

/* TRANSITION */
a {
-webkit-transition : all .4s ease-in-out; }


/* LAYOUT
================================================== */
/* 
ul, ol, header, p, nav, .gadget, .gadget img,.relevant, .topics, .association a, relevant, .back a {
 */
ul, ol, header, p, .gadget, .gadget img,.relevant, .topics, .association a, relevant, .back a {
margin-bottom : 18px; }

.report ul {
margin-bottom : 0px; }

.news li, .topics li {
margin-bottom : 6px; }

.news h1, .topics h1 {
margin-bottom : 24px; }

/*.news h1, .topics h1 {
margin-bottom : 24px; }*/

.about p, header, #future-navigation, #contents, #future {
width : 940px; }

header {
position : relative;
margin : 0 auto 18px; }

#global-navigation, #contents, .about p, #future {
margin : 0 auto; }

.topics article {
margin-bottom : 36px; }

.footer {
background : #ffffff url(assets/img/footer.png) no-repeat;
text-align : center;
padding : 20px 0px;
 }

#future {
position : relative;
top : -20px;
right: 80px;
}

#future ul {
position : absolute;
top : -95px;
right : 10px; }

#future ul li {
padding-left : 15px;
background: transparent url(assets/img/icon-gry-arrow.png) no-repeat 0 50%; }

#global-navigation {
overflow: hidden; }

#global-navigation li {
display : inline;
float: left;
/*width : 12.5%;*/
width : 137px;
 }

#global-navigation li a {
display : block;
height : 49px;
padding : 6px;
text-align : center; 
border-left : 1px solid rgb(255, 255, 255); }

#global-navigation li#home a{
border-left : none; }

.report {
margin : 0 auto 18px;
padding : 24px 40px;
border-color : rgb(255, 255, 255);
height : 125px;
/*border : 1px solid rgba(204, 204, 204, .8); */
background : url(assets/img/report_back.png) no-repeat 100% 50%; }

.report a {
display : block;
width : 180px;
padding : 10px 20px;
border : 1px solid rgba(204, 204, 204, .8); }

.gadget h1 {
text-align : center; }

.gadget article {
/*float : right;*/
/*width : 260px;
height : 300px;*/
/*width : 260px;
height : 300px;*/
/*margin : 0 0 18px;*/
/*padding : 18px 20px 0;*/
padding : 0px 0px 0px 0px;
/*background : url(assets/img/article_back.png) no-repeat;*/
}

.gadget p{
background : url(assets/img/icon-org-arrow.gif) no-repeat 98% 51% ; }

.gadget .merit p{
background-position : 68% 88%; }

.gadget article.merit {
float : left;
/*margin : 0 0 18px 0;*/
 }

.gadget article.open {
float : left;
margin : 0 15px 18px 19px; }

.gadget article.members {
float : right;
width : 300px;
height : 318px;
margin : 0 0 18px 0;
background : url(assets/img/login_ban.jpg) no-repeat;
 }

/*.gadget img {
width :  258px;
height : 128px;
border : 1px solid #ccc; }*/

.about {
/*background : rgb(204, 204, 204);*/
background : url(assets/img/head_top.png) no-repeat ; 
/*padding : .75em 0;*/
padding : 1em 0;
color : rgb(255, 255, 255); }

.news, .topics, .care-center, .relevant,.back a, .footer{
clear : both; }

.news h1{
background : url(assets/img/news_h1.png) no-repeat ; }

.topics h1{
background : rgb(26, 63, 133) url(assets/img/topics.png) no-repeat .5% 50%; }

.news dt, .topics dt {
float : left; 
padding-left : 20px;
background : transparent url(assets/img/icon-ble-arrow.png) no-repeat 0 50%; }

.relevant h1, .care-center h2, article h2 {
margin-bottom : 0; }

.care-center a, .association a{
display : block;
float : left;
width : 377px;
padding : 9px 40px;
border : 1px solid rgb(204, 204, 204); }

.care-center p, .association p {
font-size : 10px; 
margin-bottom : 0; }

.care-center a {
margin-right : 20px; }

.care-center a {
background: url(assets/img/care-center.jpg) no-repeat 100% 50%; }

.association a {
background: url(assets/img/association.jpg) no-repeat 100% 50%; }

.care-center a:hover {
background: #BDCBF2 url(assets/img/care-center.jpg) no-repeat 100% 50%; }

.association a:hover{
background: #BDCBF2 url(assets/img/association.jpg) no-repeat 100% 50%;  }

.tel {
font-weight : 800; }

.care-center .tel ,.association .tel{
font-weight : 800;
font-size : 10px; }

.care-center .addr ,.association .addr{
font-size : 10px; }

.relevant {
background : url(assets/img/jbkaikan.jpg) no-repeat 100% 50%;
border : 1px solid #1A3F85;
border-width : 1px 0; }

article h1 {
padding : 0 40px; }

article ol {
margin-left : 60px; }

article dd {
margin-left : 120px; }

.relevant {
padding : 18px 0; }

.relevant p {
margin-left : 40px; 
margin-bottom : 0; }

.back {
clear : both; }

.back li {
text-align : right; }

.back a {
color : rgb(0, 0, 0); }

small {
text-align : center;
font-size : 12px; }

.footer ul li {
font-size : 13px;
display : inline; }

/*.footer ul li:after {
content : " |"; }*/

/*.footer li {
border-right: 1px solid #fff;
}*/

small, .footer ul li:after{
color : rgb(255, 255, 255); }

h2.cname{
font-size : 16px;
font-weight :800;
}

/* FORM 
=========================================== */
#search {
text-align : right;
position : absolute;
top : -25px;
right : 0px; }

form li{
margin-bottom: 6px;
overflow : hidden; }

input[type="text"] {
font-size : 12px;
width : 160px;
margin-right : 20px; }

.gadget form ol {
margin-left : 0; }

.gadget label{
float : left; 
display : block;
width : 100px; }

.gadget input[type="text"],
.gadget input[type="password"] {
width : 152px; 
margin : 0 ; }

.gadget input[type="button"]{
float : right; }


/* BORDER RADIUS
==================================================*/
.gadget h1, .news h1, .topics h1,  .report a, .gadget article, .care-center a, .association a {
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px; 
}


/*.no-borderradius .gadget article, .no-borderradius .report, .no-borderradius .care-center a, .no-borderradius .association a{
border : 1px solid #ccc; }*/

.no-borderradius .care-center a, .no-borderradius .association a{
border : 1px solid #ccc; }

/* GRADIENT
==================================================*/
html {
background-image : 
-webkit-gradient(linear, 0% 0%, 0% 100%, from(#80ADE0), to(#92C5FF), color-stop(.6,#85B3E8)); 
-moz-linear-gradient(90deg,green,yellow 25%,blue); }

/*.about, .gadget h1, .report a {*/
/*.gadget h1, .report a {
background: rgb(26, 63, 133) ;
background-image : 
-webkit-gradient(linear, 0 0, 0 100, from(rgba(104, 131, 185, 1)), to(rgba(26, 63, 133, 1)), color-stop(.6, rgba(26, 63, 133, 1))); }*/

.gadget h1 {
line-height : 50px;
vertical-align : middle;
height : 50px;
background : url(assets/img/article_head_back2.gif) no-repeat; }

.report a {
line-height : 30px;
vertical-align : middle;
height : 30px;
background : url(assets/img/report_bot_back.gif) no-repeat; }

/*nav li a{
background :
-webkit-gradient(linear, 0 0, 0 100, from(rgba(26, 63, 133, 1)), to(rgba(104, 131, 185, 1)), color-stop(.4, rgba(26, 63, 133, 1)));
-moz-linear-gradient(90deg, rgba(26, 63, 133, 1), rgba(104, 131, 185, 1)); }*/

/*.gadget article {
background-image :
-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(242, 242, 242)), to(rgb(214, 214, 214)), color-stop(.6,#E3E3E3)); 
-moz-linear-gradient(90deg, #F2F2F2, #E3E3E3, #D6D6D6); }*/

/*.no-cssgradients nav a{
background-color : rgb(26, 64, 133); }*/


/*.no-cssgradients nav a{
background : url(assets/img/navi_back.gif) repeat; }*/


/*.no-cssgradients nav a:hover,
.report a:hover{
background-color : #2964D4; }*/

/*.no-cssgradients nav a:hover{
background : url(assets/img/navi_back_hover.gif) repeat; }*/

/*.no-cssgradients .report a:hover{
background : url(assets/img/article_head_back_hover.gif) repeat; }*/

.no-cssgradients .gadget article {
background-color : #FFFFFF; }


/* REFRECTIONS
==================================================*/
/*header img, .news h1, .topics h1 {
-webkit-box-reflect : below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255, 255, 255, 1))); }*/

/*.no-cssreflections .news h1, .topics h1 {
margin-bottom : 18px; }*/

/* SHADOW(text)
==================================================*/
.gadget h1, .news h1, .topics h1, nav a, .footer a, .report a {
text-shadow : 1px 1px 1px rgba(0, 0, 0, .7); 
-moz-text-shadow : 1px 1px 1px rgba(0, 0, 0, .7); }

/* SHADOW(box)
==================================================*/
.topics h1, .report a, .news h1,  .care-center a, .association a {
box-shadow : 0px 0px 3px rgba(0, 0, 0,.8);
-moz-box-shadow : 0px 0px 3px rgba(0, 0, 0,.8);
-webkit-box-shadow : 0px 0px 3px rgba(0, 0, 0,.8); }

nav {
margin-bottom: 10px;
clear: both;
position: relative; top: -2px;
box-shadow : 0px 0px 3px rgba(0, 0, 0,.8);
-moz-box-shadow : 0px 0px 3px rgba(0, 0, 0,.8);
-webkit-box-shadow : 0px 0px 3px rgba(0, 0, 0,.8); }

.care-center a:hover, .association a:hover {
box-shadow : 0px 0px 6px rgba(0, 0, 0, 1);
-moz-box-shadow : 0px 0px 6px rgba(0, 0, 0, 1);
-webkit-box-shadow : 0px 0px 6px rgba(0, 0, 0, 1); }
}

.no-boxshadow  .no-boxshadow {
border : 1px solid #ccc; }

/*
.report, .gadget article{
background-image : -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EDEDED), to(#EBEBEB), color-stop(.7,#EBEBEB));
}
*/