@charset "utf-8";

H1 {
    margin:0px
	}
H2 {
    margin:0px
	}
H3 {
    margin:0px
	}
H4 {
    margin:0px
	}
H5 {
    margin:0px
	}
#clear_l {
	CLEAR:left
}
#clear_bt {
	CLEAR:both;
}
A.pan:link {
	FONT-WEIGHT: normal; COLOR: #3399cc; TEXT-DECORATION: underline
}
A.pan:visited {
	FONT-WEIGHT: normal; COLOR: #3399cc; TEXT-DECORATION: underline
}
A.pan:hover {
	FONT-WEIGHT: normal; COLOR: #990000; TEXT-DECORATION: none
}
A.pan:active {
	FONT-WEIGHT: normal; COLOR: #990000; TEXT-DECORATION: underline
}

FORM {
    margin:0px
	}

A:active {
	COLOR: #000000; TEXT-DECORATION:none
}
A:link {
	COLOR:#000000; TEXT-DECORATION:none; height: 25px; width: 160px;
}
A:visited {
	COLOR: #000000; TEXT-DECORATION:none
}
A:hover {
	COLOR: #000000; TEXT-DECORATION: underline;
}





/*外枠しろ*/
.outside { margin-left:5px; BACKGROUND: #ffffff; WIDTH: 670px; BORDER-RIGHT: #666666 ; BORDER-LEFT: #666666; text-align:center;PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; 
}
/*会社概要用*/
.outline-text {font-size:16px; line-height:30px; font-weight:bold
}

/*商品／オーダー用*/
.product-text {font-size:14px; line-height:20px; font-weight:bold
}

/*joc用*/
.joc-text {font-size:12px; line-height:18px;
}
.joc-green {font-family:"ヒラギノ角ゴ8"; font-size:25px; color:#009999
}
.joc-orange {font-family:"ヒラギノ角ゴ8"; font-size:25px; color:#FF9966
}
.joc-cap {font-size:10px; color:#666666
}


.menu-table {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 98%; PADDING-TOP: 0px; PADDING-TOP: 10px; text-align:left;
}

.main-table {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 540px; PADDING-TOP: 0px; text-align:left; font-size:14px; line-height:20px;
}

.pan-line {
	FONT-SIZE: 1px;
	BACKGROUND: #e6e6e6;
	BORDER-LEFT: 120px solid #006666;
	HEIGHT: 2px;
	padding: 0px;
	position: relative;
	clear: both;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.pan-bg {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: left
}
.aka {
	COLOR: #ff0000
}
.shiro {
	COLOR: #ffffff
}
.page_logo {
margin-top:10px; margin-left:70px
}	

.block {
margin-left:100px; 	LINE-HEIGHT: 18px; font-size:12px}

/*グッズ用スタイルシート*/
.itoman {margin-left:4px;
}

/*グッズ用スタイルシート*/
.img_goods {margin-top:20px; margin-left:70px
}

.menu_goods {margin-top:15px; margin-left:center}

.table1 {
	BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; BORDER-LEFT: black 0px solid; BORDER-BOTTOM: black 0px solid; BACKGROUND-COLOR: #000000
}
H1.title {
margin-left:6px; BORDER-RIGHT: #7B422F 3px solid; PADDING-RIGHT: 3px; BORDER-TOP: #A5966B 1px solid; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; BORDER-LEFT: #A5966B 1px solid; WIDTH: 72%; COLOR: #7B422F; PADDING-TOP: 5px; BORDER-BOTTOM: #7B422F 3px solid; BACKGROUND-COLOR: #E5DBC0; TEXT-ALIGN: left
}

.g_text {margin-left:125px; font-size:14px; color:#7B422F; LINE-HEIGHT: 20px}

.txt10 {
	FONT-SIZE: 10px;
	margin-top: 10px;
}
/*フッター用*/
.footer {
	font-size:10px;
	color:#333333;
	height: auto;
	width: auto;
	padding-bottom: 30px;
	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
}

.index_txt {
LINE-HEIGHT: 20px; font-size:12px
}

/*春JOC用*/
h1.joc_ttl01{
font-size:25px; font:"ＭＳ Ｐゴシック", Osaka;
}


#joc_pic {
	width:190px; PADDING: 0px 0px 5px; MARGIN: 0px; BORDER: 0px solid; text-align:center; border-right:3px double #999999;
}

#joc_spe {
	width:170px; PADDING: 0px 10px 5px; MARGIN: 0px auto; BORDER: 0px solid
}

#joc_tt {
	width:180px; PADDING: 5px; MARGIN: 0px; BORDER: 0px solid; line-height:15px; text-align:left; font-size:12px; border-right:3px double #999999;
}

#joc_ttl02 {
	PADDING: 5px 10px 5px 10px; MARGIN: 0px 10px 0px 10px; BORDER: 0px solid; text-align:left; font-size:inherit; color:#009999
}
#joc_ttl03 {
	BORDER: 0px solid;
	text-align:center;
	font-size:inherit;
	color:#FF9999;
	clear: both;
	height: auto;
	padding: 20px 10px 5px;
	width: auto;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#joc_date {
	PADDING: 5px 10px 5px 10px; MARGIN: 0px 10px 0px 10px; BORDER: 0px solid; line-height:1.5em; text-align:left; font-size:12px
}
#joc_dateCenter {
	PADDING: 5px 10px 15px;
	MARGIN: 0px 10px 20px;
	line-height:1.5em;
	text-align:center;
	font-size:12px;
	height: auto;
	width: auto;
	border-bottom: 1px solid #696969;
}
#joc_main {
	PADDING: 5px 10px;
	MARGIN: 0px 10px;
	BORDER: 1px solid #CCCCCC;
	line-height:1em;
	text-align:center;
	width: auto;
}
#joc_txt {
	PADDING: 5px 10px 5px 10px; MARGIN: 0px 10px 0px 10px; BORDER: 0px solid; line-height:1.5em; letter-spacing:1px; text-align:left; color:#333333; font-size:12px
}


/*書き直し用*/
BODY {
	background-color: #CECFCE;
	margin: 0px;
	padding: 0px;
	font: 12px/16px "ＭＳ ゴシック", "Osaka－等幅";
	height: auto;
	width: auto;
	letter-spacing: 1px;
}
#inner {
	background: #FFFFFF;
	text-align: center;
	height: auto;
	width: 670px;
	border-right: 1px solid #9C9A9C;
	margin: 0px 0px 0px 5px;
	padding: 5px 0px 20px 10px;
}
#inner P{
	text-align: left;
}
#inner-school {
	text-align: left;
	height: auto;
	width: auto;
	border-right: 1px solid #9C9A9C;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(../../safty/images/index_img_bg.png);
	background-repeat: repeat-y;
	background-position: left;
}
.logo {
	float: left;
}
.head-navi {
	text-align: right;
	float: left;
	width: 550px;
	font-size: 12px;
	margin: 5px;
}
.summary H2 {
	text-align: right;
	float: left;
	width: 550px;
	font-size: 10px;
	margin: 5px;
	letter-spacing: normal;
	font-weight: normal;
}
.header {
	width: 892px;
	height: auto;
}
#inner .page-ttl H2{
	font-size: 10px;
	height: auto;
	width: auto;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#inner .page-ttl H2 A{
	font-size: 10px;
	height: auto;
	width: auto;
	font-weight: normal;
	color: #319ACE;
}
#inner .body {
	width: 80%;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	height: auto;

}
.item H3{
	font-size: 12px;
	font-weight: bold;
	color: #009999;
	border-left: 2px solid #009999;
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 3px;
	text-align: left;
}
.content {
}
.navi {
	background: #9CAAC6 url(../images/menu_bg_all.gif) repeat-y center;
	text-align: center;
	width: 209px;
	margin: 0px;
	padding: 0px;
	height: auto;
	vertical-align: text-top;
}
TABLE.outline {

	}
TD.name {
	border-right: 2px solid #99A8C6;
	width: 100px;
}
.subhead H4 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 15px;
}
TD .product {
	border-bottom: 1px dashed #A39DA2;
	font-size: 12px;
	text-align: left;
}
#inner .att {
	margin: auto;
	padding: 5px;
	border: 1px solid #BA7B1C;
	text-align: left;
	width: 470px;
	font-size: 85%;
	letter-spacing: normal;
}
#joc_txt .caption {
	text-align: center;
	margin-top: 3px;
	font-size: 10px;
	color: #000000;
}
ul.jocTopicpath {
	text-align: left;
	position: relative;
	padding: 0px;
	height: 20px;
	width: auto;
	margin: 5px 5px 10px;
	display: block;
}
.jocTopicpath li {
	float: left;
	list-style-position: inside;
	list-style-type: none;
	font-size: 10px;
}
ul#jocDate{
	background-color: #F0F0F0;
	text-align: left;
	margin: 5px 5px 20px!important;
}
.jocTopicpath li a {
	color:#3399cc;
	text-decoration:none;
	}
.jocTopicpath li a:hover {
	color:#3399cc;
	border-bottom:1px dotted #333;
	text-decoration:none;
	}

#jocDate h2 {
	float: left;
	font-size: 10px;
	margin-right: 20px;
	color: #006666;
}
#jocDate li {
	float: left;
	list-style-position: inside;
	list-style-type: none;
	font-size: 10px;
	margin-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #006666;
	padding-right: 10px;
}
#jocDate li.end {
	border:none!important;
}
#jocDate li a {
	color:#3399cc;
	text-decoration:none;
	}
#jocDate li a:hover {
	color:#3399cc;
	border-bottom:1px dotted #333;
	text-decoration:none;
	}
#joc_main p.cap {
	font-size: 10px;
	text-align: center;
	height: auto;
	width: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}




/*INDEXコメント*/


.index_header {
	height: auto;
	width: 700px;
	margin-right: auto;
}
.index_comment {
	text-align: center;
	height: auto;
	width: 699px;
	padding-top: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #6E655C;
	margin: 0px auto 0px 0px;
}
.index_comment p {
	margin:0px;
	padding:0px;
	}
	p.index_text {
		width:600px;
		text-align:left;
		margin:10px auto;
		color:#F00;
		
	}
#inner_index {
	height: 800px;
	width: 700px;
	background-color: #0F6;
}
#contents_area {
	background:#FFF;
	width: 100%;
	height: auto;
	position: relative;
}
#contents_area:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
	
	/*\*/
	* html #contents_area {
		overflow: visible;
		}
	/**/#navi_area {
	background: #09C;
	width: 209px;
	height: auto;
	float: left;
}
#main_area {
	background: #039;
	height: 500px;
	width: 700px;
	float: left;
}