/* 個人課題ＣＳＳ */
body{
margin: 0;
padding: 0;
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3";
text-align: center;
font-size:12px;
line-height: 1.5;
}
img{
border: none;
}
div, div#top_left td.column p{
zoom:1;
}
div:after, div#top_left td.column p:after{
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
a{overflow: hidden; text-decoration: none;}
a:link, a:visited, a:active{color: #274d93;}
a:hover{text-decoration: underline;}

/*共通レイアウト*/
div#wrapper{
width: 883px;
margin: 0px auto;
}
div#wrapper2{
width: 910px;
margin: 0px auto;
}

div#header_o{
background: url(http://www.ohshu.jp/rail/img/bg_header.gif) no-repeat 0px 0px;
padding: 17px 17px 25px;
text-align:left;
}
div#header2{
background: url(http://www.ohshu.jp/rail/img/bg_header2.gif) no-repeat 0px 0px;
padding: 17px 17px 25px;
text-align:left;
}
div#header3{
background: url(http://www.ohshu.jp/rail/img/bg_header3.gif) no-repeat 0px 0px;
padding: 17px 17px 25px;
text-align:left;
}

div#header2 img.floatright, div#header_o img.floatright, div#header3 img.floatright{
margin-left: 15px;
margin-top: 6px;
}
div#header2 h1, div#header_o h1, div#header3 h1{
margin:0px;
padding:0px;
width: 268px;
height: 72px;
color: #ffffff;
font-size:xx-small;
text-indent:-9999px;
}
div#header2 h1 a, div#header_o h1 a, div#header3 h1 a{
display: block;
width: 268px;
height: 72px;
background: url(http://www.ohshu.jp/rail/img/logo.gif) no-repeat 0px 0px;
}


div#contents{
padding: 5px;
}


div#navi{
border: 1px solid #e79d94;
background: #fff6e8;
text-align:center;
padding: 5px;
margin-bottom: 10px;
}
div#navi2{
border: 1px solid #e79d94;
background: #fff6e8;
text-align:center;
padding: 5px;
margin-bottom: 10px;
}

div#navi ul{
margin: 0px 35px;
padding: 0px;
list-style: none;
}
div#navi2 ul{
margin: 0px 0px 0px 110px;
padding: 0px;
list-style: none;
}
div#navi li, div#navi2 li{
float: left;
padding: 0px 6px;
border-right: 1px solid #b7b4b0;
}
div#navi li.last, div#navi2 li.last{
border: none;
}
div#navi li a, div#navi2 li a{
color: #274d93;
text-decoration: none;
}
div#navi li a:hover, div#navi2 li a:hover{
text-decoration: underline;
}

div#top_left{
width: 636px;
text-align:left;
float:left;
}
div#top_wide{
width: 872px;
text-align:left;
}
td.column#top1, td.column#top2{
border-top: 1px solid #b6ccd7;
}
div#top_left td.column img.floatright,div#top_wide td.column img.floatright,div#top_left td.column2 img.floatright,div#top_wide td.column2 img.floatright{
margin-left: 15px;
margin-bottom: 8px;
}
div#top_left td.column img.floatleft, div#top_wide td.column img.floatleft,div#top_left td.column2 img.floatleft,div#top_wide td.column2 img.floatleft{
margin-right: 8px;
margin-bottom: 8px;
}
td.top_left_h2{
border: 1px solid #b6ccd7;
margin: 0px;
padding: 0px;
background: url(http://www.ohshu.jp/rail/img/bg_h2_ttl.gif) repeat-x #cce1e9;
}
td.top_left_h2o{
border: 1px solid #FDC973;
margin: 0px;
padding: 0px;
background: url(http://www.ohshu.jp/rail/img/bg_h2_ttl2.gif) repeat-x #FD9D49;
}
div#top_left h2, div#top_wide h2{
margin: 0px;
padding: 0px;
font-size:12px;
}
div#top_left td.top_left_h2o h2, div#top_wide td.top_left_h2o h2{
margin: 0px;
padding: 3px 10px;
font-size:12px;
}
div#top_left h2 a, div#top_wide h2 a{
width: 286px;
color: #274d93;
text-decoration:none;
font-weight:bold;
margin: 0px;
padding:3px 10px;
display:block;
}
div#top_left td.column, div#top_wide td.column{
border-right: 1px solid #b6ccd7;
border-left: 1px solid #b6ccd7;
border-bottom: 1px solid #b6ccd7;
padding:8px;
font-size:12px;
background: url(http://www.ohshu.jp/rail/img/bg_h2_cont.gif);
}
div#top_left td.column2_top, div#top_wide td.column2_top{
border: 1px solid #FFC871;
padding:8px;
font-size:12px;
background: url(http://www.ohshu.jp/rail/img/bg_h2_cont2.gif);
}
div#top_left td.column2, div#top_wide td.column2{
border-right: 1px solid #FFC871;
border-left: 1px solid #FFC871;
border-bottom: 1px solid #FFC871;
padding:8px;
font-size:12px;
background: url(http://www.ohshu.jp/rail/img/bg_h2_cont2.gif);
}
div#top_left td.column2_php, div#top_wide td.column2_php{
border-right: 1px solid #FFC871;
border-left: 1px solid #FFC871;
border-bottom: 1px solid #FFC871;
padding:0px;
font-size:12px;
background: #ffffff;
}
div#top_left td.column div.incolumn, div#top_left td.column2_top div.incolumn, div#top_left td.column2 div.incolumn{
width: 290px;
}
div#top_wide td.column div.incolumn, div#top_wide td.column2_top div.incolumn, div#top_wide td.column2 div.incolumn{
width: 480px;
}
div#top_wide td.column div.incolumn2, div#top_wide td.column2_top div.incolumn2, div#top_wide td.column2 div.incolumn2{
width: 410px;
}
div#top_wide td.column2 div.incolumn3{
width: 240px;
float:left;
}
div#top_left td.column ul, div#top_wide td.column ul{
margin: 0px 0px 0px 5px;
padding: 5px 0px 5px 10px;
font-size:12px;
}
div#top_left td.column li, div#top_wide td.column li{
margin: 0px;
padding: 0px;
font-size:12px;
}
div#top_left td.subcol, div#top_wide td.subcol{
padding:10px 8px;
background: url(http://www.ohshu.jp/rail/img/bg_subcol.gif) repeat-x #ddebf0;
border: 1px solid #b6ccd7;
}
div#top_left td.subcol div.inmap, div#top_wide td.subcol div.inmap{
width: 228px;
}
div#top_left td.subcol h3, div#top_wide td.subcol h3{
font-size: 12px;
padding: 0px 0px 4px;
margin: 0px;
}
div#top_left td.subcol p, div#top_wide td.subcol p{
margin: 0px;
padding: 0px;
}
div#top_left td.subcol#map p, div#top_wide td.subcol#map p{
padding: 10px;
}
div#top_left td.subcol#map p img, div#top_wide td.subcol#map p img{
margin: 0px 5px -4px 0px;
}
div#top_left td.subcol#notmap div.white, div#top_wide td.subcol#notmap div.white{
background: #ffffff;
padding: 8px;
border: 1px solid #b6ccd7;
}


div#top_right{
width: 231px;
text-align:left;
float:right;
}
div#top_right div.column{
width: 231px;
margin: 0px 0px 12px 0px;
}
div#top_right div.column h2{
width: 209px;
border: 1px solid #cccccc;
margin: 0px;
padding:3px 10px;
font-size:12px;
background: url(http://www.ohshu.jp/rail/img/bg_info_ttl.gif) repeat-x #ededed;
}
div#top_right div.column div.info{
width: 209px;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin: 0px;
padding:10px;
font-size:12px;
line-height: 1.2;
}
div#top_right div.column div.info p{
margin: 0px;
padding: 0px;
}
div#top_right div.column div.info a{
border-bottom: 1px dotted #aaaaaa;
display: block;
padding: 0px 0px 1em;
line-height: 1.2;
margin: 0px;
}
td.column2_php ul{
padding: 0px;
margin: 1em;
list-style: none;
}
td.column2_php li{
border-bottom: 1px dotted #aaaaaa;
padding: 1em 0px;
line-height: 1.2;
list-style: none;
margin: 0px;
}
div#top_right div.column div.info p#information{
text-align:right;
text-indent: 0px;
padding: 0px;
}
div#top_right div.column div.info p#information a{
display: inline;
border: none;
}
div#topbanner{
padding-top: 12px;
}
div#topbanner img{
margin-bottom: 12px;
}
div#topbanner img{
margin-bottom: 12px;
}
div#rec{
background: url(http://www.ohshu.jp/rail/img/bg_rec.gif) repeat-x #e7f1f4;
border: 1px solid #b6ccd7;
padding:10px;
}
div#rec_o{
background: url(http://www.ohshu.jp/rail/img/bg_rec_o.gif) repeat-x #feecdb;
border: 1px solid #ffc871;
padding:10px;
}
div#rec h3,div#rec_o h3{
margin: 0px;
padding: 0px 0px 4px;
font-size: 12px;
}
div#rec p,div#rec_o p{
margin: 0px;
padding: 0px 0px 4px;
}
div#rec ul,div#rec_o ul{
margin: 0px;
padding: 0px 12px 4px 14px;
}
.arrowleft{
padding: 0px 0px 0px 16px;
margin: 0px;
background: url(http://www.ohshu.jp/rail/img/arrow_01.gif) no-repeat 0px 4px;
}
p.arrow img{
padding: 0px;
margin: 3px 5px 0px 12px;
}
p.arrow img{
float:right;
}
p.arrow a{
display:block;
float:right;
}

div#footer{
width: 873px;
text-align: center;
clear: both;
padding: 6px 0;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background: url(http://www.ohshu.jp/rail/img/bg_foot.gif) repeat-x #efefef;
}
div#footer_o{
width: 873px;
text-align: center;
clear: both;
padding: 6px 0;
border-top: 1px solid #d8ccc1;
border-bottom: 1px solid #d8ccc1;
background: url(http://www.ohshu.jp/rail/img/bg_foot_o.gif) repeat-x #f0e9e1;
}
div#footer_m{
text-align: center;
clear: both;
padding: 6px 0;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background: url(http://www.ohshu.jp/rail/img/bg_foot.gif) repeat-x #efefef;
}
div#footer p#copyright,div#footer_o p#copyright, div#footer_m p#copyright{
text-align: right;
font-size:11px;
color: #aaaaaa;
line-height: 1.0;
margin: 0px;
padding: 0px 11px 0px 0px;
}
/*共通レイアウト*/

/*下層レイアウト*/
ul.squarelist, ul.squarelist2{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.squarelist li{
margin: 0px;
padding: 0px 0px 0px 1em;
text-indent: -1em;
list-style: none;
}
ul.squarelist li.pad{
margin: 0px;
padding: 0px 0px 12px 1em;
text-indent: -1em;
list-style: none;
}
ul.squarelist2 li{
margin: 0px;
padding: 0px 0px 12px 1em;
text-indent: -1em;
list-style: none;
}
ul.squarelist2 li.nopad{
margin: 0px;
padding: 0px 0px 0px 1em;
text-indent: -1em;
list-style: none;
}
ul.squarelist2 li.btorange{
border-bottom: 2px dotted #FFC871;
padding-bottom:12px;
margin-bottom:12px;
}
ul.squarelist2 li.nopad2{
margin: 0px;
padding: 0px 0px 12px 1em;
text-indent: -1em;
list-style: none;
}
ul.squarelist2 li.nopad3{
margin: 0px 0px 12px 0px;
padding: 0px 0px 12px 1em;
text-indent: -1em;
list-style: none;
}
ul.squarelist2 li.photo{
margin: 0px;
padding: 0px 0px 12px 2em;
list-style: none;
}
ul.squarelist2 li.nopad2 ul.members, ul.squarelist2 li.nopad3 ul.members{
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style: none;
text-indent: 0px;
}
ul.squarelist2 li.nopad2 ul.members li, ul.squarelist2 li.nopad3 ul.members li{
margin: 0px 0px 0px 5px;
padding:0px 0px 0px 15px;
list-style: none;
background: url(http://www.ohshu.jp/rail/img/arrow_01.gif) no-repeat 0px 4px;
width: 205px;
float:left;
text-indent: 0px;
color:#3365C1;
}
ul.squarelist2 li.nopad2 span.name, ul.squarelist2 li.nopad3 span.name{
color:#3365C1;
}
.floatleft_network{
float: left;
width: 210px;
text-align:left;
}

/*下層レイアウト*/

/*汎用*/
.floatleft{float: left;}
.floatright{float: right;}
img.imgborder{
padding: 1px;
border: 1px solid #888;
background: #fff;
}
.indent{ text-indent: -1em; padding-left: 1em;} 
.clear{ clear: both;}
br.clear{ clear: both; line-height: 0.2;}
.orange{ color: #FF6600;}
.red {color: #CC3333;}
.center{text-align: center;}
.gray_b6{ color:#b6b6b6;}
.bottom0px{margin-bottom: 0px;padding-bottom: 0px; zoom: normal;}
.mt20{margin-top: 20px;}
.mb-5{margin-bottom:-5px;}
.font9px{ font-size: 9px;}
.font11px{ font-size: 11px;}
.font13px{ font-size: 13px;}
.font14px{ font-size: 14px;}
.font16px{ font-size: 16px;}
.font18px{ font-size: 18px;}
/*汎用*/

/*掲示板用*/
div.keiji {
  position: relative;
  color : #FF0033;
  font-size: 14pt;
  font-weight : bold;
  width : 910px;
  height: 24px;
  background-color : #000000;
  overflow : hidden;
}
div.keiji a {
  color : #00ff00;
  text-decoration: none;
}
div.keiji a:hover {
  text-decoration:underline;
}
div.keiji a:visited {
  color : #00ff00;
}