@import"menu.css";

/*-共通CSS--*/

h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,ul ,ol ,dl ,img ,p ,div{
	margin:0;
	padding:0;
}

a {
	border: none;
}

img{
	border:none;
}

A:link {
	COLOR: #333333; TEXT-DECORATION: none;
}
A:visited {
	COLOR: #333333; TEXT-DECORATION: none;
}
A:hover {
	COLOR: #336699; TEXT-DECORATION: underline;
}


th ,td {
	font-size:100%;
}

/*基本レイアウト*/

body{
 background: #000033;
 background:url(../images/bg.gif);
 font-size:85%;
 color:#333333;
 margin:0;
 padding:0;
 border:none;
 line-height:1.5;
 text-align:center;
 }
 
#bg {
	width:900px;
	text-align:left;
	margin:0 auto;
}
#wrapper {
	width:900px;
	text-align:left;
	margin:0;
	background: #ffffff;
}	
#wrapper:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
#header{
	width: 900px;
	height:58px;
	background:url(../images/bg_header.jpg);
}

h1    { 
	height:18px;
	font-size:90%;
	font-weight:normal;
	padding-top:5px;
	text-indent:5px;
	color: #ffffff;
}

#logo_img {	
	float:left;
	width:260px;
	height:58px;
	margin:0;
	float:left;
}
#h_add {
	float:right;
	width:370px;
	margin:5px 20px 0px 0px;
	text-align: right;
	font-size:90%;
	line-height:1.3;
	}
	
#g_menu {
	width:900px;
	height:35px;
	background:#eaeaf3;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #819ba1;
}	
#g_menu ul {
	margin:6px auto;
	list-style-type:none;
	}	
#g_menu li {
	background:url(../images/icon/icon_orange.gif) no-repeat 3px;
	display:inline;
	float:left;
	padding-left:23px;
	padding-right:30px;
	}
	
#left {
	width:190px;
	float:left;
	display:inline;
	background:#eaeaf3;
	border-right: 1px solid #819ba1;
	border-bottom: 1px solid #819ba1;
}
#right {
	width:709px;
	float:right;
	display:block;
	background: #ffffff;
}	

#left h2 {
	margin: 10px;
	padding:3px 5px 3px 10px;
	background:#9dbcc4;
	border-bottom: 1px solid #37545b;
	font-size:100%;
}
/*
	padding:3px 5px 3px 10px;
*/
#left ul {
	width:170px;
	margin: 10px 10px 20px 10px;
	list-style-type:none;
}
#left li {
	background:url(../images/icon/icon_green.gif) no-repeat 3px;
	padding:3px 5px 3px 23px;
	border-bottom: 1px dotted #cccccc;
	font-size:90%;
}

#toiawase {
	width: 171px;
	margin-left:10px;
	margin-bottom: 10px;
}
#toi_middle {
	background:url(../images/side/toi_middle.gif) repeat-y;
	font-size:90%;
	text-align:center;
}

#right A:link {
	COLOR: #336699; TEXT-DECORATION: none;
}
#right A:visited {
	COLOR: #336699; TEXT-DECORATION: none;
}
#right A:hover {
	COLOR: #333333; TEXT-DECORATION: underline;
}

/*フッター*/
#footer {
	clear:both;
	height: 20px;
 	font-size:85%;
	margin:0 auto;
	color: #ffffff;
	text-align:center;
}

/*トップページCSS */
#top_img {
	margin:19px;
}
#top_left {
	width:420px;
	float:left;
	display:inline;
	margin:0 20px;
}
#topics {
	padding:10px;
}
#topics dl {
	background: url(../images/icon/icon_red_s.gif) no-repeat 0px 8px;
	padding:5px 0px 10px 10px;
	font-size: 90%;
	border-bottom: 1px dotted #bbbbbb;
}
#topics dt {
	color:#cc0000;
	font-weight:bold;
}
#topics dd {
	margin: 0px;
}
#top_right {
	width:230px;
	float:right;
	display:block;
	margin-right:19px;
}

.important {
	margin:15px 0px;
	padding:10px;
	border:1px solid #CC0000;
	background-color:#FFFFCC;
	font-weight:bold;
	}

#jisseki_middle {
	background:url(../images/top/jisseki_middle.gif) repeat-y;
	font-size:90%;
	padding: 10px 15px;
}
#jisseki_middle ul {
	width:200px;
	}
#jisseki_middle li {
	background: url(../images/icon/icon_green_s.gif) no-repeat 0px 8px;
	padding:3px 0px 3px 10px;
	border-bottom: 1px dotted #cccccc;
}

/*サブページCSS*/
#contents {
	width: 669px;
	margin:0px 20px 20px 20px;
}

#contents h2 {
	margin:10px 0px;
	padding: 3px 10px;
	background-color:#FEEDE2;
	border-top   :1px solid #dddddd;
	border-bottom:1px solid #666666;
	font-size:12pt;	
}

#contents h3 {
	margin:10px 0px;
	padding: 2px 10px;
	border-left   :4px solid #CC3300;
	font-size:11pt;
}

#contents p {
	padding: 5px;
}

ul.disc {
	padding-left:25px;
}

.service li {
	background: url(../img/ico_red.gif) no-repeat 0px 3px;
	padding:0px 0px 3px 20px;
	list-style-type:none;
}
.jigyou li {
	background: url(../img/ico_green.gif) no-repeat 0px 3px;
	padding:0px 0px 3px 20px;
	list-style-type:none;
}
.kinou li {
	background: url(../img/ico_yellow.gif) no-repeat 0px 3px;
	padding:0px 0px 3px 20px;
	list-style-type:none;
}




.img_b_space {
	vertical-align:bottom;
}

.clear {
	clear:both;
}

.red {
	color:red;
}
.red_b {
	color:red;
	font-weight:bold;
}
.green_b {
	color:#009966;
	font-weight:bold;
}