@charset "utf-8";
/* ****************************************************
Since : 2008-07-25
Last Modified: 2008-07-25
***************************************************** */	
/* ****************************************************
1: Category top
2: Top
99: extra
***************************************************** */

/*1: Category top
=========================================*/
/* ==================================
layout
================================== */
/* Contents */
div#contents {
	width:923px;
	background-image:none;
	background-color:#ffffff;
	border-left: #d0d0c1 1px solid;
	border-right: #d0d0c1 1px solid;
}

/* section */
div#contents div.section {
	clear:both;
	margin:0 18px 0 19px;
	padding:0;
}

/* catchcopy */
div#contents .catchcopy {
	margin: 0 1px 0 1px;
}

/* three-column */
div#contents .section div.three-column {
	width:886px;
}
div#contents .section div.three-left,
div#contents .section div.three-center,
div#contents .section div.three-right {
	width:287px;
}
div#contents .contents-title {
	margin:30px 0 0 0;
}

/* icon-list */
div#contents ul.icon-list {
	width:856px;
	padding:10px 15px 10px 15px;
	background-color:#f3f3f3;
}
/* For IE6 */
* html div#contents ul.icon-list {
	width:886px;
}
div#contents ul.icon-list li {
	float:left;
	margin:0 20px 0 0;
}
div#contents ul.icon-list li.icon-link {
	background: url(../images/com_ic002.gif) no-repeat 0 0.2em;
}
/* For IE6 */
* html div#contents ul.icon-list li {
	white-space:nowrap;
}

/* dot-line */
div#contents .dot-line {
	padding:15px 0 0 0 !important;
}


/* ==================================
Footer
================================== */
/* Pageup box */
#footer #pageup-box {
	width:923px;
	padding:30px 0 10px 0;
	background-image:none;
	background-color:#ffffff;
	border-left: #d0d0c1 1px solid;
	border-right: #d0d0c1 1px solid;
	text-align:right;
}
/* For IE6 */
* html #footer #pageup-box {
	width:925px;
}
#footer #pageup-box p {
	margin-right:20px;
}



/*2: Top
=========================================*/
body#index  {
	background-image:none;
	background-color:#efefe3;
}
body#index #container {
	width:auto;
	background:none;
}
body#index #container div.container-wrap {
	margin:0 auto;
	width:925px;
	text-align:center;
	background:#efefe3 url(../images/com_bg001.gif) repeat-y top left;
}
body#index div#contents {
	width:925px;
	padding-top:14px;
	border:0;
	line-height:1.4;
	background:none;
}
body#index #footer-contents .wrap {
	padding:13px 0 0 0;
}
body#index div#flash-print-area {
	display:none;
}
body#index div#contents div.two-column {
	clear: both;
	width: 893px;
	margin:0;
	padding:0 0 1px 0;
/*	background: url(../../images/index_bg001.gif) no-repeat bottom left; */
}
/* 2Column */
body#index div#contents div.two-left {
	width:438px;
	float:left;
}
body#index div#contents div.two-left table {
	border-style:none;
	background-color:#efefe3;
	margin:0;
	padding:0;
}
body#index div#contents div.two-left td {
	border-style:none;
	background-color:#efefe3;
	margin:0;
	padding:0;
}
body#index div#contents div.two-right {
	width:438px;
	float:right;
}
body#index div#contents table.two-sv {
	border-style:none;
	margin:5px 0 0 0;
	padding:0;
}
body#index div#contents td.two-sv01 {
	border-style:none;
	background-image:url(../../images/menu_bg001.gif);
	background-repeat:no-repeat;
	width:168px;
	height:46px;
	text-align:left;
	vertical-align:middole;
}
body#index div#contents td.two-sv02 {
	border-style:none;
	background-image:url(../../images/menu_bg001.gif);
	background-repeat:no-repeat;
	width:270px;
	height:46px;
	text-align:left;
	vertical-align:middole;
}
body#index div#contents td.two-sv01 div {
	padding:0 0 0 5px;
}
body#index div#contents td.two-sv02 div {
	padding:0 5px 0 5px;
	font-size:12px;
	color:#ffffff;

}
body#index div#contents td.two-sv01 a {
	padding:0 0 0 3px;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;

}
body#index div#contents div.two-column h2 {
	border-bottom:solid 1px #efefe3;
	background: url(../../images/index_bg002.gif) no-repeat top left;
	height:27px;
	text-align:right;
	position:relative;
}
body#index div#contents div.two-column h2 a {
	float:left;
	margin:7px 0 0 30px;
}
body#index div#contents div.two-column h2 a.icon-link {
	display:inline;
	margin:3px 0 0 0;
	right:10px;
	position:absolute;
}
body#index div#contents dl.article {
	clear:both;
	width:auto;
	margin:0;
	padding:9px 0 9px 0;
	border-top:solid 1px #d0d0c1;
	border-left:solid 1px #d0d0c1;
	border-right:solid 1px #d0d0c1;
	border-bottom:solid 1px #d0d0c1;
	background-color:#e2e2d6;
}
body#index div#contents dl.article dt {
	padding-left:9px;
	position:relative;
}
body#index div#contents dl.article dd {
	padding-right:9px;
	position:relative;
}
body#index div#contents dl.article dd.icon-link {
	padding: 2px 9px 4px 16px;
	background: url(../images/com_ic002.gif) no-repeat 0 0.5em;
}
body#index div#contents dl.article dd.pdf {
	padding: 2px 9px 4px 20px;
	background: url(../images/com_ic008.gif) no-repeat 0 0.3em;
}

body#index div#pickup {
	width:925px;
	padding-top:9px;
	background:efefe3;
	background:#efefe3 url(../images/com_bg001.gif) repeat-y top left;
}

body#index div#pickup td.pickup1 {
	width:222px;
	height:306px;
	background-image:url(../../images/pickup_001.gif);
	background-repeat:no-repeat;
	text-align:left;
	vertical-align:top;
}
body#index div#pickup td.pickup2 {
	width:222px;
	height:306px;
	background-image:url(../../images/pickup_002.gif);
	background-repeat:no-repeat;
	text-align:left;
	vertical-align:top;
}
body#index div#pickup td.pickup3 {
	width:222px;
	height:306px;
	background-image:url(../../images/pickup_003.gif);
	background-repeat:no-repeat;
	text-align:left;
	vertical-align:top;
}
body#index div#pickup td.pickup4 {
	width:222px;
	height:306px;
	background-image:url(../../images/pickup_004.gif);
	background-repeat:no-repeat;
	text-align:left;
	vertical-align:top;
}

body#index div#pickup h2 {
	padding:10px 62px 10px 10px;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}

body#index div#pickup img {
	width:222px;
    height:160px;
	text-align:left;
	vertical-align:top;
}

/* ==================================
section
================================== */
body#index div#contents div.section {
	clear:both;
	margin:0;
	padding:0 15px 0 15px;
}


/*99: extra
=========================================*/
/* ==================================
Clear fix
================================== */
div#contents ul.icon-list:after,
body#index #container div.container-wrap:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#contents ul.icon-list,
body#index #container div.container-wrap {
	min-height: 1px;
}

/* for IE6 */
* html div#contents ul.icon-list,
* html body#index #container div.container-wrap {
	height: 1px;
}

/* for IE7 */
*:first-child+html div#contents ul.icon-list,
*:first-child+html body#index #container div.container-wrap {
	zoom: 1;
}