@charset "utf-8";

/*---------------------------------------------
01. body, wrap, hr, img, link
02. base layout [content, main, sidebar]
03. header
04. footer
05. main
06. sidebar
07. form
---------------------------------------------*/

/*---------------------------------------------
01. *, body, wrap, hr, img, table
---------------------------------------------*/
*         { margin: 0px; padding: 0px; }
body      { color: #4d4d4d; font-family: "ＭＳ Ｐゴシック","Osaka",sans-serif; font-size: 80%; line-height: 1.6em; background-color: #ffffff; }
#wrap     { width: 772px; margin: 0px auto; background: #ffffff url("../img/main_bg.gif") repeat-y; }
hr        { display: none; }
img       { border: none; vertical-align: bottom; }
table     { font-size: 95%; line-height: 1.6em; }

a:link, a:visited { color: #4c7fff; text-decoration: none; }
a:hover, a:active { color: #4c7fff; text-decoration: underline; }

/*---------------------------------------------
02. base layout [content, main, sidebar]
---------------------------------------------*/
#content   { width: 732px; margin: 10px auto 30px auto; padding: 10px 0; background-color: #ffffff; }
#main      { float: left; width: 538px; background-color: #fff; }
#main-in   { float: left; width: 732px; background-color: #fff; }
#sidebar   { width: 180px; float: right; }

/*---------------------------------------------
03. header
---------------------------------------------*/
#header   { width: 760px; margin: 0 auto; height: 73px; background: url("../img/header_img.gif") no-repeat ; }

#headernav { width: 300px; float: right; text-align: right; }

#headernav ul { list-style: none; text-align: right; padding: 30px 15px 0px 0px;}
#headernav li { display: inline; font-size: 95%; }

#logo      { width: 305px; float: left; margin: 12px 0px 0px 12px; }
#logo h1   { width: 305px; height: 55px; }
#logo h1 a { width: 305px; height: 55px; display: block; text-decoration: none; text-indent: -10000px; }

/*---------------------------------------------
04. footer
---------------------------------------------*/
#footer { width: 760px; margin: 0 auto; background-color: #fff; }

#footer ul { padding: 0px 0px 15px 15px; list-style: none; }
#footer li { display: inline; color: #01ad4e; font-size: 95%; }

#footer a:link, #footer a:visited { color: #01ad4e; text-decoration: none; }
#footer a:hover, #footer a:active { color: #01ad4e; text-decoration: underline; }

/*---------------------------------------------
05. main
---------------------------------------------*/
.img-top { width: 760px; margin: 0 auto; }
.leftbox { width: 180px; margin-right: 14px; float: left; }

.leftbox-nav    { width: 180px; }
.leftbox-nav ul { list-style: none; }
.leftbox-nav li { text-indent: -9999px; }
.leftbox-nav a  { width: 180px; display: block; text-decoration: none; }

.leftbox-nav li a:link, .leftbox-nav li a:visited { color: #646464; text-decoration: none; }
.leftbox-nav li a:hover, .leftbox-nav li a:active { color: #ffffff; text-decoration: none; }

.nav-top { display: block; height: 7px; background: url("../img/nav_top.gif") no-repeat; }
.nav-bottom { display: block; height: 7px; background: url("../img/nav_bottom.gif") no-repeat; }

.nav-whatsnew a:link, .nav-whatsnew a:visited { display: block; height: 32px; background: url("../img/nav.gif") no-repeat 0px 0px; }
.nav-university a:link, .nav-university a:visited { display: block; height: 32px; background: url("../img/nav.gif") no-repeat 0px -32px; }
.nav-field a:link, .nav-field a:visited { display: block; height: 32px; background: url("../img/nav.gif") no-repeat 0px -64px; }
.nav-meeting a:link, .nav-meeting a:visited { display: block; height: 32px; background: url("../img/nav.gif") no-repeat 0px -96px; }
.nav-counsel a:link, .nav-counsel a:visited { display: block; height: 32px; background: url("../img/nav.gif") no-repeat 0px -128px; }
.nav-reason a:link, .nav-reason a:visited { display: block; height: 32px; background: url("../img/nav.gif") no-repeat 0px -160px; }
.nav-contact a:link, .nav-contact a:visited { display: block; height: 32px; background: url("../img/nav.gif") no-repeat 0px -192px; }
.nav-support a:link, .nav-support a:visited { display: block; height: 32px; background: url("../img/nav.gif") no-repeat 0px -224px; }
.nav-qa a:link, .nav-qa a:visited { display: block; height: 32px; background: url("../img/nav.gif") no-repeat 0px -256px; }
.nav-office a:link, .nav-office a:visited { display: block; height: 32px; background: url("../img/nav.gif") no-repeat 0px -288px; }
.nav-linkintro a:link, .nav-linkintro a:visited { display: block; height: 34px; background: url("../img/nav.gif") no-repeat 0px -320px; }

.nav-whatsnew a:hover, .nav-whatsnew a:active { display: block; height: 32px; background: url("../img/nav.gif") no-repeat -180px 0px; }
.nav-university a:hover, .nav-university a:active { display: block; height: 32px; background: url("../img/nav.gif") no-repeat -180px -32px; }
.nav-field a:hover, .nav-field a:active { display: block; height: 32px; background: url("../img/nav.gif") no-repeat -180px -64px; }
.nav-meeting a:hover, .nav-meeting a:active { display: block; height: 32px; background: url("../img/nav.gif") no-repeat -180px -96px; }
.nav-counsel a:hover, .nav-counsel a:active { display: block; height: 32px; background: url("../img/nav.gif") no-repeat -180px -128px; }
.nav-reason a:hover, .nav-reason a:active { display: block; height: 32px; background: url("../img/nav.gif") no-repeat -180px -160px; }
.nav-contact a:hover, .nav-contact a:active { display: block; height: 32px; background: url("../img/nav.gif") no-repeat -180px -192px; }
.nav-support a:hover, .nav-support a:active { display: block; height: 32px; background: url("../img/nav.gif") no-repeat -180px -224px; }
.nav-qa a:hover, .nav-qa a:active { display: block; height: 32px; background: url("../img/nav.gif") no-repeat -180px -256px; }
.nav-office a:hover, .nav-office a:active { display: block; height: 32px; background: url("../img/nav.gif") no-repeat -180px -288px; }
.nav-linkintro a:hover, .nav-linkintro a:active { display: block; height: 34px; background: url("../img/nav.gif") no-repeat -180px -320px; }

/*---------------------------------------------
 2009.04.16
---------------------------------------------*/
.leftbox-nav02    { width: 180px; }
.leftbox-nav02 ul { list-style: none; }
.leftbox-nav02 li { text-indent: -9999px; }
.leftbox-nav02 a  { width: 180px; display: block; text-decoration: none; }

.leftbox-nav02 li a:link, .leftbox-nav02 li a:visited { color: #646464; text-decoration: none; }
.leftbox-nav02 li a:hover, .leftbox-nav02 li a:active { color: #ffffff; text-decoration: none; }

.nav-top02 { display: block; height: 7px; background: url("../img/nav_top.gif") no-repeat; }
.nav-bottom02 { display: block; height: 7px; background: url("../img/nav_bottom.gif") no-repeat; }

.nav-whatsnew02 a:link, .nav-whatsnew02 a:visited { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat 0px 0px; }
.nav-university02 a:link, .nav-university02 a:visited { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat 0px -32px; }
.nav-field02 a:link, .nav-field02 a:visited { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat 0px -64px; }
.nav-meeting02 a:link, .nav-meeting02 a:visited { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat 0px -96px; }
.nav-counsel02 a:link, .nav-counsel02 a:visited { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat 0px -128px; }
.nav-reason02 a:link, .nav-reason02 a:visited { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat 0px -160px; }
.nav-company02 a:link, .nav-company02 a:visited { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat 0px -192px; }
.nav-contact02 a:link, .nav-contact02 a:visited { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat 0px -224px; }
.nav-support02 a:link, .nav-support02 a:visited { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat 0px -256px; }
.nav-qa02 a:link, .nav-qa02 a:visited { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat 0px -288px; }
.nav-office02 a:link, .nav-office02 a:visited { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat 0px -320px; }
.nav-linkintro02 a:link, .nav-linkintro02 a:visited { display: block; height: 34px; background: url("../img/nav02.gif") no-repeat 0px -352px; }

.nav-whatsnew02 a:hover, .nav-whatsnew02 a:active { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat -180px 0px; }
.nav-university02 a:hover, .nav-university02 a:active { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat -180px -32px; }
.nav-field02 a:hover, .nav-field02 a:active { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat -180px -64px; }
.nav-meeting a:hover, .nav-meeting02 a:active { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat -180px -96px; }
.nav-counsel02 a:hover, .nav-counsel02 a:active { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat -180px -128px; }
.nav-reason02 a:hover, .nav-reason02 a:active { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat -180px -160px; }
.nav-company02 a:hover, .nav-company02 a:active { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat -180px -192px; }
.nav-contact02 a:hover, .nav-contact02 a:active { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat -180px -224px; }
.nav-support02 a:hover, .nav-support02 a:active { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat -180px -256px; }
.nav-qa02 a:hover, .nav-qa02 a:active { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat -180px -288px; }
.nav-office02 a:hover, .nav-office02 a:active { display: block; height: 32px; background: url("../img/nav02.gif") no-repeat -180px -320px; }
.nav-linkintro02 a:hover, .nav-linkintro02 a:active { display: block; height: 34px; background: url("../img/nav02.gif") no-repeat -180px -352px; }


.leftbox a:link, .leftbox a:visited { color: #01ad4e; text-decoration: none; }
.leftbox a:hover, .leftbox a:active { color: #01ad4e; text-decoration: underline; }

.rightbox { width: 344px; float: right; }
.rightbox-aisatu { width: 306px; border: double 3px #5d9c3e; padding: 15px; margin-bottom: 10px; }
.aisatup1 { color: #4c874c; font-weight: bold; font-size: 100%; }
.aisatup2 { color: #4d4d4d; font-weight: bold; font-size: 115%; border-bottom: dotted 2px #336070; padding-bottom: 10px; margin-bottom: 10px; }
.aisatup3 { color: #4d4d4d; font-size: 90%; padding-top: 1px; line-height: 1.6em; }

.college  { width: 178px; border: solid 1px #77ca6f; }
.collegep { width: 168px; color: #01ad4e; border-bottom: dotted 2px #77ca6f; font-size: 85%; padding: 3px 5px 3px 5px; }
.collegep2 { width: 168px; color: #01ad4e; font-size: 85%; padding: 3px 5px 3px 5px; }

.img_nav    { width: 760px; }
.img_nav ul { list-style: none; }
.img_nav li { text-indent: -9999px; list-style: none; }
.img_nav a  { width: 270px; display: block; text-decoration: none; }

.nav_gakusei a:link, .nav-gakusei a:visited { display: block; height: 42px; background: url("../img/gakusei_nav.gif") no-repeat; }
.nav_syakai a:link, .nav-syakai a:visited { display: block; height: 42px; background: url("../img/syakai_nav.gif") no-repeat; }
.nav_ryugaku a:link, .nav-ryugaku a:visited { display: block; height: 42px; background: url("../img/ryugaku_nav.gif") no-repeat; }

.nav_gakusei a:hover, .nav-gakusei a:active { display: block; height: 42px; background: url("../img/gakusei_nav2.gif") no-repeat; }
.nav_syakai a:hover, .nav-syakai a:active { display: block; height: 42px; background: url("../img/syakai_nav2.gif") no-repeat; }
.nav_ryugaku a:hover, .nav-ryugaku a:active { display: block; height: 42px; background: url("../img/ryugaku_nav2.gif") no-repeat; }

.rightbox-in { width: 475px; float: right; padding-right: 30px; }

#topnews { width: 344px; margin-bottom: 20px; }
#topnews-box { width: 344px; margin-bottom: 5px; padding-bottom: 7px; }
#topnews-box .boxline { border: solid 1px #747474; margin-top: 5px; padding-bottom: 5px; } 
#topnews-box ul { list-style: none; }
#topnews-box li { padding: 10px 12px 8px 32px; color: #01ad4e; background: url("../img/arrow.gif") no-repeat 18px 10px; 
border-bottom: dotted 2px #747474; list-style: none; }

#topnews-in { width: 475px; }
#topnews-box-in { width: 475px; margin-bottom: 15px; margin-top: 5px; padding-bottom: 7px; }
#topnews-box-in .boxline { border: solid 1px #747474; margin-top: 5px; padding-bottom: 5px; }
#topnews-b