/*    ------------ header ------------    */

#head-wrapper{
	background:url(../../images/cmn_hd_backimg.jpg) repeat-x;
}

#head-wrapper .head-area {
	width: 840px;
	height: 140px;
	padding: 0px 30px 0px 30px;
}

#head-wrapper .head-area .logo{
	width: 840px;
	padding: 10px 0px 10px 0px;
}

#head-wrapper .head-area .buttonarea{
	width: 840px;
	height: 28px;
	padding: 1px 0px 10px 0px;
}

#head-wrapper .head-area .buttonarea .left{
	width: 773px;
	display:inline;
	float:left;
}

#head-wrapper .head-area .buttonarea .left li{
	float:left;
}


#head-wrapper .head-area .buttonarea .right{
	width: 67px;
	float:left;
}


/*    ------------ footer ------------    */

#foot-wrapper{
	border-top:1px solid #CCC;
	background: #1F1F1F;
	margin: 0 auto;
	width: 900px;
	height: 80px;
	text-align: left;
	
}


#foot-wrapper .copy-area {
	text-align:right;
	padding: 10px 10px 0px 0px;
}


/*    ------------ main ------------    */


#main-wrapper {
	min-height: 100%;
	height: auto !important; /*IE6 min-height setting*/
	width: 900px;
	height: 100%;
	margin: 0 auto -81px; /* footer margin. set footer height. */
	background: #7E7E7E;
	text-align: left;
}

#main-wrapper .push {
	height: 80px; /* footer margin. set footer height. */
}

/*    ------------ contents ------------    */

#contents {
	width: 840px;
	text-align: left;
	padding:30px 30px 30px 30px;
}

#contents a:link{color: #003C5E;}
#contents a:visited{color: #003C5E;}
#contents a:hover{color: #F39800;}
#contents a:active{color: #003C5E;}
#contents a:focus{outline:none;}


/*    ------------ index.html ------------    */
#index .bannertxt{
	padding:10px 10px 30px 10px;
}

#index .itemarea{
	width: 840px;
	text-align: left;
	padding:0px 0px 20px 0px;
	background:#656565;
}

#index .itemarea li{
	width:390px;
	float:left;
	text-align: left;
	margin:20px 0px 0px 20px;
	display:inline;
}

#index .itemarea li .itemimg{
	width:120px;
	float:left;
}

#index .itemarea li .itemtext{
	width:260px;
	float:left;
	padding:0px 0px 0px 10px;
}

#index .itemarea li .itemtext .itemname{
	line-height:1.2;
	font-weight:bold;
	margin:0px 0px 5px 0px;
}

#index .itemarea li .itemtext .itemdetails{
	font-size:77%;
	text-align: left;
}

#index .itemarea li .itemtext .itembutton{
	width:260px;
	padding:10px 0px 0px 0px;
}

#index .itemarea li .itemtext .itembutton img{
	display:inline;
}

/*    ------------ whatnew.html ------------    */
#index_iframe{
	background:#656565;
}
#index_iframe #xmlid{
	padding:10px 10px 10px 10px;
}

#index_iframe .iframe_box {
	padding: 0px 0px 10px 0px;
}


#index_iframe .iframe_date p{
	font-weight:bold;
}

/*    ------------ detail_xxx.html ------------    */

#detail h2{
	padding:0px 0px 30px 0px;
}

#detail .subbox{
	background:#656565;
	padding:10px;
}

#detail .subbox .itemimg{
	width:120px;
	float:left;
}

#detail .subbox .itemtext{
	width:400px;
	float:left;
	padding:0px 0px 0px 10px;
}

#detail .subbox .itemtext .itemname{
	line-height:1.2;
	font-weight:bold;
	margin:0px 0px 5px 0px;
}

#detail .subbox .itemtext .itemdetails{
	font-size:77%;
	text-align: left;
}

#detail .subbox .itemtext .itembutton{
	width:300px;
	padding:10px 0px 0px 0px;
}

#detail .subbox .itemtext .itembutton img{
	display:inline;
}

/*    ------------ public layout ------------    */

h3{
	padding:0px 0px 20px 0px;
}

.layout2_1{
	width:840px;
	padding:0px 0px 30px 0px;
}

.layout2_1 .left{
	width:550px;
	float:left;
}

.layout2_1 .right{
	width:260px;
	padding:0px 0px 0px 30px;
	float:left;
}

.layout1_2{
	width:840px;
	padding:0px 0px 30px 0px;
}

.layout1_2 .left{
	width:260px;
	float:left;
}

.layout1_2 .right{
	width:550px;
	float:left;
	padding:0px 0px 0px 30px;
}

/* line setting */
.line_1{
	border-top: 1px solid #DDD;
}

.line_2{
	border-top: 1px dotted #DDD;
}

.line_3{
	border-top: 1px dashed #DDD;
}

/* linebox setting */
.line_block1{
	background:#F5F5F5;
	padding:16px;
	border:1px solid #DDDDDD;
}


/* arrow link */
.arrowlink a{
	background:transparent url(../../images/common/arrow01.gif) 0 4px no-repeat;
	padding: 0px 0px 0px 7px;
}