@charset "utf-8";
/* CSS Document */


/*Main////////////////////////////////////////*/

h4.maru_icon{
	background:url(../img/h4_icon.gif) left top no-repeat;
	padding:2px 0 0 28px;
	font-size:16px;
	margin:15px 0 10px 0;
	line-height:24px;
	}

p.font_12px{
	font-size:12px;
	line-height:18px;
	}
p.font_98{
	font-size:78%;
	line-height:16px;
	}


/*table List*/
table.List{
	width:100%;
	border-collapse:collapse;
	border-top:1px dashed #99CC00;
	float:none;
	clear:both;
	margin-bottom:10px;
	}

table.List tr{
	background-color: #FFF;
}

table.List td{
	vertical-align:top;
	text-align:left;
	padding:10px;
	border-bottom:1px dashed #99CC00;
	}
table.List th{
	background-color:#dbf393;
	vertical-align:top;
	text-align:left;
	padding:10px;
	border-bottom:1px dashed #99CC00;
	color: #555555;
	}

table.List th{white-space:nowrap;}
table.List tr.even td,{
	background-color: #FFFFCC;
}
table.List a{
text-decoration:underline;
}

table.List02{
	width:100%;
	border-collapse:collapse;
	border-top:1px dashed #99CC00;
	float:none;
	clear:both;
	margin-bottom:10px;
	}
table.List02 tr{
	background-color: #FFF;
}
table.List02 td{
	vertical-align:top;
	text-align:left;
	padding:10px;
	border-bottom:1px dashed #99CC00;
	border-left:1px dashed #99CC00;
	text-align:right;
	}
table.List02 td.sel_left{
	text-align:left;
	}
table.List02 th{
	vertical-align:top;
	text-align:left;
	padding:10px;
	border-bottom:1px dashed #99CC00;
	color: #555555;
	}
table.List02 th{white-space:nowrap;}

table.List02 tr.even td,
table.List02 tr.even th{
	background-color: #FFFFCC;
}
table.List02 tr.table_top th{
	background-color: #c3e363;
	text-align:center;
}
table.List02 tr.table_top th.line{
	background-color: #c3e363;
	text-align:center;
	border-left:1px dashed #99CC00;
	border-right:1px dashed #99CC00;
}


table.List03{
	width:100%;
	border-collapse:collapse;
	border-top:1px dashed #99CC00;
	float:none;
	clear:both;
	margin-bottom:10px;
	}
table.List03 tr{
	background-color: #FFF;
}
table.List03 td{
	text-align:center;
	padding:10px;
	border-bottom:1px dashed #99CC00;
	}
table.List03 th{
	padding:10px;
	border-bottom:1px dashed #99CC00;
	color: #555555;
	background-color:#c3e363;
	}
.text_center{text-align:center;}
table.List03 th{white-space:nowrap;}

.table_zaimu{
border-top:#cccccc solid 1px;
border-left:#cccccc solid 1px;
margin:15px 0 0 0;
font-size:12px;
}

.table_zaimu th{
border-bottom:#cccccc solid 1px;
border-right:#cccccc solid 1px;
padding:2px 5px;
font-weight:normal;
text-align:left;
background:#f2f2f2;
}
.table_zaimu td{
border-bottom:#cccccc solid 1px;
border-right:#cccccc solid 1px;
padding:2px 5px;
text-align:right;
}

.table_nomal{
border-top:#99cc00 solid 1px;
border-left:#99cc00 solid 1px;
margin:15px 0 0 0;

}

.table_nomal th{
border-bottom:#99cc00 solid 1px;
border-right:#99cc00 solid 1px;
padding:3px 10px;
font-weight:normal;
background:#e6ff9c;
}
.table_nomal td{
border-bottom:#99cc00 solid 1px;
border-right:#99cc00 solid 1px;
padding:3px 10px;
}
#table_voice{
	width:100%;
}
#table_nomal td.waku_line{
	border:#FF6600 solid 1px;
	padding:5px;
}

.pagetop{
	text-align:right;
	padding:15px 0;
	background:url(../img/page_top_line.gif) no-repeat left bottom;
	width:100%;
	height:15px;
	}

ul.list01{
}
ul.list01 li{
	background:url(../img/list01_icon.gif) left top no-repeat;
	padding-left:20px;
	margin:8px 0;
	list-style:none;
	}


/*about///////////////////////////////////////*/

div.shisetu{
border-bottom:#CCCCCC dashed 2px;
margin-bottom:30px;
clear:both;
padding-bottom:15px;
}

div.shisetu .img_box{
float:left;
width:300px;
}
div.shisetu .text_box{
float:left;
width:600px;
}
div.shisetu h4{
padding-bottom:10px;
}
div.shisetu .p_left25px{
padding-left:25px;
}
div.shisetu .p_right25px{
padding-right:25px;
}

.kari_shisetsu{
width:100%;
clear:both;
}

.kari_shisetsu td{
border-bottom:#CCCCCC dotted 2px;
padding:15px 0;
margin-top:20px;
}
.kari_shisetsu td p{
padding-top:10px;
}
.kari_shisetsu td p.s_photo{
text-align:center;
}

.tanken{
	margin-bottom:20px;
	clear:both;
	overflow: hidden;
	width: 100%;
	height:500px;
}
.tanken h3{
	padding-bottom:15px;
	width:423px;
}
.tanken .Img_s{
	margin:15px auto;
}
.tanken p{
	width:423px;
}
.tanken div.L_space{
	width:460px;
	float:left;
	padding-right:30px;
}
.tanken div.L_space div.ura_chara01{
	position:absolute;
	width:194px;
	height:200px;
	margin-top:25px;
	margin-left:320px;
	z-index:2001;
}
.tanken div.L_space div.omote_photo{
	position:absolute;
	width:423px;
	height:293px;
	z-index:2002;
	margin-top:15px;
}
.tanken div.R_space{
	width:423px;
	float:right;
}



.tanken div.L_space02{
	width:423px;
	float:left;
}

.tanken div.R_space02{
	width:520px;
	float:right;
}
.tanken div.R_space02 h3{
	padding-left:100px;
}
.tanken div.R_space02 p{
	padding-left:100px;
}
.tanken div.R_space02 div.ura_chara02{
	position:absolute;
	width:196px;
	height:247px;
	margin-top:35px;
	margin-right:400px;
	z-index:2003;
}
.tanken div.R_space02 div.omote_photo02{
	position:absolute;
	width:460px;
	height:293px;
	z-index:2004;
	margin-top:15px;
	margin-left:100px;
}



.tanken03{
	margin-bottom:20px;
	clear:both;
	overflow: hidden;
	width: 100%;
	height:500px;
}
.tanken03 h3{
	padding-bottom:15px;
	width:423px;
}

.tanken03 p{
	width:423px;
}
.tanken03 div.ura_chara03{
	position:absolute;
	width:276px;
	height:170px;
	z-index:2005;
	margin-top:250px;
	margin-left:340px;
}

.tanken03 div.L_space03{
	width:460px;
	float:left;
	padding-right:30px;
}

.tanken03 div.L_space03 div.omote_photo{
	position:absolute;
	width:423px;
	height:293px;
	margin-top:15px;
	z-index:2006;
}
.tanken03 div.R_space03{
	width:423px;
	float:right;
	margin-top:15px;
}
.tanken03 div.R_space03 div.omote_photo03{
	position:absolute;
	width:423px;
	height:293px;
	margin-top:15px;
	z-index:2007;
}


.tanken04{
	margin-bottom:20px;
	clear:both;
	overflow: hidden;
	width: 100%;
	height:500px;
}
.tanken04 h3{
	padding-bottom:15px;
	width:423px;
}

.tanken04 p{
	width:423px;
}
.tanken04 div.ura_chara04{
	position:absolute;
	width:525px;
	height:370px;
	z-index:2008;
	margin-left:440px;
	margin-top:30px;
}

.tanken04 div.P_space{
	position:absolute;
	width:880px;
	margin-top:15px;
	z-index:2009;
	text-align:left;
}

.tanken03 div.L_space03 div.omote_photo{
	position:absolute;
	width:423px;
	height:293px;
	margin-top:15px;
	z-index:2006;
}
.tanken03 div.R_space03{
	width:423px;
	float:right;
	margin-top:15px;
}
.tanken03 div.R_space03 div.omote_photo03{
	position:absolute;
	width:423px;
	height:293px;
	margin-top:15px;
	z-index:2007;
}


/*education///////////////////////////////////////*/

ul#rinen_list{
margin:15px 10px;
}
ul#rinen_list li{
float:left;
width:280px;
list-style:none;
}
ul#rinen_list li.rinen_list_naka{
margin:0 45px;
}

ul.mokuhyo{
}
ul.mokuhyo li{
background:url(../img/star_icon.gif) left top no-repeat;
padding:2px 5px 0 20px;
list-style:none;
}

ul.hoshi_list{
margin:10px 0;
}
ul.hoshi_list li{
background:url(../img/hoshi_icon02.gif) left top no-repeat;
padding:8px 5px 0 22px;
list-style:none;
line-height:20px;
}
/*life/////////////////*/
.life_box{
margin-bottom:30px;
background: url(../img/life/line.gif) left bottom no-repeat;
display:block;
padding-bottom:15px;
clear:both;
}
.life_box p{
line-height:20px;
}

.life_box .l_left_box{
float:left;
width:140px;
margin-right:33px;
}
.life_box .l_right_box{
width:750px;
float:right;
}
.naka_box01{
padding-bottom:10px;
display:block;
clear:both;
}
.naka_box01 .life_imgright{
float:right;
padding-left:10px;
}
.naka_box01 h4.l_ttl01{
margin-bottom:5px;
}
.naka_box02{
margin-bottom:10px;
display:block;
clear:both;
}
.naka_box02 .naka_left{
width:164px;
margin:0 10px 0 0;
float:left;
}
.naka_box02 .naka_right{
width:550px;
float:right;
}
.naka_box02 h4.l_ttl02{
margin-bottom:5px;
}

.life_table{
margin:15px 0;
clear:both;
}
.life_table th{
background-color:#dbf393;
border-bottom:#92c202 1px dashed;
padding:3px 5px;
font-weight:normal;
}
.table_line{
border-right:#92c202 1px dashed;
}
.life_table td{
border-bottom:#92c202 1px dashed;
padding:3px 5px;
}

.day_table{
width:100%;
}
.day_table td{
padding-bottom:15px;
vertical-align:top;
}
/*news/////////*/

h2.news_ttl{
background: url(../img/h2_bg.jpg) left no-repeat;
font-size:18px;
font-weight:bold;
padding:30px 0 0 65px;
color:#333;
height:54px;
}


dl.news_list{
margin:30px auto;
}
dl.news_list dt{
	background:url(../img/hoshi_icon02.gif) left no-repeat;
	padding:10px 10px 0px 25px;
	width:170px;
}
dl.news_list dd{
padding:2px 30px 0px 0px;
border-bottom:#999999 1px dotted;
margin-top:-28px;
padding-left:120px;
width:550px;
}
dl.news_list a{
color:#333333;
}


div#news_pagedayo{
text-align:right;
display:block;
}
div#news_pagedayo ul{
margin:30px auto;
display:block;
}
div#news_pagedayo li{
float:left;
padding:0 16px 5px 9px;
font-size:12px;
color:#FF6600;
list-style:none;
}
div#news_pagedayo li.page_on{
background:url(../img/news/news_page.gif) left no-repeat ;
}
h1.news_ttl{
background:url(../img/s_ttl_news.jpg) left top no-repeat;
margin-bottom:20px;
padding:15px 10px 15px 70px;
color:#5f0100;
font-size:16px;
border-bottom:#81ccf3 solid 2px;
font-weight:bold;
}

/*support///////////////////////////////////////*/
div.support_box{
background: url(../img/support/support_c02.jpg) left top repeat-y;
width:949px;
margin:15px auto -30px auto;
display:block;
clear:both;
}
div.support_box .kind{
margin:5px 15px 30px 15px;
display:block;
}
div.support_box h4.support_kind{
padding-bottom:15px;
}
div.support_box .kind .detail_link{
margin:5px 0px;
}

div.support_box_btm{
width:705px;
}

/*renraku/////////////////////////////////////////////*/
.btn_endayori_bg {
    background: url(../img/letter/endaori_btn.png) left no-repeat;
    padding: 20px 0 9px 50px;
    margin: 10px 0;
    color: #5f0100;
    float: left;
    width: 220px;
}
.btn_endayori_month_bg {
    background: url(../img/letter/endayori_month_btn.png) left no-repeat;
    padding: 14px 12px 9px 45px;
    margin: 20px 0;
    color: #5f0100;
    float: left;
    width: 75px;
}
.backnumber_bg {
    background: url(../img/letter/backnumber_btn.png) left no-repeat;
    padding: 7px 0px 5px 0px;
    margin: 0;
    color: #5f0100;
    font-size: 14px;
    float: left;
    width: 58px;
    text-align: center;
}

.login {
	margin-top: 30px;
    margin-bottom: 30px;
}
.login .description {
    float: left;
    margin-top: 40px;
}
.login .illust {
    display: block;
    position: relative;
    text-align: center;
    float: left;
}
.login .weight {
    font-weight: bold;
    font-size: 20px;
    color: #e30000;
    line-height: 2em;
}
.login .small {
    font-size: 12px;
}
.login_input {
    margin: 0 auto;
    display: block;
    position: relative;
    overflow: hidden;
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 10px;
}
.login_input ul li{
	padding-left: 160px;
}
.login_input ul li.ID {
    background: url(../img/letter/login_id.png) no-repeat left center;
}
.login_input ul li.PW {
    background: url(../img/letter/login_pw.png) no-repeat left center;
}
.login_input input{
	height: 50px;
	width: auto;
	border:2px solid #5f0000;
	border-radius: 5px;
    font-size: 23px;
    display: block;
    position: relative;
    overflow: hidden;
    padding-left: 5px;
}
.login_input .login_btn {margin-top: 40px;}
.login_input .login_btn input{
	text-align: center;
	background-color: #fff;
	color: #5f0000;
	width: 30%;
	margin: 0 auto;
	background-color: #ffffb9;
	color: #5f0000;
}
.login_input .login_btn input:hover{
	background-color: #5f0000;
	color: #fff;
}


/*common///////////////////////////////////////*/
.pagetop{
	text-align:right;
	padding:15px 0 5px 0;
	margin-bottom:30px;
	background:url(../img/page_top_line.gif) no-repeat left bottom;
	width:100%;
	height:47px;
	}

ul.list01{
}
ul.list01 li{
	background:url(../img/list01_icon.gif) left top no-repeat;
	padding-left:20px;
	margin:8px 0;
	list-style:none;
	}
.enka{
background: url(../img/about/enka_bg.gif) left no-repeat;
padding:20px 50px 0px 70px;
height:309px;
}
.enka table{
margin:70px 30px auto 30px;
}

p.icon03{
background:url(../img/icon03.gif) left center no-repeat;
padding:5px 15px;
}

.waku_cyusyaku{
border:#666666 1px solid;
padding:10px 15px;
font-size:12px;
margin:10px auto;
}
.text_red{
color:#ff0000;
}
.text_pink{
color:#ff0084;
font-size:20px;
padding:0 3px;
}

.F_imgleft{float:left;
	padding:0 15px 10px 0;}
.F_imgright{float:right;
	padding:0 0 10px 15px;}
.Width70{width: 70%;float: left;}
.Width30{width: 30%;float: left;}
.MT1{margin-top: 1em;}
.MT5{margin-top: 5em;}
.clear{clear: both;}
.reader{
border:#CC0033 1px solid;
padding:10px;
margin:10px auto;
width:900px;
clear:both;
}
.reader p{
font-size:14px;
}
.letter_m{
	color:#cccccc;
}

p.icon03{
background:url(../img/icon03.gif) left center no-repeat;
padding:5px 15px;
}

p.btn_infobg_pdf{
	background:url(../img/letter/btn_infobg_pdf.gif) left no-repeat;
	padding:13px 26px 9px 30px;
	font-size:14px;
	color:#fff;
	margin:10px 0;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
}
p.btn_infobg_pdf a{
	color:#fff;
}
p.btn_endayori_month_bg{
	background:url(../img/letter/endayori_month_btn.png) left no-repeat;
	padding:13px 10px 9px 30px;
	font-size:14px;
	color:#fff;
	margin:10px 0;
}
p.btn_endayori_month_bg a{
	color:#fff;
}
p.btn_endayori_bn_bg{
	background:url(../img/letter/backnumber_btn.png) left no-repeat;
	padding:7px 0px 4px 0px;
	font-size:14px;
	color:#fff;
	margin:10px 0;
}
p.btn_endayori_by_bg{
	background:url(../img/letter/backyear_btn.png) left no-repeat;
	padding:7px 8px 4px 3px;
	font-size:14px;
	color:#fff;
	margin:10px 0;
}
p.btn_endayori_bn_bg a,
p.btn_endayori_by_bg a{
	color:#fff;
}
p.btn_infobg_xle{
	background:url(../img/letter/btn_infobg_xle.gif) left no-repeat;
	padding:13px 10px 9px 30px;
	font-size:14px;
	color:#fff;
	margin:10px 0;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
}
p.btn_infobg_xle a{
	color:#fff;
}

/* list系 */
ul.Img_list{
margin:15px 0;
}
ul.Img_list li{
float:left;
list-style:none;

}
ul.Img_list li span{
font-size:78%;
line-height:14px;
padding:3px 0;
}
ul.Img_list li.img_cnter{
padding:0px 7px;}

ul.news_list{
}
ul.news_list li{
background:  url(../img/star_icon.gif) left no-repeat;
list-style:none;
padding:5px 0 0 20px;
border-bottom:#CCCCCC dotted 1px;
}


.list_yoko{
margin:15px 0;
display:block;
}
.list_yoko li{
float:left;
list-style:none;
}

.list_kondate{
	margin:15px 0px;
}
.list_kondate li{
	list-style:none;
	padding-bottom:8px;
}

.list_k_yoko{
	margin:0px 0px 45px 0px;
	border-bottom:#999999 dotted 1px;
	padding-bottom:45px;
}
.list_k_yoko li{
	background:url(../img/list01_icon.gif) left center no-repeat;
	padding:5px 25px 0px 18px;
	list-style:none;
	float:left;
}

/* アルバム */
h2.album_ttl{
	background:url(../img/album/month_ttl_bg.gif) left top no-repeat;
	padding:30px 15px 0px 75px;
	font-size:18px;
	color:#5f0100;
	height:70px;
}
.table_album{
	border:none;
	margin:15px 0;
	padding:0px;
	width:100%
}
.table_album td{
	padding:0 0 10px 0;
	text-align:left;
	width:205px;
}
.table_album td.p_10px{
	padding-right:6px;
}

/* 年間行事02 */
#theater_o{
	background-image: url(../img/life/year/theater_bg.gif) ;
	background-position:top center !important;
	background-repeat:no-repeat;
	display:block;
	height:560px;
}
#robot_theater_o02{
	display:block;
}
#robot_naka{
	padding:70px 0px;
	margin-top:20px;
}
.n_img img{
	margin-right:-5px;
	padding:0px;
}

 /* Insignificant stuff, for demo purposes */
            .panel h3.title { margin:0; padding-bottom:15px; }
            /* Most common stuff you'll need to change */
            .coda-slider-wrapper { padding:0; }
            .coda-slider { }
            /* Use this to keep the slider content contained in a box even when JavaScript is disabled */
            .coda-slider-no-js .coda-slider { height:200px; overflow:auto !important; padding-right:20px }
            /* Change the width of the entire slider (without dynamic arrows) */
            .coda-slider, .coda-slider .panel { width:950px }
            /* Change margin and width of the slider (with dynamic arrows) */
            .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width:653px }
            .coda-slider-wrapper.arrows .coda-slider { margin:0 10px }
            /* Arrow styling */
            .coda-nav-left a { background: url(../img/life/year/btn_back_m.png) no-repeat; color:#fff; padding:5px; margin-top:210px; width:127px; height:144px;}
			.coda-nav-right a { background:url(../img/life/year/btn_next_m.png) no-repeat; color:#fff; padding:5px; margin-top:205px; width:119px; height:161px;}
            /* Tab nav */
            .coda-nav ul li a.current { background:#39c }
            /* Panel padding */
            .coda-slider .panel-wrapper { padding:5px }
            /* Preloader */
            .coda-slider p.loading { padding:20px; text-align:center }
            /* Don't change anything below here unless you know what you're doing */
            /* Tabbed nav */
            .coda-nav ul { clear:both; display:block; margin:auto; overflow:hidden }
            .coda-nav ul li { display:inline }
            .coda-nav ul li a { background:#000; color:#fff; display:block; float:left; margin-right:1px; padding:3px 6px; text-decoration:none }
            /* Miscellaneous */
            .coda-slider-wrapper { clear:both; overflow:auto }
            .coda-slider { float:left; overflow:hidden; position:relative }
            .coda-slider .panel { display:block; float:left }
            .coda-slider .panel-container { position:relative }
            .coda-nav-left, .coda-nav-right { float:left }
            .coda-nav-left a, .coda-nav-right a { display:block; text-align:center; text-decoration:none }
            /* Styling for specific sliders */
            #coda-nav-left-5 { margin:0 1px 0 135px; }
            #coda-nav-left-5, #coda-nav-5, #coda-nav-right-5 { float:left; }
            #coda-nav-5 ul { margin:0; padding:0; list-style:none; }
            #coda-nav-5 a { margin:0; padding:4px; list-style:none;margin-right:1px; }
            #coda-nav-5 li { margin:0; padding:0; list-style:none; }
            #coda-nav-left-5 a, #coda-nav-right-5 a { padding:4px; width:20px; }
            #coda-slider-5 { clear:both; }


#slider {
        margin: 0 auto;
        width: 750px;
        height: 350px;
    }
#slider div {
        padding: 50px 10px 0 10px;
    }
#slider h3{
        padding-bottom:15px;
    }