@charset "UTF-8";


/*-----------------------------------------------------
hack
-------------------------------------------------------*/
div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden!important;
}


/*-----------------------------------------------------
reset
-------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}

/* general params--------------------*/

* { font-size:100%; }

html,form, h1, h4, h5, h6, p, li , dt , dd { margin:0; padding:0; }

img {
	border: none;/* img do not want a border */
	margin: 0;
	padding: 0;
}

ul li { list-style: none; }/* link do not want a dot */

ol {
list-style-position:outside;
}

ol li {
margin-left:20px;
}

/*-----------------------------------------------------
clear
-------------------------------------------------------*/
.clear {
	clear:both;
}
/* link setting--------------------*/

a,a:link{
	color: #009900;   
	text-decoration:underline;
}

a:visited{
}

a:hover{
	color:#FF6600;
}

a:active{
}

div#footer p a {
	color:#666666;
}

h4 a {
text-decoration:none!important
}

/*-----------------------------------------------------
icon
-------------------------------------------------------*/
a.link-pdf {
 background:url(../img/icon_pdf.gif) no-repeat top left;
	padding-left:22px;
}

/*-----------------------------------------------------
table
-------------------------------------------------------*/
table tr td.nowrap{
	white-space:nowrap;
}

#main table {
	margin:0;
	padding:0;
}

table.sitemap tr td {
	height:20px;
	padding:3px;
	margin:0;
}

#main table tr td.green {
	background:#F0FBE8;
	width:240px;
}

.tree {
	background:url(../../sitemap/img/tree01.gif) no-repeat;
	background-position:5% 40%;
	padding:0 0 0 20px;
}

.tree02 {
	background:url(../../sitemap/img/tree02.gif) no-repeat;
	background-position:5% 40%;
	padding:0 0 0 20px;
}

table.contact {
	}
	
table.contact tr td {
 padding:4px;
}

table.contact tr td.green {
	background:#F0FBE8;
	width:100px!important;
}


/*-----------------------------------------------------
border
-------------------------------------------------------*/
div.border {
	width:575px;
	border-bottom:1px #008000 solid;
	margin:0 0 24px 0;
	padding:0;
}

/*-----------------------------------------------------
pagetop
-------------------------------------------------------*/
#toPageTop img {
	position:absolute;
	top:0;
	left:0;
	border:none!important;
}

/*-----------------------------------------------------
float
-------------------------------------------------------*/
.fl {
	float:left;
}

.fr {
	float:right;
}


/*-----------------------------------------------------
margin
-------------------------------------------------------*/
.mt06 {
margin-top:6px;
}

.mt06 {
margin-top:6px;
}

.mt12 {
margin-top:12px;
}

.mt24 {
margin-top:24px;
}

.ml06 {
margin-left:6px;
}

.ml12 {
margin-left:12px;
}

.ml14 {
margin-left:14px;
}

.ml16 {
margin-left:16px;
}

.ml24 {
margin-left:24px;
}

.ml32 {
margin-left:32px;
}

.mr06 {
margin-right:6px;
}

.mr12 {
margin-right:12px;
}

.mr14 {
margin-right:14px;
}

.mr16 {
margin-right:16px;
}

.mr24 {
margin-right:24px;
}

.mr32 {
margin-right:32px;
}

.mb06 {
margin-bottom:6px;
}

.mb12 {
margin-bottom:12px;
}

.mb14 {
margin-bottom:14px;
}

.mb16 {
margin-bottom:16px;
}

.mb24 {
margin-bottom:24px;
}

.mb32 {
margin-bottom:32px;
}

.mb60 {
margin-bottom:60px;
}

/*-----------------------------------------------------
body
-------------------------------------------------------*/
body,
body#top {
	margin:0;
	padding:0;
	background:#F0FBE8;
	font-family:Lucida Grande,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",Arial,Helvetica,sans-serif;
}

/*-----------------------------------------------------
FONT-SIZE
-------------------------------------------------------*/

/*-----------------------------------------------------
H1
-------------------------------------------------------*/
h1 img {
float:left;
margin:20px 0 0 10px;
}

/*-----------------------------------------------------
H2
-------------------------------------------------------*/
h2,
#main h2 {
font-size:14px;
font-weight:200;
}

* html h2, * html #main h2 {
	font-size:95%;
	font-weight:200;
}
/*-----------------------------------------------------
H3
-------------------------------------------------------*/
h3 {
	font-size:14px;
	color:#008000;
}

h3 {
	font-size:95%;
	color:#008000;
}

.txt-s { font-size:10px; }
.txt-m { font-size:12px; }
.txt-l { font-size:14px; }
.txt-xl { font-size:16px; }
.txt-xxl { font-size:18px; }
.txt-xxxl { font-size:20px; }
p, li ,dt ,dd,tr,td,form { font-size:12px; }

* html p, * html li , * html dt , * html dd, { font-size:80%; }

* html tr, * html td, * html form, * html input { font-size:90%;}

p {
	line-height:1.5em;
}

div#footer p { font-size:10px; }

* html div#footer p { font-size:60%; }

/*-----------------------------------------------------
number
-------------------------------------------------------*/
.txt-num {
	font-family:"ヒラギノ丸ゴ Pro W3";
	font-weight:bold;
	font-size:16px;
}
/*-----------------------------------------------------
H4
-------------------------------------------------------*/
h4 {
	font-size:14px;
	color:#008000;
	line-height:2.5em;
}

* html h4 {
	font-size:95%;
	color:#008000;
	line-height:2.5em;
}

/*-----------------------------------------------------
FONT-color
-------------------------------------------------------*/
p, li ,dt ,dd { color:#666666; }

p.green {
	color:#008000;
}

.red {
	color:#FF0000;
}
/*-----------------------------------------------------
LIST STYLE
-------------------------------------------------------*/
dl.list02 {
	width:575px;
	margin:0 0 0 12px;
	padding:0;
	line-height:1.2em;
}

dl dt {
	clear:both;
	float:left;
	width:25px;
	margin:0 0 15px 0;
}

dl dd{
	margin:0 0 5px 0;
}

/*-----------------------------------------------------
wrapper
-------------------------------------------------------*/
div#wrapper {
	width:840px;
	padding:10px 3px 20px 3px;
	margin:0 auto;
	background-color:#ffffff;
	text-align:left;
}


/*-----------------------------------------------------
header
-------------------------------------------------------*/
div#header {
	margin:0;
	padding:0;
	width:840px;
	height:86px;
	background:#fff url(../img/header.gif) no-repeat;
	z-index:2;
}

/*-----------------------------------------------------
visitor
-------------------------------------------------------*/
div#headRightArea {
float:right;
text-align:right;
}

div#headRightArea ul#vistor {
margin:0 8px 0 0;
}

div#headRightArea ul#vistor li {
display:inline;
line-height:1em;
background:url(../img/allow.gif) no-repeat;
background-position:0 0.25em;
padding:0 5px 0 10px;
}


div#search {
margin:5px 10px 0 0;
}


/*-----------------------------------------------------
contents
-------------------------------------------------------*/
div#contents {
	width:840px;
	margin:0;
	padding:0;
	background:url(../img/leftside.gif) repeat-x;
	min-height:600px;/*要確認*/
	clear:both;
}


/*-----------------------------------------------------
leftside
-------------------------------------------------------*/
div#leftSide {
	width:143px;
	float:left;
	margin:0 0 0 10px;
	padding:0;
}

* html div#leftSide {
	margin:0 0 0 5px;
}

/*-----------------------------------------------------
globalMenu
-------------------------------------------------------*/
ul#gNavi {
	width:143px;
	height:155px;
	list-style:none;
	margin:0;
	padding:0;
	}
	
ul#gNavi li {
	text-indent:-999em;
}

ul#gNavi li a {
	display:block;
	background:url(../img/globalmenu.gif) no-repeat;
	text-decoration:none;
	width:143px;
	height:32px;
}

ul#gNavi li#home a {
	background-position:0 0;
}

ul#gNavi li#info a {
	background-position:0 -32px;
}

ul#gNavi li#db a {
	background-position:0 -64px;
}

ul#gNavi li#about a {
	background-position:0 -96px;
}

ul#gNavi li#contact a {
 height:27px;
	background-position:0 -128px;
}

ul#gNavi li#home a:hover,
ul#gNavi li#home a.hi {
	background-position:-143px 0;
}

ul#gNavi li#info a:hover,
ul#gNavi li#info a.hi {
	background-position:-143px -32px;
}

ul#gNavi li#db a:hover,
ul#gNavi li#db a.hi {
	background-position:-143px -64px;
}

ul#gNavi li#about a:hover,
ul#gNavi li#about a.hi {
	background-position:-143px -96px;
}

ul#gNavi li#contact a:hover, 
ul#gNavi li#contact a.hi {
 height:27px;
	background-position:-143px -128px;
}


/*-----------------------------------------------------
function
-------------------------------------------------------*/

ul#function {
	margin:20px 0 120px 0;
	padding:0 0 0 10px;
}

ul#function li {
	line-height:2em;
	background:url(../img/allow.gif) no-repeat;
	background-position:0 0.55em;
	padding:0 0 0 10px;
}




/*-----------------------------------------------------
rightside
-------------------------------------------------------*/

div#rightSide {
	width:677px;
	float:right;
	background-color:#fff;
	margin:0;
	padding:0;
}




/*-----------------------------------------------------
main
-------------------------------------------------------*/
div#main {
	width:637px;
	margin-left:25px;
	overflow:hidden;
}

div#main h2 {
	width:617px;
	height:20px;
	background:#fff url(../img/title.gif) no-repeat;
	margin:0;
	line-height:1.5em;
	padding:0 0 0 10px;
}

div#main .contents_boader {
	width:585px;
	border-bottom:solid 1px #DAFDC3;
	border-right:solid 1px #DAFDC3;
	border-left:solid 1px #DAFDC3;
	min-height:450px;
	padding:0 20px;
	margin:10px 0 20px 0;
}



/*-----------------------------------------------------
breadCramb
-------------------------------------------------------*/
p.breadCramb {
	margin:10px;
	font-size:10px;
}

* html p.breadCramb {
	margin:10px;
	font-size:70%;
}

/*-----------------------------------------------------
toTop
-------------------------------------------------------*/
div#pagetop a.pagetop {
float:right;
margin:0 20px 10px 0;
}

div#pagetop p a.pagetop {
display:block;
height:17px;
background:#fff url(../img/icon_totop.gif) no-repeat;
padding-left:20px;
}

/*-----------------------------------------------------
footer
-------------------------------------------------------*/
div#footer {
	width:840px;
	margin:0;
	padding:3px 0 0 0;
	border-top:solid 1px #CCCCCC;
}

.clear {
	clear:both;
}

/*-----------------------------------------------------
info_page
-------------------------------------------------------*/

div#main div.explain_book {
	width:585px;
	margin:0;
	padding:0:
}


div#main div.explain_book h3 {
	display:block;
	background:#fff url(../../info/img/info_title.gif) no-repeat;
	width:575px;
	height:19px;
	margin:0;
	padding:0 0 0 10px;
	color:#ffffff;
	font-weight:normal;
	font-size:12px;
	line-height:1.6em;
}


div#main div.explain_book img {
margin-top:10px;
}

div#main div.explain_book div.img {
width:160px;
float:right;
text-align:right;
}



/*-----------------------------------------------------
college info page
-------------------------------------------------------*/

div.college_info div.comment h4 {
 background:url(../../college_info/img/bg_comment.gif) repeat-x top left;
	font-size:12px;
	line-height:1.6em;
	padding-left:8px;
	font-weight:normal;
	margin-bottom:5px;
}

div.college_info div.comment {
 margin-bottom:40px!important;
}

div.college_info div.comment p.title {
 font-weight:bold;
	margin:0 0 5px 6px;
}
 
/*-----------------------------------------------------
db_page
-------------------------------------------------------*/
.contents_boader div#left {
	width:400px;
	float:left;
	border-right:solid 1px #008000;
	padding-right:10px;

}

* html #main .contents_boader div#main_bannerArea {
	margin:0 7px;
}

.contents_boader div#right {
	width:145px;
	float:right;
	margin-bottom:20px;
}

.contents_boader div#right h4.qa {
	background:url(../../db/img/icon_qa.gif) no-repeat 0 50%;
	padding:0 0 0 20px;
}

/*-----------------------------------------------------
about_page
-------------------------------------------------------*/
span.map img {
	vertical-align:text-bottom;
	margin-left:20px;
}

ul#gNavi_submenu {
	width:143px;
	height:211px;
	list-style:none;
	margin:0;
	padding:0;
	}
	
ul#gNavi_submenu li {
	text-indent:-999em;
}

ul#gNavi_submenu li a {
	display:block;
	background:url(../img/globalmenu-submenu.gif) no-repeat;
	text-decoration:none;
	width:143px;
}

ul#gNavi_submenu li#contact a {
	height:27px;
}

ul#gNavi_submenu li#home a {
	height:32px;
	background-position:0 0;
}

ul#gNavi_submenu li#info a {
	height:32px;
	background-position:0 -32px;
}

ul#gNavi_submenu li#db a {
	height:32px;
	background-position:0 -64px;
}

ul#gNavi_submenu li#about a{
	background-position:0 -96px;
	height:32px;
}


/*-----------------------------------------------------
about_page inner_submenu
-------------------------------------------------------*/

ul#gNavi_submenu li#contact a {
	height:27px;
	background-position:0 -184px;
}

ul#gNavi_submenu li#home a:hover,
ul#gNavi_sub li#home a.hi {
	background-position:-143px 0;
}

ul#gNavi_submenu li#info a:hover,
ul#gNavi_submenu li#info a.hi {
	background-position:-143px -32px;
}

ul#gNavi_submenu li#db a:hover,
ul#gNavi_submenu li#db a.hi {
	background-position:-143px -64px;
}

ul#gNavi_submenu li#about a:hover,
ul#gNavi_submenu li#about a.hi {
	background-position:-143px -96px;
}

ul#gNavi_submenu li#contact a:hover, 
ul#gNavi_submenu li#contact a.hi {
	background-position:-143px -184px;
}

ul#gNavi_submenu {
	width:143px;
height:211px;
	list-style:none;
	margin:0;
	padding:0;
	}
ul#gNavi_submenu

ul#gNavi_submenu li {
text-indent:-999em;
}

ul#gNavi_submenu li a {
	display:block;
	background:url(../img/globalmenu-sub.gif) no-repeat;
	text-decoration:none;
	width:143px;
	height:18px;
}

ul#gNavi_submenu li#intro_corp a {
	background-position:0 -123px;
}

ul#gNavi_submenu li#corp a {
background-position:0 -131px;
}

ul#gNavi_submenu li#access a {
background-position:0 -149px;
}

ul#gNavi_submenu li#about ul#gNavi_sub li a {
height:50px;
background-position:0 -128px;
}

ul#gNavi_submenu li#about ul#gNavi_sub li#intro_corp a {
height:18px;
background-position:0 -123px;
}

ul#gNavi_submenu li#about ul#gNavi_sub li#corp a {
height:16px;
background-position:0 -141px;
}

ul#gNavi_submenu li#about ul#gNavi_sub li#access a {
height:27px;
background-position:0 -157px;
}

ul#gNavi_submenu li#about ul#gNavi_sub li#intro_corp a:hover,
ul#gNavi_submenu li#about ul#gNavi_sub li#intro_corp a.hi {
background-position:-143px -123px;
}

ul#gNavi_submenu li#about ul#gNavi_sub li#corp a:hover,
ul#gNavi_submenu li#about ul#gNavi_sub li#corp a.hi {
background-position:-143px -141px;
}

ul#gNavi_submenu li#about ul#gNavi_sub li#access a:hover,
ul#gNavi_submenu li#about ul#gNavi_sub li#access a.hi {
background-position:-143px -157px;
}

/*-----------------------------------------------------
about_page c01.html
-------------------------------------------------------*/

div#main  h3.title01,
div#main  h3.title02,
div#main  h3.title03,
div#main  h3.title04, {
	display:block;
	width:585px;
	margin:0;
	padding:0;
}

div#main h3.title01 {
	height:40px;
	background:#fff url(../../about/img/title01.gif) no-repeat;
	text-indent:-9999em;
}

div#main h3.title02 {
	height:20px;
	background:#fff url(../../about/img/title02.gif) no-repeat;
	text-indent:-9999em;
}

div#main h3.title03 {
	height:20px;
	background:#fff url(../../about/img/title03.gif) no-repeat;
	text-indent:-9999em;
}

div#main h3.title04 {
	height:20px;
	background:#fff url(../../about/img/title04.gif) no-repeat;
	text-indent:-9999em;
}

/*-----------------------------------------------------
contact
-------------------------------------------------------*/
p.icon_arrow {
	background:url(../img/arrow.gif) no-repeat;
	padding:0 0 0 10px;
	line-height:0.8em;
}

/*-----------------------------------------------------
privacy_page
-------------------------------------------------------*/
div#address {
	border:1px solid #666666;
	padding:10px;
	width:300px;
	margin:0 0 20px 0;
}

h3.privacy {
	width:198px;
	background:url(../../privacy/img/icon_arrow_big.gif) no-repeat;
	background-position:100% 0;
	padding:0 20px 0 0;
	margin-bottom:20px;
}

h3.privacy02 {
	width:185px;
	background:url(../../privacy/img/icon_arrow_big.gif) no-repeat;
	background-position:100% 0;
	padding:0 20px 0 0;
	margin-bottom:20px;
}


dl.list dt {
	width:25px;
	height:45px;
	float:left;
}

dl.list dt dd {
	width:450px;
	float:right;
}


/*-----------------------------------------------------
newspage
-------------------------------------------------------*/
div#rightSide div#main #newsArea {
	width:521px;
	margin:5px 0 0 0;
}

div#rightSide div#main #newsArea .headingArea h2 {
	text-indent:-999em;
}

div#rightSide div#main #newsArea .headingArea p {
	width:80px;
	height:22px;
	margin:0;
	padding:3px;
}

div#rightSide div#main #newsArea .headingArea p span.rss img {
	vertical-align:top;
}

div#rightSide div#main #newsArea dl {
	width:491px;
	margin:5px 15px;
}

div#rightSide div#main #newsArea dl dt {
	clear:both;
	float:left;
	width:85px;
	margin:0 0 15px 0;
}

div#rightSide div#main #newsArea dl dd{
	margin:0 0 15px 0;
}

/*-----------------------------------------------------
add_item
1.comment
2.icon_movie
-------------------------------------------------------*/
div.comment {
	width:565px;
	border:1px #008000 solid;
	padding:10px;
	margin:15px 0;
	}
	
	div.comment ul.w360 {
	width:360px;
	}
	
	
	div.comment:after　{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden!important;
}
	
	
p.link_movie {
	background:url(../img/icon_movie.gif) no-repeat #fff;
	padding-left:20px;
	line-height:1.8em;
}	

* html p.link_movie {
	line-height:1.6em;
}
	




