@charset "Shift_JIS";

body{
color:#333333;
font-size:12px;
line-height:1.5em;
background-color:#FFFFFF;
margin:0px;
padding:0px;
}

ul#menu{
clear:both;
background:#D90000 url(http://okweb.co.jp/images/bg_co01.gif);
background-repeat:repeat-x;
padding:0px 0px 0px 15px;
margin:0px;
width:100%;
height:5px;
border-top::1px solid #D90000;
}
ul#menu li{
display:inline;
padding:0px 5px;
}
ul#menu a{
height:5px;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
}
ul#menu a:hover{
color:#cccccc;
}

#copyright{
background:#FF0000 url(../images/bg_co01.gif);
height:22px;
background-repeat:repeat-x;
padding-left:10px;
color:#FFFFFF;
font-size:10px;
}
#corporate_logo{
float:right;
background:#FFFFFF url(../images/bg_co02.gif);
background-repeat:repeat-x;
}
#trademark{
text-align:left;
padding-left:10px;
background:#FFFFFF url(../images/bg_co02.gif);
background-repeat:repeat-x;
}
#trademark span{
font-size:10px;
color:#666666;
}



.lla a:link { color:#0066CC; text-decoration: none; }
.lla a:visited { color:#0066CC; text-decoration: none; }
.lla a { font-size: 75% ; color:#ffffff; text-decoration: none;}
.lla a:hover { font-size: 75% ; color:#FF0033;  }

/*.lla a:link { color:#ffffff; text-decoration: none; }
.lla a:visited { color:#ffffff; text-decoration: none; }
.lla a { font-size: 75% ; font-weight:bold ; color:#ffffff; text-decoration: none; margin:10px ; background:#0000aa;border-right: medium solid; border-right-width: 2px; border-right-color: #cccccc; border-bottom: medium solid; border-bottom-width: 2px; border-bottom-color: #cccccc;}
.lla a:hover { font-size: 75% ; font-weight:bold ; color:#ffffff; text-decoration: none; padding:10px ; background:#d70000;}*/

.st1{font-size: 80%; margin :0px 0px 0px 5px ; padding:0px 0px 0px 0px ; font-weight:bold ; vertical-align:text-top ; color:#000000;}
.st2{font-size: 75%; margin :0px 0px 0px 5px ; padding:0px 0px 0px 0px ; font-weight:bold ; vertical-align:text-top}
.sm1{font-size: 70%; line-height: 170%;  margin :0px 0px 2px 5px ; padding:0px 0px 0px 0px ; font-weight:bold}
.sm2{font-size: 70%; line-height: 130%;  margin :0px 0px 5px 20px ; padding:0px 0px 0px 0px ; }

.sm1 a:link { color:#0066CC; text-decoration: none; }
.sm1 a:visited { color:#0066CC; text-decoration: none; }
.sm1 a:hover { color:#FF0033; text-decoration: underline; }
.sm1 a:active { color:#CCCCFF; text-decoration: none; }

.st1 a:link { color:#000000; text-decoration: none; }
.st1 a:visited { color:#000000; text-decoration: none; }
.st1 a:hover { color:#FF0033; text-decoration: underline; }
.st1 a:active { color:#CCCCFF; text-decoration: none; }

.st2 a:link { color:#d70000; text-decoration: none; }
.st2 a:visited { color:#d70000; text-decoration: none; }
.st2 a:hover { color:#d70000; text-decoration: underline; }
.st2 a:active { color:#d70000; text-decoration: none; }

.bg1{ background:#f7f7f7 ; border-left: medium solid; border-left-width: 1px; border-left-color: #cccccc; border-top: medium solid; border-top-width: 1px; border-top-color: #cccccc;}

/*.bg1{ background:#f2f2f2 ; border-left: medium solid; border-left-width: 1px; border-left-color: #cccccc; border-top: medium solid; border-top-width: 1px; border-top-color: #cccccc;}*/

.bg2{ background:#f2f2f2 ; border-left: medium solid; border-left-width: 1px; border-left-color: #cccccc ;}

.bg3{ border-left: medium solid; border-left-width: 1px; border-left-color: #cccccc; border-bottom: medium solid; border-bottom-width: 1px; border-bottom-color: #cccccc;}

.bg4{ border-right: medium solid; border-right-width: 1px; border-right-color: #cccccc; border-bottom: medium solid; border-bottom-width: 1px; border-bottom-color: #cccccc;font-size: 75%; line-height: 140%;}

.bg5{ border-top: medium solid; border-top-width: 1px; border-top-color: #cccccc; font-size: 75%; line-height: 140%;}

.svt1 { padding :3px ;background:#999999 ; } /*困っている事で探す */
.svt2 { color: #ffffff; font-weight:bold ; font-size: 75%;} /*困っている事で探す */
.slo1{ margin-top:5px ; margin-left:5px} /*困っている事で探す */
.slo2{ font-size: 75%; line-height: 140%; margin :0px 0px 8px 8px ;} /*困っている事で探す */
.slo22{ font-size: 60%; line-height: 140%; margin :0px 0px 8px 5px ;} /*困っている事で探す */
.slo3{ margin:3px 5px 8px 8px ;} /*困っている事で探す */
.br1{ font-size: 5px;} /*困っている事で探す */


.bgred{ background:#cccccc ; color: #000000; padding:5px ; text-align:center ; width:170px ; font-weight:bold ; }
.bggray{ background:#ffffff ; border: medium solid; border-width: 1px; border-color: #999999; }

/*.jirei { border: medium solid; border-color: #cccccc;border-width: 1px;  }  階層下の導入事例枠線 */

.h1 {font-size: 100%; margin :13px 0px 0px 0px ; padding:0px 15px 0px 0px ; font-weight:bold }
.h2 {font-size: 100%; line-height: 140%; margin :8px 0px 8px 0px ; font-weight: bold;}
.h3 {font-size: 75%; line-height: 140%; margin :0px 0px 5px 0px ; }

.mn-t {font-size:175%; margin :0px 0px 0px 5px ; }

.mn {font-size: 85%; line-height: 160%; margin :0px 0px 0px 5px ; }
.mns {font-size: 85%; margin :0px 0px 0px 0px ; }
.mno {font-size: 100%; margin :0px 0px 0px 5px ; font-weight:bold;color:#d70000;}
/*.mno {font-size: 110%; line-height: 100%; margin :0px 0px 0px 5px ; font-weight:bold;color:#d70000;}*/

.sitmap {font-size: 75%; line-height: 170%; margin :10px 0px 5px 0px ; }


.s-s1 {font-size:70%; margin:0px 15px 0px 0px ;}

/*.s-s1 {font-size:70%;line-height:100%;padding:0px 15px 0px 0px ;}*/

.s-s1 a:link { color:#0066CC; text-decoration: none; }
.s-s1 a:visited { color:#0066cc; text-decoration: none; }
.s-s1 a:hover { color:#FF0033; text-decoration: underline; }
.s-s1 a:active { color:#CCCCFF; text-decoration: none; }

.s-s2 a:link { color:#ffffff; text-decoration: none; }
.s-s2 a:visited { color:#ffffff; text-decoration: none; }
.s-s2 a:hover { color:#FF0033; text-decoration: underline; }
.s-s2 a:active { color:#CCCCFF; text-decoration: none; }

/*.ht1 {font-size: 75%; line-height: 140%; margin :0px 2px 2px 0px ; padding:0px 2px 3px 30px;}*/
.ht1 {font-size: 75%; line-height: 140%; margin :0px 2px 2px 10px ; padding:0px 2px 3px 10px;}
.ht2 {font-size: 65%; line-height: 170%; margin :0px 2px 2px 10px ; padding:0px 2px 3px 10px;}
.ht3 {margin :3px 0px 3px 5px ; padding:3px 0px 3px 5px;}
.ht4 {margin :3px 0px 0px 0px ; padding:3px 0px 0px 0px;}
.ht5 {font-size: 75%; line-height: 140%; margin :0px 5px 5px 15px ; padding:0px 5px 5px 15px;}
.logo11{margin :9px 0px 5px 10px ; padding:9px 0px 5px 10px;}
.hh1 { border-left: medium solid; border-left-width: 1px; border-left-color: #cccccc; border-top: medium solid; border-top-width: 1px; border-top-color: #cccccc;} /* サマリータイトル */

.hh2 { border-right: medium solid; border-right-width: 1px; border-right-color: #cccccc; border-top: medium solid; border-top-width: 1px; border-top-color: #cccccc;} /* サマリータイトル */

.l {font-size:18px;line-height:140%;}
.m {font-size: 12px; line-height: 140% }
.m-s {font-size:12px;line-height:110%;}
.s {font-size:10px;line-height:140%;}
.s-s {font-size:10px;line-height:100%;}
.ss {font-size:6px;line-height:100%;}

a:link { color:#0066CC; text-decoration: none; }
a:visited { color:#0066CC; text-decoration: none; }
a:hover { color:#FF0033; text-decoration: underline; }
a:active { color:#CCCCFF; text-decoration: none; }

.indent12{ text-indent:12px;}
.indent20{ padding:0 20; }
.title{ color:#000000;
font-size:12px;
font-weight:bold;
padding:3px;
border-left:7px solid #da0001; 
border-bottom:1px solid #da0001; 
}
.topic_path { font-size:10px;
padding-top:10px;
}
.blue{ color:#003366;
font-size:12px;
font-weight:bold;
}
.date{ color:#333333;
font-size:12px;
font-weight:bold;
}
.syosai{font-size:10px;
font-weight:bold;
}
#rightMenu { border-top:6px solid #5C7C9D; border-left:12px solid #5C7C9D; border-right:12px solid #5C7C9D; }
#rightMenu ul{ list-style:none; margin:0; padding:0; }
.listOn{ margin:0; padding-bottom:2px; font-size:10px; font-weight:bold; background:#FFFFFF; border-bottom:2px solid #5C7C9D; }
.listOnUnder{ margin:0; padding-bottom:2px; font-size:10px; font-weight:bold; background:#FFFFFF; }
.listOff{ margin:0; padding-bottom:2px; font-size:10px; font-weight:bold; background:#E5E5E5; border-bottom:2px solid #5C7C9D; }
.listOffUnder{ margin:0; padding-bottom:2px; font-size:10px; font-weight:bold; background:#E5E5E5; }


.both { clear:both }

.ta_01{ border: medium solid; border-width: 1px; border-color: #999999; }
.td_01{ background-color:#eeeeee ; padding:10px; font-size:85%; color:#333333; border: solid 1px #999999; }
.td_02{ padding:10px; font-size:85%; color:#333333; border: solid 1px #999999; }
/*.td_02{ background-color:#666666 ; border: solid 1px #999999; padding:10px; font-size:85%; color:#ffffff } カレッジ申し込みフォーム */