@charset "utf-8";

/* universal-serector reset */
* { margin: 0; padding: 0; }
body, ul, ol, li { margin: 0; padding: 0;}

/* common */
html { overflow-y: scroll; }
dl:after { content: ""; display: block; height: 1px; clear: both; visibility: hidden; }
dl { display: inline-block; min-height: 1%; }

/* No MAC IE \*/
* html dl { height: 1%; }
dl { display: block; }

div { zoom: 1; }
/*div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/

body { font: 81%/175% "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; color: #333; text-align: center; text-align: justify; text-justify: inter-ideograph; background: url(../images/common/bg.jpg) left top repeat; }
* html body { font-size: small; } /* IE6 */
*:first-child+html body { font-size: small; } /* IE7 */

#wrapper { width: 1000px; margin: 0 auto; }

/* header */
#header {width: 500px; float: left;  }
h1 { font-size: 1.0em; font-weight: normal; line-height: 20px; padding: 5px 10px 5px 0; height: 40px; color: #363; overflow: hidden; }
#logo { width:502px;}

/* navigation */
#navi { width: 498px; float: right; }
#navi ul { list-style-type: none; ; padding: 0; }
#navi li { float: left;}
/*#navi li { margin: 0 0 0 2px; padding: 0; float: left;}*/

/* pagebody */
#pagebody { background: url(../images/common/pagebody-bg.gif) left top no-repeat; padding: 2px 0 0;}
#main { float: left; width: 750px; background: url(../images/common/main-bg.gif) left 10px repeat-y; padding: 8px 10px 40px; }
#main ul { margin: 0; }
#main ol { margin: 0; }
#main li { margin: 0 0 0 2em; }
#main p { line-height: 1.75em; }

#side { float: right; width: 220px; background: url(../images/common/sidebar-bg.gif) left 2px repeat-y; font-size: 0.86em;}
#side h2 { margin: 0 2px; }
#side ul { margin: 0 0 20px; list-style-type: none; }
#side ol { margin: 0; }
#side li { background: url(../images/arw01.jpg) left 6px no-repeat; margin: 0 10px; padding: 0 0 0 1.2em; }
#side li a { }
#bn0 { background: url(../images/common/side_btm0.gif) left top no-repeat; padding: 12px 0 4px;} /* リンクバナーなし */
#bn1 { background: url(../images/common/side_btm1.gif) left top no-repeat; padding: 12px 0 0;} /* リンクバナー1個 */
#bn2 { background: url(../images/common/side_btm2.gif) left top no-repeat; padding: 12px 0 0;} /* リンクバナー2個 */
#bn3 { background: url(../images/common/side_btm3.gif) left top no-repeat; padding: 12px 0 0;} /* リンクバナー3個 */

#side p { padding: 0 10px; line-height: 1.5em; margin: 0 0 20px; }



#headnavi { width: 380px; float: right; line-height: 1.0em; }
#headnavi ul { list-style: none; }
#headnavi li a { display: block; text-decoration: none; }
#headnavi li { float: left; height: 22px; }
#headnavi1 { width: 76px; }
#headnavi2 { width: 76px; }
#headnavi3 { width: 76px; }
#headnavi4 { width: 76px; }
#headnavi5 { width: 76px; }

/* footer */
#footer { background: url(../images/common/return-bg.gif) left top no-repeat; padding: 5px 0 0;}
#textlink { clear: both; padding: 10px 0 0;  }
#textlink table { width: 100%; }
#textlink th { text-align: left; color: #363; padding: 5px 10px; vertical-align: top; font-size: 0.86em; border-bottom: 1px solid #ccc;}
#textlink th a { color: #363; text-decoration: none;}
#textlink th a:hover { text-decoration: underline; }
#textlink td { padding: 5px 10px 10px; vertical-align: top; font-size: 0.86em;}
#textlink td a { color: #646464; text-decoration: none; }
#textlink td a:hover { text-decoration: underline; }


#pagetop { text-align: right; }
address { font-size: 0.66em; line-height: 30px; font-style: normal; background: #363; text-align: center; color: #fff;}

/* general */
#pankz { background: #999; margin: 0 0 10px; }
#pankz ul { list-style-type: none; padding: 0 10px; }
#pankz li { float: left; height: 31px; margin: 0 10px 0 0; color: #fff;  line-height: 31px; display: block; }
#pankz li a { background: url(../images/common/pankz1.gif) right center no-repeat; color: #fff;  padding: 0 20px 0 0 ; line-height: 31px; display: block; font-weight: bold; }
#pankz .ttl { background: url(../images/common/pankz1.gif) right center no-repeat; color: #fff;  padding: 0 20px 0 0 ; line-height: 31px; font-weight: bold; }

/* index */
.appeal { font-size: 1.33em; font-weight: bold; line-height: 40px; }
.mainimg { margin: 0 0 15px; }
.wn {}
.wnh4 { clear: both; font-size: 1.2em; padding: 0 0 5px 25px; margin: 0 0 5px; border-bottom: 1px dotted #ccc; color: #274274; line-height: 1.33em; background: url(../images/common/luicon.gif) left top no-repeat;}
.date { font-size: 0.95em; text-align: right; margin: 0 0 10px; line-height: 1.0em; }
.wndsc { line-height: 1.52em; margin: 0 0 35px; }
.wnimg { float: left; border-right: 10px solid #fff; }
.wn-tb {}
.wn-th {}
.wn-td {}

#act { margin: 0 0 10px; }
#act a { color: #333; text-decoration: none; }
.act00l { width: 370px; float: left; display: inline; background: url(../images/act00bg.jpg) left bottom no-repeat; }
.act00r { width: 370px; float: right; display: inline; background: url(../images/act00bg.jpg) left bottom no-repeat; }
.act01 { width: 370px; float: left; display: inline; background: url(../images/act01bg.jpg) left bottom no-repeat; }
.act01:hover { background: url(../images/act01bg_o.jpg) left bottom no-repeat; }
.act02 { width: 370px; float: right; display: inline; background: url(../images/act02bg.jpg) left bottom no-repeat; }
.act02:hover { background:  url(../images/act02bg_o.jpg) left bottom no-repeat; }
.actdsc { padding: 5px; font-size: 0.81em; }

#net { }
#net a { color: #333; text-decoration: none; }
.net01 { width: 370px; float: left; background: url(../images/net01bg.jpg) left bottom no-repeat; }
.net01:hover { background: url(../images/net01bg_o.jpg) left bottom no-repeat; }
.net02 { width: 370px; float: right; background: url(../images/net01bg.jpg) left bottom no-repeat; }
.net02:hover { background: url(../images/net01bg_o.jpg) left bottom no-repeat; }
.netbox { padding: 1px 5px 3px 2px ; font-size: 0.81em; }
.netimg1 { width: 132px ;float: left; }
.netimg2 { width: 120px ;float: left; }
.netdsc1 { width: 222px; float: right; line-height: 1.4em; padding: 5px 0 0; }
.netdsc2 { width: 234px; float: right; line-height: 1.4em; padding: 5px 0 0; }
#net h5 { color: #f60; font-size: 1.0em; }

/* detail */
.phtcnt { margin: 0 auto 5px; }
.phtcnt-td { padding: 0 5px; }

/* CL02 */
.media { border: 1px solid #f60; padding: 1px; margin: 0 0 10px; }
.clh4 { background: #f60; padding: 0px 5px; font-size: 1.0em; color: #fff; }
.clp-1 { padding: 5px; }

.media2 { border: 1px solid #363; padding: 1px; margin: 0 0 10px; }
.clh4-2 { background: #363; padding: 0px 5px; font-size: 1.0em; color: #fff; }


/* oldpanelist */
.member { width: 250px; float: left; _height: 1%; min-height: 1%;}
.mbox { margin: 5px; padding: 4px; border: 1px solid #ccc; }
.mboximg { width: 120px; float: left; }
.mboxdsc { width: 105px; float: right; }
.name { font-size: 0.86em; line-height: 1.25em; }
.en { font-family: Arial, Helvetica, sans-serif; font-size: 0.81em; line-height: 1.0em;}
.country { font-size: 0.86em; }

.ml250 { width: 250px; }
.ml500 { width: 500px; }
.ml750 { width: 750px; }
.mlpht { padding: 0 0 10px; vertical-align: top; }
.mldsc { padding: 0 5px 5px; vertical-align: top; text-align: left; }

.fiscal { clear: both; background: #99f; padding: 0 5px; margin: 10px 0;}

/* application form */
.guideline-tb1 { border-width: 2px 0 0 2px; border-style: solid; border-color: #363; margin: 0 0 35px; width: 750px; }
.guideline-th1 { background: #353; color: #fff; border-width: 0 2px 2px 0; border-style: solid; border-color: #363; width: 12em; text-align: center; }
.guideline-td1 { border-width: 0 2px 2px 0; border-style: solid; border-color: #363;padding: 4px; text-align: center;}

.guideline-tb2 { border-width: 2px 0 0 2px; border-style: solid; border-color: #c00; width: 750px; margin: 0 0 35px; }
.guideline-th2 { background: #c00; color: #fff; border-width: 0 2px 2px 0; border-style: solid; border-color: #c00; width: 12em; text-align: center; }
.guideline-td2 { border-width: 0 2px 2px 0; border-style: solid; border-color: #c00;padding: 4px; text-align: center;}

.guideline { clear: both; background: #c66; padding: 0 5px; margin: 10px 0;  color: #fff;}


/* inside - navigation */
.subnavi { width: 680px; height: 68px; line-height: 1.2em; margin: 0 0 15px; }
.subnavi ul { list-style: none; }
.subnavi li a { display: block; text-decoration: none; }
.subnavi li { float: left; width: 167px; height: 68px; }

/* access */
.map { width: 400px; float: left; display: inline; }
.access { width: 260px; float: right; display: inline; }

/* faq */
#faq { margin: 0 0 15px; }
.questions_box h3 { }

/* company */
.prf-tb { width: 100%; margin: 0 0 15px; }
.prf-th { width: 10em; padding: 4px 8px; text-align: left; vertical-align: top; }
.prf-td { padding: 4px 8px; }

/* sitemap */
#sitemap h3 { margin: 0 0 10px; border-bottom: 2px dashed #363; padding: 0 0 5px; }
#sitemap h4 { margin: 0 0 10px; }
#sitemap ul { margin: 0 0 35px; }
#sitemap li { border-bottom: 1px dotted #363; padding: 5px 0;  }

/* contact - form */
.frm-tb { width: 750px; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; margin: 0 0 10px;}
.frm-th { background: #efefef; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; text-align: left; }
.frm-td { width: 560px; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; }
.form-s { width: 100px; border: 1px solid #ccc; padding: 2px; }
.form-m { width: 200px; border: 1px solid #ccc; padding: 2px; }
.form-l { width: 400px; border: 1px solid #ccc; padding: 2px; }
textarea { width: 560px; border: 1px solid #ccc; padding: 2px; }
#contbtn { padding: 5px; text-align: center; }

input[type="checkbox"], input[type="radio"] { vertical-align: middle; }
input, textarea { line-height: 1.4em; padding: 0; vertical-align: middle; }

/* link */
a { outline: none; }
a:link { color: #f60; text-decoration: underline; } 
a:visited { color: #f60; text-decoration: underline; } 
a:hover, a:active { color: #f60; text-decoration: none; } 

/* general-purpose */
h2 { font-size: 1.5em; } /* 18px */
h3 { font-size: 1.2em; line-height: 1.3em; } /* 16px */
h4 { font-size: 1.0em; }
h5 { font-size: 1.0em; }

.h3-red { background: url(../images/common/h3-red.jpg) left top no-repeat; padding: 11px 0 5px; margin: 0 0 10px; border-bottom: 1px solid #c00;}
.h3-ora { background: url(../images/common/h3-ora.jpg) left top no-repeat; padding: 11px 0 5px; margin: 0 0 10px; border-bottom: 1px solid #f60; }
.h3-blue { background: url(../images/common/h3-blue.jpg) left top no-repeat; padding: 11px 0 5px; margin: 0 0 10px; border-bottom: 1px solid #00c; }
.h3-pur { background: url(../images/common/h3-pur.jpg) left top no-repeat; padding: 11px 0 5px; margin: 0 0 10px; border-bottom: 1px solid #60c; }
.h3-green { background: url(../images/common/h3-green.jpg) left top no-repeat; padding: 11px 0 5px; margin: 0 0 10px; border-bottom: 1px solid #363; }

.h3-red a { color: #000; }
.h3-ora a { color: #000;  }
.h3-blue a { color: #000;  }
.h3-pur a { color: #000;  }
.h3-green a { color: #000;  }

 
p { zoom: 1; }
p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

img { border: none; }

.clr { clear: both; }
.pg-brk { page-break-before: always; }


#paging { clear: both; background: #c0dcc0; text-align: center; padding: 10px 0; }
#paging a { color: #363; text-decoration: none; }
.pg-active, .pg-link { border: 1px solid #363; color: #363; text-align: center; background: #fff; line-height: 12px; padding: 0 6px; margin: 0 5px;  }
#paging a img{vertical-align:middle;}
th, td, li { font: 1.0em/1.5em; }

.tb1 { width: 750px; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; margin: 0 0 10px;}
.th1-1 { background: #efefef; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; text-align: left; }
.th1-2 { border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; text-align: left; }
.th1-3 { background: #efefef; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; text-align: center; }
.th1-4 { border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; text-align: left; text-align: center; }
.td1 { border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; }
.td1-2 { border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; text-align: center; }

.tb2 { width: 500px; border-width: 1px 0 0 1px; border-style: solid; border-color: #ccc; margin: 0 0 10px; }
.th2 { width: 7em; background: #efefef; border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; text-align: left; }
.td2 { border-width: 1px; border-style: solid; border-color: #fff #ccc #ccc #fff; padding: 4px 8px; }


/* align */
.tar { text-align: right }
.tac { text-align: center }
.tal { text-align: left }

/* float */
.fl { float: left display: inline; }
.fr { float: right; display: inline; }

.l240 { width: 240px; float: left; display: inline; }
.r500 { width: 500px; float: right; display: inline; }

.l400 { width: 400px; float: left; display: inline; }
.r340 { width: 340px; float: right; display: inline; }

.l160 { width: 160px; float: left; display: inline; }
.r580 { width: 580px; float: right; display: inline; }

.l130 { width: 130px; float: left; }
.r220 { width: 229px; float: right; }


/* decoration */
.red { color: #c00; }
.blue { color: #06c; }
.green { color: #090; }
.yellow { color: #ffc; }
.cyan { color: #0cc; }
.orange { color: #f60; }

.strong { font-weight: bold; }

/* margin padding */
.mb01 { margin: 0 0 1px; }
.mb05 { margin: 0 0 5px; }
.mb08 { margin: 0 0 8px; }
.mb10 { margin: 0 0 10px; }
.mb12 { margin: 0 0 12px; }
.mb15 { margin: 0 0 15px; }
.mb20 { margin: 0 0 20px; }
.mb35 { margin: 0 0 35px; }
.mt35 { margin: 35px 0 10px; }
.mtb10 { margin: 10px 0; }
.mtb35 { margin: 10px 0 35px; }


.imgl { float: left; border-width: 0 10px 10px 0; border-style: solid; border-color: #fff; }
.imgl2 { float: left; border-width: 0 30px 10px 0; border-style: solid; border-color: #fff; }
.imgr { float: right; border-width: 0 0 10px 10px; border-style: solid; border-color: #fff; }


table.bbs-entry {
background-color:#FCFFE5;
border:1px solid #999999;
margin:10px 5px 20px;
width:98%;
}
table.bbs-entryform {
width:98%;
}
div.bbs-inner {
margin:7px;
}
div.bbs-inner div.inner-rss, div.bbs-inner div.inner-rss2 {
margin:7px 7px 7px 14px;
}
div.bbs-inner .inner-rss img {
background-color:#FFFFFF;
border:1px dotted #CCCCCC;
float:left;
margin:4px;
}

.title1 { background: #c00; color: #fff; padding: 5px; text-align: center; }

.bna { padding: 4px 8px; background: #efefef; }

/*---------2010/8/23---------------*/
.center{text-align:center;}

.mr2{margin-right:2px;}

.ml2{margin-left:2px;}

.contribution-table{width:490px;}

.contribution-table td{
	vertical-align:top;
	padding-bottom:5px;
	text-align:left;
	}

.contribution-table th{
	width:13px;
	vertical-align:top;
	}

.left{float:left;}

.right{float:right;}

.pb10{padding-bottom:10px;}

.w250{width:250px;}

.w495{width:495px;}

.pt15{padding-top:15px;}

/*----------2010/9/15  schoolnetwork.html------------*/
.mr15{margin-right:15px;}
.pd02{padding:0 2px;}

.net01 h4 a img{vertical-align:bottom;}