/* CSS Document */

#wrapper {
	width:1000px;
	margin:0 auto;
	border-top:none;
/*	font-size: 90%; */
}

/* header
----------------------------------*/
header {
	position: relative;
}
#site-top-navi {
    font-size: 70%;
	padding:2px 5px 2px 0;
	text-align:right;
	height:59px;
}
#site-top-navi ul {
    display: inline-block;
}
#site-top-navi li {
	float:left;
	line-height:2em;
    margin-right: 10px;
}
.btn_hd_fontChange {
	float:left;
}
.english_btn {
	box-shadow: 0 0 1px 0 #0E035C inset;
	color: #0E035C !important;
	background-color: #fefefc;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefc), color-stop(100%, #e0eaf4));
	background-image: -webkit-linear-gradient(top, #fefefc, #e0eaf4);
	background-image: -moz-linear-gradient(top, #fefefc, #e0eaf4);
	background-image: -ms-linear-gradient(top, #fefefc, #e0eaf4);
	background-image: -o-linear-gradient(top, #fefefc, #e0eaf4);
	background-image: linear-gradient(top, #fefefc, #e0eaf4);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fefefc, endColorstr=#e0eaf4);
	display:block;
	text-align:center;
	width:50px;
}
.english_btn:hover{
	background-color: #e0eaf4 ;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0eaf4 ), color-stop(100%, #a8c4e0));
	background-image: -webkit-linear-gradient(top, #e0eaf4 , #a8c4e0);
	background-image: -moz-linear-gradient(top, #e0eaf4 , #a8c4e0);
	background-image: -ms-linear-gradient(top, #e0eaf4 , #a8c4e0);
	background-image: -o-linear-gradient(top, #e0eaf4 , #a8c4e0);
	background-image: linear-gradient(top, #e0eaf4 , #a8c4e0);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e0eaf4 , endColorstr=#a8c4e0);
	text-decoration: none !important;
}
#logo {
    position: absolute;
    top: 0;
    z-index: 99999;
}
#logo1 {
	float:left;
}
#logo2 {
	float:right;
}

/* sitemap contact
----------------------------------*/
#site-top-navi a {
    text-decoration: none;
}
.site-bottom-navi,
.sns {
	display:none;
    margin-top: 10px;
}
.sns {
	text-align:right;
}

/* navi
----------------------------------*/
.button-toggle {
    display: none;
	font-family: FontAwesome;
	overflow: hidden;
	font-size:127%;
/*	font-weight:bold;*/
}
.button-toggle span {
	font-size:45%;
	display: table-cell;
	width:33px;
	text-align:center;
	height:25px;
	vertical-align:bottom;
	
/*	position:relative;
	z-index:-1;*/
}
nav li {
    float: left;
/*    width: 20%; */
    width: 33.3%;
}
nav a{
	padding: 10px 0;
	padding: 20px 0 10px 0 \9;
	text-align: center;
	text-decoration: none !important;
	width:99.2%;
	font-size: 120%;
	display: inline-block;
	font-family: Meiryo, メイリオ, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
nav a:hover, nav .on {
	text-decoration: none !important;
}

/* article
----------------------------------*/
article {
    margin: 10px 10px 50px;
	float:left;
	width:710px;
    min-height: 350px;
}
/* aside
----------------------------------*/
aside{
	margin:10px;
	float:left;
	width:250px;
}
.sidebar-item {
	margin-bottom:10px;
}
/* top facebook
----------------------------------*/
.fbtab,.fbspy,.fbspt{
	display:none !important;
}

/* #topics-header,#news-header
----------------------------------*/
#topics-header,#news-header{
	-webkit-border-radius:  3px;
	-moz-border-radius:  3px;
    border-radius: 3px;
	margin-bottom:10px;
}
#cal0-header{
	-webkit-border-radius:  3px;
	-moz-border-radius:  3px;
    border-radius: 3px;
}

#topics-header p,#news-header p,#cal0-header p {
    padding: 12px;
    font-weight: bold;
    color: #367D83 !important;
}
.rss {
    float: right;
    padding: 12px;
}
/* #cal0-header
----------------------------------*/
#cal0-header {
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
#cal0 {
    border: 1px solid #CCCCCC;
	border-top:none !important;
}
.cal {
	width:100%;
}
.cal_wrapper {
    height: 255px;
}
.cal_wrapper th p {
    color: #FFFFFF;
}

/* topics tpn
----------------------------------*/
.topic-item-icon{
	float: left;
	-webkit-border-radius:  8px;
	-moz-border-radius:  8px;
	border-radius: 8px;
}
.tpn-item {
    float: left;
    width: 50%;
}
.tpn-item-icon{
	float: left;
	margin-right:5px;
	max-width:135px;
	max-height:135px;
}
.tpn-item-sub {
    font-size: 120%;
    font-weight: bold;
}
.tpn-item-sub a {
    word-wrap: break-word;
}

.tpn-item-sub a[target="_blank"] {
	padding-right:15px;
/*  background: url(img/sitelink.gif)no-repeat right;*/
}

.tpn-item-sub a[target="_blank"]:after {
  font-family: FontAwesome;
  content: "\f08e";
  font-size: 75%;
  font-weight: normal;
}

.tpn-item-sub a[href$=".pdf"] {
    padding-right: 20px;
    background: url("img/pdficon.gif") no-repeat scroll right center transparent;
}

.tpn-item p {
    padding-right: 10px;
    word-wrap: break-word;
}

/*.topic-item {
    float: left;
    padding: 10px 0 10px 10px;
    width: 48%;
}*/
.topic-item-box {
    border: 3px solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
    border-radius: 10px;
    float: left;
    margin: 7px;
    width: 30%;
	text-align: center;
}
.topic-item-box a {
    display: block;
    padding: 8px;
}
.topic-item-box a:hover {
	text-decoration: none !important;
}
.topic-item-box p {
	font-size:110%;
	font-weight:bold;
}
.topic-item-sub {
    margin-bottom: 5px;
}
.topic-item p {
    margin-left: 70px;
	font-size:80%;
}
.topic-item a {
    font-weight: bold;
    font-size: 120%;
}

/* news
----------------------------------*/
.newsl {
	width:49%;
	float:left;
}
.newsr {
	width:49%;
	float:right;
}

.news-item {
    border-bottom: 1px dotted #CCCCCC;
	display:table;
	width:100%;
}
.news-date {
/*    float: left;*/
    width: 15%;
	display:table-cell;
	vertical-align:middle;
	padding: 10px 0 10px 10px;
}
.news-icon {
/*	float:left;
	margin:0 15px;*/
	vertical-align:middle;
	width:10%;
	display:table-cell;
	padding:10px 0;
}
.news-title {
/*    float: left;*/
	vertical-align:middle;
	display:table-cell;
	padding:10px 0;
}
.news-icon img {
	margin: 0 7px;
	width:50px;
}

/* btn_list sitemap-list
----------------------------------*/
.btn_list {
    float: right;
	clear: both;
}
.btn_list_l {
  float:left;
  margin-left:15px;
}
.btn_list a,
.btn_list_l a,
.sitemap-list a
 {
  position: relative;
  display: block;
  margin: 0;
  padding: 10px;
}
.sitemap-list li{
    list-style: none outside none;
}

/* footer
----------------------------------*/
footer {
	font-size:90%;
	padding-bottom: 20px;
	text-align:center;
}
footer a {
    text-decoration: none !important;
}
footer li, footer div, footer ul {
    line-height: 1.2em;
}
.footer-line,
.footer-nav {
	margin-top:10px;
}
.footer-nav ul,
.site-bottom-navi ul,
.sns ul {
	display:inline-block;
}
.footer-nav li,
.site-bottom-navi li,
.sns li {
	float:left;
}
.footer-nav li:nth-child(n+2),
.site-bottom-navi li:nth-child(n+2),
.sns li:nth-child(n+2){
	margin-left:10px;
}
.footer-copyright{
	margin-top:10px;
}

/* h1 hdg
----------------------------------------*/
.hdg {
    border: 1px solid #CCCCCC;
	-webkit-box-shadow: 3px 4px 6px #CCCCCC;
	-moz-box-shadow: 3px 4px 6px #CCCCCC;
    box-shadow: 3px 4px 6px #CCCCCC;
/*
    font-size: 170%;
    padding: 5px 0 5px 15px;
    margin-bottom: 20px;
*/
    color: #021809;
    font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","ＭＳ Ｐ明朝","MS PMincho",serif;
    font-size: 200%;
    padding: 2px 0 2px 15px;
    margin-bottom: 20px;
	font-weight:bold;
	
}

/* breadcrumb 
----------------------------------------*/
#breadcrumb{
	margin:10px 0 0 10px;
	font-size:70%;
}

/* contents
----------------------------------------*/
.contents {
    padding-left: 10px;
}
.contents h2 {
    font-size: 160%;
    line-height: 1.5em;
    padding-left: 10px;
    margin: 30px 0 15px;
    clear: both;
}
.contents ul {
    list-style: circle;
    padding: 10px 35px;
}
.contents ol {
    list-style-type: decimal;
    padding: 10px 35px;
}
.contents .block-left img, .contents .block-right img {
	max-width:240px;
	max-height:240px;
}
section{
	margin-bottom:20px;
}
.page-section {
	margin-bottom:20px;
}
.style6 img {
    border: 6px solid #FFFFFF;
    box-shadow: 0 0 1px #000000;
	margin: 4px;
	max-width: 213px;
	max-height:213px;
	vertical-align:middle;
}
.style6 iframe {
    width: 330px;
	height: 186px;
}

/* contents style
----------------------------------------*/
/* A C E G left
----------------------------------------*/
.col2-1 .block-left,
.col3 .block-left,
.col2-4 .block-left,
.col2-6 .block-left
 {
	float:left;
	margin:0 20px 20px 0;
}

/* B F right
----------------------------------------*/
.col2-2 .block-right,
.col2-5 .block-right
 {
	float:right;
	margin:0 0 20px 20px;
}

/* C
----------------------------------------*/
.col3 .block-center {
	width:31%;
	float:left;
}
.col3 .block-right {
	float:left;
	margin:0 0 20px 20px;
}
.col3 .block-left img, .col3 .block-right img {
	max-width:200px;
	max-height:200px;
}

/* D H left right
----------------------------------------*/
.col2-3 .block-left,
.col2-7 .block-left
 {
  float:left;
  margin-right: 20px;
}
.col2-3 .block-right,
.col2-7 .block-right
 {
  float:left;
}

/* G H head
----------------------------------------*/
.col2-6 .block-head,
.col2-7 .block-head {
  margin-bottom:20px;
}


/* D H
----------------------------------------*/
.col2-3 .block-left,
.col2-3 .block-right,
.col2-7 .block-left,
.col2-7 .block-right
 {
  width:48%;
}

/* E F
----------------------------------------*/
.col2-4 .image-caption,
.col2-5 .image-caption
 {
	 font-size:70%;
	 max-width: 240px;
}

/* sitemap page
----------------------------------------*/
.style5.odd, .style5.even {
	float:left;
    margin-right: 20px;
    width: 46%;
}
.style5 ul {
    list-style: circle outside none;
    padding-top: 0;
}

/* donation
----------------------------------------*/
#donationBox {
	position:relative;
}
#donationBox,
#youtubeBox {
    border: 3px solid #CCCCCC;
}
#donationBox-header,
#youtubeBox-header {
/*    border-bottom: 1px solid #CCCCCC;*/
    color: #FFFFFF;
    font-weight: bolder;
    padding: 10px;
    text-align: center;
}
#donationBox-text {
    padding: 10px;
	font-size:80%;
}
#donationBox-btn {
	text-align:center;
    padding: 10px;
}
#donationBox {
    padding: 8px;
	line-height: 1.8em;
}

#donationBox a{
	display:block;
}
#donationBox img {
    float: left;
    margin-right: 8px;
	width: 65px;
}
#youtubeBox-header a {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
}
#youtube {
	height:137px;
}

/* donation-btn
----------------------------------------*/
.donation-btn a,
#donationBox-btn a {
	border:1px solid #ffa32a;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 7px 20px;
	font-weight:bold;
	text-align: center;
	text-decoration: none !important;
	color: #FFFFFF !important;
	background-color: #FFC476;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFC476), color-stop(100%, #dd7d00));
	background-image: -webkit-linear-gradient(top, #FFC476, #dd7d00);
	background-image: -moz-linear-gradient(top, #FFC476, #dd7d00);
	background-image: -ms-linear-gradient(top, #FFC476, #dd7d00);
	background-image: -o-linear-gradient(top, #FFC476, #dd7d00);
	background-image: linear-gradient(top, #FFC476, #dd7d00);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFC476, endColorstr=#dd7d00);
	-webkit-box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;
	display: inline-block;
}

.donation-btn a:hover,
#donationBox-btn a:hover{
	border:1px solid #c46f00;
	background-color: #c46f00;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c46f00), color-stop(100%, #aa6000));
	background-image: -webkit-linear-gradient(top, #c46f00, #aa6000);
	background-image: -moz-linear-gradient(top, #c46f00, #aa6000);
	background-image: -ms-linear-gradient(top, #c46f00, #aa6000);
	background-image: -o-linear-gradient(top, #c46f00, #aa6000);
	background-image: linear-gradient(top, #c46f00, #aa6000);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#c46f00, endColorstr=#aa6000);
	text-decoration: none !important;
}
/* contact box
----------------------------------------*/
.info {
    font-size: 130%;
}
.contact {
    border: 3px solid #CCCCCC;
    margin: 15px 0;
    padding: 20px;
}

/* side_menu_btn
----------------------------------------*/
aside h2 {
    border-bottom: 1px solid #CCCCCC;
    color: #FFFFFF;
    font-weight: bolder;
    padding: 10px;
    text-align: center;
}
#side_menu_btn ul#menu-tree li.side-menu-item {
    border: none; 
}
#side_menu_btn a {
    display: block;
    padding: 10px 15px;
}
#side_menu_btn .child1 a {
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 30px;
	padding-bottom: 5px;
}
#side_menu_btn .child2 a {
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 45px;
	padding-bottom: 5px;
}
#side_menu_btn .child3 a {
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 60px;
	padding-bottom: 5px;
}
#side_menu_btn .child4 a {
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 75px;
	padding-bottom: 5px;
}
#side_menu_btn .child5 a {
	display: block;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 90px;
	padding-bottom: 5px;
}
#side_menu_btn ul#menu-tree ul.side-menu-list li {
    border-top:none;
}
#side_menu_btn ul#menu-tree ul.child1 { }

/* rslides
----------------------------------------*/
.rslides {
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.rslides li {
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;

	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
}

/* box 1 2
----------------------------------------*/
.box1,
.box2 {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
    border-radius: 6px;
    padding: 10px;
    margin: 10px 0;
}
.box1 h4,
.box2 h4 {
    font-size: 135%;
    padding: 5px;
	font-weight:bold;
}
.box1 p,
.box2 p{
    margin: 15px;
}
.box1 {
	clear:both;
}
.box2 {
	width:45%;
	float:left;
	margin-right:10px;
}
.box1 img {
    float: right;
    margin: 15px;
}

/* tab
---------------------------------------------------*/
#tab,
#nametab {
  padding: 0;
  overflow: hidden;
}
#tab li {
  float: left;
  width: 50%;
  list-style-type:none;
}
#tab li a,
#nametab li a {
  display: block;
  border-bottom: 0;
  text-align: center;
  line-height:2.0em;
}
#list {
	margin-top:20px;
}
.nametable {
    border-collapse: collapse;
    padding: 5px;
    width: 100%;
}
.nametable th {
    font-weight: bold;
    text-align: center;
}
.nametable th,.nametable td {
    border-collapse: collapse;
    padding: 5px;
}
.present {
	width:30%;
}

/* kojin corporation
----------------------------------------*/
#kojin, #corporation {
    padding: 10px;
}

/* QA
----------------------------------------*/
#qa {
	margin-bottom:10px;
	-webkit-border-radius:  3px;
	-moz-border-radius:  3px;
    border-radius: 3px;
	min-height:100px;
}
#qa h4 {
	font-size:130%;
	font-weight:bold;
	padding:8px 8px 8px 38px;
	-webkit-border-radius:  3px 3px 0 0;
	-moz-border-radius:  3px 3px 0 0;
    border-radius: 3px 3px 0 0;
	position:relative;
}
#qa p {
	padding:8px 8px 8px 38px;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
	position:relative;
}
#qa h4:before,
#qa p:before
 {
    font-family: serif;
    font-size: 150%;
    position: absolute;
}
#qa h4:before {
    content: "Q";
    left: 9px;
}
#qa p:before {
    content: "A";
    left: 13px;
}

/*message
----------------------------------------*/
#message {
	-webkit-border-radius:  6px;
	-moz-border-radius:  6px;
    border-radius: 6px;
}
#messagetitle {
    font-weight: bold;
    padding: 8px;
    text-align: center;
}
#message iframe {
    font-size: 80%;
}
#messageifrm {
    overflow: hidden;
}
#messagelink {
}

/* credit card layout
----------------------------------------*/
.cdlogo li {
	display:inline-table;
    margin-right: 10px;
	vertical-align: middle;
	list-style:none;
}

/* history
----------------------------------------*/
.box_his,
.sub_box_his {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","ＭＳ Ｐ明朝","MS PMincho",serif;
}

.box_his {
    border: 1px solid #BBBBBB;
    box-shadow: 5px 5px #DDDDDD;
    padding: 20px;
}
.box_his h3 {
    color: #003917;
    font-size: 2.3em;
	text-align:center;

}
.box_his h4 {
    font-size: 1.8em;
    color: #a2a2a2;
    font-weight: bold;
    text-align: center;
}
.sub_box_his {
    padding: 30px 50px;
	font-size:120%;
}
.sub_box_his h3 {
    color: #003917;
    font-size: 1.8em;
	text-align:center;
}
.sub_box_his h4 {
    margin-bottom: 0.7em;
}

/* unit list
----------------------------------------*/
.unit_list {
    background-color: #367D83;
    float: left;
    margin: 4px 0;
    padding: 2px;
    text-align: center;
    width: 24%;
}
.unit_list img {
	max-height:100%;
}
.unit_list dd {
    display: table-cell;
    font-size: 80%;
    font-weight: bold;
    vertical-align: middle;
    width: 170px;
}
/* tbl unit
----------------------------------------*/
.tbl_unit {
	width:100%;
}
.tbl_unit colgroup {
  width: 25%;
}
.tbl_unit th {
    background-color: #367D83;
    color: #FFFFFF;
    font-weight: bold;
    height: 1em;
    text-align: center;
}
.tbl_unit td {
    vertical-align: top;
	background-color: #F0F0F0;
}
.tbl_unit_sub {
    text-align: center;
    width: 100%;
}
.tbl_unit_sub td {
    background-color: #FFFFFF;
	text-align:center;
}
.tbl_unit_sch td {
    background-color: #FFFFFF;
    font-size: 84%;
}

/* tbl fd
----------------------------------------*/
.tbl_fd {
	width:90%;
	margin:20px auto!important;
}
.tbl_fd  colgroup {
	width: 25%;
}
.tbl_fd td {
    vertical-align: middle;
}
.tbl_fd_item {
	text-align:center;
	padding:15px;
}

/* info_search
----------------------------------------*/
.btn_switch {
	text-align:center;
	padding:0px!important;
}

.btn_switch li {
	display:inline-block;
	list-style:none;
	margin-left:2%;
	border: 3px solid #367D83;
	-webkit-border-radius:  6px;
	-moz-border-radius:  6px;
    border-radius: 6px;
	box-shadow: 2px 2px 2px #CCCCCC;
	width:47%;
}
.btn_switch li:first-child {
	margin-left:0px;
}

.btn_switch li a {
    background-color:#61B6BD;
    color: #FFFFFF;
    display: inline-block;
    font-size: 180%;
    font-weight: bold;
    padding: 25px 0;
    text-align: center;
    text-decoration: none !important;
    width: 100%;
	font-family:"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro W3","ＭＳ Ｐ明朝","MS PMincho",serif;
}
.info_search {
	background-color:#cde8ea;
	width:95%;
	margin:0 auto;
	border: 3px solid #367D83;
	-webkit-border-radius:  3px;
	-moz-border-radius:  3px;
    border-radius: 3px;
	padding:8px;
	text-align:center;
}
.info_search dl {
	width:40%;
	text-align:center;
	display:inline-block;
}
.info_search dt {
    font-size: 130%;
    margin-bottom: 10px;
	color: #367D83;
}
.info_search dd {
	background-color:#cde8ea;
}
.info_search select {
	width:100%;
}
.info_search input {
	width:46%;
}
.searchset {
    display: inline-block;
    text-align: center;
    width: 18%;
	font-size: 300%;
}
.btn_switch li a:hover {
    background-color:#26575b;
}
.btn_switch li a:active
 {
    background-color:#2e686d;
}
.btn_switch li.current a {
    background-color:#367D83;
}
.btn_info_search {
    background-color: #999999;
    border: 3px solid #000000;
    border-radius: 6px;
    box-shadow: 2px 2px 2px #CCCCCC;
    display: inline-block;
    font-weight: bold;
    margin: 10px auto 0px;
    padding: 2px;
    text-decoration: none !important;
    width: 20%;
	font-size:130%;
	display:block;
}
.btn_info_search:hover {
    background-color:#000000;
    color: #FFFFFF;
}
.btn_info_search:active {
    background-color:#000000;
    color: #FFFFFF;
}
.reset {
    background-color: #FFFFFF;
    border: 2px solid;
    border-radius: 6px;
    float: right;
    font-size: 80%;
    margin: 16px 0 0;
    padding: 0 10px;
}
.reset:hover {
    background-color: #000000;
	color:#ffffff;
}
.pageNavi {
    display: table;
    margin: 0 auto !important;
}
.pageNavi i {
	margin:0 6px;
}
.pageNavi li{
	float:left;
	list-style:none;
	line-height:3em;
	font-weight:bold;
}
.pageNavi a {
	    color: #367D83;
}
.pageNavi_btn {
    background-color:#CDE8EA;
    border: 2px solid #367D83;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-shadow: none;
    display: inline-block;
    line-height: 3em;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    width: 3em;
	font-weight:bold;
}
.pageNavi_btn:hover {
	background-color:#61B6BD;
	color:#ffffff;
}
.pageNavi_btn:active {
	background-color:#26575B;
}
.pageNavi_btn a {
	display:block;
}
.pageNavi li:nth-child(n+2) {
    margin-left: 3px;
}
.narrow {
    display: inline-block;
    font-size: 200%;
    margin-left: 4%;
    text-align: center;
    width: 47%;
	z-index:-9999;
}
.narrow-first-child {
    display: inline-block;
    font-size: 200%;
    margin-left: 0px;
    text-align: center;
    width: 47%;
	z-index:-9999;
}
.youtubeiframe {
	width:244px;
	height:137px;
}

/* erro
----------------------------------------*/
#erro {
	padding:20% 10%;
}

/*----------------------------------------
 color set
----------------------------------------*/
#wrapper {
	border: 1px solid #CCCCCC;
}
header {
	border-bottom:3px solid #003917;
}
/*h1 {
    color: #1C5A85;
}*/
nav a,
.button-toggle{
	border: 1px solid #A7A7A7;
	color: #434343 !important;
	background-color: #F3F3F3;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #F3F3F3));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #F3F3F3);
	background-image: -moz-linear-gradient(top, #FFFFFF, #F3F3F3);
	background-image: -ms-linear-gradient(top, #FFFFFF, #F3F3F3);
	background-image: -o-linear-gradient(top, #FFFFFF, #F3F3F3);
	background-image: linear-gradient(top, #FFFFFF, #F3F3F3);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#F3F3F3);
	text-shadow:0 1px 0 rgba(255, 255, 255, 0.75);
}
nav a:hover,
nav .on,
.button-toggle:hover,
.button-toggle.act {
	background-color: #F3F3F3;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F3F3), color-stop(100%, #FFFFFF));
	background-image: -webkit-linear-gradient(top, #F3F3F3, #FFFFFF);
	background-image: -moz-linear-gradient(top, #F3F3F3, #FFFFFF);
	background-image: -ms-linear-gradient(top, #F3F3F3, #FFFFFF);
	background-image: -o-linear-gradient(top, #F3F3F3, #FFFFFF);
	background-image: linear-gradient(top, #F3F3F3, #FFFFFF);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F3F3F3, endColorstr=#FFFFFF);
}
footer {
	border-top:3px solid #959595;
	color: #FFFFFF;
}
.site-bottom-navi, #fontChange {
	color:#333;
}
footer a,
#tab li a:hover,
#tab li.present a,
#nametab li a:hover,
#nametab li.present a {
    color: #FFFFFF !important;
}
#topics-header,#news-header,#cal0-header{
	border-top:3px solid #367d83;
	border-bottom: 1px dotted #CCCCCC;
	background-color: #f0f0f0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
	background-image: -webkit-linear-gradient(top, #ffffff, #f0f0f0);
	background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);
	background-image: -ms-linear-gradient(top, #ffffff, #f0f0f0);
	background-image: -o-linear-gradient(top, #ffffff, #f0f0f0);
	background-image: linear-gradient(top, #ffffff, #f0f0f0);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f0f0f0);
}
.topic-item-icon{
	border:2px solid #367D83;
}
.topic-item-box {
	border-color:#3093C7;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	-moz-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;
	background-color:#F0F0F0;
}
.topic-item-box,
.topic-item-box a{
	color:#CACACA;
	text-shadow:-1px -1px 1px #666666,1px 1px 1px #FFFFFF;
}
.topic-item-box span {
	color:#EC93E5;
}
/*#site-top-navi,*/
footer,
#donationBox-header,
#youtubeBox-header,
aside h2,
#tab li a:hover,
#tab li.present a,
#nametab li a:hover,
#nametab li.present a
{
    background-color: #003917;
}
/*#site-top-navi a,footer a
 {
    color: #202020 !important;
}*/
.contents h2 {
    border-bottom: 1px dotted #367D83;
    border-left: 5px solid #367D83;
/*    color: #003917;*/
}
#side_menu_btn a:hover,
.topic-item-box:hover {
    background: none repeat scroll 0 0 #DEE9F4;
}
.box1,
.box2,
#tab li a,
#nametab li a,
#kojin, 
#corporation {
    border: 3px solid #367D83;
}
.box1 {
	box-shadow: 6px 6px 6px #CCCCCC;
}
.box1 h4,
.box2 h4 {
    border-bottom: 2px solid #367D83;
}
/*#qa,
#qa .btn_list a:after {
	background-color:#339999;
}*/
#qa h4,
#qa h4:before,
#messagetitle {
	background-color: #3093C7;
	color:#FFFFFF;
}
#qa p:before,
.btn_list a:before,
.btn_list_l a:before,
.sitemap-list a:before,
.child1 a:before
 {
    color: #367D83;
}
#tab,
#nametab
 {
    border-bottom: 1px dotted #3093C7;
}
#side_menu_btn a {
	border-left: 5px solid #367D83;
	border-top: 1px none #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	border-right: 1px dotted #CCCCCC;
}
#side_menu_btn .on {
    background: none repeat scroll 0 0 #DEE9F4;
    border-left: 5px solid #3093C7;		
}
#message {
    border: 3px solid #3093C7;
}
.nametable,.nametable th,.nametable td {
    border: 1px solid #DDDDDD;
}
.nametable th {
    background: none repeat scroll 0 0 #EEEEEE;
}