* {
margin: 0;
padding: 0;
}

html {
overflow-y:scroll;
}

body {
  background: white url(http://tokushima-kokuhoren.or.jp/images/bg.jpg) no-repeat 50% 0%;
  background-color: rgb(255, 255, 255);
  text-align: center;
  margin:0px;
  padding:0px;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a:link {
  color: #4B60C9;
} 

a:visited {
  color: #575757;
} 

a:hover {
  color: #ee0637;
}

#container {
  width: 950px;
  min-height: 100%;
  margin: 0 auto;
  text-align: left;
  background-color: #fff;
}

#header {
  border-top:solid 5px #FEA760;
  height:95px;
}

#searchform{
  top:3px;
  left:740px;
  width: 200px;
  background: url(http://tokushima-kokuhoren.or.jp/images/input.gif) left top no-repeat; 
  display: block;
  height: 24px;
  position: relative;
}

#search_box{
  width: 156px;
  height:15px;
  position: absolute;
  top: 2px;
  left: 12px;
  border: 1px solid #FFF;
}

#searchBtn{
  position: absolute;
  top: 3px;
  left: 174px;
}

#header-content {
  width: 950px;
}

#header-inner-left{
  width: 600px;
  padding:1px 0 0 10px;
  margin:0 0 5px 0px;
  float:left;
  height:50px;
}

#header-inner-left img{
  margin:0 0 0 20px;
  padding:0;
}

#header-inner-right{
  width: 200px;
  padding:15px 0 0 65px;
  margin:0 0 5px 0px;
  float:right;
  left:840px;
  height:45px;
}

#header-inner-right ul {
  margin: 0 0 3px 0;
  padding: 0px;
  height:21px;
}

#header-inner-right li {
  float: left;
  margin: 0px 3px 0px 3px;
  padding: 0;
  text-align: right;
  height: 21px;
  list-style-type: none;
}

#navi{
  width:950px;
  height: 38px;
  text-align: right;
}


#navi ul {
  margin: 0px;
  padding: 0px;
}

#navi li {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: right;
  height: 38px;
  list-style-type: none;
}

#top-news {
  float: left;
  width: 650px;
}

#top-news h2{
  margin:10px 0px;
  padding: 5px 10px;
  color: #bf6113;
  width:650px;
  height:30px;
  background: url(http://tokushima-kokuhoren.or.jp/images/news.gif) no-repeat;
  text-indent:-9999px;
}

.article{
  margin:0px;
  padding:0 30px 0 20px;
}

.article p{
  line-height:140%;
}


.article ol{
  padding-left: 2.5em;
}

.article ol li{
  list-style-type:decimal;
}

.rs{
  float:right;
  margin:0 20px 0 0;
}

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

#top-news .news-list{
  width: 78px;
  height: 18px;
  top: -40px;
  right: 20px;
  float: right;
  position: relative;
}

#top-news .list{
  height:30px;
  margin:0 0 0 30px;
  border-bottom: 2px dotted #999;
}

#top-news .day{
  font-size:0.9em;
  margin:0 0 5px 5px;
}

#top-news .title{
  font-size:0.9em;
  margin:0 0 5px 40px;
}

.hr{
  width: 680px;
  height: 0px;
  border: 0px;
  border-top: 2px dotted #999;
  margin:20px 0 20px 0;
}

.hr-news{
  width: 600px;
  height: 0px;
  border: 0px;
  margin:10px 0 10px 10px;
  border-top: 2px dotted #999;
}

.lc{
  text-align:center;
}

.section h2{
  background:#dddddd;
  color:#222222;
  font-size:1.2em;
  font-weight:normal;
  padding:3px 10px 3px 10px;
  line-height:150%;
  width:650px;
}

.search_back{
  font-size:0.8em;
  text-decoration: none;
}

div.result{
  margin:0;
}

div.result dl {
        }

div.result dl dt {
  margin-bottom: 0.5em;
  text-decoration:underline;
}

div.result dl dd {
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  border-bottom: 1px dotted #ddd;
  width:600px;
  font-size:0.8em;
}

div.result span.keywords {
        background: #ff6;
        }

.mainmenu{
  margin:5px 5px 0 5px;
}

.menulist{
  margin:10px 0px;
}

.menulist li{
  margin:20px 0px;
  font-size:0.8em;
}

.h10{
  margin:5px 0px;
}

.h20{
  margin:10px 0px;
}

.h200{
  margin:100px 0px;
}

#footer {
  border-top: medium solid #ffc391;
  background-color: #fff;
  position: relative;
  width:950px;
  height:80px;
  margin:40px 0px 0px 0px;
}

#footer-link{
  font-size:0.8em;
  padding:20px 0px 0px 30px;
  width:800px;
  float:left;
}

#copyright{
  font-size:0.8em;
  padding:0px 0px 20px 30px;
  width:800px;
}

#privacymark{
  float:right;
  padding:10px 10px 0px 0px;
  margin:0px;
}

.fs10{
    font-size:0.6em;
}

.fs12{
    font-size:0.8em;
}

table {
    border-spacing: 0;
}
fieldset,img,abbr,acronym {
    border: 0;
} 
/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    /* font-style: normal; */
    /* font-weight: normal; */
}

ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
q:before,q:after {
    content: '';
}
a {
    outline: none;
}
hr {
    border: 0;
    height: 1px;
    background-color: #000;
    color: #000;
}
a img,:link img,:visited img {
    border: none;
}
address {
    font-style: normal;
    display: inline;
}


/* Utilities ----------------------------------------------------------------- */

.pkg:after, #content-inner:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.pkg, #content-inner { display: block; }
/* no ie mac \*/
* html .pkg, * html #content-inner { height: 1%; }
.pkg, #content-inner { display: block; }
/* */

.inline { display: inline; }
.hidden { display: none; }



/* Layout ----------------------------------------------------------------- */

#alpha, #beta, #gamma {
  display: inline;
  float: left;
  position: relative;
}

#alpha{
  width: 700px;
  left:250px;
}

#beta{
  width: 250px;
  left:-700px;
}

#beta-inner {
    overflow: hidden;
}


.sbox1 {
margin: 0 0 20px 20px;
padding: 0;
background: #ffffff url(http://tokushima-kokuhoren.or.jp/images/border.gif) no-repeat top;
width:300px;
height:100px;
float:left;
}

.sbox1 a{
text-decoration:none;
}

.sbox1 h3{
font-size:1.6em;
padding: 25px 10px 0 20px;
}

.sbox1 h3:before{
content: url(http://tokushima-kokuhoren.or.jp/images/15r.gif);
}

.sbox2 {
margin: 0 20px 20px 0px;
padding: 0;
background: #ffffff url(http://tokushima-kokuhoren.or.jp/images/border.gif) no-repeat top;
width:300px;
height:100px;
float:right;
}

.sbox2 a{
text-decoration:none;
}

.sbox2 h3{
font-size:1.6em;
padding: 25px 10px 0 20px;
}

.sbox2 h3:before{
content: url(http://tokushima-kokuhoren.or.jp/images/15r.gif);
}
 
#link4{
  margin:10px 0px;
  padding:0px 10px;
}
#main_image{
  height:229px;
  position: relative;
}

.main_image_top{
  width:156px;
  height:57px;
  top:40px;
  left:750px;
  position:absolute;
}


.main_image_bot{
  width:156px;
  height:57px;
  top:130px;
  left:750px;
  position:absolute;
}

.main_image_bot img{
  position:absolute;
  overflow:visible;
}

#icon{
  width: 700px;
  height: 100px;
}

#icon ul{
  margin: 0px;
  padding: 0px;
}

#icon li{
  float: left;
  margin:0 10px;
  height: 100px;
  display: inline;
  list-style-type: none;
}

.headh2{
  background: url(http://tokushima-kokuhoren.or.jp/images/bg02.gif) no-repeat;
  color:#ffffff;
  width:650px;
  height:35px;
  margin:15px 0 0 20px;
  padding:6px 0px 5px 25px;
  font-size:1.3em;
  font-weight:bold;
}
.article-body{
  padding:10px 35px 0 25px;
  font-size:1em;
}

.content-nav{
  font-size:0.8em;
  margin:5px 0 0 15px;
}



/* mainmenu treeview ----------------------------------------------------------------- */

.treeview, .treeview ul { 
padding: 0px;
margin: 0;
list-style: none;
}

.treeview ul {
background-color: white;
margin-top: 4px;
}

.treeview .hitarea {
background: url(http://tokushima-kokuhoren.or.jp/images/tree/treeview-default.gif) -64px -25px no-repeat;
height: 16px;
width: 16px;
margin-left: -16px;
float: left;
cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
display: inline;
float:none;
}

.treeview li { 
margin: 0;
padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
background-color: #FFE9CB;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer;}

.treeview li { background: url(http://tokushima-kokuhoren.or.jp/images/tree/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(http://tokushima-kokuhoren.or.jp/images/tree/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-black li {}
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(http://tokushima-kokuhoren.or.jp/images/tree/treeview-black.gif); }  

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 5px; display: block; }
.filetree span.folder {}
.filetree li.expandable span.folder {}
.filetree span.file { background: url(http://tokushima-kokuhoren.or.jp/images/tree/file.gif) 0 0 no-repeat; }

#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;
    background: url(bg.gif) repeat-x; text-align: center }
#banner a { color: white; }

#main { padding: 1em; }

a img { border: none; }


.asset-more-link{
  margin:20px 0 20px 30px;
}

.menuLineLightW {
margin:0 0 10px 0;
padding:2px 8px;
border-width:0 0 5px 0 ;
border-color:#f79708;
border-style:solid;
background:#fff;
color:#d25c14;
line-height:140%;
font-weight:bold;
text-align:left;
}


.date{
  width:130px;
}

.article-title{

}




.tree ul {  
    padding:0;  
    margin:0;  
    background-position: -9px 15px;   
    background-image: url('images/ul.gif');   
    background-repeat: repeat-y  
}  
.tree li {  
    font-size: 1em;  
    font-weight:bold;  
    margin: 0px;   
    padding: 3px 0 3px 24px;   
    list-style-type: none;  
}  
.tree ul li a {  
    text-decoration:underline;  
}

.tree ul a:hover {  
    text-decoration:none;  
}  

.tree li a:hover {  
    text-decoration:none;  
}

.tree ul ul {  
    background-position: -1px 15px;  
    background-image: url('images/ul.gif');   
    background-repeat: repeat-y;  
}  
.tree ul li {  
    background-position: 0px 7px;   
    background-image: url('images/li.gif');   
    background-repeat: no-repeat;  
}  
.tree ul li a {  
    font-weight:bold;  
    text-decoration:underline;  
}  
.tree ul li a:hover {  
    text-decoration:none;  
}  
.tree ul ul li {  
    background-position: 8px 7px;  
    background-image: url('images/li.gif');   
    background-repeat: no-repeat;     
}  
.tree ul ul li a {  
    background-position: 0px 7px;   
    font-size:1em;  
    text-decoration:underline;  
}  

.tree ul li ul li a hover{  
    text-decoration:none;  
}

.tree ul ul ul li a {  
    background-position: 0px 7px;   
    font-size:1em;  
}

.tree ul ul ul li a hover{  
    text-decoration:none;  
}

.widget-content ul{
  font-weight:bold;
}

.widget-content li{
  padding:10px 0 10px 30px;
  font-weight:bold;
  font-size:1.2em;
}

.depth3{
  margin:10px 0 0 0;
  font-size:0.8em;
}

/* =========== IE用印刷設定CSS =========== */
@media print{

body {
 zoom: 67%;
}

#beta {
 zoom: 90%;
}

#beta {
 zoom: 95%;
}

#navi {
 width:960px;
}

}
