@charset "utf-8";
/* CSS Document */

html, body {
height:100%;
}

body {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#333333;
font-size:10pt;
background-color:#606060;
background-image:url(../images/body_background.gif);
background-repeat:repeat-y;
background-position:center;
margin:0px;
padding:0px;
line-height:160%;
}

img {
vertical-align:top;
}

h1 {
font-size:11pt;
margin:0px 0px 20px 0px;
padding:0px 10px 0px 20px;
font-weight:bold;
background-image:url(../images/h1.gif);
line-height:30px;
}

h2 {
font-size:10pt;
margin:0px 0px 20px 0px;
padding:0px 10px 0px 5px;
font-weight:bold;
color:#333333;
background-image:url(../images/h2.gif);
line-height:25px;
}

h3 {
font-size:10pt;
margin:0px 0px 20px 0px;
padding:0px;
font-weight:bold;
color:#336600;
}


td {
vertical-align:top;
}

p {
margin:0px 0px 20px 0px;
}

ul {
margin:0px 0px 20px 0px;
padding-left:40px;
}

.sitemap ul {
margin:0px 0px 0px 0px;
padding-left:40px;
}

table ul {
margin:0px 0px 0px 0px;
padding-left:20px;
}

ol {
margin:0px 0px 20px 0px;
padding-left:40px;
}

a:link {
color:#006400;
text-decoration:underline;
}

a:visited {
color:#003900;
text-decoration:underline;
}

a:hover {
color:#003900;
text-decoration:none;
}

#container {
width:800px;
min-height: 100%;
height: auto !important;
height: 100%; /* ie用に設定 */
margin: 0 auto -150px; 
/* class="footer"と同じ高さ(100px)の負の値を入力 */
}

#left_column {
width:200px;
float:left;
background-image:url(../images/left_background.gif);
background-repeat:repeat-x;
}

ul.navi {
margin:0px;
padding:0px;
list-style-type:none;
}

ul li.navi {
margin:0px 0px 10px 0px;
}

ul.subnavi {
margin:0px;
padding:0px;
list-style-type:none;
}

ul li.subnavi {
}

#right_column {
width:590px;
float:right;
}

.right_content {
padding:10px 10px 10px 0px;
}

.right_header {
font-size:8pt;
float:right;
text-align:right;
line-height:18px;
height:18px;
}

.main {
padding:12px 0px 10px 0px;
}

.top_index {
clear:both;
padding-bottom:20px;
}

.top_index_left {
width:240px;
float:left;
}

.top_index_right {
width:330px;
float:right;	
}

table.top_index {
width:100%;
margin:0px;
padding:0px;
border-collapse:collapse;
}

td.top_index_left {
color:#333333;
margin:0px;
padding:0px 10px 0px 0px;
width:280px;
}

td.top_index_right {
color:#333333;
margin:0px;
padding:0px 0px 0px 10px;
width:280px;
}

table.grayborder {
border-collapse:collapse;
border:1px solid #CCCCCC;
}

td.grayborder_left {
background-color:#DDDDDD;
border:1px solid #CCCCCC;
padding:5px;
}

td.grayborder_right {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
padding:5px;
}

td.grayborder_EFEFEF {
background-color:#EFEFEF;
border:1px solid #CCCCCC;
padding:5px;
}


#footer,.push {
height:150px;
width:780px;
margin:0px auto;
}

#footer a,#footer a:hover {
color:#FFF;	
}

.link {
float:left;
width:500px;
}

.copy {
float:right;
width:280px;
}

.caption {
font-size:8pt;
}

.link ul {
list-style-type:none;	
margin:0px;
padding:0px;
}

.link ul li {
float:left;
width:120px;
}

.link ul.sub li {
float:none;	
margin-left:10px;
}

#footer {
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
background-color:#999999;
color:#FFFFFF;
height:140px;
padding:10px 10px 0px 10px;
line-height:140%;
}

.bread {
padding:10px 0px 10px 0px;
}

.imager {
margin-left:10px;
float:right;
margin-bottom:10px;
}

.imagel {
margin-right:10px;
float:left;
margin-bottom:10px;
}

img.divlogol {
border:5px solid #DDDDDD;
margin-right:10px;
margin-bottom:10px;
float:left;
}

img.divlogor {
border:5px solid #DDDDDD;
margin-left:10px;
margin-bottom:10px;
float:right;
}

.font_red {
color:#CC0033;
}

.soypass {
background-image:url(../division/feed/soypass/images/backpic.gif)
}

h1.soypass {
background-image:none;
}

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 2px;
}

/* IE6以下でpadding指定 */
* html body {
padding-left: 1px;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}