/* CSS Document */
@charset "UTF-8";

/* common */
.indent {
	margin:0 1em;
}
.indent01 {
	margin:0 50px;
}
.rollover:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}

.hr_line {
	border-bottom:1px solid #cccccc;
	height:0;
	margin:1em 0;
}
.hr_dotline {
	border-bottom:1px dotted #cccccc;
	height:0;
	margin:1em 0;
}

.pict {
border:1px solid #cccccc;
margin:10px;
}
.left {
float:left;
}
.right {
float:right;
}
.clear {
clear:both;
}

.center {
text-align:center;
}
.middle {
vertical-align:middle;
}
.text_right {
text-align:right;
}
.text_left {
text-align:left;
}

.red {
color:#ff0000;
}
.blue {
color:#0000ff;
}

strong, em, .strong {
font-weight:bold;
}
.small {
font-size:80%;
line-height:1.5em;
}
.large {
font-size:120%;
line-height:1.5em;
}
.hidden {
display:none;
}

.hidden_text {
display:block;
position:absolute;
left:-9999px;
width:1px;
height:1px;
overflow:hidden;
}

.ie_stabilize {
_margin-left:-5px;
}
.ime_off {
ime-mode:disabled;
}
span.nowrap {
	white-space:nowrap;
}
.narrow {
	letter-spacing:-.1em;
}
.auto {
	width:100%;
	height: auto;
}

/* for table */
.even {
	background-color:#eeeeee;
}

.odd {
	background-color:#ffffff;
}

/* modal */
#overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);  /* 背景を半透明にする */
  display: none;  /* HTML要素を非表示にする */
  z-index: 10001  /* 「メインのHTML要素」よりもスタックレベルを高くする */
 }
#modalWindow {
  width:800px;
  height:80%;
  position: fixed; /* viewpointを相対位置にする */
  display: none;
  z-index: 10002;  /* 「オーバーレのHTML要素」よりもスタックレベルを高くする */
  text-align: left;
}
#modalWindow .inner {
	position: relative;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	overflow-x:none;
}
#close {
	position: absolute;
	top:-20px;
	right: -20px;
	z-index: 1;
}