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

body  
{
	margin :0px; padding:0px;
/*	font-size: 12px; */
	font-size: 13px;
	text-align:center;
	color:#333;
	font-family:MS PGothic,Meiryo,Verdana,Helvetica,ArialMS UI Gothic,sans-serif,Osaka,平成角ゴシック,中ゴシック体,平成ゴシック,ヒラギノ角ゴ Pro W3;
	line-height:120%; 
	
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, fieldset, blockquote, p, form, frame, dl,dt,dd, select
{
    margin:0;
    padding:0;
}
img, a { border:0px;}
  
a:active, a:link, a:visited     { text-decoration:none; color:#666666; }
a:hover     { text-decoration:none; color:#cc6600; }   


h1 { } /* logo */
h2 { font-size:130%; font-weight:bold; font-family: MS Pgothic; } /* subtitle, left title*/
h3 { font-size:130%; font-weight:bold; font-family: MS Pgothic; color:#1e90ff; margin-bottom:5px; } /* sub - subtitle */
h4 { font-size:110%; font-weight:bold; font-family: MS Pgothic; color:#3366cc; }/* content point title */
h5 { font-size:110%; font-weight:bold; } /* content color point title */

ul li {list-style:none;
	margin: 0;
	padding: 0;}

/* ------------------- */
/* -- basic setting -- */
/* ------------------- */

.dpn {display:none; font-size:12px;}
.cb {clear:both; font-size:12px;}

.small{ font-size:small;}


.fontRed01 {color:#CC0000;}
.fontRed01 a {color:#CC0000;}

.fontRed02 {color:#990000;}
.fontRed02 a {color:#990000;}

.fontRed03 {color:#660000;}
.fontRed03 a {color:#660000;}


.fontBlue01 {color: #0066CC;}
.fontBlue01 a {color: #0066CC;}

.fontBlue02 {color: #003399;}
.fontBlue02 a {color: #003399;}

.fontBlue03 {color:#003366;}
.fontBlue03 a {color:#003366;}


.fontGray01 {color: #666666;}




/* ----------------------- */
/* -- layout guied line -- */
/* ----------------------- */
#topwrapper  {width:969px; margin:0 auto; background:url(/Images/body_CBG_top.gif) repeat-y; text-align:left;  }

#wrapper  {width:969px; margin:0 auto; background:url(/Images/body_CBG.gif) repeat-y; text-align:left;  }

#container{width:950px; margin:0 6px;}


   
/* -------------------- */
/* -- top navigation -- */
/* -------------------- */

#topnavi{ margin:0 auto; text-align:center; width:950px;}

#topnavi ul {
	background:url(/Images/topmenu_sita.jpg);
	width:950px;
	margin:0px;
	padding:0px;
	height:50px;
	list-style:none;
}
	
#topnavi ul li { 
	list-style: none;
	display:inline;	
	float:left;
	height:50px;
	font-size:16px;
	font-weight:bold;
	_letter-spacing:-0.1em;			
}
#topnavi ul li span { display:none;}

#topnavi .menu1 {width:80px; height:50px; float:left;}
#topnavi .menu11 {width:80px; height:50px; float:left;}

#topnavi .menu2 { background: url(/Images/topmenu_line.gif) no-repeat right;}
#topnavi .menu2 a {display:block; padding:17px 20px; color:#3366cc;}

#topnavi .menu12 {background: url(/Images/topmenu_line.gif) no-repeat right;}
#topnavi .menu12 a {display:block; padding:17px 20px; color:#ffffff;}

#topnavi .menu3 {background: url(/Images/topmenu_line.gif) no-repeat right;}
#topnavi .menu3 a { display:block; padding:17px 20px; color:#3366cc;}

#topnavi .menu13 {background: url(/Images/topmenu_line.gif) no-repeat right;}
#topnavi .menu13 a { display:block; padding:17px 20px; color:#ffffff;}

#topnavi .menu4 {background: url(/Images/topmenu_line.gif) no-repeat right;}
#topnavi .menu4 a { display:block; padding:17px 20px; color:#3366cc;}

#topnavi .menu14 {background: url(/Images/topmenu_line.gif) no-repeat right;}
#topnavi .menu14 a {display:block; padding:17px 20px; color:#ffffff;}


#topnavi .menu5 {background: url(/Images/topmenu_line.gif) no-repeat right;}
#topnavi .menu5 a { display:block; padding:17px 20px; color:#3366cc;}

#topnavi .menu15 {background: url(/Images/topmenu_line.gif) no-repeat right;}
#topnavi .menu15 a {display:block; padding:17px 20px; color:#ffffff;}

#topnavi .menu6 {background: url(/Images/topmenu_line.gif) no-repeat right;}
#topnavi .menu6 a {display:block; padding:17px 20px; color:#3366cc;}

#topnavi .menu16 {background: url(/Images/topmenu_line.gif) no-repeat right;}
#topnavi .menu16 a {display:block; padding:17px 20px; color:#ffffff;}

#topnavi .menu7 {}
#topnavi .menu7 a {display:block; padding:17px 20px; color:#3366cc;}

#topnavi .menu17 {}
#topnavi .menu17 a {display:block; padding:17px 20px; color:#ffffff;}

#topnavi .menu8 { }
#topnavi .menu18 { }

#logo{float:left;}
#logo a {display:block; 	width:300px; 	height:70px;	margin:0;	}
#logo h1 { display:none; }

#spot{ float:right;  margin-top:10px; margin-right:20px;}
#spot2{ float:right;  margin-top:10px; margin-right:10px;}
#spot a { display:block; width:30px; height:25px;color:#1b5a54;}
#spot a span { display:none;}
#spot2 a { display:block; width:30px; height:25px;color:#1b5a54;}
#spot2 a span { display:none;}


/* ------------ */
/* -- footer -- */
/* ------------ */
#footer{ clear:both; padding:10px 0 40px 0; background: url(/Images/footerbg.gif); color:#FFFFFF; height:60px;}

#footer .copyright {float:right; padding-right:20px; color:#FFFFFF; font-size:smaller;}
#footer .spotmenu {padding-left:30px; }
#footer .spotmenu a {color:#FFFFFF;}



/*-------------------------------------------------------------*/
/*left area----------------------------------------------------*/
/*-------------------------------------------------------------*/

#leftarea { width:170px; padding: 30px 10px 10px 10px; float:left; font-size:12px;}

#leftarea ul { margin:0px; padding:0px;}
#leftarea ul li { margin:0px; 
                  padding:2px 5px; 
                  line-height:150%; 
                  list-style:none;
                  font-weight:bold;
                  border-bottom: dashed #ede6cc 1px;
                  }
                  
#leftarea .lefttitle { padding-bottom:10px;}
#leftarea .lefttitle h2{ font-family:MS PGothic; color:#6495ed ; margin-bottom:7px; }

#leftarea .depth { font-weight:normal; padding-left:10px;}

#leftarea a { color:#666666;}
#leftarea a:hover { color:#ff7f50;}
#leftarea .select { color:#ff7f50;}



/*-------------------------------------------------------------*/
/*main---------------------------------------------------------*/
/*-------------------------------------------------------------*/


/***** index page 2009.05.20 ****/

#mainimg {background:url(/Images/main_img04.jpg) left no-repeat; width:950px; height:350px;}

#mainbanner {float:left; margin:0; padding:60px 0 0 720px; }
#mainbanner a { display: block;}
#messagebox { height:200px; margin:0;}
#messagebox .messagetitle{ font-weight:bold; color:#c60; margin-bottom:10px;}
#messagebox .contents{ width:200px; }
#messagebox .more { margin-top:3px;}
#messagebox .more a {font-size:smaller; color:#c60; margin:10px 0 20px 0;}
#messagebox .messagebt {margin-top: 15px;}


#leftwrap {width:700px; float:left; padding-bottom:30px; background:#f5f5f5; }
#leftwrap .contentbox { clear:both; margin:15px; padding-top:30px;}

#leftwrap .watsnew {float:left; width:310px;  margin-right:20px;}

#information {background:#f5f5f5; text-align:left; font-weight:bold;}
#information dt { color:#ff4500; margin-bottom:3px;}
#information dd { margin-bottom:6px; color:#0000ff;}
#information dd a { color:#0000ff;}

#leftwrap .menutitle {margin-bottom:13px;}
#leftwrap .news1{ border-bottom:1px solid #d3ca97;  padding-bottom:15px; margin-bottom:15px;}

#leftwrap .newsevent {float:left; width:310px; margin: 0 0 15px 5px;}

#leftwrap .contitle { font-weight:bold; color:#ff9900; margin-bottom:6px;}
#leftwrap .contitle a { color:#ff6600;}
#leftwrap .success1 {float:left; width:310px; margin-right:15px;}
#leftwrap .success2 {float:left; width:310px;}

#brcontent { clear:both; background-color:#ffffff; margin-bottom:20px; padding:15px; float:left; width:630px; text-align:left;}
#brcontent .left {width:195px;float:left; margin-right:10px;}
#brcontent .center {width:200px;float:left; margin-right:10px;}
#brcontent .right {width:205px; float:right; margin-right:0px;}
#brcontent h4 { color:#ffcc66; margin-bottom:15px; font-family:MS PGothic;}

#rightwrap {float:right; text-align:left; width: 250px; background:#e4ecfd; min-height:520px;}
/* #ilchinews {background:url(/images/mainmessage_bg.gif) top no-repeat; min-height:200px; padding:65px 20px 0 20px;} */
#ilchinews {margin-bottom:10px;}
#tegamicam { height:80px; background-color:#f5f5f5; margin:0 20px 20px 20px;}
#chonbuchon { height:58px; background-color:#f5f5f5; margin:0 20px 20px 20px;}
#mangabn { height:124px; background-color:#f5f5f5; margin:0 20px 20px 20px;}
#rightbanner { height:124px; background-color:#f5f5f5; margin:0 20px 20px 20px;}

/*-------------------------------------------------------------*/
/*content body-------------------------------------------------*/
/*-------------------------------------------------------------*/


#content {width:680px; min-height:550px; padding:40px; line-height:180%; float:left; background:#ffffff;}
#content p {margin-bottom:25px;}


#subtitle { color: #ff7f50; font-size:140%;}
#discription {line-height:140%; color:#999999; margin:10px 0 50px 0; }

#contentbody {}
#contentbody .bodyimg { margin:0 20px 10px 0;}

/* About ILCHI */
.profileimg { margin:0 20px 10px 0;}
.ilchimeaning {  }

#historybox td { border-bottom:dashed 1px #CCCCCC;}
#historybox img { margin-top:8px; margin-bottom:8px; }


/* books & cd  */
#books { clear:both; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #CCCCCC;}
#books img { margin:0 15px 5px 0;}

/* link */
.link { margin-bottom:30px; border-bottom:1px dashed #999999; padding-bottom:20px; }

 /* site map */
#sitemap { width:175px; padding:0 25px 40px 0; float:left; font-size:12px; float:left;}

#sitemap ul { margin:0px; padding:0px;}
#sitemap ul li { margin:0px; 
                  padding:2px 5px; 
                  color: #666666;
                  line-height:150%; 
                  list-style:none;
                  border-bottom: dashed #ede6cc 1px;
                  }
                  
#sitemap .lefttitle h2{ font-family:MS PGothic; color:#993300; margin-bottom:7px; }

#sitemap .depth { font-weight:normal; padding-left:10px;}

#sitemap a { color:#1c5850;}
#sitemap a:hover { color:#cc3300;}
#sitemap .select { color:#cc3300;}

/* toiawase */
#referencediscription { color:#cc6600; }
#referencediscription .point { color:#0066cc;}
#reference {}
#referencewritebt {margin-top: 20px; text-align: center;}
#referreplyOk { color: #0000FF; }
#referreplyNo { color: #FF0000; }


#praivacy { border:1px dashed #ccc; padding:30px;}


/**  brain edu  **/

#BEcontent { margin: 0 20px;}

#BEcontent table {}
#BEcontent th { padding:5px; text-align:left; border-bottom: 1px solid #CCCCCC; background:#bbc3dd; color:#333366; }
#BEcontent td { padding:5px; text-align:left; border-bottom: 1px solid #CCCCCC; vertical-align:top; }
#BEcontent .bg { background: #d3d8e9; }




/*---------------*/
/*board----------*/
/*---------------*/
#searchbox {margin-bottom: 10px; text-align:right;}
#searchbox input, select { font-size: 12px; color:#666666;}
#searchbox .searchinput { margin-left:5px; padding:10px;}


#boardlist {}
#boardlist th { padding: 5px ; border-top: 2px solid #666699; border-bottom: 1px solid #999999; background-color:#eff5f9; text-align:center;}
#boardlist td { padding: 5px ; border-bottom: 1px solid #999999; text-align:center;}
#boardlist .number {width: 50px;}
#boardlist .date {width: 85px;}
#boardlist .media {width: 120px;}
#boardlist .title {width: 500px ;}
#boardlist .title2 { text-align:left;}
#boardlist .hits {width: 75px;}
#boardlist .name {width: 90px;}
#boardlist .replycheck {width: 30px;}
#boardlist .senddate {width: 95px;}
#boardlist .refertitle {width: 450px ;}
#boardlist #listnumber { text-align:center; height: 20px; margin-top:10px;}
#boardlist #listnumber .select { font-weight: bold; color: Red; }


#boardview th { font-weight:normal; padding: 5px ; border-top: 2px solid #666699; border-bottom: 1px solid #999999; text-align:left; }
#boardview .date {width: 45px;}
#boardview .date2 {width: 95px;}
#boardview .media {width: 45px;}
#boardview .media2 {width: 500px;}
#boardview .hits {width: 45px;}
#boardview .hits2 {width: 35px;}
#boardview .boardbody { height:300px;  padding: 15px; vertical-align:top;}
#boardview .boardbody tr,th,td { border:none;}
#boardview .title { font-size:16px; color:#1e90ff; font-weight: bold; margin-bottom: 30px; }
#boardview .file { color:#999999; border-bottom:none; padding: 5px 5px 5px 15px;}
#boardview .file2 { color:#999999; border-bottom:1px solid #999999; padding: 5px 5px 5px 15px;}
#boardview .nexttd { border-bottom:none; border-top:1px solid #999999;}
#boardview .next { background:(/images/icon_next.gif) left top no-repeat; text-indent: 15px; color:#ff6600; padding:5px 0; }
#boardview .next2 { padding:5px 0; text-align:left;}
#boardview .back { background:(/images/icon_back.gif) left top no-repeat; text-indent: 15px; color:#ff6600; 
                           border-bottom: 1px solid #999999; padding:5px 0; }
#boardview .back2 { border-bottom: 1px solid #999999;padding:5px 0; }

/*news view*/
#boardview2 { }
#boardview2 th { font-weight:normal; padding: 5px ; border-top: 2px solid #666699; border-bottom: 1px solid #999999; text-align:left; }
#boardview2 td { border-bottom: 1px solid #999999; padding: 5px ;  }
#boardview2 .title { font-size:16px; color:#1e90ff; font-weight: bold; margin-bottom: 30px; }
#boardview2 .datetd { border-bottom:none;}
#boardview2 .date { height:20px; float:right; padding:0 3px;}
#boardview2 .date2 {height:20px; float:right; margin-right:10px; padding:0 3px;}
#boardview2 .hits  { height:20px; float:right; padding:0 3px;}
#boardview2 .boardbody { height:300px;  padding: 15px; vertical-align:top; border-bottom:none;}
#boardview2 .news tr { border:none;}
#boardview2 .news th { border:none;}
#boardview2 .news td { border:none;}
#boardview2 .nexttd { border-bottom:none; border-top:1px solid #999999;}
#boardview2 .file { color:#999999; border-bottom: none; padding: 5px 5px 5px 15px;}
#boardview2 .file2 { color:#999999; border-bottom:1px solid #999999; padding: 5px 5px 5px 15px;}
#boardview2 .next { background:(/images/icon_next.gif) no-repeat; text-indent: 15px; color:#ff6600; float:left;}
#boardview2 .next2 {text-align:left; float:left;}
#boardview2 .back { background:(/images/icon_back.gif) no-repeat; text-indent: 15px; color:#ff6600; float:left;}
#boardview2 .back2 {float:left; }

/* message */
#boardview2 .message td { padding:0; border:none;}


/*reference view*/
#referenceview { }
#referenceview th { font-weight:normal; padding: 5px ; border-top: 2px solid #666699; border-bottom: 1px solid #999999; text-align:left; }
#referenceview td { border-bottom: 1px solid #999999; padding: 5px ;  }
#referenceview .head { background-color:#eff5f9; width:120px; padding-left:20px; }
#referenceview .date { width:200px;}
#referenceview .date2 { width:200px;}
#referenceview .refer1  { padding:10px; min-height:100px; width:450px; }
#referenceview .reply  { padding:10px; border-top: 1px dashed #ccc; min-height:100px; width:450px; }
#referenceview textarea {width:90%;}

/*experinece list, view*/
#boardlist3 td { padding: 5px;}

#boardlist3 .title {font-size:16px; color:#1e90ff ; font-weight: bold; border-top: 2px solid #666699; padding-bottom:0; padding-top:8px;}
#boardlist3 .title a { color:#1e90ff ;}
#boardlist3 .title a:hover { color:#6495ed;}
#boardlist3 .title2 {font-size:16px; color:#1e90ff; font-weight: bold;  padding-bottom:0; padding-top:10px; }
#boardlist3 .title2 a { color:#1e90ff;}
#boardlist3 .title2 a:hover { color:#6495ed;}

#boardlist3 .name { font-size:10px; color:#999999; padding:0 5px 15px 5px; line-height:100%;}

#boardlist3 .content { border-bottom: 1px solid #999999; padding: 0 5px 10px 5px; }
#boardlist3 .content a:hover { color:#003300;}
#boardlist3 .content .imgbg { background:url(/images/experience_bg.jpg) left top no-repeat;}
#boardlist3 .content img { margin:5px 10px 10px 0; width:140px; height:80px; border:0px;}

#boardlist3 .botpad { padding-bottom:10px;}
#boardlist3 .more { color:#cc0000; font-size:10px;}

#boardlist3 .CNS { text-align:center; padding:30px; font-size:12px; width:100%; }
#boardlist3 #listnumber { text-align:center; height: 20px; margin-top:10px;}
#boardlist3 #listnumber .select { font-weight: bold; color: Red; }

#boardview3 { }
#boardview3 th  {font-weight:normal; padding: 5px ; border-top: 2px solid #666699; text-align:left;}
#boardview3 td { border-bottom: 1px solid #999999; padding: 5px ;  }
#boardview3 .title { font-size:16px; color:#1e90ff; font-weight: bold; border-top: 2px solid #666699; padding-bottom:0; padding-top:8px;}
#boardview3 .name { font-size:10px; color:#999999; padding-top:3px; border-bottom:none;}
#boardview3 .boardbody { height:300px;  padding: 5px; vertical-align:top; border-bottom:none;}
#boardview3 .boardbody .image { margin:5px 10px 10px 0; width:100px; height:120px; border:0px;}
#boardview3 .nexttd { border-bottom:none; border-top:1px solid #999999; }
#boardview3 .next { background:(/images/icon_next.gif) left top no-repeat; text-indent: 15px; color:#ff6600; float:left;}
#boardview3 .next2 {text-align:left; float:left;}
#boardview3 .back { background:(/images/icon_back.gif) left top no-repeat; text-indent: 15px; color:#ff6600; float:left;}
#boardview3 .back2 {float:left; }



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

#boardwrite th { padding: 5px 10px ;  border-bottom: 1px solid #999999; text-align:left; background-color:#eff5f9; width:90px;}
#boardwrite td { padding: 5px 5px 5px 10px ; border-bottom: 1px solid #999999; width:570px;}
#boardwrite .boardtop {border-top: 2px solid #666699; }
#boardwrite .title input {width: 100%;}
#boardwrite .writesection {padding: 5px 0;}

#boardbutton { margin-top: 20px; float: right;}
.toiawa{ width:120px;}

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


#messageapp { background:#fdf9e9; padding: 15px;}

#messageapp th { background:#dcd9cb; padding:3px 5px; text-align:left;}
#messageapp td { text-align:left; padding:3px 5px;}
#messageapp .bt { margin-top:20px;}
#messageapp .dis { text-align:left; margin:0 0 20px 0;}