@charset "Shift_JIS";

body{
	color:#444444;
	background-color: #E7E7E7;
	font-family: "Arial", "sans-serif";
}

div#wrapper{
	border:solid 1px #fff;
	background-color: #FAFAFA;
	border: 1px solid #A1A1A1;
}

/* Link General
----------------------------------------------------------------------------- */
a:link{
	color:#367EA6;
	text-decoration:none;
}
a:visited{
	color:#367EA6;
	text-decoration:none;
}
a:hover{
	color: #367EA6;
	text-decoration:underline;
}

/* Summary
----------------------------------------------------------------------------- */
#summary{
	color:#666;
	border-left:solid 4px #999;
	padding-left:5px;
}
#note{
	border-bottom:solid 1px #999;
	padding-bottom:5px;
}

/* headcopy
----------------------------------------------------------------------------- */
h1{
	font-size : 12px;
	font-weight: normal;
	color:#444;
}

/* header
----------------------------------------------------------------------------- */
#header{
	background: transparent url(header.gif) repeat-x scroll 0% 0%;
}

#logo{
	text-align:center;
	padding:0px 0px 0px 0px;
	font-size:25px;
	background-color:#fff;
}
#logo img{
        width:748px;
}
#logo a{
	text-decoration: none;
	color:#663300;
}
#logo a:hover{
	text-decoration: none;
	color:#ccc;
	background:none;
}
#logo_text{
	text-align: center;
		margin-bottom: 8px;
}
#logo_text a{
	text-decoration: none;
	color:#fff;
	font-size:28px;
	font-family:Verdana,sans-serif;
	line-height:150px;
}
#logo_text a:hover{
	text-decoration: none;
	color:#fff;
}

/* Navigator
----------------------------------------------------------------------------- */
#navigator *{
	padding: 0px;
}
div#navigator{
	margin: 0px;
    height: 24px;
	/* font */
	font-size:14px;
	font-color: 
	padding:3px 3px;
	/* background */
	background-color: #A1A1A1;
	/* background */
	border: 1px solid #A1A1A1;
}
#navigator a{
	text-decoration:none;
	color:#fff;
}
#navigator a:hover{
	color: #333;
	background:none;
}
#navigator p{
	color:#eee;
}
#navigator ul {
	margin: 3px 0pt 3px 0pt;
}

#navigator ul li{
	font-size:14px;
    list-style-type:none;
    float: left;
	margin: 0px 10px 0px 3px;
	padding:  0px 0px 0px 20px;
	background: url("navi_li.gif") no-repeat 0% 50%;
}

/* Contents
----------------------------------------------------------------------------- *
/*Page Title*/
#content h2.title{
	font-size:12px;
	color: #999;
	text-align:right;
}
#content h2.title a{
	color: #999;
	text-decoration:none;
}
#content h2.title a:hover{
	color: #ccc;
	text-decoration:none;
}

#lastmodified{
	color:#777;
	font-size:12px;
	text-align:right;
}

/* h2 */
#body h2{
	/* font */
	color:#367EA6;
	font-size:20px;
	padding:10px 0px 5px 0px;
}
#body h2 a{
	color:#367EA6;
	text-decoration: none;
}
#body h2 a:hover{
	color:#367EA6;
	text-decoration: underline;
}

/* h3 */
#body h3{
	/* font */
	color:#367EA6;
	font-size:16px;
	padding:5px 5px;
	border-bottom: 1px solid #367EA6;
}
#body h3 a{
	color:#367EA6;
	text-decoration: none;
}
#body h3 a:hover{
	color:#367EA6;
	text-decoration: underline;
}

/* h3 + include.inc.php, calender_viwer.inc.php */
#body h4,
#body h2.calender{
	/* font */
	color:#367EA6;
	font-size:14px;
	padding:5px 5px;
	border-left:solid 5px #367EA6;
}
#body h4 a,
#body h2.calender a{
	color:#367EA6;
	text-decoration: none;
}
#body h4 a:hover,
#body h2.calender a:hover{
	color:#367EA6;
	text-decoration: underline;
}

#body strong{
	font-weight: bold;
}

#body strong a{
	font-weight: bold;
}

#body ul.list1{
	padding-left:16px;
	margin-left:16px;
	margin-top:1em;
	margin-bottom:1em;
	list-style-image:url("list_list1.png");
}
#body ul.list2{
	padding-left:16px;
	margin-left:16px;
	list-style-image:url("list_list2.png");
}
#body ul.list3{
	padding-left:16px;
	margin-left:16px;
	list-style-image:url("list_list3.png");
}
#body ol.list1{
	padding-left:16px;
	margin-left:16px;
	margin-top:1em;
	margin-bottom:1em;
	list-style-type:decimal;
}
#body ol.list2{
	padding-left:16px;
	margin-left:16px;
	list-style-type:lower-roman;
}
#body ol.list3{
	padding-left:16px;
	margin-left:16px;
	list-style-type:lower-alpha;
}

#body del{
	color: #444
}

#body table{
	border-color: #666;
}

hr{
	border-top:2px solid #999; 
}

/* LeftBar
----------------------------------------------------------------------------- */
div#wrap_sidebar{
	border: 1px solid #E5E5E5;
	background-color: #EEEEEE;
}

#sidebar{
	color:#666;
}

.bar a{
	color:#666;
}
.bar a:hover {
	color:#111111;
	text-decoration:none;
}

.bar h3{
	color:#666666;
	padding:5px 0px 0px 10px;
}
.bar h3 a{
	color:#4283B9;
	text-decoration:none;
}
.bar h3 a:visited{
	color:#4283B9;
	text-decoration:none;
}
.bar h3 a:hover {
	color:#111111;
	text-decoration:none;
}
.bar h4{
	color:#666666;
	padding:2px 0px 3px 23px;
	background-image:url("bar_h4_bg.gif");
	background-position: left top;
	background-repeat:no-repeat;
}
.bar h4 a{
	color:#808080;
	text-decoration:none;
}
.bar h4 a:visited{
	color:#666666;
	text-decoration:none;
}
.bar h4 a:hover {
	color:#111111;
	text-decoration:none;
}
.bar h2,
.bar h5{
	/* font */
	color: #666666;
	text-align:left;
	padding:7px 0px 5px 5px;
}
.bar h2 a,
.bar h5 a{
	color:#4283B9;
	text-decoration:none;
}
.bar h2 a:visited,
.bar h5 a:visited{
	color:#111111;
}

#menubar{
	color:#666;
	background-image:url("bar_bg.png");
	background-repeat:repeat;
	border:none;
	line-height:1.2em;
	font-size:0.9em;
}

#search_form{
	color:#666;
	text-align:center;
	background-color:#fff;
	background-image:url("bar_bg.png");
	background-repeat:repeat;
	border:none;
}

div#search_form h1,
div#search_form h2,
div#search_form h3,
div#search_form h4,
div#search_form h5{
	/* font */
	font-size:1em;
	color:#fff;
	text-align:left;
	padding:7px 0px 5px 5px;
	/* backgrond */
	background:none;
	background-image:url("bar_h2_bg.png");
	background-position: left top;
	background-repeat:no-repeat;
	/* border */
	border-style:none;
}

/* toolbar
----------------------------------------------------------------------------- */
div#toolbar{
	font-size:11px;
}

/* footer
----------------------------------------------------------------------------- */
div#footer{
	color:#666;
	background-color:#fff;
	border: 1px solid #eeeeee;
}
div#footer a{
	color:#666;
}
div#footer a:hover{
	color:#fff;
}

#copyright{
	font-size:11px;
	text-align:center;
}



/* Box
---------------------------------------------------------------------------- */

div.bluebox1{
	max-width: 100%;
	border: solid 1px #33a;
	background-color: #fff;
	text-align:left;
	padding: 0px 10px;
}

div.bluebox2{
	max-width: 100%;
	border: solid 1px #33a;
	background-color: #eef;
	text-align:left;
	padding: 0px 10px;
}

div.bluebox3{
	max-width: 100%;
	border: solid 1px #33a;
	background-color: #ffe;
	text-align:left;
	padding: 0px 10px;
}

div.bluebox4{
	max-width: 100%;
	border:none;
	background-color: #eef;
	text-align:left;
	padding: 0px 10px;
}

div.bluebox5{
	max-width: 100%;
	border:none;
	background-color: #ddf;
	text-align:left;
	padding: 0px 10px;
}

div.redbox1{
	max-width: 100%;
	border: solid 1px #f00;
	background-color: #fff;
	text-align:left;
	padding: 0px 10px;
}

div.redbox2{
	max-width: 100%;
	border: solid 1px #f00;
	background-color: #fee;
	text-align:left;
	padding: 0px 10px;
}

div.redbox3{
	max-width: 100%;
	border: solid 1px #f00;
	background-color: #ffe;
	text-align:left;
	padding: 0px 10px;
}

div.redbox4{
	max-width: 100%;
	border:none;
	background-color: #fee;
	text-align:left;
	padding: 0px 10px;
}

div.redbox5{
	max-width: 100%;
	border:none;
	background-color: #fdd;
	text-align:left;
	padding: 0px 10px;
}

div.graybox1{
	max-width: 100%;
	border: solid 1px #000;
	background-color: #fff;
	text-align:left;
	padding: 0px 10px;
}

div.graybox2{
	max-width: 100%;
	border: solid 1px #000;
	background-color: #eee;
	text-align:left;
	padding: 0px 10px;
}

div.graybox3{
	max-width: 100%;
	border: solid 1px #000;
	background-color: #ffe;
	text-align:left;
	padding: 0px 10px;
}

div.graybox4{
	max-width: 100%;
	border:none;
	background-color: #eee;
	text-align:left;
	padding: 0px 10px;
}

div.graybox5{
	max-width: 100%;
	border:none;
	background-color: #ddd;
	text-align:left;
	padding: 0px 10px;
}

/* 手書き下線用
----------------------------------------------------------- */
span.handline{
	background-image:url(./line.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding-bottom:0.2em
}
