@charset "utf-8";
/* utf-8で開くためのおまじない */

/* initialize
------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic";
}

* html body {     
    background: url(null) fixed #fff;     
}  

ul,
ol,
dl {
	list-style-type:none;
}

img,
a img {
	border:0;
	vertical-align:bottom;
}

table {
	border-collapse:collapse;
}

textarea {
	font-size:100%;
}

br {
	letter-spacing:0;
}

option {
	padding:0 10px 0 0;
}

sup {
	padding:0 2px;
/*	vertical-align:1em; */
	vertical-align: top;
	font-size:75%;
	font-weight:normal;
	letter-spacing:0;
}

html{
	background:#eee;
	height:100%;
}
body{
	background:#fff;
}

p{
	line-height:1.7em;
}


/* clearfix
------------------------------------------------------------------------------*/
#header:after,
#header .search p:after,
#gnavi ul:after,
#gnavi ul.level2:after,
#contents:after,
#main:after,
#main .wrap:after,
#main .wrapper:after,
#main .wrapper .boxWrapper .box .boxInner:after,
.print .size:after,
.inner .bottom:after,
#footer .bottom:after,
.clearfix:after {
	content:'';
	display:block;
	clear:both;
}

/* clearfix IE6 and IE7
------------------------------------------------------------------------------*/
#header,
#header .search p,
#gnavi ul,
#gnavi ul.level2,
#contents,
#main,
#main .wrap,
#main .wrapper,
#main .wrapper .boxWrapper .box .boxInner,
.print .size,
.inner .bottom,
#footer .bottom,
.clearfix {
	/zoom:1;
}


/* tag
------------------------------------------------------------------------------*/
body {
	line-height:1.5;
	letter-spacing:normal;
	font-size:80%;
	color:#242424;
}
a {
	text-decoration:none;
	color:#9d4eba;
}
a:link {
	text-decoration:none;
	color:#9d4eba;
}
a:visited {
	text-decoration:none;
	color:#9d4eba;
}
a:hover {
	text-decoration:underline;
	color:#9d4eba;
}

/* header
------------------------------------------------------------------------------*/
#headerWrap {
	width:100%;
	position: fixed;  
    top:0;  
    left:0;
	z-index:1000;
	background:#fff;
}
* html div#headerWrap    {     
    position: absolute;     
    top: expression(eval(document.documentElement.scrollTop+0));  
}

#header {
	width:1000px;
	margin:0 auto;
	padding:15px 0 15px;
	background:#fff;
}

#header #logo {
	float:left;
	line-height:0;
	display:inline;
	margin:0 30px 0 0;
}
#header #logo a img {
	vertical-align:top;
}
#header #hnavi {
	float:left;
}
#header #hnavi ul li {
	display:inline;
	margin:0 8px 0 0;
	_margin:0 4px 0 0;
}
#header .search {
	float:left;
	width:130px;
	height:22px;
	display:inline;
	margin:0 8px 0 0;
}
#header .search p {
	width:126px;
	_width:130px;
	padding-right:4px;
}
#header .search input {
	border:none;
	width:130px;
	background: url(/en/ir/2012ar/common/images/bg_search.gif) no-repeat #E4E4E4;
}
#header .search input#headerSearchField {
	display:inline;
	float:left;
	width:99px;
	_width:103px;
	height:22px;
	padding:0 0 0 4px;
	vertical-align:middle;
	line-height:2;
	color:#333;
}
#header .search input#headerSearchBtn {
	float:right;
	width:23px;
	height:22px;
	background-image:url(/en/ir/2012ar/common/images/bg_search_02.gif) ;
	background-position:right center;
	background-repeat:no-repeat;
	font-size:0;
	cursor:pointer;
}

#header .printBtn{
	float:left;
	cursor:pointer;
}

#header .size {
	float:right;
}

#header .size .text {
	float:left;
}

#header .size ul li {
	float:left;
	display:inline;
	margin:0 0 0 4px;
}

/* gnavi
------------------------------------------------------------------------------*/
#gnavi {
	position:relative;
	z-index:5;
	width:100%;
	margin:0 auto;
	background:url(/en/ir/2012ar/common/images/bg_top.gif) repeat-x bottom #000;
}
#gnavi ul {
	position:relative;
	z-index:5;
	width:1000px;
	margin:0 auto;
}
#gnavi ul li {
	position:relative;
	z-index:5;
	float:left;
	/*width:196px;*/
	vertical-align:middle;
	text-align:center;
	font-size:117%;
	line-height:1;
}
#gnavi ul li.hover2 {
	background:url(/en/ir/2012ar/common/images/bg_top_on.gif) #F1050C left bottom repeat-x;
}
#gnavi ul li.ac {
	background:url(/en/ir/2012ar/common/images/bg_top_ac.gif) #750102 left bottom repeat-x;
}
#gnavi ul.level2 li.bridge,
#gnavi ul.level3 li.bridge, 
#gnavi ul.level4 li.bridge {
	margin-bottom:0;
	padding-bottom:0;
}

#gnavi ul li.ttl{
	width:190px;
	text-align:center;
	position:relative;
	top:8px;
}


#gnavi ul li a {
	display:block;
	/*width:196px;*/
	color:#FFF;
	padding:8px 0 0;
	min-height: 40px;  
    height: auto !important;  
    height: 40px; 
}

#gnavi ul li.navi01 {
	width:123px;
}

#gnavi ul li.navi02 {
	width:155px;
}

#gnavi ul li.navi03 {
	width:97px;
}

#gnavi ul li.navi04 {
	width:120px;
}

#gnavi ul li.navi05 {
	width:92px;
}

#gnavi ul li.navi06 {
	width:108px;
}

#gnavi ul li.navi07 {
	width:115px;
}
#gnavi ul li.navi07 span {
	position:relative;
	top:0.5em;
}
#gnavi ul li a.maintitle {
	font-weight: bold;
	font-size: 99%;
}
#gnavi ul li a:hover {
	text-decoration:none;
}

#gnavi ul.level1 li ul.cur {
	z-index:10;
}
#gnavi ul.level2 li ul.cur {
	z-index:50;
}

#gnavi ul .child a{
	padding:10px 0;
	margin:-1px 0 0 0;
	color:#333;
	font-weight:bold;
	text-align:left;
	background:url(/en/ir/2012ar/common/images/line_dotted_01.gif) repeat-x top;
}

#gnavi ul .child a:hover{
	background:url(/en/ir/2012ar/common/images/line_dotted_01.gif) repeat-x top #666;
	color:#fff;
}

#gnavi ul.level2{
	position:relative;
	background:#fefefe;
	padding:20px 0;
}
#gnavi ul.level2 li {
	font-size: 90%;
	background:url(/en/ir/2012ar/common/images/line_dotted_01.gif) repeat-x bottom;
}

#gnavi ul.level2 li a{
	min-height: 10px;  
    height: auto !important;  
    height: 10px; 
}

#gnavi ul li.navi03 .child {
	display:none;
	position:absolute;
	z-index:10;
	left:0;
	margin-top:-2px;
	padding-top:16px;
	background-image:url(/en/ir/2012ar/common/images/bg_gnavi_bridge_03.gif);
	background-position:left top;
	background-repeat:no-repeat;
	border-bottom:1px solid #BCBCBC;
}

#gnavi  li.navi03 .child ul.level2  {
	border-left:1px solid #BCBCBC;
	border-right:1px solid #BCBCBC;
	width:251px;
	padding-left:18px;
}

#gnavi  li.navi03 .child ul.level2 li  {
	width:231px;
}

#gnavi ul li.navi04 .child {
	display:none;
	position:absolute;
	z-index:10;
	left:0;
	margin-top:-2px;
	padding-top:16px;
	background-image:url(/en/ir/2012ar/common/images/bg_gnavi_bridge_04.gif);
	background-position:left top;
	background-repeat:no-repeat;
	border-bottom:1px solid #BCBCBC;
}

#gnavi  li.navi04 .child ul.level2  {
	border-left:1px solid #BCBCBC;
	border-right:1px solid #BCBCBC;
	width:177px;
	padding-left:18px;
}

#gnavi  li.navi04 .child ul.level2 li  {
	width:157px;
}

#gnavi ul li.navi05 .child {
	display:none;
	position:absolute;
	z-index:10;
	left:0;
	margin-top:-2px;
	padding-top:16px;
	background-image:url(/en/ir/2012ar/common/images/bg_gnavi_bridge_05.gif);
	background-position:left top;
	background-repeat:no-repeat;
	border-bottom:1px solid #BCBCBC;
}

#gnavi  li.navi05 .child ul.level2  {
	border-left:1px solid #BCBCBC;
	border-right:1px solid #BCBCBC;
	width:270px;
	padding-left:18px;
}

#gnavi  li.navi05 .child ul.level2 li  {
	width:250px;
}

#gnavi ul li .child ul.borders {
	border-width:0 1px 0;
	border-style:solid;
	border-color:#BCBCBC;
}
#gnavi ul li.hover .child ul.level2 {
	z-index:100;
}
#gnavi ul li.hover,
#gnavi ul li.hover .child{
	z-index:200;
}

/* contents
------------------------------------------------------------------------------*/
#contents {
	width:1000px;
	margin:0 auto;
	padding:130px 0 30px 0;
}

.anchor{
	padding-top:120px;
	margin-top:-120px;
	display:block;
}

#cmnBottomArea{
	width:1000px;
	margin:0 auto;
	padding:0 0 25px;
}

#cmnBottomArea .cmnBottomAreaImgarea{
	float:left;
}

#cmnBottomArea .cmnBottomAreaTextarea{
	overflow:hidden !important;
	zoom:1;
	padding:0 0 0 10px;
}

#cmnBottomArea .cmnBottomText{
	margin:15px 0 0 0;
	padding:10px 0 0 0;
}

#cmnBottomArea .cmnBottomText2{
	border-top:1px solid #ccc;
	margin:15px 0 0 0;
	padding:10px 0 0 0;
}

/* footer
------------------------------------------------------------------------------*/
#footer {
	width:100%;
	border-top:2px solid #e70015;
	background:#eee;
	padding:20px 0 40px 0;
}
#footer .wrap {
	width:1000px;
	margin:0 auto;
}
#footer #fnavi {
	width:582px;
	margin:0 auto;
	padding:22px 0;
}
#footer #fnavi ul {
	margin-right:-38px;
}
#footer #fnavi ul li {
	display:inline;
	margin-right:35px;
}
#footer #fnavi ul li a {
	padding-left:14px;
	background-image:url(/en/ir/2012ar/common/images/icon_footer_arrow_r.gif);
	background-position:left 0.1em;
	background-repeat:no-repeat;
	font-size:100%;
	color:#4F4F4F;
}
#footer .bottom {
	padding-bottom:20px;
}
#footer #copyright {
	float:left;
	width:420px;
	color:#4F4F4F;
}
#footer .info {
	float:right;
	text-align:right;
}
#footer .info ul {
	line-height:1.2;
	border-right:1px solid #4F4F4F;
}
#footer .info ul li {
	display:inline;
	padding:0 5px 0 10px;
	border-left:1px solid #4F4F4F;
}
#footer .info ul li a {
	padding:0 4px;
	text-decoration:underline;
	color:#4F4F4F;
}
#footer .info ul li a:hover {
	text-decoration:none;
}


/* parts
------------------------------------------------------------------------------*/
h1.ttlbar {
	margin:0 0 30px;
	font-size: 184%;
}

h1.ttlbar .subttl {
	background:url(/en/ir/2012ar/common/images/bg_ttl_01.gif) no-repeat;
	padding:5px 30px 2px 30px;
	display:block;
	font-size:60%;
	color:#666;
}

h1.ttlbar .mainttl {
	background:url(/en/ir/2012ar/common/images/bg_ttl_02.gif) no-repeat bottom;
	padding:3px 30px;
	display:block;
	font-size:100%;
}

.upBtn{
	text-align:right;
	padding:5px 0 0 0;
}

.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}

.mt10{
	margin-top:10px;
}

.mt60{
	margin-top:60px;
}

.mt160{
	margin-top:160px;
}

.mb20{
	margin-bottom:20px;
}

.right{
	text-align:right;
}

.center{
	text-align:center;
}

.printSet{
	page-break-before:always;
}

/*----------------------------------------------------------

	Clearfix

-----------------------------------------------------------*/

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.clearfix {
	display:inline-table;
	min-height:1%;/*...IE7*/
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */
