@charset "Shift_JIS";

body {
}
#container {
	width:960px;
	margin:0 auto;
}


/* ------------------------------------------------------------------*/
#header {
	padding:20px 0 0 0;
	display:block;
	position: relative;
}
#header h1 {
	float:left;
}

/* sns
------------------------------------------------------------*/

#snsNav{
	position: absolute;
	left: 750px;
	top: 25px;
	width: 100px;
}

#snsNav li{
	width: 29px;
	float: left;
	margin-right:10px;
}

#snsNav li:last-child{
	margin-right:0;
}

#snsNav li img{
	width: 29px;
	height: auto;
}

#snsNav li a:hover{
	opacity: 0.8;
}

/* dl#fontSize
------------------------------------------------------------*/
div#header #fontSize {
	float:right;
	width: 128px;
	height: 23px;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
	position:relative;
	margin:8px 0 0 0;
}
div#header #fontSize dt {
	position:absolute;
	top:7px;
	left:0px;
	display: block;
	width: 72px;
	height: 10px;
	background: url(../img/txt_font.gif) 0 0 no-repeat;
}
div#header #fontSize dd a {
	display: block;
	width: 23px;
	height: 23px;
}
/* dd.btnFontSmall */
div#header #fontSize dd.middle {
	position:absolute;
	top:0;
	left:78px;
}
div#header #fontSize dd.middle a {
	background: url(../img/btn_font_small.gif) 0 100% no-repeat;
}
/* dd.btnFontLarge */
div#header #fontSize dd.large {
	position:absolute;
	top:0;
	left:105px;
}
div#header #fontSize dd.large a {
	background: url(../img/btn_font_large.gif) 0 0 no-repeat;
}
div#header #fontSize dd a:hover {
	background-position: 0 100%;
}

/* 
------------------------------------------------------------------*/
#navi {
	clear:both;
	padding:13px 0 0 0;
}
ul#glovalNav {
	left:0;
	width: 960px;
	height:65px;
	text-indent: -9000px;
	font-size: 0;
	line-height: 0;
	top:110px;
}
ul#glovalNav li {
	position: relative;
	float: left;
}
ul#glovalNav li a {
	display: block;
	height: 65px;
	width:192px;
	background: url(../img/globalnav.png) no-repeat;
}
/* li.concept */
div#navi #glovalNav .concept a {
	width: 192px;
}
body.page-concept ul#glovalNav li.concept a, ul#glovalNav li.concept a:hover {
	background-position: 0 100%;
}
/* li.event */
ul#glovalNav li.event a {
	width: 192px;
	background-position: -192px 0;
}
body.page-event ul#glovalNav li.event a, ul#glovalNav li.event a:hover {
	background-position: -192px 100%;
}
/* li.volunteerbank */
ul#glovalNav li.volunteerbank a {
	width: 192px;
	background-position: -384px 0;
}
body.page-volunteerbank ul#glovalNav li.volunteerbank a, ul#glovalNav li.volunteerbank a:hover {
	background-position: -384px 100%;
}
body.page-volunteerbank img.pdf {
	margin-left: 10px;
	vertical-align: middle;
}
/* page-document */
ul#glovalNav li.document a {
	width: 192px;
	background-position: -576px 0;
}
body.page-document ul#glovalNav li.document a, ul#glovalNav li.document a:hover {
	background-position: -576px 100%;
}
/* li.link */
ul#glovalNav li.link a {
	width: 192px;
	background-position: -768px 0;
}
body.page-link ul#glovalNav li.link a, ul#glovalNav li.link a:hover {
	background-position: -768px 100%;
}

/* ********************************************************************************
 * div#footer
 * ******************************************************************************** */
 
div#footer {
	position: relative;
	width: 960px;
	height: 140px;
	margin: 0 auto;
	padding:20px 0 0 0;
	clear:both;
}
div#footer dl {
	border-bottom:1px solid #cbcbcb;
	padding:15px 0 15px 20px;
	width: 940px;
	float:left;
}
div#footer dl dt, div#footer dl dd {
	float:left;
}
div#footer dl dt {
	margin:0 18px 0 0;
	width:69px;
}
div#footer dl dd ul {
	padding:8px 0 0 0;
}
div#footer dl dd ul li {
	float:left;
	padding:0 12px 0 0;
	margin:0 12px 0 0;
	border-right: 1px solid #999;
}
div#footer dl img {
	display:block;
}
div#footer dl dd ul li.last {
	float:left;
	padding:0;
	margin:0;
}
div#footer div.footerInner {
	padding:17px 0 0 20px;
	width:940px;
	float:left;
}
/* copyright */
div#footer div.footerInner p {
	width:346px;
	height:9px;
	margin:0 0 11px 0;
	float:left;
	text-indent:-9000px;
	background: url(../img/img_copyright.gif) no-repeat;
}
/* attention */
div#footer div.footerInner ul {
	width:370px;
	float:right;
	padding:0;
	margin:0;
	display:inline;
}
div#footer div.footerInner ul li {
	padding:0 19px 0 0;
	margin:0;
	background:none;
	float:left;
}
/* address */
address {
	clear:both;
	font-size:80%;
	width:940px;
	padding:0 0 0 40px;
	background: url(../img/bg_address.gif) no-repeat left top;
	height:27px;
	line-height:1.2em;
	font-style: normal;
}


/* ********************************************************************************
 * div#sideNavi
 * ******************************************************************************** */
div#sideNavi {
	width:220px;
	float:left;
	margin:0;
	line-height:1.4em;
	clear:both;
}	
div#sideNavi ul.other li{
	padding:8px 6px;
	border-bottom: 1px dotted #CCC;
	}
div#sideNavi ul.other li.name{
	border:none;
	font-weight:bold;
	font-size:110%;
	line-height:1.5em;
	}
div#sideNavi ul.other li.access{
	border:none;
	background-color:#F8F8F8;
	padding:8px 6px;
	line-height:1.6em;
	}	
div#sideNavi ul.other li.access span#pdf{
	background-color:#F00;
	padding:1px 4px;
	}	
div#sideNavi ul.other li.access span{
	background: #333;
	color:#FFF;
	padding:0 2px;
	line-height:1em;
	font-size:80%;
	}
div#sideNavi ul.other .access a{
	color:#333;
	}
div#sideNavi ul.other .access a:hover{
	color:#333;
	text-decoration: underline;
	}			
div#sideNavi .bnr{
	padding:20px 0 0 0;
	}
div#sideNavi .bnr li{
	padding:0 0 7px 0;
	border:none;
	}
div#sideNavi p.subtit02{
	margin:10px 0;
	}	
div#sideNavi .bnr02{
	padding:0 0 0 0;
	}
div#sideNavi .bnr02 p.note{
	text-align: center;
	margin-top: 10px;
	font-size: 11px;
}
div#sideNavi .bnr02 p.note .bnr_note{
	display: block;
	text-align: left;
}
/* ul.pageLink
------------------------------------------------------------*/
div#sideNavi ul.pageLink {
	background: url(../img/bg_sideLink.gif) no-repeat bottom;
	padding:0 0 3px 0;
	margin-bottom:15px;
}
div#sideNavi ul.pageLink li {
	width:220px;
	font-size:110%;
}
div#sideNavi ul.pageLink li.topLine {
	border-top:1px solid #d1d1d1;
}
div#sideNavi ul.pageLink li a {
	padding:12px 25px 12px 10px;
	width:185px;
	display:block;
	background: url(../img/bg_sideLinkUl.gif) no-repeat bottom;
	color: #333;
	font-weight:bold;
}

div#sideNavi ul.pageLink li a.active,
div#sideNavi ul.pageLink li a:hover {
	text-decoration: none;
	background: url(../img/bg_sideLinkUl_active.gif) no-repeat bottom;
	color: #ffffff;
}

/* External Link */
div#sideNavi ul.pageLink li a.blank span{
	background:url(../img/icon_exlink.gif) 100% 50% no-repeat;
	padding-right:15px;
}

div#sideNavi ul.pageLink li a.blank:hover span{
	background:url(../img/icon_exlink_active.gif) 100% 50% no-repeat;
	padding-right:15px;
}



/* ul.pageLink ul */
div#sideNavi ul.pageLink ul {
	background:none;
	padding:0;
	width:190px;
	font-weight:normal;
	border-left:5px solid #51a4a7;
}
div#sideNavi ul.pageLink ul li {
	clear:both;
	background: url(../img/line_pageLink01.gif) no-repeat left bottom;
	padding:0 0 1px 0;
	font-size:90%;
}
div#sideNavi ul.pageLink ul li a {
	padding:0;
	width:182px;
	border:none;
	padding:8px 15px 8px 18px;
	line-height:normal;
	font-weight:normal;
	color:#333333;
	background: #f2f2f2 url(../img/bg_sideLinkUlul.gif) no-repeat 197px center;
}
div#sideNavi ul.pageLink ul li a:hover {
	color:#333333;
	background: #d4ebec  url(../img/bg_sideLinkUlul_active.gif) no-repeat 197px center;
}

div#sideNavi .pageLink .small{
	font-size: 14px;
}

/* active */
div#sideNavi ul.pageLink ul li a.active {
	color:#333333;
	background: #d4ebec  url(../img/bg_sideLinkUlul_active.gif) no-repeat 197px center;
}

/* ul.pageLink ul ul */

div#sideNavi ul.pageLink ul ul {
	background:none;
	padding:0 0 5px 23px;
	border:none;
	width:192px;
	font-weight:normal;
	background: #f2f2f2;
}
div#sideNavi ul.pageLink ul ul li {
	width:192px;
	background:none;
	padding:0;
	font-weight:normal;
	font-size:100%;
}

div#sideNavi ul.pageLink ul li.active ul li a {
	background:url(../img/bg_sideLinkUlulul_active.gif) no-repeat 177px center;
	font-weight:normal;
	padding:3px;
	width:186px;
	line-height:1.2;
}

div#sideNavi ul.pageLink ul li.active a.active {
	font-weight: bold;
	background: #f2f2f2;
}

div#sideNavi ul.pageLink ul li.active ul li a.active,
div#sideNavi ul.pageLink ul li.active ul li a:hover {
	background:none;
	font-weight:normal;
	padding:3px;
	width:186px;
	color: #333333;
	background: #d4ebec url(../img/bg_sideLinkUlulul.gif) no-repeat 177px center;
}


/* =ƒRƒ“ƒeƒ“ƒc
------------------------------------------------------------------*/
#contentsWrap{
	width:960px;
	margin:0 auto;
}


/* =‹¤’ʃp[ƒc
------------------------------------------------------------------*/
a:link {
	color:#51a4a7;
	text-decoration:none;
}
a:visited {
	color:#6E1388;
	text-decoration:none;
}
a:hover {
	color:#888888;
	text-decoration:none;
}
a:active {
	color:#888888;
	text-decoration:none;
}
/* .alphaOver */
.alphaOver a:hover img { opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; }

/* 
------------------------------------------------------------------*/


body {
	background: url(../img/bg_body.gif) repeat-x top;
}

body.page-concept div#tlt{
	background: url(../../concept/img/bg_title.jpg) no-repeat;
	margin:-36px 0 0 0;
}

body.page-concept div#tlt h2.title{
	padding:50px 0 32px 0;
}

body.page-event div#tlt{
	background: url(../../event/img/bg_title.jpg) no-repeat;
	margin:-36px 0 0 0;
}

body.page-event div#tlt h2.title{
	padding:50px 0 32px 0;
}

body.page-volunteerbank div#tlt{
	background: url(../../volunteerbank/img/bg_title.jpg) no-repeat;
	margin:-36px 0 0 0;
}

body.page-volunteerbank div#tlt h2.title{
	padding:50px 0 32px 0;
}

body.page-document div#tlt{
	background: url(../../document/img/bg_title.jpg) no-repeat;
	margin:-36px 0 0 0;
}

body.page-document div#tlt h2.title{
	padding:50px 0 32px 0;
}

body.page-link div#tlt{
	background: url(../../link/img/bg_title.jpg) no-repeat;
	margin:-36px 0 0 0;
}

body.page-link div#tlt h2.title{
	padding:50px 0 32px 0;
}

body.re-news div#tlt6{
	margin:-36px 0 0 0;
}

body.re-news div#tlt6 h2.title{
	padding:50px 0 32px 0;
}


/*div#tlt4{
	background: url(../../news/img/bg_title.jpg) no-repeat;
	margin:-36px 0 0 0;
	}	
div#tlt5 h2.title{
	padding:50px 0 32px 0;
	}
div#tlt5{
	background: url(../../link/img/bg_title.jpg) no-repeat;
	margin:-36px 0 0 0;
	}	
div#tlt4 h2.title{
	padding:50px 0 32px 0;
	}	
div#tlt6 h2.title{
	padding:50px 0 32px 0;
	}
div#tlt6{
	background: url(../../re-news/img/bg_title.jpg) no-repeat;
	margin:-36px 0 0 0;
	}	*/
div#maincontent{
	float:right;
	width:720px;
	border-top: 2px solid #51a4a7;
	padding:20px 0 0 0;
	}
div#newscontent{
	float:right;
	width:720px;
	}	
div#maincontent div .midashi{
	padding:0 0 26px 0;
	}	
ul.pan{
	text-align:right;
	padding:0 0 15px 0;
	}	
ul.pan li{
	display:inline;
	}
	
h2.title_bg {
	background:url(../img/tlt_midashi_bg.gif) 0 20px no-repeat;
	font-size:150%;
	font-weight:bold;
	padding: 20px 0px 20px 30px;
	border-top:#51a4a7 2px solid;
	border-bottom:#e6e6e6 2px solid;
	margin-bottom:30px;
}
	
div.concept .txt{
	float:left;
	width:498px;
	padding:0 0 20px 0;
	}
div.concept .imgleft{
	float:right;
	padding:0 0 20px 0;
	}
div.concept .name{
	text-align:right;
	padding:20px 0 60px 0;
	}
div.concept .subtlt{
	background: url(../../concept/img/bg_subtlt.gif) repeat-y top;
	font-size:130%;
	font-weight:bold;
	line-height:2em;
	padding:0 0 0 20px;
	margin:0 0 20px 0;
	}
div.concept .img{
	text-align:center;
	padding:20px 0 40px 0;
	}
p.pagetop{
	text-align:right;
	background: url(../img/icon_arow.gif) no-repeat right center;
	padding:0 10px 0 0;
	margin:20px 0 0 0;
	clear:both;
	}
div.event .box{
	margin:18px 12px;
	padding:18px;
	border: 1px solid #CCC;
	}
div.event .box p.subtlt{
	font-size:130%;
	font-weight:bold;
	color:#51a4a7;
	margin-bottom:20px;
	}
div.event .box .inbox{
	padding:0;
	overflow:hidden;
	}
div.event .box .inbox dl{
	overflow:hidden;
	margin-bottom:10px;
	}
div.event .box .inbox dl dt{
	float:left;
	width:80px;
	font-weight:bold;
	}
div.event .box .inbox dl dd{
	float:left;
	}
div.event .box .inbox dl dd span{
	display:inline-block;
	background:#50a3a6;
	color:#ffffff;
	padding:3px 4px;
	margin-left:10px;
	font-size:12px;
	line-height:1;
	}
div.event .box .inbox dl dd ul{
	margin:0 0 5px 0;
	}	
div.event .box .inbox dl dd ul li{
	margin:0 0 0 10px;
	}	
div.event .box .inbox dl dd ul li.head{
	margin:0;
	}
div.event .box ul.link li{
	margin:10px 0 0 0;
	}
div.event .box ul.link li:first-child{
	margin:0;
	}
div.event .box ul.link li img{
	vertical-align:middle;
	margin-left:5px;
	}		
div.inquiry {
	padding:15px 0px 0px 15px;
	}

div.project .box{
	margin:18px 12px;
	padding:18px;
	border: 1px solid #CCC;
	clear:both;
	}
div.project .box .boxleft{
	float:left;
	width:460px;
	}	
div.project .box .boxleft .subtlt{
	font-size:130%;
	font-weight:bold;
	color:#51a4a7;
	}
div.project .box .img{
	float:right;
	}	
div.project .box .txt{
	padding:20px 0 0 0;
	clear:both;
	}
div.project ul{
	background: #FBFCFC;
	border: 1px solid #CCC;
	padding:12px;
	margin:20px 0 40px 0;
	}			
div.project ul li{
	background: url(../img/icon_arow_under.gif) no-repeat left center;
	padding:0 0 0 10px;
	float:left;
	width:316px;
	font-size:110%;
	}
	
div.news table{
	border-top: 1px dotted #CCC;
	}	
div.news table tr td{
	line-height:1.5em;
	border-bottom: 1px dotted #CCC;
	padding:10px 0;
	}			
div.news table tr .day{
	vertical-align:top;
	width:46px;
	padding:10px 22px 10px 10px;
	}
div.news table tr .glay{
	background-color:#FBFBFB;
	}		
div.news table tr td p img{
	position: relative;
	top: 3px;
	}
div.news ul.btn{
	float:right;
	border: 1px solid #CCC;
	margin:40px 0;
	}
div.news ul li{
	float:left;
	text-align:center;
	padding:12px;
	}
div.news ul li.txt{
	border-right: 1px dotted #CCC;
	padding:12px 50px 12px  12px ;
	}
div.news .btn li a img{
	position:relative;
	top:6px;
	}

div.link .box {
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	}
div.link .box > .box{
	border: 1px solid #CCC;
	}
div.link .box h3{
	font-size:140%;
	color:#51a4a7;
	font-weight:bold;
	background: #FCFBFB;
	padding:10px;
	margin:0 0 10px 0;
	}
div.link .box h3 a{
	text-decoration: underline;
	}
div.link .box p{
	padding:5px 0;
	margin:0 10px;
	color: #51a4a7;
	/*border-bottom: 1px dotted #CCC;*/
	}
div.link .box p.pagetop {
	padding: 0 10px 0 0;
	margin: 20px 0 0 0;
	}

div#re-newscontent{
	float:right;
	width:720px;
	}	
 /* table.list
------------------------------------------------------------*/
table.list {
	border-collapse:collapse;
	border-top: 1px dotted #CCC;
}
table.list th,
table.list td {
	padding:7px 16px;
	line-height:1.5;
	font-size:90%;
	font-weight:normal;
	border-bottom: 1px dotted #CCC;
}
table.list tr.even {
	background-color:#FBFBFB;
	border-bottom: 1px dotted #CCC;
}
table.list tr.first td,
table.list tr.first th {
	border-bottom: 1px dotted #CCC;
	padding-top:8px;
}	
table.list span {
    display: block;
    padding: 0 0 5px;
}


/* extension
------------------------------------------------------------*/

.extension #sideNavi {
/*	margin-top : 60px;*/
}
#extensionArea {
  float: right;
  width: 720px;
/*	padding: 60px 0 0 0;*/
	font-size: 14px;
	border-top: 2px solid #51a4a7;
	padding:20px 0 0 0;
	margin-bottom: 20px;
}
#extensionArea h2 {
	margin-bottom: 20px;
}
#extensionArea h3 {
	border: 1px solid #000;
	display: inline-block;
	padding: 4px 20px;
	margin-bottom: 10px;
}
#extensionArea .attention {
	font-size: 12px;
}
#extensionArea .contentBox {
	margin-bottom: 30px;
}
#extensionArea dl.topArea {
	position: relative;
}
#extensionArea dl.topArea dt {
	float: right;
	margin-bottom: 20px;
}
#extensionArea dl.topArea .pdfTxt {
	position: absolute;
	bottom: 0;
	right: 300px;
}
#extensionArea dl.topArea dd {
	text-align: center;
}
#extensionArea dl.topArea dd p {
	margin-bottom: 10px;
}
#extensionArea .contentBox .inner dl {
	float: right;
	width: 500px;
}
#extensionArea .lecturer p {
	float: left;
}
#extensionArea .lecturer dl  {
	float: right;
	margin-left: 30px;
	width: 500px;
}
#extensionArea .lecturer dl ul li {
	margin-top: 5px;
}
#extensionArea dl.fl dt {
	float: left;
}
#extensionArea dl.fl dd {
	float: left;
}
#extensionArea .apply dl {
	
	margin-left: 20px;
  width: 600px;
}
#extensionArea table {
	width: 100%;
	margin: 10px 0;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
}
#extensionArea .chair table th {
	background-color: #eaf1dd;
	padding: 10px 0;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	vertical-align: middle;
}
#extensionArea .chair table td:first-child {
	width: 20%;
	text-align: center;
	vertical-align: middle;
}
#extensionArea .chair table td {
	padding: 10px 10px;
}
#extensionArea .chair table td dt {
	font-weight: bold;
	margin-bottom: 10px;
	color: #36C;
}
#extensionArea .chair table td dd {
	margin-bottom: 5px;
}
#extensionArea .chair table td {
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
}
#extensionArea .application table th {
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	width: 20%;
	text-align: center;
	vertical-align: top;
	padding: 10px;
}
#extensionArea .application table td {
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	padding: 10px 10px;
}
#extensionArea .application table td dl dt {
	width: 100px;
	float: left;
}
#extensionArea .application table td dl dd {
	width: 430px;
	float: right;
}
#extensionArea .application table td span {
	display: block;
	padding-top: 10px;
}
#extensionArea .application table td span a {
	display: block;
	background: #4f81bd;
	width: 400px;
	text-align: center;
	color: #fff;
	border-radius: 7px;
	line-height: 30px;
	font-weight: bold;
}
#extensionArea .application table td span a:hover {
	background: #9cc9ff;
	color: #333;
}
#extensionArea .contact h3 + p {
	margin-bottom: 15px;
}
#extensionArea .contact dl dt {
	display: inline-block;
}
#extensionArea .contact dl dd {
	display: inline-block;
}

#extensionArea .close{
	width:90%;
	margin:10px auto 30px;
	color:#F00;
}

#extensionArea .close .title{
	font-weight:bold;
	margin-bottom:15px;
	border-left:5px solid #F00;
	padding-left:5px;
}

#extensionArea .tdclose{
	color:#F00;
}

.event_archive .subtlt{
	  background: url(../../concept/img/bg_subtlt.gif) repeat-y top;
    font-size: 130%;
    font-weight: bold;
    line-height: 2em;
    padding: 0 0 0 20px;
    margin: 0 0 10px 0;
}
.event_archive .event_list{
	margin-top: 0;
}
.event_archive .event_list li{
	border-bottom: 1px solid #ccc;
}
.event_archive .event_list li a{
	display: block;
	padding: 10px 0;
	color: #51a4a7;
}
.event_archive .event_list li a:visited{color: #51a4a7;}
.event_archive .event_list li a:hover{
	opacity: .8;
}