@charset   "UTF-8";
@import url("../news/news_box.css");

body {
	background-color: #cccccc;
	color: #333333;
	text-align: center;
}

body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input {margin: 0;padding: 0;}

div#all {
	width: 950px;
	text-align: left;
	margin: auto;
	padding:0 5px;
	background-color: #ffffff;
	color: #333333;
	border-top: 10px solid #66ccff;
}

/* __header__ */

div#header {margin: 5px 0;}
div#head_l {float:left;width:300px;}
div#head_r {float:right;width:600px;text-align:right;}
div#head_end {
	clear:both;
	text-align:left;font-size:80%;
	padding:10px 0 10px 20px;
	border-bottom:1px dotted #cccccc;
} 

ul.menu_ul {list-style-type:none;padding:0;margin:0;font-size:80%;}
ul.menu_ul li {display:inline;margin-left:1em;}
ul.menu_ul li a       {text-decoration:none;color:#cc6666;}
ul.menu_ul li a:hover {text-decoration:underline;color:#cc3333;}

form.search {
	margin:5px 5px 5px auto;padding-top:5px;
	border:1px solid #cccccc;
	background-color:#ffff80;
	width:400px;
	text-align:center;
}
form.search ul {
	list-style-type:none;
	margin:0;padding:5px;
	font-size:80%;
}
form.search ul li {display:inline;}
form.search div {font-size:80%;background-color:#fab561;text-align:right;}
form.search div a {text-decoration:none;color:#666666;}
input.form_text {width:260px;}
input.form_submit {width:60px;border:1px solid #666666;}

/* __main__ */
h1 {
	color:#003366;
	font-size:120%;
	text-align:left;
	padding:10px;
}


div#main_l {float: left;width: 500px;font-size: 80%;}
div#main_r {float:right;width:420px;font-size:80%;}
div#main_btm {clear: both;font-size:80%;padding:5px;}

/* sitebox */

div.site_box {margin: 5px;padding:2px;border: 1px solid #999999;}

div.site_box h2 {
	font-size: 120%;
	border: 1px solid #cccccc;
	background-color: #99ccff;
	margin: 2px;
	padding: 2px 10px;
}

div.site_box h2 a {text-decoration:none;color:#666666;}
div.site_box h2 a:hover {text-decoration:none;color:#993333;}

p.renewal {
	text-align: right;
	margin:5px 10px;
	padding:0;
	color:#cc3333;
}

ul.site_list {
	background-image: url(list1.gif);
	background-repeat: repeat-y;
	list-style-type: none;
	margin: 0 0 0 15px;
	padding: 0;
	line-height: 2;
}

ul.site_list li {
	padding-left: 25px;
	background-image: url(list2.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}

ul.site_list li.list_end {
	padding-left: 25px;
	background-image: url(list3.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}

ul.site_list li h3 {font-size: 100%;color:#660000;}

ul.site_list ul {list-style-type: none;margin: 0 30px;padding: 0;}
ul.site_list ul li {
	background-image: none;
	display: inline;
	padding: 0;
	white-space: nowrap;
}

ul.site_list h3 a       {color:#cc3333;text-decoration:none;}
ul.site_list h3 a:hover {color:#ff0000;text-decoration:underline;}

ul.site_list ul li a         {color:#6666ff;}
ul.site_list ul li a:visited {color:#9999ff;}
ul.site_list ul li a:active  {color:#333399;font-weight:bold;border:1px solid yellow;}
ul.site_list ul li a:hover   {color:#333399;background-color:yellow;text-decoration:none;}

div.site_more {text-align:right;}
div.site_more a       {color:#009966;}
div.site_more a:hover {color:#33ff66;}

/* sistembox */
div.sistem_box {border:1px solid #999999;margin: 5px;padding:2px;}
div.sistem_box h2{
	font-size: 120%;
	border: 1px solid #cccccc;
	background-color: #ccff99;
	margin: 2px;
	padding: 2px 10px;
}

div.sistem_box table {
	text-align:left;
	margin:auto;
	font-size:1em;
	border-collapse:collapse;
	line-height:1.5;
}
div.sistem_box table th {
	width: 140px;
	border-top:1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
	background-image : url(list4.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
	text-align:left;
}
div.sistem_box table td {
	width:260px;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
	font-size:0.9em;
	color:#666666;
}

/* __fooder__ */

div#fooder {clear: both;}
div#copy {text-align:center;}
div#copy p{margin:0;padding:0;}
div#copy p em {font-weight:bold;}
div#copy p em a {color:red;text-decoration:none;}

