﻿@charset "UTF-8";
/* CSS Document */
body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
	margin: 0;
	vertical-align: baseline;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
body {
	font-family : 'Hiragino Kaku Gothic Pro', Meiryo, san-serif,'ＭＳ Ｐゴシック';
	font-size:12px;
	*font-size: 72%; /*Win IE7Win IE6*/
	*font: x-small;  /*Win IE 5-5.56*/
	line-height: 1.6em;
}
body {
background-image:url(../images/background01.jpg);
background-repeat:repeat-x;
background-color:#f1f1f1;
color:#4A4A4A;
}
h2 {
font-size:1.4em;
}
h3 {
font-size:110%;
}
h4,h5,h6 {
font-size:100%;
}
.clear {
	clear: both;
}
.fl {
float:left;
}
.fr {
float:right;
}
a {color: #224ea7; }
a:hover {color: #359cf7;  outline:none; }
a img {
    border-style:none;
	text-decoration : none;
	outline:none;
}
.clearfix:after {
  content: ".";  
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.tx11 {font-size:0.95em; line-height:1.4em;}
.tx10 {font-size:0.85em; line-height:1.2em;}
.tx9 {font-size:0.75em; line-height:1.0em;}
.mac.gecko .tx11 {letter-spacing:-0.05em;}
.webkit .tx11 {letter-spacing:-0.1em;}
.tsume {letter-spacing:-0.1em;}
.mac.gecko .tsume {letter-spacing:-0.18em;}
.webkit .tsume {letter-spacing:-0.18em;}

.mg_L_4 {margin-left:4px !important;display:inline !important;}
.mg_L_8 {margin-left:8px !important;display:inline !important; }
.mg_L_12 {margin-left:12px !important;display:inline !important; }
.mg_L_24 {margin-left:24px !important;display:inline !important; }
.mg_R_24 {margin-right:24px !important;display:inline !important; }
.mg_T_4 {margin-top:4px !important;}
.mg_T_8 {margin-top:8px !important;}
.mg_T_12 {margin-top:12px !important;}
.mg_T_24 {margin-top:24px !important;}
.mg_T_28 {margin-top:28px !important;}
.pd_T_24{padding-top:24px !important;}

.tr { text-align:right }
.tc { text-align:center }


.red {color:#CC0000;}

#header,#main {
width:840px;
float:left;
}
#main {
height:218px;
clear:both;
}
#header{
height:120px;
}
#uparea{
height:71px;
}
#logo{
float:left;
padding-left:15px;
display:block;
}
#headright{
float:right;
}
#navi li{
display:block;
float:left;
list-style:none;
position:relative;
}
#navi li img{
display:block;
}
#main_ph{
width:612px;
float:left;
}
#main_ph img{
padding-left:8px;
}
#main_ph,#main ul{
padding-top:9px;
}
#main ul{
float:right;
width:218px;
}
#main li{
display:inline;
width:212px;
height:50px;
}
#main li img.btnimg{
display:block;
float:right;
}
#main_btn h3{
position:relative;
display:block;
float:right;
}
#main_btn h3 .dtnew{
position:absolute;
top:7px;
right:7px;
z-index:20;
}
#main li.member_btn img{
margin-top:4px;
}
#member_pane{
position:absolute;
top:320px;
left:628px;
width:212px;
background-image:url(../images/bg_member_pane.gif);
background-repeat:no-repeat;
background-color:#e1eff7;
display:block;
padding-top:10px;
padding-bottom:10px;
border-bottom:#e1dddd 1px solid;
}
#member_pane02{
position:absolute;
top:320px;
left:628px;
width:212px;
background-color:red;
display:block;
padding-top:10px;
padding-bottom:10px;
visibility:hidden;
}
#member_pane p,#member_pane02 p{
display:block;
/*width:120px;*/
background-image:url(../images/li_arrow.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:13px;
margin-bottom:5px;
margin-left:15px;
margin-right:15px;
}
#content{
background-image:url(../images/bg_content.gif);
background-repeat:repeat-y;
width:840px;
float:left;
display:block;
padding-top:15px;
padding-bottom:13px;
clear:both;
}
#leftbar{
width:275px;
margin-left:15px;
display:inline;
float:left;
}
#leftbar dt{
position:relative;
display:block;
width:275px;
}
#leftbar dt img{
display:block;
}
#leftbar dt .dtnew{
position:absolute;
top:10px;
left:230px;
z-index:20;
}
#leftbar dd{
position:relative;
z-index:30;
}
#leftbar dd ul{
position:absolute;
top:-32px;
left:213px;
display:block;
width:296px;
background-image:url(../images/bg_pain.gif);
padding-top:10px;
padding-bottom:8px;
border-bottom:#ecebeb 1px solid;
z-index:40;
}
#leftbar dd li{
list-style:none;
background-image:url(../images/li_arrow.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:13px;
margin-bottom:5px;
margin-left:30px;
margin-right:15px;
}
#readarea {
width:523px;
float:right;
margin-right:13px;
display:inline;
}
#topics {
width:523px;
display:block;
float:right;
background-image:url(../images/topic_ttl.gif);
background-repeat:no-repeat;
padding-top:35px;
}
.dl_topics,.dl_history{
display:block;
padding:8px;
float:right;
width:503px;
border:1px solid #ccc;
height:236px;
overflow:auto;
}
.dl_topics dd{
background-image:url(../images/li_arrow.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:13px;
margin-bottom:5px;

}
.dl_history dd{
display:block;
margin-top:-1.6em;
margin-left:5.6em;
margin-bottom:8px;
}
.dl_history dd .c-green{
color:#829B9D;
}
#history {
width:523px;
display:block;
float:right;
background-image:url(../images/history_ttl.gif);
background-repeat:no-repeat;
padding-top:35px;
margin-top:15px;
}
#footer {
background-image:url(../images/ft_content.gif);
background-repeat:no-repeat;
text-align:right;
width:840px;
float:left;
padding-top:3px;
padding-bottom:20px;
clear:both;
}
.new img{
display:inline !important;
margin-left:2px;
vertical-align:-0.14em;
}

#navi .dtnew{
position:absolute;
top:29px;
right:5px;
z-index:20;
}

/**//**//**//**//**//**/

#sco #content {
margin-top:12px;
padding-left:15px;
padding-right:15px;
width:810px;
}
#sco h2 {
margin-top:16px;
margin-left:15px;
color:white;
}
#sco #content li {
font-size:1.2em;
list-style:none;
background-image:url(../images/li_arrow.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:13px;
margin-bottom:14px;
margin-left:15px;
margin-right:15px;
}
#scbox {
top:30px;
left:350px;
width:500px;
position:absolute;
z-index:100;
background-color:white;
}
table.gsc-search-box {
width:220px !important;
float:right;
background-image:url(../images/bg_sch.gif);
background-repeat:no-repeat;
height:23px;
}
table.gsc-branding,.gsc-tabHeader{
display:none !important;
}
.gsc-wrapper {
padding:0px 15px 0 15px;
margin-top:32px;
}
input.gsc-input {
background:none !important;
border:none !important;
}
table.gsc-search-box {
top:5px;
left:276px;
position:absolute;
}
/*追加ページ要素*/
#sco #content ol li.oll{
margin-bottom:32px;
}
#sco #content ol li {
list-style:decimal;
list-style-position:inside;
}
#sco #content ol ul li {
list-style:circle;
list-style-position:inside;
background:none;
margin-top:14px;
font-size:92%;
}
#sco #content h3 {
border-bottom:dotted #999999 1px;;
padding-bottom:8px;
margin-bottom:12px;
}
#sco #content h3.head{
background-color:#92a2d9;
border-top:#6D7EBC 3px solid !important;
color:#FFFFFF;
padding:6px 9px;
}
#sco #content .headtxt {
border:#CCCCCC 4px solid;
background: #DFF2FE;
padding:8px;
margin-bottom:12px;
font-size:1.2em;
line-height:1.8em;
}
#sco #content .headtxt02 {
padding:8px;
margin-bottom:12px;
font-size:1.2em;
line-height:1.8em;
}

#sco.safegoods table{
border-top:#999 1px solid;
border-left:#999 1px solid;
}
#sco.safegoods table th{
background:#E6F3F5;
}
#sco.safegoods table td, #sco.safegoods table th{
text-align:center;
border-bottom:#999 1px solid;
border-right:#999 1px solid;
padding:5px;
}
#sco.safegoods .name{
color:#CC0000;
font-size:112%;
}
#sco.safegoods table .code {
}
#sco.safegoods table .page {
}
#sco.safegoods  table .dl {
}
#sco.safegoods table  .jan {
}
#sco.safegoods table  .manu {
}
#sco.safegoods table  .sma {
}
#sco .date {
text-align:right;
font-size:95%;
line-height:1.4em;
}
#sco.safegoods #ttl {
background:url(../images/safegoods_mg.gif) no-repeat;
padding:20px 0 0 130px;
min-height:110px;
height: auto !important;  
height: 110px;  

}
#sco.safegoods #ttl h3 {
font-size:118%;
margin-bottom:15px;
}
#sco .wline {
border:double #aaa ;
padding:20px;
}
#sco.win_school .index{
width:500px;
float:left;
padding:10px 20px;
}
#sco.win_school .index dt{
font-weight:bold;
}
#sco.win_school #content .index li{
font-size:1.0em;
background-image:none;
margin:5px;
}
#sco.win_school .prof{
width:200px;
float:left;
padding:10px 20px;
}

