@charset "utf-8";

/* ------------------------------------
CSS Information

 Site URL:       http://xxxx.jp/
 File name:      style.css (http://xxxx.jp/css/style.css)
 Summary:        
 Created:        2011-02-02
 Last update:    2011-02-08 by Tomo
 Author:         Tomo

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

/* -------------------------
 __Resetting
-------------------------- */

@import"reset.css";

/* -------------------------
 __Default style clear

  ＜font-size 対応表＞
 10pt <--> font-size:77%; 
 11pt <--> font-size:85%; 
 12pt <--> font-size:93%; 
 13pt <--> font-size:100%; 
 14pt <--> font-size:108%; 
 15pt <--> font-size:116%; 
 16pt <--> font-size:123.1%; 
 17pt <--> font-size:131%; 
 18pt <--> font-size:138.5%; 
 19pt <--> font-size:146.5%; 
 20pt <--> font-size:153.9%; 
 21pt <--> font-size:161.6%; 
 22pt <--> font-size:167%; 
 23pt <--> font-size:174%; 
 24pt <--> font-size:182%; 
 25pt <--> font-size:189%; 
 26pt <--> font-size:197%; 

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

* {
	margin: 0;
	padding: 0;
}

select optgroup option{ 
    padding-left:20px; 
}

html {
	overflow-y: scroll;
	background: none;
}

body {
	background: #FFFFFF url(../images/bg.gif) repeat-x;
	font-size: 100%;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	color: #333333;
	line-height: 1.4;
}

p {
	margin: 0 0 1em;
	line-height:21px;
	font-size: 85%;
	font-weight:normal;
}

li {
	list-style-type: none;
}

img {
	border: 0;
	vertical-align: bottom;
}

a {
	color: #385ea3;
	text-decoration: underline;
}
a:hover {
	color: #385ea3;
	text-decoration: none;
}

sub {
	font-size: 75.5%;
	vertical-align: bottom;
	position: relative;
	top: 0.1em;
}
sup {
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}

.bold {	font-weight:bold;}

.red   { color:#FF0000; }
.red2  { color:#e60012; }
.green { color:#006600; }
.blue  { color:#0000FF; }
.orange   { color:#FF6600; }
.gray  { color:#999999; }
.white  { color:#FFFFFF; }
.maroon { color:#800000; }

.center {text-align: center;}
.right {text-align: right;}

.fs09 { font-size:69%; }
.fs10 { font-size:77%; }
.fs11 { font-size:85%; }
.fs12 { font-size:93%; }

.clear { clear: both; }

/* -------------------------
 __header
-------------------------- */

div#header {
	width: 100%;
	height: 98px;
	margin: 0 auto;
	background: #FFFFFF url(../images/header_bg.gif) repeat-x;
	border-bottom:#385ea3 2px solid;
}

div#hinfo {
	width: 980px;
	margin: 0 auto;
}

h1 {
	margin: 0;
	line-height:21px;
	font-size: 10px;
	font-weight:normal;
	color: #385ea3;
}

div#hinfo p {
	font-size: 77%;
}

div#logo {
	float: left;
	width: 500px;
	height: 77px;
}

div#supnavi {
	float: right;
	width: 100px;
	margin: 0;
}

div#supnavi p {
	line-height:21px;
	text-align: right;
	padding: 0;
	margin: 0;
}

/* -------------------------
 __contents
-------------------------- */

div#contents {
	width: 100%;
	margin: 0 auto;
}

div.wrapper {
	width: 980px;
	margin: 0 auto;
}

/* パンくずナビ ----*/

div#pankuzu {
	width: 100%;
	height: 21px;
	margin: 0 auto;
	padding: 7px 0 0 0;
	font-size: 77%;
	background: #FFFFFF url(../images/pankuzu_bg.gif) repeat-x; 
}

/* -------------------------
 __main
-------------------------- */

div#main {
	width: 770px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
}

div#main.top {
	width: 980px;
	margin: 10px 0 0 0;
	padding: 0;
}

div#main h2 {
	height:32px;
	margin: 0 0 10px 0;
	padding:10px 0 0 30px;
	background: #FFFFFF url(../images/ttl_h2_bg.gif) no-repeat;
	font-size:120%;
	color: #385ea3;
}

div#main h3 {
	margin: 20px 0 10px 0;
	padding: 5px 0 0 28px;
	background: #FFFFFF url(../images/ttl_h3_bg.gif) no-repeat;
	height:24px;
	color: #385ea3;
}

div#main h4 {
	margin: 20px 0 10px 14px;
	padding: 1px 0 0 28px;
	background: #FFFFFF url(../images/ttl_h4_bg.gif) no-repeat;
	height:19px;
	color: #385ea3;
}
div#main h5 {
	margin: 10px 0 10px 21px;
	font-weight: bold;
	color: #385ea3;
}

div#main h6 {
	margin: 10px 0 10px 21px;
	font-size:85%;
	font-weight: bold;
	color: #385ea3;
}

div#main p {
	padding: 0 14px;
}

div#main p.head {
	padding: 0;
	clear:both;
}
div#main .box {
	margin:0 0 14px 0;
}
div#main .box p {
	margin:0;
	padding: 0 14px 7px 14px;
}
div#main .box-top {
	background:#FFFFFF url(../images/box_top.gif) no-repeat;
	height:21px;
	line-height:21px;
	padding:0 0 0 28px;
	font-size:93%;
	color:#FFFFFF;
}
div#main .box-middle {
	background:#FFFFFF url(../images/box_middle.gif) repeat-y;
	padding:14px 14px 0 14px;
}
div#main .box-bottom {
	background:#FFFFFF url(../images/box_bottom.gif) no-repeat bottom;
	height:10px;
}
div#main .box-top2 {
	background:#FFFFFF url(../images/box_top2.gif) no-repeat;
	height:21px;
	line-height:21px;
	padding:0 0 0 28px;
	font-size:93%;
	color:#FFFFFF;
}
div#main .box-middle2 {
	background:#FFFFFF url(../images/box_middle2.gif) repeat-y;
	padding:14px 14px 0 14px;
}
div#main .box-bottom2 {
	background:#FFFFFF url(../images/box_bottom2.gif) no-repeat bottom;
	height:10px;
}
div#main .box-top3 {
	background:#FFFFFF url(../images/box_top3.gif) no-repeat;
	height:21px;
	line-height:21px;
	padding:0 0 0 28px;
	font-size:93%;
	color:#FFFFFF;
}
div#main .box-middle3 {
	background:#FFFFFF url(../images/box_middle3.gif) repeat-y;
	padding:14px 14px 0 14px;
}
div#main .box-bottom3 {
	background:#FFFFFF url(../images/box_bottom3.gif) no-repeat bottom;
	height:10px;
}
div#main .box-top4 {
	background:#FFFFFF url(../images/box_top4.gif) no-repeat;
	height:21px;
	line-height:21px;
	padding:0 0 0 28px;
	font-size:93%;
	color:#FFFFFF;
}
div#main .box-middle4 {
	background:#FFFFFF url(../images/box_middle4.gif) repeat-y;
	padding:14px 14px 0 14px;
}
div#main .box-bottom4 {
	background:#FFFFFF url(../images/box_bottom4.gif) no-repeat bottom;
	height:10px;
}
div#main .box-top5 {
	background:#FFFFFF url(../images/box_top5.gif) no-repeat;
	height:21px;
	line-height:21px;
	padding:0 0 0 28px;
	font-size:93%;
	color:#FFFFFF;
}
div#main .box-middle5 {
	background:#FFFFFF url(../images/box_middle5.gif) repeat-y;
	padding:14px 14px 0 14px;
}
div#main .box-bottom5 {
	background:#FFFFFF url(../images/box_bottom5.gif) no-repeat bottom;
	height:10px;
}
div#main .box-top6 {
	background:#FFFFFF url(../images/box_top6.gif) no-repeat;
	height:21px;
	line-height:21px;
	padding:0 0 0 28px;
	font-size:93%;
	color:#FFFFFF;
}
div#main .box-middle6 {
	background:#FFFFFF url(../images/box_middle6.gif) repeat-y;
	padding:14px 14px 0 14px;
}
div#main .box-bottom6 {
	background:#FFFFFF url(../images/box_bottom6.gif) no-repeat bottom;
	height:10px;
}
div#main .box-top7 {
	background:#FFFFFF url(../images/box_top7.gif) no-repeat;
	height:21px;
	line-height:21px;
	padding:0 0 0 28px;
	font-size:93%;
	color:#FFFFFF;
}
div#main .box-middle7 {
	background:#FFFFFF url(../images/box_middle7.gif) repeat-y;
	padding:14px 14px 0 14px;
}
div#main .box-bottom7 {
	background:#FFFFFF url(../images/box_bottom7.gif) no-repeat bottom;
	height:10px;
}

div#main .box input[type='text'] {
    width: 500px;
    height: 30px;
	padding:0 7px;
	font-size:120%;
}
div#main .box input[type='submit'] {
    width: 70px;
    height: 30px;
	font-size:120%;
}
div#main .box input[type='submit'].all-result {
    width: 140px;
    height: 30px;
	font-size:120%;
}
div#list {
	width:742px;
}
div#list .org1 {
	width:240px;
	float:left;
	border:1px #007900 solid;
	padding:0;
	margin:21px 5px 0 0;
	font-size:93%;
}
div#list .org2 {
	width:240px;
	float:left;
	border:1px #e38000 solid;
	padding:0;
	margin:21px 5px 0 0;
	font-size:93%;
}
div#list .org3 {
	width:240px;
	float:left;
	border:1px #8c0023 solid;
	padding:0;
	margin:21px 5px 0 0;
	font-size:93%;
}
div#list .org4 {
	width:240px;
	float:left;
	border:1px #3E94D1 solid;
	padding:0;
	margin:21px 5px 0 0;
	font-size:93%;
}
div#list .org5 {
	width:240px;
	float:left;
	border:1px #A967D5 solid;
	padding:0;
	margin:21px 5px 0 0;
	font-size:93%;
}
div#list .org6{
	width:240px;
	float:left;
	border:1px #34D0B6 solid;
	padding:0;
	margin:21px 5px 0 0;
	font-size:93%;
}
div#list .org {
	width:240px;
	float:left;
	border:1px #0048b5 solid;
	padding:0;
	margin:21px 5px 0 0;
	font-size:93%;
}

div#list p.dept {
	width:219px;
	float:left;
	background:transparent url(../images/list02.gif) 2px top no-repeat;
	padding:0 0 4px 21px;
	margin:4px 0 0 0;
	font-size:93%;
}
div#list p.course {
	width:198px;
	float:left;
	background:transparent url(../images/list03.gif) 14px 0px no-repeat;
	padding:0 0 0 35px;
}
div#list .org1 a {
	color:#007900;
}
div#list .org2 a {
	color:#e38000;
}
div#list .org3 a {
	color:#8c0023;
}
div#list .org4 a {
	color:#3E94D1;
}
div#list .org a {
	color:#0048b5;
}

div#list a.org1_t {
	color:#FFFFFF;
	width:235px;
	background-color:#007900;
	display:block;
	padding:0 0 0 7px;
}
div#list a.org2_t {
	color:#FFFFFF;
	width:235px;
	background-color:#e38000;
	display:block;
	padding:0 0 0 7px;
}
div#list a.org3_t {
	color:#FFFFFF;
	width:235px;
	background-color:#8c0023;
	display:block;
	padding:0 0 0 7px;
}
div#list a.org4_t {
	color:#FFFFFF;
	width:235px;
	background-color: #3E94D1;
	display:block;
	padding:0 0 0 7px;
}
div#list a.org5_t {
	color:#FFFFFF;
	width:235px;
	background-color: #A967D5;
	display:block;
	padding:0 0 0 7px;
}
div#list a.org6_t {
	color:#FFFFFF;
	width:235px;
	background-color: #34D0B6;
	display:block;
	padding:0 0 0 7px;
}
div#list a.org_t2 {
	height:32px;
	font-size:116%;
	padding:10px 0 0 7px;
	border-bottom:7px #FFFFFF solid;
	position:relative;
	right:1px;
}

div#list a.dept1_t {
	color:#FFFFFF;
	width:233px;
	background-color: #007900;
	display:block;
	padding:0 0 0 7px;
	margin:0 0 7px 0;
}
div#list a.dept2_t {
	color:#FFFFFF;
	width:233px;
	background-color: #e38000;
	display:block;
	padding:0 0 0 7px;
	margin:0 0 7px 0;
}
div#list a.dept3_t {
	color:#FFFFFF;
	width:233px;
	background-color: #8c0023;
	display:block;
	padding:0 0 0 7px;
	margin:0 0 7px 0;
}
div#list a.dept4_t {
	color:#FFFFFF;
	width:233px;
	background-color: #3E94D1;
	display:block;
	padding:0 0 0 7px;
	margin:0 0 7px 0;
}
div#list a.dept5_t {
	color:#FFFFFF;
	width:233px;
	background-color: #A967D5;
	display:block;
	padding:0 0 0 7px;
}
div#list a.dept6_t {
	color:#FFFFFF;
	width:233px;
	background-color: #34D0B6;
	display:block;
	padding:0 0 0 7px;
}

div#list a {
	color: #385ea3;
	text-decoration: none;
}
div#list a:hover {
	text-decoration: underline;
}
div#main .pager {
	width:740px;
	border:1px #cccccc solid;
	text-align:center;
	background-color:#f5f5f5;
}
div#main .pager_b {
	width:740px;
	border:1px #cccccc solid;
	text-align:center;
	background-color:#f5f5f5;
	margin:7px 0 0 0;
}

div#main table.result {
	width:739px;
	border-top:1px #cccccc solid;
	border-left:1px #cccccc solid;
	margin:7px auto 0 auto;
	font-size:85%;
}
div#main table.result_t {
	margin:7px auto;
}

div#main table.result th,
div#main table.result td {
	border-right:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
	padding:7px;
}
div#main table.result th {
	background-color:#eeeeee;
}
div#main table.org1 th {
	background-color:#82de82;
}
div#main table.org2 th {
	background-color:#f8cb91;
}
div#main table.org3 th {
	background-color:#e3859c;
}
div#main table.org4 th {
	background-color:#8EC3E8;
}
div#main table.org5 th {
	background-color:#CFA8EA;
}
div#main table.org6 th {
	background-color:#88E8D8;
}
div#main table.org th {
	background-color:#8bb2ed;
}

div#main table.result th.name,
div#main table.result td.name {
	width:85px;
}
div#main table.result th.position,
div#main table.result td.position {
	width:85px;
}
div#main table.result th.affi1,
div#main table.result td.affi1 {
	width:85px;
}
div#main table.result th.affi2,
div#main table.result td.affi2 {
	width:85px;
}
div#main table.result th.theme,
div#main table.result td.theme {
	width:325px;
}
div#main table.result img {
	vertical-align: top;
}

/* -------------------------
 __sub
-------------------------- */

div#sub {
	width: 196px;
	float: right;
	margin: 10px 0 0 0;
	padding: 0;
}

div#sub ul {
	margin: 0 0 7px 0;
}

div#sub ul.bnr li {
	margin: 0 0 7px 0;
	font-size:85%;
}
div#sub ul.bnr li.mark0 {
    background: url("../images/arrow0.gif") 4px 6px no-repeat;
	padding:0 0 0 18px;
}
div#sub ul.bnr li.mark1 {
    background: url("../images/arrow1.gif") 18px 6px no-repeat;
	padding:0 0 0 32px;
}

div#sub h3 {
	background: #FFFFFF url(../images/bg_submenu.gif) no-repeat;
	height:30px;
	margin:14px 0;
	padding:12px 0 0 28px;
}

div#main ul.blog li {
    background: url("../images/arrow3.gif") 0 3px no-repeat;
	padding: 0 0 0 10px;
}
div#sub ul.blog li {
    background: url("../images/arrow3.gif") 0 3px no-repeat;
	padding: 0 0 0 10px;
	font-size:85%;
}
div#main ul.blog,
div#sub ul.blog {
	margin: 7px 0 14px 0;
	padding: 0 7px 0 14px;
}
div#main div.content-nav {
	margin: 28px 0;
	text-align:center;
	font-size:85%;
}
/* -------------------------
 __footer
-------------------------- */

div#pagelink {
	clear: both;
	padding: 0 0 50px 0;
	font-size: 77%;
}

div#pagelink_l {
	float: left;
}

div#pagelink_r {
	float: right;
}

div#footer1 {
	width: 100%;
	height: 82px;
	background-color: #FFFFFF;
	border-top:2px #385ea3 solid;
	margin: 0 auto;
}

div#footer_address {
	float: left;
	padding:7px 0 0 0;
}

div#footer_address p {
	margin: 14px 0 0 0;
	font-size: 13px;
	line-height: 15px;
	color:#666666;
}
div#footer_address a,
div#footer_address a:hover {
	color:#666666;
	text-decoration:none;
}

div#footer_mail {
	float: left;
	padding:14px 0 0 28px;
}

div#footer_mail p {
	margin: 7px 0 0 0;
}

div#footer3 {
	clear: both;
	width: 100%;
	height:31px;
	background-color: #385ea3;
	margin: 0 auto;
	padding: 7px 0;
	text-align: center;
}

div#footer3 p,
div#footer3 a,
div#footer3 a:hover {
	font-size: 10px;
	color:#ffffff;
	text-decoration:none;
}

/* -------------------------
 __clearfix
-------------------------- */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}