﻿@charset "utf-8";
/* ---------------------------------------------------------
 default.css
--------------------------------------------------------- */

/* ----------------------------------------------
 ! init
 ---------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

table, th, td{
	border-collapse: collapse;
	vertical-align: top;
}

img {
	display: inline;
	border: none;
	vertical-align: bottom;
}

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

body {
	background-color: #7e0708;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	font-size: 100%;
	font-family: Verdana, Geneva, sans-serif;
}

a:link {
	color: #003399;
	text-decoration: none;
}

a:visited {
	color: #003399;
	text-decoration: none;
}

a:hover {
	color: #003399;
	text-decoration: underline;
}

a:active {
	color: #003399;
	text-decoration: underline;
}


a:link,
a:visited,
a:active {	
	color: #003399;
	text-decoration: underline;
}

a:hover {
	color: #ff0000;
	text-decoration: none;
}

ul, li {
	list-style-type: none;
}

article, aside, footer, header, hgroup, nav, section {
	display: block;
}


img{
	border: none;
	vertical-align: bottom;
}

.hidden {
	display: none;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.bold {
	font-weight: bold;
}


/****************************************

          clearfix

*****************************************/

.clearfix:before,
.clearfix:after  {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0 !important;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}




/* ---------------------------------------------------------
 module.css
--------------------------------------------------------- */

body {
	text-align: center;
  -webkit-text-size-adjust: none;
	font-size:80%;
	line-height:1.8;
	text-align:left;
}

#wrapper {
	width: 100%; 
	margin: 0px; 
	padding: 0px;
}

.wrapper_topbg {
	background-image: url(../images/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.wrapper_mainbg {
	background-image: url(../images/main_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#contents {
	width: 900px;
	margin: 0px auto;
	position: relative;
	background-image: url(../../images/contents_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

.top_height {
	height: 545px;
}

.home #primary {
	float: right;
	width: 715px;
}

.page #primary {
	float:right;
	width:715px;
}

#contents .footimage {
	text-align: right;
	}

.info_tit {
	text-align: center;
}

.info_tit img {
	margin: 0 auto;
}

.info {
	margin: 0 auto 20px auto;
	padding:5px 15px 15px 15px;
	height:125px;
	overflow:auto;
	width:608px;
}

.info dl {
	border-bottom: dashed 1px #fff;
	padding:3px 0;
}

.info dl:before,
.info dl:after {
    content: " ";
    display: table;
}
.info dl:after {
    clear: both;
}
.info dl {
    *zoom: 1;
}

.info dt {
	padding-left:30px;
	width:90px;
	color: #fff;
}

.info dt.new {
	background:url(../images/new.gif) no-repeat 5px 0.4em;
}

.info dd {
	width: 480px;
	padding-left: 120px;
	margin-top: -1.8em;
	color: #fff;	
}

#secondary {
	float:left;
	width:161px;
}

#footer {
	width: 900px;
	height: 31px;
	margin: 0px auto;
	padding: 0;
	font-size: 100%;
	background-color: #800708;
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	font-weight: normal!important;
}

.footer_top {
	background-color: transparent!important;
}

.f_logo {
	float: left;
	width: 430px;
	font-size: 11px;
	line-height: 24px;
	padding: 4px 0 3px 0;
}

.f_logo a {
	padding: 4px 14px 3px 14px;
}

.copyright {
	float: right;
	width: 450px;
	font-size: 10px;
	text-align: right;
	padding-top: 4px;
	padding-right: 15px;
	line-height: 24px;
	color: #fff;
}






/* ---------------------------------------------------------
 element.css
--------------------------------------------------------- */

/* ----------------------------------------------
 ! main page elements
 ---------------------------------------------- */

/* title */

h3.h3_tit01 {
	background-color: #D80C18;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.6;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}

h4.h4_tit01 {
	padding: 3px 10px;
	border-bottom: 2px solid #D80C18;
	color: #D80C18;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 1.4;	
}



.tit2 {
	margin-bottom: 30px;
}


.stitle {
	font-size: 14px;
	font-weight: bold;
	color: #78B711;
	line-height: 120%;
	border-bottom: solid 1px #78B711;
	padding-bottom:5px;
	margin-top:20px;
	margin-bottom:10px;
}


.stitle02 {
	font-size: 14px;
	font-weight: bold;
	color: #ED6C00;
	line-height: 120%;
	border-left: solid 4px;
	padding-left:5px;
	margin-bottom:5px;
}

.stitle03 {
	font-size: 14px;
	font-weight: bold;
	color: #78B711;
	line-height: 120%;
	border-left: solid 4px;
	padding-left:5px;
	margin-bottom:5px;
}


.st2 {
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	/*height:28px;*/
	padding-left: 10px;
	background-color:#FC7500;
	padding-top:3px;
	padding-bottom:3px;
}

.subtitle2 {
	font-weight: bold;
	font-size: 14px;
	color: #FC7500;
	line-height: 120%;
	padding-bottom:5px;
}




/* page-content */

.page-content {
	padding: 20px 16px 20px 15px;
	background-color: #fff;
}

.contenttxt {
	margin:0 auto;
	width:670px;
	text-align:left;
}

/**/

.txt_box01 {
	margin-left: 15px;
	line-height: 1.6;
}

.txt_box01 dt,
.txt_box01 dd {
	float: left;
}

.txt_box01 dt {
	
}

.tbl_box01 {
	margin-left: 15px;
	line-height: 1.6;
	margin-bottom: 20px;
	width: 400px;
}

.tbl_box01 th,
.tbl_box01 td {
	text-align: left;
	padding: 3px 0 3px 5px;
	border-bottom: 1px dotted #ccc;
}

.tbl_box01 th {
	width: 170px;
	font-weight: normal;
}





/* introduction */

.introduction-table th {
	padding: 10px 25px 10px 10px;
	color: #256FBD;
	border-bottom: dotted 1px #cfcfcf;
	text-align: left;
}

.introduction-table th p {
	border-left: 5px solid #256FBD;
	padding-left: 10px;
}

.introduction-table td {
	padding:10px 25px;
	border-bottom:dotted 1px #cfcfcf;
}

.introduction-table th.lst {
	border-bottom:none;
}

.introduction-table td.lst {
	border-bottom:none;
}

.introduction-table td td {
	padding:0;
	border-bottom:none;
}
	
.introduction-table th span {
	color: #FF6666;
}

/* link */

.introduction-table.link td {
	background:url(../../images/link_arw.gif) no-repeat 12px 1.2em;
	padding:10px 25px;
}


.pageup {
	text-align:right;
	font-size:0.8em;	
}
.pageup a:link,
.pageup a:visited {
	text-decoration:none;
}

.pageup a:hover,
.pageup a:active {
	text-decoration:underline;
}
.pageup img {
	vertical-align:middle;
}


/**/

.cont_box01 p {
	margin: 0 0 15px 15px;
}

.cont_table01 {
	border-collapse: collapse;
}
.cont_table01 th,
.cont_table01 td {
	border: 1px solid #ccc;
	padding: 5px 10px;
	text-align: center;
	vertical-align: middle;
}
.cont_table01 th {
	background-color: #EDFBD7;
}
.cont_table01 th.rowtitle {
	background-color: #78B711!important;
	color: #fff;
}

.cont_list01 {
	padding-left: 30px;
}
.cont_list01 li {
	list-style-type: disc;
	margin-bottom: 5px!important;
}
.cont_list02 {
	padding-left: 40px;
}
.cont_list02 li {
	list-style-type: decimal;
	margin-bottom: 10px;
}
.cont_box01 p.kikan {
	color: #c00;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.cont_box01 p.kikan span {
	color: #000;
	font-weight: normal;
}

.cont_box01 table.kikan {
	color: #c00;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}

.btn_subject {
	padding: 15px 0;
	margin-bottom: 30px;
	background-color: #f7f7f7;
}

.btn_subject li {
	text-align: center;
	width: 50%;
	float: left;
}

/* adoption */
.adop_table01 {
	border-collapse: collapse;
	width: 100%;
}
.adop_table01 th,
.adop_table01 td {
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.adop_table01 th {
	background-color: #EDFBD7;
}
.adop_table01 th.rowtitle {
	background-color: #78B711!important;
	color: #fff;
}

/**/

.top_info {
	position: relative;
}

.top_info p {
	position: absolute;
	bottom: 20px;
	left: 18px;
	padding: 10px 20px;
	font-weight: bold;
	font-size: 14px;
	line-height: 22px;
}

.top_info p.top_info01 {
	color: #f00;	
}

.top_info p.top_info02 {
	opacity: .7;
	filter: alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
	background: #fff;
	color: #f00;	
}

/* sponsorship */

.sponsor01 {
	padding:15px 20px;
	border:solid 3px #fbdee0;
}

.sponsor01 .tit {
	font-weight:bold;
}

ul.base li {
	position:relative;
	padding:0 0 0 17px;
}

ul.base li:before {
	content:"●";
	font-size:8px;
	position:absolute;
	top:2px;
	left:2px;
	color:#ccc;
}

/**/

.sponsor02 th {
	background:#00ada9;
	padding:5px 10px;
	vertical-align:middle;
	color:#fff;
	font-size:14px;
	line-height:20px;
}

.sponsor02 td {
	background:#e9f7f7;
	padding:5px 10px;
	line-height:20px;
}

.sponsor02 td.arw {
	background:#fff;
	vertical-align: middle;
	text-align:center;
}

.red {
	color:#c3181f;
}

/**/

.sponsor03 {
	width:100%;
}

.sponsor03 th {
	text-align:left;
	line-height:24px;
	padding-top:10px;
}

.sponsor03 .q {
	font-size:15px;
	line-height:24px;
	font-weight:bold;
	color:#06C;
	padding-right:10px;
	text-align:right;
}

.sponsor03 .a {
	font-size:15px;
	line-height:24px;
	font-weight:bold;
	color:#c3181f;
	text-align:right;
	padding:0 10px 10px 0;
	border-bottom:dotted 1px #c1c1c1;
}

.sponsor03 td.top {
	padding:10px 0 0 0;
	border-bottom:dotted 1px #c1c1c1;
}

.sponsor03 td.btm {
	padding:0 0 10px 0;
	border-bottom:dotted 1px #c1c1c1;
}

/**/


.suporting_faq_q {
	font-weight: bold;
	margin: 0 0 5px 15px!important;
	color: #2bc1ff;
	font-size: 16px;
}

.suporting_faq_a {
	margin: 0 0 20px 15px;
	padding: 5px 10px;
	background-color: #f7f7f7;
}

.suporting_faq_a dt {
	font-size: 16px;
	font-weight: bold;
	float: left;	
}

.suporting_faq_a dd {
	float: left;
	margin: 3px 0 0 15px;
	padding: 0;
	width: 590px;
}

/**/

.regi_tbl01 {
	border-collapse: collapse;
	margin-bottom: 10px;
}

.regi_tbl01 th,
.regi_tbl01 td {
	border: 1px solid #666;
	line-height: 1.4;
	padding: 5px;
	vertical-align: middle;
}

.regi_tbl01 th.col01 {
	background-color: #7DF0F0;
}

.regi_tbl01 th.row01 {
	background-color: #9AB6DC;
}

.regi_tbl01 td {
	text-align: center;
}

/**/

.link_box01 {
}

.link_box01 th,
.link_box01 td {
	border: none!important;
	padding: 0 15px 15px 0;
}

/**/

.program_box01 {
	margin-bottom: 20px;
}

.program_box0101,
.program_box0102 {
	display: inline-block;
	vertical-align: top;
}

.program_box0101 {
	width: 120px;
	font-size: 16px;
	font-weight: bold;
	color: #D80C18;
}

.program_box0102 {
	width: 545px;
}

.program_box0102 h4 {
	font-size: 16px;
	font-weight: bold;
	color: #D80C18;
	margin-bottom: 5px;
}

.program_box0102 h5 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

.program_box0102in {
	margin-left: 2.0em;
}

.program_box0102in p {
	text-indent: -1.0em;
	padding-left: 1.0em;
}

.program_box0102in2 {
}

.program_box0102in2 dt,
.program_box0102in2 dd {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 5px;
}

.program_box0102in2 dt {
	text-align: right;
	width: 100px;
	padding-right: 5px;
}

.program_box0102in2 dt span {
	font-weight: bold;
}

.program_box0102in2 dd {
	width: 435px;
}

/**/

.list_decimal li {
	list-style-type: decimal;
	margin-left: 2.0em!important;
}

/**/

.list_disc li {
	list-style-type: disc;
	margin-left: 2.0em!important;
}

/*********************************/
/***** clearfix *****/
/*********************************/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/*************************************/
/********** 画像ロールオーバー **********/
/*************************************/

.img-rollover a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
.img-rollover input:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}


/**/

.float_r {
	float: right;
}

.float_l {
	float: left;
}

.txt_indent01 {
	padding-left: 1.0em;
	text-indent: -1.0em;
}


/* ----------------------------------------------
 ! other
 ---------------------------------------------- */

.clr {
	clear:both;
}

img a {
	border: none;
}

.imgright {
	float:right;
	margin-left:15px;
	margin-bottom:15px;
}

.imgleft {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

.small {
	font-size:0.7em;
	line-height:1.6em;
}

.normal {
	font-size:0.8em;
	line-height:1.6em;
}

.large {
	font-size:0.9em;
	line-height:1.6em;
}

.largest {
	font-size:1.2em;
	line-height:1.6em;
}

.txt_orange {
	color: #ed6d1f;
}

.txt_red {
	color: #ff0000;
}

.txt_pink {
	color: #FFCCCC;
}

.txt_left {
	text-align: left!important;
}

.txt_wk01 {
	border: 1px solid #ccc;
	padding: 10px;
}

.waku01 {
	border: 1px solid #2BC1FF;
	padding: 15px;
	background-color: #ECFAFF;
	font-size: 14px;
	width: 400px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
}

.waku01 ul {
	margin-left:25px;
}

.waku01 ul li {
	list-style: disc;
}


.w80 { width: 80px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w400 { width: 400px; }

.m00 { margin: 0px;}
.m05 { margin: 5px!important;}
.m10 { margin: 10px!important;}
.m15 { margin: 15px!important;}
.m20 { margin: 20px!important;}
.m25 { margin: 25px;}
.m30 { margin: 30px;}
.m35 { margin: 35px;}
.m40 { margin: 40px;}

.mt00 { margin-top: 0;}
.mt05 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}

.mb00 { margin-bottom: 0!important;}
.mb05 { margin-bottom: 5px!important;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
.mb100 { margin-bottom: 100px;}
.mb200 { margin-bottom: 200px;}
.mb300 { margin-bottom: 300px;}
.mb400 { margin-bottom: 400px;}

.ml00 { margin-left: 0!important;}
.ml05 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml40 { margin-left: 40px;}

.mr00 { margin-right: 0;}
.mr05 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;}


.p00 { padding: 0px;}
.p05 { padding: 5px;}
.p10 { padding: 10px;}
.p15 { padding: 15px;}
.p20 { padding: 20px;}
.p30 { padding: 30px;}
.p40 { padding: 40px;}

.pt00 { padding-top: 0;}
.pt05 { padding-top: 5px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt40 { padding-top: 40px;}

.pb00 { padding-bottom: 0;}
.pb05 { padding-bottom: 5px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb40 { padding-bottom: 40px;}

.pl00 { padding-left: 0;}
.pl05 { padding-left: 5px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}
.pl40 { padding-left: 40px;}

.pr00 { padding-right: 0;}
.pr05 { padding-right: 5px;}
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}
.pr40 { padding-right: 40px;}
