@charset "UTF-8";
@import url("reset.css");
/*******************/
/* 全体 */
/*******************/
html,
body,
#wrap {
height: 100%;
color: #444444;
background-color: #FFFFFF;
font-family: "ＭＳ Ｐゴシック",sans-serif;
}
body > #wrap {
height: auto;
min-height: 100%;
}
#main {
padding-bottom: 50px;
margin-bottom: 20px;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
html {
overflow-y:scroll;
}
/* リンク */
a:link {
color: #444444;
text-decoration: none;
}
a:visited {
color: #444444;
text-decoration: none;
}
a:active {
color: #444444;
text-decoration: underline;
}
a:hover {
color: #00326B;
text-decoration: underline;
}
/* リンク */
a:link.link_Blue003 {
color: #00326B;
text-decoration: none;
}
a:visited.link_Blue003 {
color: #00326B;
text-decoration: none;
}
a:active.link_Blue003 {
color: #00326B;
text-decoration: underline;
}
a:hover.link_Blue003 {
color: #00326B;
text-decoration: underline;
}
/* 文字 */
.TextL {
font-size: 120%;
}
.TextS {
font-size: 90%;
line-height: 130%;
}
.TextSS {
font-size: 80%;
line-height: 130%;
}
.TextB {
font-weight:bold;
}
.TextNormal {
font-weight:normal;
}
.TextBlue003 {
color:#00326B;
}
.clearBoth {
clear: both;
}
.clearBothSmall {
clear: both;
height: 1px;
line-height: 1px;
font-size: 1px;
}
/* hr */
hr.DotC3C {
color: #C3C3C3;
height: 0px;
border: 1px;
border-style: dashed;
}
/*******************/
/* ヘッダー */
/*******************/
#header {
margin: 0px auto;
width: 976px;
height: 96px;
position: relative;
background: url("images/sipec-blog-img/header_bg.gif") no-repeat;

}
h1 {
position: absolute;
top:5px;
right:8px;
font-size:10px;
line-height: 100%;
font-weight: normal;
text-align: right;
}
h2 {
position: absolute;
top:15px;
left:15px;
}
h3 {
clear: both;
width: 950px;
height: 31px;
font-size: 160%;
font-weight: bold;
white-space: nowrap;
color:#00326B;
padding: 12px 0 0 20px;
margin: 5px auto 10px auto;
background: url("images/sipec-blog-img/bar_title.gif") no-repeat;
}
/* ブログ記事のタイトル */
h4 {
clear: both;
font-size: 140%;
font-weight: bold;
color:#00326B;
margin: 10px 0 10px  0;
}
/*******************/
/* ヘッダーバナー */
/*******************/
ul#headerLinkList {
list-style: none;
position: absolute;
top: 30px;
right: 10px;
}
ul#headerLinkList li {
float: left;
}
ul#headerLinkList span {
visibility: hidden;
}
ul#headerLinkList a:visited,
ul#headerLinkList a:hover {
text-decoration: none;
}
ul#headerLinkList li.bnr_kokuseikei a {
background: url("images/sipec-blog-img/bnr_kokuseikei.gif") no-repeat;
margin: 0px 5px 0px 0px;
width: 122px;
height: 26px;
float: left;
display:block;
text-decoration: none;
line-height: 100%;
}
ul#headerLinkList li.bnr_kokuseikei a:hover {
background: url("images/sipec-blog-img/bnr_kokuseikei.gif") no-repeat;
}
ul#headerLinkList li.bnr_aogaku a {
background: url("images/sipec-blog-img/bnr_aogaku.gif") no-repeat;
margin: 0px 0px 0px 0px;
width: 112px;
height: 26px;
float: left;
display:block;
text-decoration: none;
line-height: 100%;
}
ul#headerLinkList li.bnr_aogaku a:hover {
background: url("images/sipec-blog-img/bnr_aogaku.gif") no-repeat;
}
/*******************/
/* サイト内検索 */
/*******************/
#headerGsearch{
position: absolute;
bottom: 8px;
right: 200px;
width: 258px;
float: right;
}
#headerGsearch *{
vertical-align: top;
}
#headerGsearch #search_text{
border:1px solid #C0C0C0;
height:14px;
font-size:12px;
line-height:14px;
padding:1px;
width:115px;
margin-right: 1px;
}
#headerGsearch #search_submit{
margin-right: 10px;
margin-top:2px;
}
.icn_g_search {
background: url("images/sipec-blog-img/icn_g_search.gif") no-repeat left top;
margin: 2px 0px 0px 0px;
padding: 0px 0px 0px 15px;
width:60px;
height: 14px;
float: left;
display:block;
text-decoration: none;
font-size:10px;
line-height: 120%;
white-space: nowrap;
}
/*******************/
/* RSS */
/*******************/
#icn_rss {
position: absolute;
bottom: 8px;
right: 10px;
width: 180px;
height: 21px;
font-size:10px;
line-height: 21px;
font-weight: bold;
white-space: nowrap;
text-align: right;
background: url("images/sipec-blog-img/icn_rss.gif") no-repeat right top;
margin: 0px 0px 0px 2px;
padding: 0px 23px 0px 0px;
display:block;
}
a:link#icn_rss, a:visited#icn_rss, a:active#icn_rss, a:hover#icn_rss {
color: #444444;
text-decoration: none;
}
/* UPDATE */
#update{
margin: 0px auto;
padding: 0px 5px 0px 0px;
font-size:90%;
text-align: right;
}
/*******************/
/* コンテンツ部分 */
/*******************/
/* total */
#total {
font-size:80%;
line-height: 150%;
margin: 3px auto 0 auto;
width: 970px;
}
/*******************/
/* Top Portal */
/*******************/
/* TopLeftBlock */
#TopLeftBlock{
width: 607px;
float: left;
}
#TopLeftBlockLeft {
width: 244px;
float: left;
}
#TopLeftBlockRight {
width: 355px;
float: right;
}
/* TopRightBlock */
#TopRightBlock{
width: 355px;
float: right;
}
/*******************/
/* main */
/*******************/
/* LeftBlock */
#LeftBlock {
width: 244px;
float: left;
}
/* RightBlock */
#RightBlock{
width: 718px;
float: right;
}
/* RightBlockLeft */
#RightBlockLeft {
width: 492px;
float: left;
}
/* RightBlockRight */
#RightBlockRight {
width: 218px;
float: right;
}
/*******************/
/* 各項目のエントリーリスト */
/*******************/
ul.EntryList {
list-style: none;
margin: 0px 0px 0px 2px;
}
ul.EntryList li {
background: url("images/sipec-blog-img/icn_list.gif") no-repeat 0px 7px;
padding: 0px 0px 0px 10px;
}
ul.EntryListGray {
list-style: none;
margin: 0px 0px 0px 2px;
}
ul.EntryListGray li {
background: url("images/sipec-blog-img/icn_list_gray.gif") no-repeat 0px 7px;
padding: 0px 0px 0px 10px;
}
/* 各エントリーのアップデート日 */
.date{
font-size: 85%;
font-weight: normal;
}
/*******************/
/* メインとなる枠 */
/*******************/
/* CommonBlock */
.CommonBlock {
overflow: hidden;
border:solid 1px #C3C3C3;
margin: 0px 0px 8px 0px;
}
.CommonBlock:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .CommonBlock {
height: 1em;
overflow: visible;
}
/**/
/*******************/
/* メインとなる枠の中身 */
/*******************/
/* CommonBlockInner */
.CommonBlockInner {
overflow: hidden;
margin: 6px 6px 2px 4px;
}
.#CommonBlockInner:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .#CommonBlockInner {
height: 1em;
overflow: visible;
}
/**/
/* 各項目のタイトル */
.Title {
padding: 2px 0px 2px 6px;
font-weight: bold;
color:#00326B;
background-color: #EAEAEA;
}
/* 各項目のサブタイトル */
.SubTitle {
margin: 2px 0px 2px 4px;
font-size: 80%;
}
/*******************/
/* News */
/*******************/
#NewsBlock {
width: 605px;
overflow: hidden;
border:solid 1px #C3C3C3;
margin: 0px 0px 8px 0px;
}
#NewsBlock:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #NewsBlock {
height: 1em;
overflow: visible;
}
/* NewsTitle */
#NewsTitle {
padding: 2px 0px 2px 6px;
font-weight: bold;
white-space: nowrap;
color:#00326B;
background-color: #EAEAEA;
border-top:solid 3px #00326B;
}
/* NewsBlockInner */
#NewsBlockInner {
overflow: hidden;
padding:  10px 13px 10px 13px;
}
#NewsBlockInner:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #NewsBlockInner {
height: 1em;
overflow: visible;
}
/**/
/* NewsBlockPhoto */
#NewsBlockPhoto {
width: 231px;
float:left;
}
/* NewsBlockText */
#NewsBlockText {
width: 325px;
float:right;
}
/*******************/
/* Sipecblog */
/*******************/
.SipecblogBlockPhoto {
width: 75px;
float:right;
padding: 0px 0px 5px 5px;
}
/*******************/
/* Pickup */
/*******************/
/* PickupBlock */
#PickupBlock {
width: 242px;
overflow: hidden;
background:#E4F0FF;
border:solid 1px #C3C3C3;
margin: 0px 0px 8px 0px;
}
#PickupTitle {
padding: 2px 0px 2px 6px;
font-weight: bold;
white-space: nowrap;
color:#FFFFFF;
background-color: #597BA4;
}
#PickupBlockPhoto {
width: 200px;
margin: 0px auto;
text-align: center;
}
/*******************/
/* SipecGlobe */
/*******************/
#SipecGlobeBlock {
width: 345px;
margin: 0px auto 8px auto;
}
/*******************/
/* Par Avion */
/*******************/
#ParAvionBlockPhoto {
width: 95px;
float:left;
padding: 0px 5px 5px 0px;
}
/*******************/
/* People */
/*******************/
.PeopleBlockPhoto {
width: 95px;
float:right;
padding: 0px 0px 5px 5px;
}
/*******************/
/* Dean's Office */
/*******************/
#DeanBlockPhoto {
width: 52px;
float: left;
padding: 0px 5px 5px 0px;
}
#DeanBlockText {
float: right;
width: 280px;
padding: 0px 0 5px 0px;
}
/*******************/
/* Life */
/*******************/
#LifeBlockTitle {
margin: 0px 0px 0px 5px;
}
#LifeBlockPhoto {
width: 95px;
float:left;
margin: 2px 5px 2px 0px;
}
/* LifeText */
#LifeText {
width: 221px;
height: 59px;
float:right;
padding: 15px 7px 5px 5px;
margin: 0px 0px 5px 0px;
background: url("images/sipec-blog-img/life_bg.gif") no-repeat;
}
/*******************/
/* Book */
/*******************/
#BookBlockPhoto {
width: 70px;
float:left;
padding: 0px 5px 5px 10px;
}
/*******************/
/* SIPEC 25th Anniversary */
/*******************/
#AnniversaryBlockPhoto {
width: 52px;
float: left;
padding: 0px 5px 5px 0px;
}
/*******************/
/* フッターバナー */
/*******************/
ul#BnrList {
width: 716px;
float: right;
}
ul#BnrList li {
float: left;
list-style: none;
}
ul#BnrList li.bnr_gakubu, 
ul#BnrList li.bnr_in {
margin: 0 13px 0 0;
}
ul#BnrList li span {
visibility: hidden;
}
ul#BnrList li a {
width: 230px;
height: 50px;
display:block;
text-decoration: none;
}
ul#BnrList li a:visited,
ul#BnrList li a:hover {
text-decoration: none;
}
ul#BnrList li.bnr_gakubu a {
background: url("images/sipec-blog-img/bnr_2010.jpg") no-repeat;
}
ul#BnrList li.bnr_in a {
background: url("images/sipec-blog-img/bnr_in2010.jpg") no-repeat;
}
ul#BnrList li.bnr_kaigai a {
background: url("images/sipec-blog-img/bnr_kaigai.jpg") no-repeat;
}
/*******************/
/* フッター */
/*******************/
#footer {
clear: both;
margin: 0px auto;
width: 970px;
font-size: 80%;
line-height: 150%;
text-align: right;
border-bottom:solid #00326B 6px;
padding: 20px 6px 0px 0px;
}
/*******************/
/* 団体ブログ */
/*******************/
/* Description */
#BlogDescription {
clear: both;
margin: 0px auto 5px auto;
}
/* Navi */
#BlogNavi {
clear: both;
text-align: center;
margin: 0px auto 5px auto;
}
/* メインとなる枠 */
/* EntryBlock */
.EntryBlock {
overflow: hidden;
border-top:solid 1px #C3C3C3;
border-bottom:solid 1px #C3C3C3;
margin: 0px 0px 8px 0px;
}
.EntryBlock:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .EntryBlock {
height: 1em;
overflow: visible;
}
/* EntryBlock内の最大画像幅 */
.EntryBlock img {
max-width: 480px;
width:expression(document.body.clientWidth > 480? "480px" : "auto");
}
/* ブログ記事の日付 */
.EntryTitle {
padding: 2px 0px 2px 6px;
font-weight: bold;
color:#00326B;
background-color: #E1E7EE;
border-top:solid 3px #00326B;
}
/* ブログ記事の投稿者名等 */
.EntryDate {
float: right;
color:#00326B;
}
/**/
/* コメント、トラックバック枠 */
/* ComentBlock */
.ComentBlock {
overflow: hidden;
border-top:solid 1px #C3C3C3;
margin: 0px 0px 8px 0px;
}
.ComentBlock:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html .ComentBlock {
height: 1em;
overflow: visible;
}
/**/
/* コメント、トラックバック枠のタイトル */
.ComentTitle {
padding: 2px 0px 2px 6px;
font-weight: bold;
color:#00326B;
background-color: #E1E7EE;
}
/* カレンダー */
a.calendarlink:link {
color: #00326B;
font-weight: bold;
text-decoration: none;
}
a.calendarlink:visited {
color: #00326B;
font-weight: bold;
text-decoration: none;
}

a.calendarlink:hover {
color: #00326B;
font-weight: bold;
text-decoration: underline;
}
/* calendarTbl */
table.calendarTbl {
width: 100%;
}
table.calendarTbl th {
text-align: center;
white-space: nowrap;
font-weight: bold;
width: 14%;
padding: 1px;
}
table.calendarTbl td {
text-align: center;
padding: 1px;
}