/* Updated 2007/09/14 */
/* Updated 2006/12/29,n */
@import "/common_css_e/default.css";
@import "/common_css_e/component.css";



/*--------------------------------------
  Contents_Top
---------------------------------------*/

#contents_top {
width: 722px;
margin: 9px 13px 0 13px;
}

/*  Row1
---------------------------------------*/
#contents_top .row1 {
width: 722px;
padding: 0 0 22px 0;
}
@media print {
#contents_top .row1 { 
width: 722px;
width/* */:/**/723px; /*-- hidden only from WinIE5.  Apply to anything else except WinIE5.  Feb.02,2007-- */
} /* -- This is for Print Ver Feb.07,2007 -- */
}
#contents_top .row1:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0.0;
}
#contents_top .row1 div.col-flash,
#contents_top .row1 div.col-topics {
float: left;
display: inline;
position: relative;
min-height: 1px;
}
#contents_top .row1 div.col-flash {
width: 438px;
margin: 0 15px 0 0;
}
#contents_top .row1 div.col-topics {
width: 269px;
margin: 0;
}
#contents_top .row1 div.col-topics .box {
border:2px solid #dddddd;
padding:11px 8px 11px 80px;
min-height:64px;
}
* html #contents_top .row1 div.col-topics .box { height:64px; }
#contents_top .row1 div.col-topics .box ul li { margin-top:5px; }
#contents_top .row1 div.col-topics .box ul li a {
display:inline-block;
background:url(../common_images/arrow_small2.gif) no-repeat left top;
padding-left:11px;
}
#contents_top .row1 div.col-topics #ir {
background:url(../image_uniq/img_irtopi.jpg) no-repeat 8px 11px;
}
#contents_top .row1 div.col-topics #csr {
margin-top:21px;
background:url(../image_uniq/img_csrtopi.jpg) no-repeat 8px 11px;
}

/*  kabuka-info  group-list
---------------------------------------*/
.title {
width: 722px;
padding-bottom: 2px;
border-bottom: 2px solid #109200;
margin-bottom:10px;
}
#kabuka-info:after,
#group-list:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0.0;
}
#kabuka-info,
#group-list { margin-bottom:30px; }
#kabuka-info p {
	width:546px;
	float:left;
	display:inline;
	margin-right:20px;
	}
#kabuka-info ul {
	width:156px;
	float:left;
	display:inline;
	margin-top:5px;
	}
#kabuka-info ul li a {
	display:block;
	background:url(../common_images/p_ir_iconblank.gif) no-repeat left 2px;
	padding-left:19px;
	}
#group-list li {
	float:left;
	display:inline;
	margin:0 2px 2px 0;
	}
#group-list li#souken { margin:0 0 2px 0; }
#group-list li a { vertical-align:top; }

/*  Row2
---------------------------------------*/
#contents_top .row2 {
clear: both;
width: 714px;
margin: 0 5px 10px 3px;
padding: 0 0 10px 0;
background: transparent url(/english/image_uniq/row2_bgptn.gif) left top repeat-y;
}
#contents_top .row2:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0.0;
}
#contents_top .row2 .col-a,
#contents_top .row2 .col-b,
#contents_top .row2 .col-c {
display: inline;
position: relative;
float: left;
min-height: 1px;
}
#contents_top .row2 .col-a { 
width: 215px;
margin: 0 25px 0 0;
}
#contents_top .row2 .col-b {
width: 227px;
margin: 0 25px 0 0;
}
#contents_top .row2 .col-c {
width: 222px;
margin: 0;
}

#contents_top .row2 ul {
margin: 4px 0 0 0;
}
#contents_top .row2 ul li,
#contents_top .row2 ul li a {
margin: 0;
padding: 0;
}
#contents_top .row2 ul li img {
margin: 0;
padding: 0;
vertical-align: top;
}


/*  Row3
---------------------------------------*/
#contents_top .row3 .title {
padding-bottom: 2px;
border-bottom: 2px solid #109200;
height: 21px;
}

#contents_top .row3 {
clear: both;
width: 714px;
margin: 0 5px 0 3px;
padding: 0 0 24px 0;
}
#contents_top .row3:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0.0;
}
#contents_top .row3 .title h2 {
width: 208px;
float: left;
}
#contents_top .row3 .title ul {
width: 506px;
float: left;
}
#contents_top .row3 .title ul li {
float: left;
margin-top: 2px;
}

#contents_top .row3 table {
width: 714px;
margin: 5px 0 0 0;
}
#contents_top .row3 table th {
font-weight: normal;
width: 110px;
padding: 2px 0 2px 6px;
vertical-align: top;
text-align: left;
}
#contents_top .row3 table td {
width: 598px;
padding: 2px 0;
line-height: 1.4;
}


/*  Row4
---------------------------------------*/
#contents_top .row4 .title {
padding-bottom: 2px;
border-bottom: 2px solid #109200;
height: auto; /* -- This is for Firefox -- */
min-height: 21px; /* -- This is for IE7 -- */
}
* html #contents_top .row4 .title { /* -- This is for IE6 and below -- */
height: 21px;
}

#contents_top .row4 {
clear: both;
width: 714px;
margin: 0 5px 0 3px;
padding: 0 0 24px 0;
}
#contents_top .row4:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0.0;
}
#contents_top .row4 .title h2 {
width: 137px;
float: left;
}
#contents_top .row4 .title p {
width: 34px;
margin: 4px 0 0 0;
padding: 0 46px 0 11px;
float: left;
}
#contents_top .row4 .title ul {
width: 486px;
float: left;
}
#contents_top .row4 .title ul li {
float: left;
margin-top: 2px;
margin-right: 15px;
}

#contents_top .row4 table {
clear: both;
width: 714px;
margin: 5px 0 0 0;
}
#contents_top .row4 table th {
font-weight: normal;
width: 175px;
padding: 2px 0 2px 6px;
vertical-align: top;
text-align: left;
}
#contents_top .row4 table td {
width: 533px;
padding: 2px 0;
line-height: 1.4;
}



/*--------------------------------------
  Contents_Top_Links
---------------------------------------*/

#contents_top_links {
position: relative;
width: 719px;
margin: 7px 13px 30px 16px;
}

#contents_top_links .notice {
width: 668px;
margin: 8px 45px 0 6px;
}
#contents_top_links p {
line-height: 1.4;
margin-bottom: 3px;
padding-left: 12px;
text-indent: -12px;
}



/*--------------------------------------
  Common Styles for Contents_Top 
  -Newly added on Sep. 14, 2007-
---------------------------------------*/

#contents_top p.paragraphRight { 
margin: 0px;
padding: 5px 0px 5px 0px;
text-align: right;
}