/* CSS Document ==========================================
   file name : stylesheet.css
========================================================== */
html{overflow-y:scroll;}
body{background-color: #e8f2fd;}
/* ----------------------------------------------*/
/*　【common】ボックス設定
-------------------------------------------------*/
div#wrapper {
    width: 900px;
    background: url(../images/bg_rpt.jpg) repeat-y;
    margin: 0 auto;
    text-align: left;
}
div#header {   
    width: 900px;
    height: 87px;
    background: url(../images/bg_header.jpg) no-repeat;
    padding-left: 14px;
}
div#contents {
    width: 900px;
    background: url(../images/bg_fix.jpg) no-repeat;
    padding-top: 17px;
    padding-left: 14px;
}
div#contents:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}
div#leftMenu {
    width: 200px;
    float: left;
}
div#main {
    width: 640px;
    margin-left: 30px;
    margin-right: 30px;
    float: right;
}
div#footer {
    width: 900px;
    height: 30px;
    background: url(../images/bg_footer.jpg) no-repeat bottom;
}
div#copyRight {
    width: 900px;
    height: 30px;
    background-color: #e8f2fd;
    text-align: center;
    font-size: 11px;
    *font-size: 90%;
    line-height: 1.3;
}
/* ----------------------------------------------*/
/*　【common】font
-------------------------------------------------*/
.tx10 {font-size:10px;*font-size:85%;line-height:1.3;}
.tx12 {font-size:12px;*font-size:100%;line-height:1.5;}
.tx14 {font-size:14px;*font-size:120%;}
.tx14b{font-size:14px;*font-size:120%;font-weight:bold;}
.tx16 {font-size:16px;*font-size:140%;}
.tx20 {font-size:20px;*font-size:160%;}
.tx12red {font-size:12px;*font-size:100%; color: red;}
/* ----------------------------------------------*/
/*　【common】leftMenu内リンク mouseOver
-------------------------------------------------*/
ul#mnbtn {
    list-style-type: none;
    margin: 0;
    padding: 0;
   }
ul#mnbtn a {
    display: block;
    width: 180px;
    height: 38px;
    text-indent: -5000px;
    margin-bottom: 2px;
   }
ul#mnbtn a:hover {
    background-position: top right;
}
ul#mnbtn a.toppage {
    background-image: url(../images/mnbtn_toppage.jpg);
}
ul#mnbtn a.message {
    background-image: url(../images/mnbtn_message.jpg);
}
ul#mnbtn a.officers {
    background-image: url(../images/mnbtn_officers.jpg);
}
ul#mnbtn a.fromMO {
    background-image: url(../images/mnbtn_fromMO.jpg);
}
ul#mnbtn a.information {
    background-image: url(../images/mnbtn_information.jpg);
}
ul#mnbtn a.interview {
    background-image: url(../images/mnbtn_interview.jpg);
}
ul#mnbtn a.link {
    background-image: url(../images/mnbtn_link.jpg);
}
/* ----------------------------------------------*/
/*　【common】お問い合わせリンク mouseOver
-------------------------------------------------*/
a#btnCntctUs {
    display: block;
    width: 180px;
    height: 30px;
    text-indent: -1000px;
    background-image: url(../images/btn_cntactUs.jpg);
    margin-top: 70px;
}
a#btnCntctUs:hover {
    background-position: top right;
}
/* ----------------------------------------------*/
/*　【common】同窓会名称・住所
-------------------------------------------------*/
/* 名称 */
li.name {
    font-size: 14px;
    *font-size: 120%;
    font-weight: bold;
}
/* 住所 */
ul.address {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size:11px;
    *font-size:90%;
    line-height:1.3;
    padding-left: 10px;
    padding-top: 20px;
    margin-bottom: 80px;/*addressの下余白 contents全体の高さを決定する*/
}
/* ----------------------------------------------*/
/*　【common】パンくず表示
-------------------------------------------------*/
#topicPath           {font-size:78%;color:#3e2f95;width:480px; height:30px; margin:3px 0 0 0; padding:0;}
#topicPath a:link    {color:#3e2f95;text-decoration:underline;}
#topicPath a:visited {color:#3e2f95;text-decoration:underline;}
#topicPath a:hover   {color:#ff8409;text-decoration:none;}
#topicPath a:active  {color:#ff8409;text-decoration:none;}
/* ----------------------------------------------*/
/*　【common】サブジェクト表示
-------------------------------------------------*/
/* 文字が画像 */
.subject {
    margin-bottom: 20px;
}
/* 文字がテキスト */
.subject_bg {
    font-size:16px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 20px;
    background-image: url(../images/subject.jpg);
    background-repeat: no-repeat;
    line-height: 29px;
    padding-left: 15px;
    width:630px; height:25px;
}
/* ----------------------------------------------*/
/*　【common】本文
-------------------------------------------------*/
/* 本文 */
.text {
    width: 600px;
    font-size:12px;*font-size:90%;line-height:1.6;
}
/* 更新日付 */
.upDate {
    font-size:10px;*font-size:80%;color:#999999 ;
}
/* ----------------------------------------------*/
/*　【common】ul・li　マーク表示
-------------------------------------------------*/
/* マークなし */
ul.no_mark li{list-style:none;}
/* マークピンク */
ul.mark_pink {list-style-image: url(../images/mark_pink.gif);}
/* ----------------------------------------------*/
/*　【common】画像・キャプション表示
-------------------------------------------------*/
.imglist img {margin-right: 4px; margin-bottom: 4px;}
.imgcaption {
    text-align: center;
    font-size: 12px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}
.imgcaption img {margin-bottom: 5px;}
.imgcaption p   {margin: 0;}
.imgcaptionClear{clear: both;}
/* ----------------------------------------------*/
/*　【index.html】トピックス表示
-------------------------------------------------*/
.boxinformation           {width:630px;}
.boxinformation .boxclear {width:630px; border-bottom:#e8e9eb 1px solid;}
.boxinformation ul        {list-style-type: none; margin: 0; padding: 0;}
.boxinformation li        {margin:0; list-style:none; float:left; padding-top: 5px;}
.boxinformation li.mark   {width:36px; height:20px; padding-right: 5px; padding-left: 5px;}
.boxinformation li.t1     {width:100px; height:20px; font-size: 83%; font-weight:bold; color:#333333; text-align: center;border-left:#BBBBBB 1px solid;border-right:#BBBBBB 1px solid;}
.boxinformation li.t2     {width:480px; height:20px; font-size: 83%; color:#333333;border-right:#BBBBBB 1px solid;}
.boxinformation li.t2 a:link    {color:#10a7cf;text-decoration:underline;}
.boxinformation li.t2 a:visited {color:#10a7cf;text-decoration:underline;}
.boxinformation li.t2 a:hover   {color:#ff8409;text-decoration:none;}
.boxinformation li.t2 a:active  {color:#ff8409;text-decoration:none;}

.boxclear        {margin:0; padding:0; min-height:1px;}
.boxclear:after  {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.boxclear        {display:inline-table; }
* html #boxclear {height:1px; }
.boxclear        {display:block; }
/* ----------------------------------------------*/
/*　【index.html】トップページ写真表示
-------------------------------------------------*/
p.topImage {
    margin-left: 20px;
    margin-bottom: 10px;
}
/* ----------------------------------------------*/
/*　【officer.html】会長あいさつ表示
-------------------------------------------------*/
img.imgRight {
    float: right;
    margin: 0 0 15px 15px;
}
div.kaichoMsg {
    width: 600px;
    font-size:12px;*font-size:90%;line-height:1.5;
}
.imgRightClear{
    clear: both;
}
/* ----------------------------------------------*/
/*　【officer.html】役員紹介表示
-------------------------------------------------*/
table#officers {
    font-size:12px;*font-size:90%;line-height:1.5;
    width: 400px;
    border: 1px #147adf solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#officers th {
    padding: 5px;
    border: #147adf solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#officers td {
    padding: 5px;
    border: 1px #147adf solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
table#officers2 {
    font-size:12px;*font-size:90%;line-height:1.5;
    width: 400px;
    border: 1px #147adf solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#officers2 th {
    padding: 5px;
    border: #147adf solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#officers2 td {
    padding: 5px;
    border: 1px #147adf solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
/* ----------------------------------------------*/
/*　【interview.html】新着インタビュー紹介表示
-------------------------------------------------*/
table#ivNew {
    font-size:12px;*font-size:90%;line-height:1.5;
    width: 480px;
    border: 1px #147adf solid;
    border-collapse: collapse;
    border-spacing: 0;
}
table#ivNew td {
    padding: 5px;
    border: 1px #147adf solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
/* ----------------------------------------------*/
/*　【interview.html】インタビュータイトル mouseOver
-------------------------------------------------*/
ul#ivtitle {
    list-style-type: none;
    margin: 0;
    padding: 0;
   }
ul#ivtitle a {
    display: block;
    width: 483px;
    height: 158px;
    text-indent: -5000px;
    margin-bottom: 2px;
   }
ul#ivtitle a:hover {
    background-position: top right;
}
ul#ivtitle a.iv20121201 {
    background-image: url(../images/interview/interview20121201.jpg);
}
ul#ivtitle a.iv20130401 {
    background-image: url(../images/interview/interview20130401.jpg);
}
ul#ivtitle a.iv20130510 {
    background-image: url(../images/interview/interview20130510.jpg);
}
ul#ivtitle a.iv20130807 {
    background-image: url(../images/interview/interview20130807.jpg);
}
/* ----------------------------------------------*/
/*　【interview/xxxxxxxx.html】インタビュー文表示
-------------------------------------------------*/
img.imgRightIv {
    float: right;
    margin: 0 0 15px 15px;
}
img.imgLeftIv {
    float: left;
    margin: 15px 15px 15px 15px;
}
ul.interviewMain {
    width: 600px;
    font-size:12px;*font-size:90%;line-height:1.5;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
ul.interviewMain li{
    list-style:none;
}
.imgRightIvClear{
    clear: both;
}
li.iver_orange {
    font-size: 12px;
    color: #fc7b12;
}
li.iver_green {
    font-size: 12px;
    color: #2db02d;
}
li.iver_blue {
    font-size: 12px;
    color: #0066cc;
}
li.iver_ff3300 {
    font-size: 12px;
    color: #ff3300;
}
li.ivee {
    font-size: 12px;
}
/* ----------------------------------------------*/