@charset "Shift_JIS";

/* --------------------------------------*/
/* 基本 */
/* --------------------------------------*/
body {
	color: #000000;
	background-color: #058b44;
	padding: 0px;
	margin: 0px;
	background-image:url(img/bg_body.gif);
	background-repeat: repeat-x;
}

/* 画像の枠 */
img { border-style: none }
/* ヘッダーエリア */
#header{
	color: #000000;
	background-color: #FFFFFF;
	width: 761px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bed4c9;
}
#header table, #header td{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	height: 64px;
}
#tosclogo{
	margin-top: 15px;
}
#contact{
	margin-top: 13px;
	margin-right: 8px;
	margin-bottom: 15px;
	margin-left: 8px;
}
#header a.link {
	margin-right: 8px;
	margin-bottom: 3px;
	font-size: 12px;
}

/* メニューエリア */
#menu{
	width: 761px;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bed4c9;
}
/* メインエリア */
#main{
	width: 761px;
	color: #000000;
	background-color: #addec5;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bed4c9;
	overflow: hidden;
	background-image: url(img/bg-main.gif);
	background-repeat: repeat-y;
}

#main:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #main {
    height: 1em;
    overflow: visible;
}
/**/

/* コンテンツエリア */
#contents{
	width: 570px;
	color: #000000;
	background-color: #FFFFFF;
	float: left;
}
#pankuzu{
	font-size: 11px;
	color: #000000;
	padding: 0px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#contents h2{
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#contents h3{
	color: #000000;
	font-size: 100%;
	font-weight: normal;
	background-image: url(img/eye_h3.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 12px;
	margin-right: 10px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #909090;
	clear: both;
}
#contents .h3_q{
	color: #000000;
	font-size: 100%;
	font-weight: normal;
	background-image: url(img/q.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 12px;
	margin-right: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #909090;
	clear: both;
}
#contents p{
　　padding-left: 0px;
	margin-right: 20px;
	margin-left: 20px;
	color: #525252;
	line-height: 130%;
	font-size: 80%;
}
#contents .p_m40{
	margin-right: 20px;
	margin-left: 40px;
	line-height: 130%;
	font-size: 80%;
}
#contents .ptop{
	text-align: right;
	text-indent: 15px;
	display: block;
	padding: 5px;
	width: 8em;
	clear: both;
	float: right;
}
#contents ul{
    padding-left: 0px;
	margin-right: 20px;
	margin-left: 60px;
	color: #525252;
	line-height: 130%;
	font-size: 80%;
}
#contents .ul_2{
    padding-left: 0px;
	margin-right: 20px;
	margin-left: 20px;
	color: #525252;
	line-height: 130%;
	font-size: 100%;
}
#contents .ul_2nd{
    padding-left: 0px;
	margin-right: 20px;
	margin-left: 20px;
	color: #525252;
	line-height: 130%;
	font-size: 100%;
}
#contents ol{
    padding-left: 0px;
	margin-right: 20px;
	margin-left: 60px;
	color: #525252;
	line-height: 130%;
	font-size: 80%;
}
#contents .ol_td{
    padding-left: 0px;
	margin-right: 20px;
	margin-left: 60px;
	color: #525252;
	line-height: 130%;
	font-size: 12px;
}
#contents .ol_2{
    padding-left: 0px;
	margin-right: 20px;
	margin-left: 30px;
	color: #525252;
	line-height: 130%;
	list-style-type: lower-alpha;
}
#contents .ol_td2{
    padding-left: 0px;
	margin-right: 20px;
	margin-left: 30px;
	color: #525252;
	line-height: 130%;
	list-style-type: lower-alpha;
	font-size: 12px;
}
#contents .ul_a{
    padding-left: 0px;
	margin-top: 10px;
	margin-left: 37px;
	margin-right: 10px;
	color: #525252;
	line-height: 130%;
	font-size: 80%;
	list-style-image: url(img/a.gif);
}
#contents .ul_tyuui{
    padding-left: 0px;
	margin-top: 10px;
	margin-left: 37px;
	margin-right: 10px;
	color: #FF0000;
	line-height: 130%;
	font-size: 11px;
	list-style-image: url(img/attention.gif);
}
#contents .box1{
　　float: left;
    width: 240px;
	margin-left: 10px;
	background-color;#CCFFFF
}
#contents .box2{
　　float: left;
    width: 10px;
	background-color;#CCFFFF
}
#contents .box_sitemap{
　　float: left;
    width: 250px;
	margin-left: 10px;

}
#contents .box-moji{
	color: #525252;
	line-height: 130%;
	font-size: 80%;
}
#contents .box_clear{
    clear: left;
}
#contents td{
	margin-right: 20px;
	margin-left: 20px;
	color: #525252;
	line-height: 130%;
	font-size: 80%;
}
#contents th{
	margin-right: 20px;
	margin-left: 20px;
	color: #525252;
	line-height: 130%;
	font-size: 80%;
}

/* サイドバーエリア */
#sidebar{
	width: 190px;
	color: #000000;
	margin: 0px;
	float: left;
	background-color: #c7ecd9;
	height: inherit;
	background-image: url(img/side-bg.gif);
	background-repeat: repeat-x;
}
#sidebar p{
	color: #000000;
	margin: 10px;
	font-size: 11px;
	line-height: 140%;
}
#sidebar p#side-bt{
	margin: 0px;
	text-align: center;
	white-space: nowrap;
	display: block;
	width: 170px;
}
#sidebar h3{
	margin: 10px;
}

#case{
	width: 190px;
	color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
#mgt{
	width: 190px;
	color: #000000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
#sidebar ul{
    padding-left: 5px;
	margin-left: 5px;
}

#sidebar ul li{
	list-style-position: outside;
	list-style-image: url(img/eye_linkg.gif);
	list-style-type: disc;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 15px;
}
#sidebar a:link {
	color:#008ad8;
	text-decoration:underline;
	font-size: 12px;
}
#sidebar a:visited {
	color:#008ad8;
	text-decoration:underline;
	font-size: 12px;
}
#sidebar a:active {
	color:#FF0000;
	text-decoration:underline;
	font-size: 12px;
}
#sidebar a:hover {
	color:#000000;
	text-decoration:none;
	font-size: 12px;
}

/* フッターエリア */
#footer{
	color: #000000;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	width: 761px;
	float: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	clear: both;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bed4c9;
}
#footer td{
	padding-left: 10px;
	font-size: 60%;
}
/* --------------------------------------*/
/* リンクカラー */
/* --------------------------------------*/
a:link {
	color:#008ad8;
	text-decoration:underline;

}
a:visited {
	color:#008ad8;
	text-decoration:underline;

}
a:active {
	color:#FF0000;
	text-decoration:underline;

}
a:hover {
	color:#000000;
	text-decoration:none;

}
#pankuzu a:link {
	color:#008ad8;
	text-decoration:underline;
	font-size: 11px;
}
#pankuzu a:visited {
	color:#008ad8;
	text-decoration:underline;
	font-size: 11px;
}
#pankuzu a:active {
	color:#FF0000;
	text-decoration:underline;
	font-size: 11px;
}
#pankuzu a:hover {
	color:#000000;
	text-decoration:none;
	font-size: 11px;
}
/* --------------------------------------*/
/* トップページ */
/* --------------------------------------*/
#contents .main {
	margin: 10px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
}


/* --------------------------------------*/
/* 装飾スタイル */
/* --------------------------------------*/
#demo{
	padding: 10px;
	border: 1px solid #b4b4b4;
	background-image: url(img/bg-demo.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#demo img{
	float: right;
	margin: 3px;
}
#demo2{
	padding: 10px;
	border: 1px solid #b4b4b4;
	background-image: url(img/bg-demo.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#demo2 img{
	float: left;
	margin: 3px;
}
.float-left{
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
.float-right{
	float: right;
	margin-right: 5px;
	margin-left: 5px;
}
.doubleline{
　　border-bottom: double 3px #999999; 
}
#att {
	line-height: 140%;
	color: #363636;
	margin-top: 10px;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 10px;
	padding: 10px;
}

#att li {
	list-style-position: outside;
	list-style-image: url(img/eye_form.gif);
	list-style-type: disc;
	font-size: 100%;
	line-height: 140%;
	color: #333333;
}
hr {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #aeaeae;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
h4 {
	font-size: 80%;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
#line td {
	font-size: 80%;
	color: #333333;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #cccccc;
	margin: 0px;
	text-align: left;
}
.style1 {color: #FF0000}
