/*--------------UPDATE用------------------*/
textarea {font-family : "メイリオ","ＭＳ Ｐゴシック", sans-serif; font-size:12px;}
#cgi-news { margin: 0; padding: 0; list-style: none; font-size: 13px;}
#cgi-news li { margin-top: 10px; padding: 12px 2px 8px 4px;}
#cgi-news li div { font-size: 14px; color: crimson; padding: 0 0 8px 0; margin: 0;}
#cgi-news li p { font-size: 14px; color: crimson; padding: 0 0 8px 0; margin: 0;}
#cgi-news li a {}
#cgi-news li a:hover {}
/*--------------------------------*/
/*--------------UPDATE用------------------*/
textarea {font-family : "メイリオ","ＭＳ Ｐゴシック", sans-serif; font-size:12px;}
#cgi-update { margin: 0; padding: 0; font-size: 13px;}
#cgi-update li {}
#cgi-update li div { font-size: 14px; color: crimson; padding: 0 0 8px 0; margin: 0;}
#cgi-update li p { font-size: 14px; color: crimson; padding: 0 0 8px 0; margin: 0;}
#cgi-update li a {}
#cgi-update li a:hover {}
/*--------------------------------*/



/* For generic page styles. Not for sliders. */

body {
	background:snow url('img/background.png');
	font:normal 0.9em Arial;
	margin:12px;
	padding:0;
	padding-bottom:60px;
	font-family: "メイリオ",Meiryo,"MS ゴシック","ヒラギノ角ゴシック", sans-serif;
}
div.shadow{
	box-shadow: 0 0 5px #BBB;
	border:1px solid #CCC;
}

/*--indexのiframe用--*/

div#indexVideo {
	 height: 490px;
	 background: white;
	 margin: 0 auto;
	 width: 870px;
	 position: relative;
	 }
iframe#topVideo {
	 width: 870px;
	 height: 490px;
	 padding:0;
	 margin:0;
	}

/*---javascript/video用---*/
.allBody { background: white; margin:0;}
div#videoArea { height: 406px; margin: 0 auto; width: 870px; position: relative; padding: 15px 0 0 0;}
div#videoTag { background: white; margin: 0 auto; width: 830px; padding-top: 83px; height: 449px; text-align:center;}

/*--(1 共通) logo/address/credit--*/

img#logo { position: absolute; left: 20px; top: 15px; z-index: 98; width: 830px; height: 55px; border: 0;}
p#address { position: absolute; right: 90px; top: 10px; z-index: 99; color: white; line-height: 19px; font-size: 13px; font-weight: bold;}
div#credit { text-align: center; color: white; margin: 4px; font-size: 13px;}

div#clearBoth { clear: both;}

div.high1 { height: 700px;}
div.high-a { height: 3000px;}

/*-- (2 index) 枠--*/
div#under{
	position: relative;
	background:#fff;
	margin:10px auto;
	width:830px;
	padding: 20px;
}

/*--(3 共通) 左 LINK--*/
div#info{
float: left;
	margin:0;
	padding-bottom: 20px;
	width:160px;
	background: #C1CEF0;
	border:1px solid #CCC;
	box-shadow: none;
	}
div#info p#content {
	 background: cornflowerblue url('img/back.gif'); 
	 padding: 8px; 
	 margin: 0; 
	 color: white;
	 }
	 
div#info p#content1 {
	 background: cornflowerblue url('img/back2.gif'); 
	 padding: 8px; 
	 margin: 0; 
	 color: white;
	 }
	 
div#info ul { 
	color: navy; 
	padding: 0; 
	margin: 0; 
	font-size: 12px;
	line-height: 22px;
	}
div#info ul.side li{
	border-bottom:1px dotted #bbb;
	list-style:none;
	font-size:13px;
}
div#info ul.side li:last-child{
	border-bottom:1px dotted #aaa;
}

div#info ul.side2 li{
	border-bottom:1px solid #aaa;
	list-style:none;
	font-size:13px;
}

div#info ul li a {
	display:block;
	padding:7px 12px;
	text-decoration:none;
	background: aliceblue;
	color: royalblue;
	}
div#info ul li a:hover {
	background: #fff;
}
div#info ul.side2 li a {
	background: royalblue url('img/button.png');
	color: white;
	}
div#info ul.side2 li a:hover {
	background: #eeeeee;
	color:blue;
}	

/*--社団法人--*/
div#inn{
	margin:10px 10px 0px 10px;
	padding:7px;
	border:solid 1px #6699FF;
	font-size:12px;	
	color: navy;
}

div#inn p{
	font-size:14px;
	margin:0;
	margin-bottom:7px;
	padding:0;
}

/*--折りたたみ--*/
div.fold { margin: 8px;}

input#bannerFold { padding: 2px; background: #fff url('images/smartphone-blue.gif'); width: 137px; height: 52px;}
a#iconLink { margin:0 0 10px 0; background: white; width: 115px; display: block; position: relative; padding: 8px 0 5px 45px; font-size: 12px;}
a#iconLink img { position: absolute; left: 10px; top: 0; border:0;}	

input#backnumber { padding: 0px; background: #fff url('img/button1.jpg'); width: 137px; height: 52px; color: white;}
div#backnumber { padding: 8px; font-size: 12px; margin: 0;}
div#backnumberNav { padding: 8px 3px 8px 4px; font-size: 12px; background: url('img/canvas.png'); margin-right:8px; line-height: 21px;}
div#backnumberNav a { color: royalblue; text-decoration: none;}
div#backnumberNav a:hover { color: crimson;}

div.fold1 { margin: 0px;}
input#backnumber1 { background: transparent; padding: 2px; margin: 0 0 20px 0; width: 100px; font-size: 12px; color: blue;}
div#backnumberNav1 { padding: 0px; font-size: 12px; margin: 0; background: #fff;}

div#flowFrame { padding-bottom: 15px; margin-bottom: 24px;}
input#flow {}
div#flow { padding: 0px; font-size: 12px; margin: 0;}
div#flowNav { padding: 8px; background: #eeeeee;}
div#flowNav a { color: green;}
div#flowNav a:hover { color: red;}


/*--(5 共通) 右box--*/

div#rightBox {
	float: right;
	width: 180px; 
	margin: 0px 0px 10px 20px;
	border: 1px solid #ccc; 
	background: #eee;
	box-shadow: 0 0 5px #BBB;
	}
div#rightBox table { 
	border-collapse: collapse;
	margin: 5px 4px;
	width: 172px;
	border-left: 1px #cccccc solid;
	}
div#rightBox table th { 
	border-width: 1px 1px 1px 0px; 
	border-color: #ccc; 
	border-style: solid; 
	font-weight: normal;
	background: #eeeeee;
	color: #333;
	font-size: 13px;
	padding: 0;
	}
div#rightBox div#box {  
	padding: 12px 10px 20px 13px; 
	margin: 0; 
	font-size: 14px;
	line-height: 18px;
	color: blue;
	}
div#rightBox div#boxHigh {  
	padding: 12px 10px 10px 13px; 
	margin: 0; 
	font-size: 14px;
	line-height: 18px;
	height: 370px;/*---高さ---*/
	color: #2D4E89;
	}
	
div#rightBox th a { 
	padding: 7px 4px; 
	display: block;  
	background:  royalblue url('img/button.png');
	text-decoration: none; 
	color: white;
	}
div#rightBox th a:hover { 
	background: #E4E4F0; 
	color: navy;
	}
	
div#rightBox p { 
	padding: 10px 0px 15px 0px; 
	margin: 0px; 
	color: royalblue;
	font-size: 13px;
	line-height: 20px;
	}	
div#rightBox ul { 
	padding: 10px 0px 15px 0px; 
	margin: 0px; 
	color: royalblue;
	font-size: 13px;
	line-height: 17px;
	list-style-type: none;
	}
div#rightBox ul li {
	margin-top: 5px;
	}
div#rightBox a { 
	color: #555;
	}
div#rightBox a:hover { 
	color: royalblue;
	}

/*--(6 index) 中央--*/

div#center { margin: 0; padding: 0px; float:right; width: 640px;}
a#link1 { color: mediumblue;}
a:hover#link1 { color: crimson;}

p#row1 { color: #333; font-size: 15px; margin-top:0px; padding-top: 10px;}
p#row2 { color: #333; font-size: 13px; border-bottom: 1px solid #cccccc; padding-bottom: 12px;}
p#row3 { color: #333; font-size: 13px;padding: 4px 0px;}
p#row4 { font-size: 15px; color: #0066CC; margin: 12px 10px 10px 10px; padding: 0;}
p#row5 { color: #333; font-size: 13px; margin: 0px 20px 10px 0px;line-height: 18px;}
p#row5end { color: #333; font-size: 13px; margin: 0px 20px 20px 0px;line-height: 18px;}

/*--コラム写真--*/
div#colPhoto { margin: 0 0 10px 15px; float: right; position: relative; box-shadow: 0 0 5px 0 #bbb;}
div#colPhoto img.picture { width: 200px; border:1px solide brown; background: white; padding: 5px; margin-top: 1px;}
div#colPhoto img.pin { position: absolute; left: 100px; top: 0; width: 15px;}

/*--Box--*/
div#blockTitle { 
	width: 80px; 
	text-align: center; 
	background: #C1CEF0; 
	border: 1px 1px 0px 1px; 
	padding:4px;
	margin-left: 4px;
	font-size: 11px; 
	line-height:14px;
	box-shadow: 2px -1px 5px 0 #cccccc;
	}
	
div#block1 { 
	width: 400px; 
	padding: 15px 15px 11px 18px; 
	font-size:13px; 
	border: 1px solid #ccc; 
	margin-bottom: 15px;
	color: navy;
	line-height: 18px;
	box-shadow: 0 0 4px 0 #cccccc;
	}
div#block1 ul {
	padding: 4px 0 4px 12px;
	margin: 4px 0 4px 12px;
	color: crimson;
	}
span#txt1 { color: green; font-size: 11px; line-height: 18px;}

/*---(7 中のページ) #pageFrameは各ページにも使用---*/

#pageFrame {
	position: relative;
	width: 870px;
	margin: 0 auto;
	box-shadow: 0 0 5px #BBB;
	border: 1px solid #CCC;
	background: #fff;
	padding:15px 0px;
}
#pagePhoto {
	margin: 0 auto;
	width: 830px;
	height: 380px;
	margin: 0 auto;
	box-shadow: 0 0 5px #BBB;
	background: #fff;
}
div#pageUnder{
	position: relative;
	padding: 20px;
}

img#pagePicture { position: absolute; top: 30px; right: 20px; border: 0; width: 200px; box-shadow: 0 0 5px #bbb;}

#pageWidth { margin: 0; padding:0; float: right; width: 640px;}
#pageTitle { color: #333; font-size: 17px; margin:0; padding:5px 0 0 0;}
#pageSubtitle { color: #555; font-size: 15px; border-bottom: 1px solid #cccccc; width: 420px; padding-bottom: 14px;}
#pageSubtitle1 { color: navy; font-size: 15px; background: #C5D7F8; padding: 2px 10px;}

#pageRow1 { color: #333; font-size: 13px;}
ul#pageRow2 { color: #333; font-size: 13px; padding: 5px 0 0 8px; margin: 5px 0 0 8px; width: 450px;}

ul#page1 { list-style: square; font-size: 14px; color: #333; width: 380px;}

table#time { border-collapse: collapse; border-width: 1px 0 0 1px; border-style: solid; border-color: #cccccc; margin-bottom: 5px; color: #000099;}
table#time tr { background: white;}
table#time tr.firstRow { background: lightskyblue;}
table#time th,table#time td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
table#time td { padding: 2px 2px 2px 2px;}
table#time th { font-weight: normal; width: 45px;}
table#time sub,#time sup { font-size: 11px;}
table#time sub { margin-right: 70px;}
table span.maru { color: #990000;}
table span#time1 { font-size: 13px;}

/*--(8 各ページ)　全体は中のページ#pageFrame使用--*/

#pageTop {
	width: 830px;
	height: 280px;
	margin: 0 auto;
	box-shadow: 0 0 5px #BBB;
	background: #fff;
}

/*--下Link--*/
div#pageLink { height: 25px; margin-left: 30px;}
div#pageLink ul { padding: 0px; margin: 0px; list-style: none;}
div#pageLink ul li { float: left; }
div#pageLink a { display: block; background: #eeeeee; color: #336699; box-shadow: 0 2px 5px #bbb; padding: 5px 15px; text-decoration: none; font-size: 12px; border-right: 1px solid #ccc;}
div#pageLink a:hover { background: #6699CC; color: #fff;}
		
div#underFrame {
	margin: 10px 20px 20px 15px;
	position: relative;
	}
	

div#leftFrame {
	 width: 605px;
	 margin: 20px 0px 0px 20px;
	 }
div#leftFrame p {
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 14px;
	line-height: 21px;
	}
div#leftFrame p.int {
	padding: 0 0 15px 20px;
	margin: 0;
	}
div#leftFrame p.title {
	margin:0;
	font-size: 17px;
	padding: 7px 0 22px 20px;
	font-weight: normal;
	}
div#leftFrame p.subTitle {
	margin:0;
	font-size: 15px;
	padding: 20px 0 18px 0;
	font-weight: bold;
	}
div#leftFrame p.subTitle1 {
	margin:0;
	font-size: 15px;
	padding: 12px 0 8px 0;
	}
div#leftFrame span {
	color: crimson;
	}
div#leftFrame a {
	color: #3366FF;
	}
div#leftFrame a:hover {
	color: green;
	}
	
div#leftFrame ul {
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
	line-height: 22px;	
	}

div#leftFrame ol {
	margin: 5px 0 10px 15px;
	padding: 5px 0 10px 15px;
	font-size: 13px;
	color: #006600;
	}
div#leftFrame ol li {
	line-height: 18px;
	padding-bottom: 10px;
	}
div#leftFrame ol#wider {
	margin: 5px 0 10px 15px;
	padding: 5px 0 10px 15px;
	font-size: 14px;
	color: #006600;
	}
div#leftFrame ol#wider li {
	line-height: 18px;
	padding-bottom: 10px;
	}

/*---fig---*/
div#figRight {
	float: right;
	text-align: center;
	padding: 0 0 0 20px;
	color: crimson;
	font-size:12px
	}
div#figLeft {
	float: left;
	text-align: center;
	padding: 0 20px 0 0;
	color: crimson;
	font-size:12px
	}
div#figRight img,div#figLeft img {
	box-shadow: 0 0 5px #888;
	padding: 4px;
	width: 80px;
	border: 1px #888888 solid;
	}
div#figRight img#wider,div#figLeft img#wider {
	box-shadow: 0 0 5px #888;
	padding: 4px;
	width: 150px;
	border: 1px #888888 solid;
	}
span.figText { color: crimson;}

/*---一覧ページ---*/
	
div#leftCorner {
	left:30px;
	top: 40px;
	}
div#rightCorner {
	left:290px;
	top: 40px;
	}
div#leftFrame div.pos {
	position: absolute;
	}
div#leftFrame a.examLink {
	line-height: 22px;
	}	
div#leftFrame span.exam {
	color: crimson;
	font-size: 11px;
	}

/*---------list.html-------------*/

div#listp{
	width:818px;
	margin:10px auto;
}
div#listp img{
	background:#fff;
	border:1px solid #000;
	padding:5px;
	width:120px;
}