@charset "utf-8";

/*------------------------------------------------------------------------------
	Date: 2007/09/10
------------------------------------------------------------------------------*/

/*
########################################################
  global layout
########################################################
*/

html{
}

body{
	background-color:#F0F0F0 !important;
}


div#wrapper{
	width:83%;
	min-width:700px;
	*height:100%;
	min-height:100%;
	margin:0 auto;
	position:relative;
}

div#wrapper div#container{
	min-width:700px;
	*height:100%;
	min-height:100%;
	margin:0;
	background:#ffffff url(../../common/img/popup/pop_middle_c.gif) repeat-y left top;
	position:relative;
}

div#wrapper div#container2{
	min-width:700px;
	*height:100%;
	min-height:100%;
	margin:0;
	background:url(../../common/img/popup/pop_middle.gif) repeat-y right top;
}

*html div#container{
	width: expression(
  ((document.body || document.documentElement).clientWidth > 2402)? "2400px" :
	 ((document.body || document.documentElement).clientWidth < 702)? "700px" :
		"auto"
);
}

*html div#container2{
	width: expression(
  ((document.body || document.documentElement).clientWidth > 2402)? "2400px" :
	 ((document.body || document.documentElement).clientWidth < 702)? "700px" :
		"auto"
);
}










body > #wrapper{
	height:auto;
}

body > #container{
	height:auto;
}

body > #container2{
	height:auto;
}


*:first-child+html body{
	height:auto;
}






div#container div.boxRightTop{
	width:20px;
	height:86px;
	position:absolute;
	right:0;
	top:0;
	z-index:4;
	background:url(../../common/img/popup/bg_right_top.gif) no-repeat right top;
}

div#container div.boxLeftTop{
	width:100%;
	height:19px;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background:url(../../common/img/popup/bg_left_top.gif) no-repeat left top;
}

div#container div.boxRightBottom{
	width:20px;
	height:19px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:1;
	background:url(../../common/img/popup/bg_right_bottom.gif) no-repeat right bottom;
}

div#container div.boxLeftBottom{
	width:100%;
	height:19px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	background:url(../../common/img/popup/bg_left_bottom.gif) no-repeat left bottom;
}


/*
########################################################
  header layout
########################################################
*/

div#header{
	width:99%;
	*width:98%;
	height:86px;
	margin:0 6px;
	position: relative;
	z-index:3;
	background:url(../../common/img/popup/bg_header.gif) repeat-x left bottom;
}

div#header h1{
	position:absolute;
	top:14px;
	left:10px;
}

div#header h2{
	position:absolute;
	top:30px;
	left:122px;
	font-size:100%;
	font-weight:normal;
}

div#header h3{
	position:absolute;
	top:33px;
	right:20px;
}


/*
########################################################
  column
########################################################
*/

div.contents{
	margin:15px 0 0 0;
	padding:0 0 30px 0;
	height:auto;
}

div.naviArea{
	width:20%;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

div.mainContents{
	width:75%;
	height:auto;
	margin:0 15px 0 0;
	padding:0;
	display:inline;
	float:right;
	position:relative;
	background:url(../img/bg_mainbox_middle01.gif) repeat-y left top;
}

div.mainContentsIn{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	position:relative;
	background:url(../img/bg_mainbox_middle02.gif) repeat-y right top;
}

div.mainContents div.mainboxRightTop{
	width:20px;
	height:56px;
	position:absolute;
	right:0;
	top:0;
	z-index:4;
	background:url(../img/bg_right_top.gif) no-repeat right top;
}

div.mainContents div.mainboxLeftTop{
	width:100%;
	height:19px;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background:url(../img/bg_left_top.gif) no-repeat left top;
}

div.mainContents div.mainboxRightBottom{
	width:20px;
	height:85px;
	position:absolute;
	right:0;
	bottom:0;
	z-index:1;
	background:url(../img/bg_right_bottom.gif) no-repeat right bottom;
}

div.mainContents div.mainboxLeftBottom{
	width:100%;
	height:85px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	background:url(../img/bg_left_bottom.gif) no-repeat left bottom;
}


/* left column
--------------------------------------------*/

div.naviArea ul{
	margin:0 0 0 25px;
	padding:0;
}

div.naviArea ul li{
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	font-weight:bold;
	font-size:100%;
	color:#666666;
	background:url(../../common/img/ico_arrow_01.gif) no-repeat 0 5px;
	*background:url(../../common/img/ico_arrow_01.gif) no-repeat 0 4px;
}

div.naviArea ul li strong{
	font-weight:bold;
	font-size:130%;
	color:#D85D11;
}

div.naviArea ul li a{
	font-size:100% !important;
	color:#666666 !important;
	text-decoration:none !important;
}

div.naviArea ul li a:hover{
	text-decoration: underline !important;
}

div.naviArea ul li.grossaryCate{
	background:url(../../common/img/ico_arrow_02.gif) no-repeat 0 4px !important;
	*background:url(../../common/img/ico_arrow_02.gif) no-repeat 0 3px !important;
}

div.naviArea ul li ol{
	margin:10px 0 0 0;
	padding:0;
}

div.naviArea ul li ol li{
	margin:0 0 5px 0;
	padding:0 0 0 15px;
	font-weight:normal;
	color:#666666 !important;
	background: url(../img/ico_glossary.gif) no-repeat 0 5px;
	*background:url(../img/ico_glossary.gif) no-repeat 0 4px;
}

div.naviArea ul li ol li strong{
	font-size:100% !important;
	color:#D85D11;
}

/* right column
--------------------------------------------*/

/* top */

div.contentsAreaTop{
	position: relative;
	z-index:5;
	padding:0 0 30px 0;
}

div.mainContentsIn dl.grossaryTopBox{
	margin:0;
	padding:20px 20px 0 20px;
}

dl.grossaryTopBox dt{
	color:#DF501A;
	font-weight:bold;
	font-size:100%;
	padding:8px 0 2px 10px;
	margin:0 0 20px 0;
	background: url(../../common/img/bar_sttl_01.gif) no-repeat left top;
	border-bottom:1px solid #DF501A;
}

dl.grossaryTopBox dd ol{
	list-style:none;
}

dl.grossaryTopBox dd ol li{
	margin:0 0 5px 15px;
	padding:0 0 0 15px;
	background:url(../img/ico_glossary.gif) no-repeat 0 4px;
}

/* detail */

div.contentsAreaDetail{
	position: relative;
	z-index:5;
	padding:0 0 150px 0;
}

div.contentsAreaDetail dl.grossaryDetailBox{
	margin:0;
	padding:20px 20px 0 20px;
}

dl.grossaryDetailBox dt{
	margin:0 0 15px 0;
	padding:0 0 3px 0;
	font-weight:bold;
	border-bottom:3px double #666666;
}

dl.grossaryDetailBox dd{
	line-height:1.5;
}

div.grossaryPaging{
	width:95%;
	position:absolute;
	left:15px;
	bottom:15px;
	z-index:6;
	font-size:85% !important;
	color:#8C8879 !important;
	padding:10px 0 0 0;
	background:url(../../common/img/line_dot_01.gif) repeat-x left top;
}

div.grossaryPaging ul li.gPagingL{
	padding:0 0 0 20px;
	float:left;
	background:url(../img/ico_back.gif) no-repeat left top;
}

div.grossaryPaging ul li.gPagingR{
	padding:0 20px 0 0;
	float:right;
	background:url(../img/ico_next.gif) no-repeat right top;
}


/*
########################################################
  maincontents
########################################################
*/


/* title style
--------------------------------------------*/

/* btn style
--------------------------------------------*/

/* common style
--------------------------------------------*/