/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address, ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset{
	margin:0;
	padding:0;
	font-size:0.99em;
	font-weight:normal;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
html, body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address, ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset{
	color:#333;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
	overflow:scroll;
	overflow:-moz-scrollbars-vertical;
	overflow-x:scroll;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
}

body{
	text-align:center;
}

.cb{
	font-size:0;
	clear:both;
}
.pic{
}
.pic:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
}



a, a:link{ color:#600; text-decoration:none; }
a:visited{ color:#600; }
a:hover, a:focus, a:active{ color:#600; text-decoration:underline; }

.waku1{
	width:980px;
	margin:0 auto;
}
.waku2{
	width:940px;
	margin:0 auto;
}




#hd{
	background:url(../img/header_back.jpg) repeat-x;
}
#hd .box1{
	padding:20px 0 0 0;
	width:570px;
	float:left;
}
#hd .box2{
	padding:0px 0 0 0;
	width:370px;
	float:right;
	text-align:right;
}



#hd h1{
	font-size:12px;
	margin:20px 0 5px 0;
}

#mn{
	background:url(../img/menu_bak.gif) repeat-x bottom;
	height:43px;
}
#mn ul{
	list-style:none;
}
#mn li{
	float:left;
	margin:0 0 0 7px;
	padding:0 10px 0 23px;
	line-height:43px;
	border-left:1px solid #CCC;
}
#mn li:last-child{
	border-right:1px solid #CCC;
}

#mn a{
	font-weight:bold;
	font-size:14px;
	text-shadow:1px 1px 3px #FFF;
	color:#600;
	padding:0 2px;
}

#mn .hit a,
#mn a:hover{
	text-decoration:none;
	border-bottom:1px dotted #600;
	/*

	background:#FF6;
	*/
}


#mn01{ background:url(../img/mn01.png) left center no-repeat; }
#mn02{ background:url(../img/mn02.png) left center no-repeat; }
#mn03{ background:url(../img/mn03.png) left center no-repeat; }
#mn04{ background:url(../img/mn04.png) left center no-repeat; }
#mn05{ background:url(../img/mn05.png) left center no-repeat; }
#mn06{ background:url(../img/mn06.png) left center no-repeat; }
#mn07{ background:url(../img/mn07.png) left center no-repeat; }


#banner{
	margin:20px 10px 0 10px;
}
#banner ul{
	list-style:none;
}
#banner li{
	float:left;
	margin:0 10px 5px 0;
}


#ft{
	margin:30px 0 0 0;
	padding:10px 0 0 0;
	border-top:3px solid #D8D8D8;
	background:#F1F1F1;
	text-align:left;
}

#ft h5,
#ft .box1 li{
	color:#333;
	text-shadow: 1px 1px 3px #FFF;
}

#ft h5{
	margin:0 0 10px 0;
	padding:10px 0 3px 0;
	font-weight:bold;
	letter-spacing:2px;
	border-bottom:1px dotted #CCC;
}

#ft .box1{
	font-size:12px;
	width:560px;
}

#copy{
	padding:5px 0;
	background:#da3717;
	text-align:center;
}
#copy small{
	color:#FFF;
	font-size:12px;

}

#cts{
	margin:20px 0 0 0;
	text-align:left;
}

.ttl1,
.ttl2{
	margin:30px 0 20px 0;
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #659800;
	background:url(../img/ttl1.png) repeat-x;
	height:30px;
	line-height:35px;
	font-weight:bold;
	letter-spacing:1px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.ttl1::after,
.ttl2::after{
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #F1F1F1;
}
.ttl2{
	border-left: 6px solid #03F;
}

.ttl11{
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	font-weight:bold;
	border-bottom:1px dotted #CCC;
}




.pm5,
.pm5_font12{
	margin:0 0 5px 0;
}
.pm10{
	margin:0 0 10px 0;
}

.pm5_font12{
	font-size:12px;
}

#top_news{
	height:340px;
	overflow:scroll;
}
#top_news ul{
	list-style:none;
}
#top_news li{
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #CCCCCC;

}





#student .box1{
	margin:0 30px 40px 0;
	width:430px;
	height:160px;
	float:left;
	border:1px solid #CCC;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
	box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.2);
}
#student .photo{
	float:left;
	margin:15px 0 0 10px;
	width:180px;
}
#student h3{
	margin:18px 10px 10px 0;
	font-size:24px;
	border-bottom:1px dotted #CCC;
}
#student .corp{
	float:right;
	width:225px;
	font-size:14px;
}
#student h3 span{
	font-size:12px;
}

.txt_p_l,
.txt_p_r{
	margin:0 0 30px 0;
}
.txt_p_l .box1{
	float:left;
	width:350px;
}
.txt_p_l .box2{
	float:right;
	width:570px;
}

.txt_p_r .box1{
	float:right;
	width:350px;
}

.txt_p_r .box2{
	float:left;
	width:570px;
}

/* レポート */
#repo .fm1{
	float:left;
	width:680px;
}
#repo .fm2{
	float:right;
	width:240px;
}
#repo .fm2 ul{
	margin:10px 0 0 0;
	list-style:none;
	border-top:1px dotted #CCC;
}
#repo .fm2 li{
	margin:7px 0 0 0;
	padding:0 10px 5px 10px;
	border-bottom:1px dotted #CCC;
	font-size:12px;
}
#repo .fm2 a{
	display:block;
}
#repo .ttl1{
	margin-top:10px;
}
/*
"repo">
<div class="fm1">a</div>
<div class="fm2">
<ul>
<li><a href="repo0
*/


.comment_pic p{
	float:left;
	margin:0 8px 0 0;
}


.comment_box_r,
.comment_box_l{
	margin:0 0 40px 0;
}


.comment_box_r p,
.comment_box_l p{
	margin:0 0 5px 0;
}

.comment_box_r h3,
.comment_box_l h3{
	font-weight:bold;
	font-size:16px;
}

.comment_box_r .box1{
	width:470px;
	float:left;
}
.comment_box_r .box2{
	width:200px;
	float:right;
}












/* go top */
#page-top {
	position:fixed;
	bottom:20px;
	right:20px;
	font-size:77%;
}
#page-top a {
	background:#ff9900;
	opacity:0.9;
	filter:alpha(opacity=90);
	text-decoration:none;
	color:#fff;
	width:150px;
	padding:15px 0;
	text-align:center;
	display:block;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#page-top a:hover{
	text-decoration:none;
	background:#ff9900;
}

/* ページ送り */
#pagenation {
	height:60px;
	position: relative;
	overflow: hidden;
}
#pagenation ul {
    position:relative;
    left:50%;
    float:left;
    list-style: none;
}
#pagenation li {
    position:relative;
    left:-50%;
    float:left;
}
#pagenation li a {
    border:1px solid #CECECE;
    margin: 0 2px;
    padding:3px 6px;
    display: block;
    text-decoration:none;
    color: #666666;
    background: #fff;
}
#pagenation li.active a,
#pagenation li a:hover{
    border:solid 1px #666666;
    color: #FFFFFF;
    background: #3399FF;
}
#page_next{
	margin:20px 0 0 0;
	text-align:center;
}





.tbl,
.tbl2{
	border-collapse:collapse;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}
.tbl th,
.tbl td,
.tbl2 th,
.tbl2 td{
	padding:8px;
	text-align:left;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	vertical-align:top;
}
.tbl th,
.tbl2 th{
	white-space:nowrap;
	color:#666;
	font-weight:normal;
	background:#F1F1F1;
}
.tbl td,
.tbl2 td{
	background:#FFF;
}


.tbl2{
	border-left:1px solid #CCC;
}
.tbl2 th,
.tbl2 td{
	border-bottom:1px solid #CCC;
	border-left:none;
}











