/*******************************************/
/*******************************************/
/********* note computer *******************/
/*******************************************/


html {
 width:100%
}


body { 
color:#333333;
 }

image{ border:0pt }


A:hover { color:#FF0000;  text-decoration:underline}


body { color:#444444;

 }


img{ border:0pt }



/* head */
#head {
	vertical-align:middle;
	background-color:#FFFFFF;
    width:900px;
    height:120px;
    position:absolute;
    overflow:hidden

}

	#title {
		float:left;
		vertical-align: middle;
		height:120px;
		width:500px;
		font-family:sans-serif;
		font-size:middle
		}


	#searchbox {
		float:left;
		vertical-align: middle;
		margin:10px 10px;
		height:100px;
		width:320px;
		font-family:sans-serif;
		font-size:10pt;
		line-height:20px
			}


/****pagelist***/
#pagelist{
        position:absolute;
	overflow:auto;
	color:black;
	vertical-align:top;
	padding-top:10pt;
	width:300px;
	
    	top:120px;
	left:20px
	}

#pagelist a{
	font-family:arialf;
	font-size:9pt;
	color:black;
	text-decoration:none
	}

	}


#pagelist a:hover {color:red; text-decoration:underline}


/****pagelist2***/
#pagelist2{
	overflow:auto;
	color:black;
	vertical-align:top;
	padding-top:10pt;
	height:300px;
    	width:550px;
	background-color:white;
	left:30px  	
	}

#pagelist2 a{
	font-family:arialf;
	font-size:9pt;
	color:black;
	text-decoration:none
	}

#pagelist2 td{
	text-align:left;
	height:20px;
	font-size:9pt
		}

#pagelist2 a:hover {color:red; text-decoration:underline}


/* .menu_pc */
.menu ul{
  margin:0;
  padding:0;
}
.menu ul li {
  list-style: none;
  margin:2px 1px;
  padding:0;
  font-size:14px;
  float: left;
  position: relative;
  width: 295px;/*親メニューの幅*/
  height:20px;/*親メニューの高さ*/
  line-height: 20px;
  background:#FFF;/*親メニューの背景色*/
  color: #000;/*親メニューの文字色*/
  text-align:left;
  font-weight:normal;
}
.menu ul li a {
  color: #000;
  display: block;
  text-decoration: none;
}
.menu ul li:hover, .menu ul li a:hover {
  background:#0F0;/*ホバー時の親メニューの背景色*/
  color:#fff;/*ホバー時の親メニューの文字色*/
 
}





/***left***/
#left {
	position:absolute;
        background-color:#FFFFFF;
	top:10px;
	left:930px;
	width:300px;

        }

	
/******main*******/
#main{
    position:absolute;
    top:130px;
    left:320px;
    background-color:#F5FFF5;
    width:550px;
    font-size:10pt;
    text-indent:10px;
    padding:20px;
	line-height:15px
}


.caption{
	background-color:#FFFFFF;
	border-style:solid;
         border-color:#008000;
	border-width:0px 0px 1px 7px;
         color:#008000;
         font-size:13pt;
         font-weight:bold;
         margin:20px 0px;
         padding:5px;
	line-height:20px
	}

#headline {
	background-color:#FFFFFF;
	border-style:solid;
         border-color:#008000;
	border-width:1px 2px 1px 2px;
         color:#008000;
         font-size:16pt;
         font-weight:bold;
         margin:20px 0px;
         padding:3px;
	line-height:23px
	}


li{
      padding-left: 12px;
      background: url('red_yajirushi.GIF') no-repeat 3px 0.2em;
      list-style: none
}


/*.menu2_pc*/
	#link .menu2 ul{
	  margin:0;
	  padding:0;
          width:100%;	}
	
	#link .menu2 ul li {
	  list-style: none;
	  margin:1px 1px;
	  padding:0;
	  font-size:12px;
	  float: left;
	  position: relative;
	  width: 140px;/*親メニューの幅*/
	  height: 30px;/*親メニューの高さ*/
	  line-height: 30px;
	  background:#EEEEEE;/*親メニューの背景色*/
	  color: #000000;/*親メニューの文字色*/
	  text-align:center;
　　　　
	}
	#link .menu2 ul li a {
	  color: #000000;
	  display: block;
	  text-decoration: none;
	}
	#link .menu2 ul li:hover, .menu ul li a:hover {
	  background:#777777;/*ホバー時の親メニューの背景色*/
	  color:#fff;/*ホバー時の親メニューの文字色*/
	}


/******address******/
#address{
    position:absolute;
    width:250px;
    left:300px;
	font-style:normal;
    border-color:#FF99F4;
    border-width:1px;
    border-style:solid;
    padding:0.3em 1em

}


/************************************************/
/************************************************/
/**** tablet ******************************/
@media only screen and (min-width: 321px) and (max-width: 1000px) {

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}


html {
 width:100%
}


A:hover { color:#FF0000;  text-decoration:underline}

body { color:#444444;　 }

img{ border:0pt }



/* head_tablet */
#head {
	vertical-align:middle;
	background-color:#FFFFFF;
    width:100%;
    height:120px;
    position:absolute;
    overflow:hidden

}

	#title {
		float:left;
		vertical-align: middle;
                width:100%;
		height:120px;
		font-size:middle
		}


	#searchbox {
                display:none;
		float:left;
		vertical-align: middle;
		margin:10px 10px;
		height:100px;
		width:100%;
		font-size:10pt;
		line-height:20px
			}


/****pagelist_tablet***/
#pagelist{
        position:absolute;
	overflow:auto;
 	color:#111;
	vertical-align:top;
	padding-top:10pt;
	width:100%; 
        height:1050px;
	background-color:#FFF;
    	top:120px;
	left:20px;

	}

#pagelist a{
	font-size:22px;
	color:black;
	text-decoration:none;
	}




#pagelist a:hover {color:#F00; text-decoration:underline}


/****pagelist2***/
#pagelist2{
	overflow:auto;
	color:black;
	vertical-align:top;
	padding-top:10pt;
	height:1000px;
    	width:95%;
	background-color:white;
	left:5px  	
	}

#pagelist2 a{
	font-size:18px;
	color:black;
	text-decoration:none
	}



#pagelist2 a:hover {color:#F00; text-decoration:underline}



/* .menu_tablet */
.menu ul{
  margin:0;
  padding:0;
}
.menu ul li {
  list-style: none;
  margin:2px 1px;
  padding:0;
  font-size:14px;
  float: left;
  position: relative;
  width: 160px;/*親メニューの幅*/
  height:20px;/*親メニューの高さ*/
  line-height: 20px;
  background:#FFF;/*親メニューの背景色*/
  color: #000;/*親メニューの文字色*/
  text-align:left;
  font-weight:normal;
}
.menu ul li a {
  color: #000;
  display: block;
  text-decoration: none;
}
.menu ul li:hover, .menu ul li a:hover {
  background:#0F0;/*ホバー時の親メニューの背景色*/
  color:#fff;/*ホバー時の親メニューの文字色*/
 
}



/***left***/
#left {
	position:absolute;
        background-color:#FFFFFF;
	top:10px;
	left:930px;
	width:300px;
   
        display:none

        }

	
/******main*******/
#main{
    position:absolute;
    top:1200px;
    left:1px;
    background-color:#F5FFF5;
    width:90%;
    font-size:24px;
    text-indent:10px;
    padding:20px;
    line-height:26px	
     }


.caption{
	background-color:#FFFFFF;
	border-style:solid;
         border-color:#008000;
	border-width:0px 0px 1px 7px;
         color:#008000;
         font-size:18px;
         font-weight:bold;
         margin:20px 0px;
         padding:5px;
	line-height:22px
	}

#headline {
	background-color:#FFFFFF;
	border-style:solid;
         border-color:#008000;
	border-width:1px 2px 1px 2px;
         color:#008000;
         font-size:20px;
         font-weight:bold;
         margin:20px 0px;
         padding:3px;
	line-height:23px
	}
li{
      padding-left: 12px;
      background: url('red_yajirushi.GIF') no-repeat 3px 0.2em;
      list-style: none
}

/*.menu2_tablet*/

	
	#link .menu2 ul{
	  margin:0;
	  padding:0;
          width:97%
	}
	
		
	#link .menu2 ul li {
	  list-style: none;
	  margin:10px 1px;
	  padding:0;
	  font-size:20px;
	  float: left;
	  position: relative;
	  width: 160px;/*親メニューの幅*/
	  height: 50px;/*親メニューの高さ*/
	  line-height: 30px;
	  background:#EEEEEE;/*親メニューの背景色*/
	  color: #000000;/*親メニューの文字色*/
	  text-align:center;

　　　　
	}
	#link .menu2 ul li a {
	  color: #000000;
	  display: block;
	  text-decoration: none;
	}
	#link .menu2 ul li:hover, .menu ul li a:hover {
	  background:#777777;/*ホバー時の親メニューの背景色*/
	  color:#fff;/*ホバー時の親メニューの文字色*/
	}


/******address******/
#address{
    position:absolute;
    width:50%;
    left:30px;
    font-style:normal;
    border-color:#FF99F4;
    border-width:1px;
    border-style:solid;
    padding:0.3em 1em

}




}


/*************/
/****************************/
/**********************************************/
/************************************************/
/*********** smart ***********************/

@media only screen and (max-width: 320px) {


}