﻿/* スタイルシート CSS */

/* 全マージン・余白 */
* { margin:0;padding:0;}


body {
	margin: -154PX;
	color: #333;
	text-align: center;
	background-color: #ffffff;
	background-image: url(img/bg4.png);
	background-position: top;
	background-repeat: repeat-x;
	scrollbar-face-color:#009933;
	scrollbar-shadow-color:#006600;
	scrollbar-highlight-color:#006600;
	scrollbar-3dlight-color:;
	scrollbar-darkshadow-color:#006600;
	scrollbar-track-color:#33ff33;
	scrollbar-arrow-color:#ffffff;
}


/* 文字サイズ */
#main{font-size: 90%;}
#naviL{font-size: 80%;}


/* 文章の行間を指定 */
p{margin: 0px 0em 0em 3px;}
ul,ol,dl{margin: 0em 1em 1em 0em;}


/*  #page ページ外枠 */
#page {width: 800px;margin: 0px auto;text-align: left;}


/*  #header 画面上部 */
#header {
	height: 134px;
	margin: 0px;
	color: #FFFFFF;
	background-image: url(img/bg_top_2014_op2.png);
	line-height: 120%;
}

#sitename {
	margin: 0px 0px 0px;
	font-size: 24px;
	font-weight: bold;
	color: #666666;
}


/*  #menu 上部メニュー */

#menu li.border,#menu li a {background: url(111/bg_sprite_nt_date_2013.PNG) no-repeat;}

#menu {width: 823px;height: 23px;margin: 2px 0px 0px; aut-o;}

#menu ul {list-style: none;float: left;display: inline;}

#menu li {float: left;display: inline;height: 23px;margin: 0;padding: 0;text-indent: -9999px;}

#menu li.border {width: 2px;height: 23px;font-size:1px;background-position: -798px 0;}

#menu li a {height: 23px;display: block;overflow: hidden;}

#menu li.top a {width:62px;background-position:0 -69px;}
#menu li.blog a {width:73px;background-position:-66px -69px;}
#menu li.data a {width:73px;background-position:-142px -69px;}
#menu li.about a {width:84px;background-position:-217px -69px;}
#menu li.column a {width:100px;background-position:-306px -69px;}
#menu li.link a {width:68px;background-position:-406px -69px;}
#menu li.blogger a {width:110px;background-position:-481px -69px;}
#menu li.video a {width:110px;background-position:-601px -69px;}
#menu li.reserve a {width:101px;background-position:-721px -69px;}

#menu li.top a:hover, #menu li.top_on a {width:62px;background-position:0 -98px;}
#menu li.blog a:hover, #menu li.blog_on a {width:73px;background-position:-66px -98px;}
#menu li.data a:hover, #menu li.data_on a {width:73px;background-position:-142px -98px;}
#menu li.about a:hover, #menu li.about_on a {width:84px;background-position:-217px -98px;}
#menu li.column a:hover, #menu li.column_on a {width:100px;background-position:-306px -98px;}
#menu li.link a:hover, #menu li.link_on a {width:68px;background-position:-406px -98px;}
#menu li.blogger a:hover, #menu li.blogger_on a {width:110px;background-position:-481px -98px;}
#menu li.video a:hover, #menu li.video_on a {width:110px;background-position:-601px -98px;}
#menu li.reserve a:hover, #menu li.reserve_on a {width:101px;background-position:-721px -98px;}


/*  #contents 外枠 */
#contents{
	padding: 11px 0px 0px;
	margin: 0px;
}


/*  #main ページの本文 */
#main {
	float: center;
	width: 800px;
	margin: 0px 0px 0px;
	padding: 0px 0px 20px;
	background-image: url(img/img_green_s2.jpg);      /* or_star3.png : bg_line11_star5_blue.png */
	background-position: top;
	background-repeat: repeat;
	border-top: 0px solid #f6f60d;
	border-bottom: 0px solid #f6f60d;
	border-right: 0px solid #f6f60d;
	border-left: 0px solid #f6f60d;
}


#main h1 {
	padding: 0px;
	margin: 0px;
	color: #0B7A8E;
}

#main h2 {
	clear: both;
	padding: 3px 0px 3px 5px;
	margin: 2em 0px 1em;
	border-left: 10px solid #44b241;
	font-size: 120%;
	background-color: #e4e4e4;
}

#main h3 {
	margin: 0px 0px 0.5em 3px;
	font-size: 110%;
	color: #336699;
}


/*  naviL 左カラム（削除中） */









/*  #footer 画面下部 */
#footer{
    height: 120px;
	clear: both;
	background-image: url(img/bg_footer4.jpg);
	background-repeat: repeat;
}

.footer-inside{
    height: 120px;
	margin: 0px;
	padding: 0px 0px 0px;
	border: 0px solid #CCCCCC;
	text-align: center;
	background-image: url(img/footer4a.bmp);
	background-repeat: no-repeat;
	background-position: center;
}

　　　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　　　　　




/*  そのほか個別設定 */

.photo {
	margin: 0px 0px 20px;
}

.kousin{
	width:444px;   /* 2013.12.16 修正 */
	height:260px;  /* 2013.12.16 修正 */
	overflow-y:scroll; 
	padding:10px; 
	font-size:12px; 
	margin:0px 0px 0px 0px;
	background-color: #f2f2f2;
	border: 0px solid #CCCCCC;
	line-height: 140%;
}
						/* side_photo対応 140106 */
.order {
   position: relative;
   top: 132px;
   left: -555px;
}

.order2 {
   position: relative;
   top: -466px;
   right: -305px;     /* -305px */
}

.tab1{
      background-color : #aaeeaa;
      border-width : 1px 0px 2px 1px;
      border-style : solid;
      border-color : #666666;
      font-family : 'Lucida Console';
      font-size : 11pt;
}

.tab2{
      background-color : #aaeeaa;
      border-width : 1px 1px 2px 0px;
      border-style : solid;
      border-color : #666666;
      font-family : 'Lucida Console';
      font-size : 11pt;
}

.toptab1{ 
         background-color : #FFFFFF;
         border-width : 2px 2px 0px 2px;
         border-style : solid;
         border-color : #666666;
         font-family : 'Lucida Console';
         font-size : 11pt;
}

.toptab2{
         background-color : #DDDDDD;
         border-width : 1px 0px 2px 1px;
         border-style : solid;
         border-color : #666666;
         font-family : 'Lucida Console';
         font-size : 11pt;
}

.sub{
     background-color : #DDDDDD;
}

.sub2{
      border-width : 1px 1px 1px 1px;
      border-style : solid;
      border-color : #CCCCCC;
}



/*  そのほか個別設定130210 */

/*  green  */

.box24{
      width: 585px;/*全体の幅*/}
.box24 dt{/*タイトル部分の設定*/
          color: #FFFFFF;/*文字色*/
          background-color: #1e9723;/*背景色*/
          font-family: Arial,sans-serif;
          font-weight: bold;
          letter-spacing: 0.1em;
          width: 280px;/*タイトルの幅*/
          padding: 2px 1em 2px 1.5em;
          background-image: url("111/024_gre4.png");
          background-repeat: no-repeat;}
.box24 dd{/*内容部分*/
          color: #313132;/*文字色*/
          margin: 0;
          padding: 0;
          border-top: solid 1px #1e9723;/*上枠色*/
          border-bottom: solid 1px #1e9723;/*下枠色*/
          border-left: solid 2px #1e9723;/*左枠色*/
          border-right: solid 2px #1e9723;/*右枠色*/}
.box24 dd .textb24{
          padding: 1.2em 1.5em;/*テキスト部分の余白*/
          background-color: #FFFAFA;/*背景色*/
          
          background-image: url("img/bg22.gif");
          
          border-top: solid 4px #AADCAF;
          border-bottom: solid 4px #AADCAF;}

/*  blue  */

.box25{
      width: 585px;/*全体の幅*/}
.box25 dt{/*タイトル部分の設定*/
          color: #FFFFFF;/*文字色*/
          background-color: #1f28ab;/*背景色*/
          font-family: Arial,sans-serif;
          font-weight: bold;
          letter-spacing: 0.1em;
          width: 280px;/*タイトルの幅*/
          padding: 2px 1em 2px 1.5em;
          background-image: url("111/024_gre4.png");
          background-repeat: no-repeat;}
.box25 dd{/*内容部分*/
          color: #313132;/*文字色*/
          margin: 0;
          padding: 0;
          border-top: solid 1px #1f28ab;/*上枠色*/
          border-bottom: solid 1px #1f28ab;/*下枠色*/
          border-left: solid 2px #1f28ab;/*左枠色*/
          border-right: solid 2px #1f28ab;/*右枠色*/}
.box25 dd .textb25{
          padding: 1.2em 1.5em;/*テキスト部分の余白*/
          background-color: #FFFAFA;/*背景色*/
          
          background-image: url("img/bg42.gif");
          
          border-top: solid 4px #72b6bb;
          border-bottom: solid 4px #72b6bb;}

/*  brown  */

.box26{
      width: 585px;/*全体の幅*/}
.box26 dt{/*タイトル部分の設定*/
          color: #FFFFFF;/*文字色*/
          background-color: #b8641d;/*背景色*/
          font-family: Arial,sans-serif;
          font-weight: bold;
          letter-spacing: 0.2em;
          width: 280px;/*タイトルの幅*/
          padding: 2px 1em 2px 1.5em;
          background-image: url("111/024_gre4.png");
          background-repeat: no-repeat;}
.box26 dd{/*内容部分*/
          color: #313132;/*文字色*/
          margin: 0;
          padding: 0;
          border-top: solid 1px #b8641d;/*上枠色*/
          border-bottom: solid 1px #b8641d;/*下枠色*/
          border-left: solid 2px #b8641d;/*左枠色*/
          border-right: solid 2px #b8641d;/*右枠色*/}
.box26 dd .textb26{
          padding: 1.2em 1.5em;/*テキスト部分の余白*/
          background-color: #FFFAFA;/*背景色*/
          
          background-image: url("img/bg.gif");
          
          border-top: solid 4px #eeb30e;
          border-bottom: solid 4px #eeb30e;;}

/*  red  */

.box27{
      width: 585px;/*全体の幅*/}
.box27 dt{/*タイトル部分の設定*/
          color: #FFFFFF;/*文字色*/
          background-color: #b8281a;/*背景色*/
          font-family: Arial,sans-serif;
          font-weight: bold;
          letter-spacing: 0.2em;
          width: 280px;/*タイトルの幅*/
          padding: 2px 1em 2px 1.5em;
          background-image: url("111/024_gre4.png");
          background-repeat: no-repeat;}
.box27 dd{/*内容部分*/
          color: #313132;/*文字色*/
          margin: 0;
          padding: 0;
          border-top: solid 1px #b8281a;/*上枠色*/
          border-bottom: solid 1px #b8281a;/*下枠色*/
          border-left: solid 2px #b8281a;/*左枠色*/
          border-right: solid 2px #b8281a;/*右枠色*/}
.box27 dd .textb27{
          padding: 1.2em 1.5em;/*テキスト部分の余白*/
          background-color: #ffffff;/*背景色*/
          
          background-image: ;
          
          border-top: solid 4px #ee840a;
          border-bottom: solid 4px #ee840a;;}

/*  samurai_blue  */

.box28{
      width: 585px;/*全体の幅*/}
.box28 dt{/*タイトル部分の設定*/
          color: #FFFFFF;/*文字色*/
          background-color: #1f28ab;/*背景色*/
          font-family: Arial,sans-serif;
          font-weight: bold;
          letter-spacing: 0.1em;
          width: 280px;/*タイトルの幅*/
          padding: 2px 1em 2px 1.5em;
          background-image: url("111/024_gre4.png");
          background-repeat: no-repeat;}
.box28 dd{/*内容部分*/
          color: #313132;/*文字色*/
          margin: 0;
          padding: 0;
          border-top: solid 1px #1f28ab;/*上枠色*/
          border-bottom: solid 1px #1f28ab;/*下枠色*/
          border-left: solid 2px #1f28ab;/*左枠色*/
          border-right: solid 2px #1f28ab;/*右枠色*/}
.box28 dd .textb28{
          padding: 1.2em 1.5em;/*テキスト部分の余白*/
          background-color: #ffffff;/*背景色*/
          
          background-image: ;
          
          border-top: solid 4px #72b6bb;
          border-bottom: solid 4px #72b6bb;}

/* 1行分色を変化（ｱﾝﾀﾞｰﾊﾞｰ挿入で待機中） */

table_tr:hover {
	background: #ffff01;
}

