@charset "utf-8";

/*=======================================================

TOPのお知らせ表示

========================================================*/

#newsmain {
margin: 0px;
padding: 0px 0px 0px 6px;
width: 406px;
float: left;}



/* h2 リセットと指定 */
#newsmain .blockNote h2,
#newsmain .blockTopics h2,
#newsmain .blockEvent h2{
height: 30px;
margin: 0px;
padding: 0px 0px 0px 30px;
background: none;
line-height: 33px;
color: #333;
position: relative;}



#newsmain .blockNote h2 {
background: url(../../images/news/h2_note_bg.gif) no-repeat left top;
  color: #97181d;}

#newsmain .blockTopics h2 {
background: url(../../images/news/h2_topics_bg.gif) no-repeat left top;}

#newsmain .blockEvent h2 {
background: url(../../images/news/h2_event_bg.gif) no-repeat left top;}

#newsmain .blockNote h2 span,
#newsmain .blockTopics h2 span {
width: 88px;
height: 18px;
position: absolute; top: 7px; right: 6px;}




/* 各コンテンツ */
#newsmain .blockNote   { margin-bottom: 20px; }
#newsmain .blockTopics { margin-bottom: 20px; }
#newsmain .blockEvent  { margin-bottom: 20px; }




#newsmain .blockNote > ul li,
#newsmain .blockTopics > ul li,
#newsmain .blockEvent > ul li {
padding: 10px 0px 10px 30px;
clear: both;
border-bottom: 1px dotted #CCC;}

#newsmain li.new { background: url(../../images/news/icon_new.gif) no-repeat 2px 14px;}

#newsmain li > dl { overflow: hidden; zoom: 1;}
#newsmain li > dl > dt {
width: 60px;
font-size: 12px;
float: left;
clear: both;}
#newsmain li > dl > dd {
width: 315px;
float: right;}


/* 右側Topics */
#phototp {
width: 130px;
margin-top: 15px;
padding: 11px;
border: 1px solid #ccc;
background-color: #fdfdfd;
border-radius: 4px;
-webkit-border-radius: 4px;/* Safari,Google Chrome用 */
-moz-border-radius: 4px;/* Firefox用 */
position: relative;
behavior: url(http://www.naragakuen.ed.jp/common/PIE.htc);}

#phototp ul li { margin-top: 15px;}

#phototp p { padding: 0px; margin: 0px; line-height: 110%;}

#phototp p.title {
padding-left: 10px;
background: url(../../images/news/title_phototp.gif) no-repeat left center;
font-weight: bold;}

#phototp p.photo img {
width: 130px;
height: 86px;
margin-bottom: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;/* Safari,Google Chrome用 */
-moz-border-radius: 5px;/* Firefox用 */
position: relative;
behavior: url(http://www.naragakuen.ed.jp/common/PIE.htc);}




/* tt_sns_option */

.tt_sns_0 { margin: 0; padding: 0; text-align: right; }
.tt_sns_1 { float: right; margin: 0; padding: 0;          width: 64px; text-align: center; }
.tt_sns_2 { float: right; margin: 0; padding: 0 10px 0 0; width: 150px; text-align: center; }
.tt_sns_3 { float: right; margin: 0; padding: 0 10px 0 0; width: 62px; text-align: center; }
.tt_sns_4 { float: right; margin: 0; padding: 0 10px 0 0; width: 84px; text-align: center; }






/* tt_foot_option */

address { font-style: normal; }

.takea0 { margin: 0 auto; padding: 0; text-align: left; font-style: normal; }
.takea1 { float: left;  margin: 0; padding: 0; text-align: left;  }
.takea2 { float: right; margin: 0; padding: 0; text-align: right; }

.rgt0 a          { font-size: 12px; font-weight: normal; }
.rgt0 a:link     { text-decoration: none;      color: #fff; }
.rgt0 a:active   { text-decoration: none;      color: #fff; }
.rgt0 a:visited  { text-decoration: none;      color: #fff; }
.rgt0 a:hover    { text-decoration: underline; color: #fff; }



.ttft_a {
          height: 35px; 
          text-align : center;
          vertical-align: center;
          align: center;
          valign: middle;
          font-size: 11px;
          font-weight: normal;
          line-height: 35px;
          background: #fff;
          border-top-width : 1px;
          border-left-width : 1px;
          border-right-width : 1px;
          border-bottom-width : 1px;
          border-top-style : solid;
          border-left-style : solid;
          border-right-style : solid;
          border-bottom-style : solid;
          border-top-color : #999;
          border-left-color : #999;
          border-right-color : #999;
          border-bottom-color : #999;
        }

.ttft_b {
          height: 35px; 
          text-align : center;
          vertical-align: center;
          align: center;
          valign: middle;
          font-size: 11px;
          font-weight: normal;
          line-height: 35px;
          background: #fff;
          border-top-width : 1px;
          border-right-width : 1px;
          border-bottom-width : 1px;
          border-top-style : solid;
          border-right-style : solid;
          border-bottom-style : solid;
          border-top-color : #999;
          border-right-color : #999;
          border-bottom-color : #999;
        }

.ttft_c {
          height: 35px; 
          text-align : center;
          vertical-align: center;
          align: center;
          valign: middle;
          font-size: 11px;
          font-weight: normal;
          line-height: 35px;
          background: #fff;
          border-left-width : 1px;
          border-right-width : 1px;
          border-bottom-width : 1px;
          border-left-style : solid;
          border-right-style : solid;
          border-bottom-style : solid;
          border-left-color : #999;
          border-right-color : #999;
          border-bottom-color : #999;
        }

.ttft_d {
          height: 35px; 
          text-align : center;
          vertical-align: center;
          align: center;
          valign: middle;
          font-size: 11px;
          font-weight: normal;
          line-height: 35px;
          background: #fff;
          border-right-width : 1px;
          border-bottom-width : 1px;
          border-right-style : solid;
          border-bottom-style : solid;
          border-right-color : #999;
          border-bottom-color : #999;
        }

.ttft_b2 {
          height: 35px; 
          text-align : center;
          vertical-align: center;
          align: center;
          valign: middle;
          font-size: 11px;
          font-weight: normal;
          line-height: 13px;
          background: #fff;
          border-top-width : 1px;
          border-right-width : 1px;
          border-bottom-width : 1px;
          border-top-style : solid;
          border-right-style : solid;
          border-bottom-style : solid;
          border-top-color : #999;
          border-right-color : #999;
          border-bottom-color : #999;
        }

.ttft_d2 {
          height: 35px; 
          text-align : center;
          vertical-align: center;
          align: center;
          valign: middle;
          font-size: 11px;
          font-weight: normal;
          line-height: 13px;
          background: #fff;
          border-right-width : 1px;
          border-bottom-width : 1px;
          border-right-style : solid;
          border-bottom-style : solid;
          border-right-color : #999;
          border-bottom-color : #999;
        }


.ttft_a3 {
          height: 35px; 
          text-align : center;
          vertical-align: center;
          align: center;
          valign: middle;
          font-size: 11px;
          font-weight: normal;
          line-height: 35px;
          background: #64aafa;
          border-top-width : 1px;
          border-left-width : 1px;
          border-right-width : 1px;
          border-bottom-width : 1px;
          border-top-style : solid;
          border-left-style : solid;
          border-right-style : solid;
          border-bottom-style : solid;
          border-top-color : #999;
          border-left-color : #999;
          border-right-color : #999;
          border-bottom-color : #999;
        }


.ttft_b3 {
          height: 35px; 
          text-align : center;
          vertical-align: center;
          align: center;
          valign: middle;
          font-size: 11px;
          font-weight: normal;
          line-height: 35px;
          color: #fff;
          background: #64aafa;
          border-top-width : 1px;
          border-right-width : 1px;
          border-bottom-width : 1px;
          border-top-style : solid;
          border-right-style : solid;
          border-bottom-style : solid;
          border-top-color : #999;
          border-right-color : #999;
          border-bottom-color : #999;
        }


.ttft_c3 {
          height: 35px; 
          text-align : center;
          vertical-align: center;
          align: center;
          valign: middle;
          font-size: 11px;
          font-weight: normal;
          line-height: 35px;
          background: #a6373b;
          border-left-width : 1px;
          border-right-width : 1px;
          border-bottom-width : 1px;
          border-left-style : solid;
          border-right-style : solid;
          border-bottom-style : solid;
          border-left-color : #999;
          border-right-color : #999;
          border-bottom-color : #999;
        }


.ttft_d3 {
          height: 35px; 
          text-align : center;
          vertical-align: center;
          align: center;
          valign: middle;
          font-size: 11px;
          font-weight: normal;
          line-height: 35px;
          background: #7f9bba;
          border-right-width : 1px;
          border-bottom-width : 1px;
          border-right-style : solid;
          border-bottom-style : solid;
          border-right-color : #999;
          border-bottom-color : #999;
        }

.ttft_b4 {
          height: 35px; 
          text-align : center;
          vertical-align: center;
          align: center;
          valign: middle;
          font-size: 11px;
          font-weight: normal;
          line-height: 13px;
          background: #f8c7d1;
          border-top-width : 1px;
          border-right-width : 1px;
          border-bottom-width : 1px;
          border-top-style : solid;
          border-right-style : solid;
          border-bottom-style : solid;
          border-top-color : #999;
          border-right-color : #999;
          border-bottom-color : #999;
        }

.ttft_d4 {
          height: 35px; 
          text-align : center;
          vertical-align: center;
          align: center;
          valign: middle;
          font-size: 11px;
          font-weight: normal;
          line-height: 13px;
          background: #c8ecc1;
          border-right-width : 1px;
          border-bottom-width : 1px;
          border-right-style : solid;
          border-bottom-style : solid;
          border-right-color : #999;
          border-bottom-color : #999;
        }



.ttft_a a          { display: block; height: 35px; color: #666; background: #fff; }
.ttft_a a:link     { text-decoration: none; color: #666; background: #fff; }
.ttft_a a:active   { text-decoration: none; color: #666; background: #fff; }
.ttft_a a:visited  { text-decoration: none; color: #666; background: #fff; }
.ttft_a a:hover    { text-decoration: none; color: #fff; background: #a6373b; }

.ttft_b a          { display: block; height: 35px; color: #666; background: #fff; }
.ttft_b a:link     { text-decoration: none; color: #666; background: #fff; }
.ttft_b a:active   { text-decoration: none; color: #666; background: #fff; }
.ttft_b a:visited  { text-decoration: none; color: #666; background: #fff; }
.ttft_b a:hover    { text-decoration: none; color: #fff; background: #a6373b; }

.ttft_c a          { display: block; height: 35px; color: #666; background: #fff; }
.ttft_c a:link     { text-decoration: none; color: #666; background: #fff; }
.ttft_c a:active   { text-decoration: none; color: #666; background: #fff; }
.ttft_c a:visited  { text-decoration: none; color: #666; background: #fff; }
.ttft_c a:hover    { text-decoration: none; color: #fff; background: #a6373b; }

.ttft_d a          { display: block; height: 35px; color: #666; background: #fff; }
.ttft_d a:link     { text-decoration: none; color: #666; background: #fff; }
.ttft_d a:active   { text-decoration: none; color: #666; background: #fff; }
.ttft_d a:visited  { text-decoration: none; color: #666; background: #fff; }
.ttft_d a:hover    { text-decoration: none; color: #fff; background: #a6373b; }

.ttft_b2 a         { display: block; height: 35px; color: #666; background: #fff; }
.ttft_b2 a:link    { text-decoration: none; color: #666; background: #fff; }
.ttft_b2 a:active  { text-decoration: none; color: #666; background: #fff; }
.ttft_b2 a:visited { text-decoration: none; color: #666; background: #fff; }
.ttft_b2 a:hover   { text-decoration: none; color: #fff; background: #a6373b; }
.ttft_b2 div           {  }
.ttft_b2 div a:link    { text-decoration: none; color: #666; }
.ttft_b2 div a:active  { text-decoration: none; color: #666; }
.ttft_b2 div a:visited { text-decoration: none; color: #666; }
.ttft_b2 div a:hover   { text-decoration: none; color: #fff; }

.ttft_d2 a         { display: block; height: 35px; color: #666; background: #fff; }
.ttft_d2 a:link    { text-decoration: none; color: #666; background: #fff; }
.ttft_d2 a:active  { text-decoration: none; color: #666; background: #fff; }
.ttft_d2 a:visited { text-decoration: none; color: #666; background: #fff; }
.ttft_d2 a:hover   { text-decoration: none; color: #fff; background: #a6373b; }
.ttft_d2 div           {  }
.ttft_d2 div a:link    { text-decoration: none; color: #666; }
.ttft_d2 div a:active  { text-decoration: none; color: #666; }
.ttft_d2 div a:visited { text-decoration: none; color: #666; }
.ttft_d2 div a:hover   { text-decoration: none; color: #fff; }

.ttft_a3 a         { display: block; height: 35px; color: #fff; background: #64aafa; }
.ttft_a3 a:link    { text-decoration: none; color: #fff; background: #64aafa; }
.ttft_a3 a:active  { text-decoration: none; color: #fff; background: #64aafa; }
.ttft_a3 a:visited { text-decoration: none; color: #fff; background: #64aafa; }
.ttft_a3 a:hover   { text-decoration: none; color: #fff; background: #64aafa; }

.ttft_b3 a         { display: block; height: 35px; color: #666; background: #fff; }
.ttft_b3 a:link    { text-decoration: none; color: #fff; background: #64aafa; }
.ttft_b3 a:active  { text-decoration: none; color: #fff; background: #64aafa; }
.ttft_b3 a:visited { text-decoration: none; color: #fff; background: #64aafa; }
.ttft_b3 a:hover   { text-decoration: none; color: #fff; background: #64aafa; }

.ttft_c3 a          { display: block; height: 35px; color: #fff; background: #a6373b; }
.ttft_c3 a:link     { text-decoration: none; color: #fff; background: #a6373b; }
.ttft_c3 a:active   { text-decoration: none; color: #fff; background: #a6373b; }
.ttft_c3 a:visited  { text-decoration: none; color: #fff; background: #a6373b; }
.ttft_c3 a:hover    { text-decoration: none; color: #fff; background: #a6373b; }

.ttft_d3 a         { display: block; height: 35px; color: #fff; background: #7f9bba; }
.ttft_d3 a:link    { text-decoration: none; color: #fff; background: #7f9bba; }
.ttft_d3 a:active  { text-decoration: none; color: #fff; background: #7f9bba; }
.ttft_d3 a:visited { text-decoration: none; color: #fff; background: #7f9bba; }
.ttft_d3 a:hover   { text-decoration: none; color: #fff; background: #7f9bba; }

.ttft_b4 a         { display: block; height: 35px; text-decoration: none; color: #666; background: #fce0ee; }
.ttft_b4 a:link    { text-decoration: none; color: #666; background: #fce0ee; }
.ttft_b4 a:active  { text-decoration: none; color: #666; background: #fce0ee; }
.ttft_b4 a:visited { text-decoration: none; color: #666; background: #fce0ee; }
.ttft_b4 a:hover   { text-decoration: none; color: #666; background: #fce0ee; }
.ttft_b4 div       { text-decoration: none; color: #666; }

.ttft_d4 a         { display: block; height: 35px; color: #666; background: #c8ecc1; }
.ttft_d4 a:link    { text-decoration: none; color: #666; background: #c8ecc1; }
.ttft_d4 a:active  { text-decoration: none; color: #666; background: #c8ecc1; }
.ttft_d4 a:visited { text-decoration: none; color: #666; background: #c8ecc1; }
.ttft_d4 a:hover   { text-decoration: none; color: #666; background: #c8ecc1; }
.ttft_d4 div           { text-decoration: none; color: #666; }
.ttft_d4 div a:link    { text-decoration: none; color: #666; }
.ttft_d4 div a:active  { text-decoration: none; color: #666; }
.ttft_d4 div a:visited { text-decoration: none; color: #666; }
.ttft_d4 div a:hover   { text-decoration: none; color: #666; }