@charset "UTF-8";

#bodycontainer{
	margin:0;
	width: 750px;
	/* line-height: 18px;
	background: #FFFFFF;
	border-left:1px solid #2B3830;
	border-right:1px solid #2B3830;
	border-bottom:2px solid #3B5886;*/
}
/* *************************** */
/* ---Right Content(index)----- */
/* *************************** */
#rightcontent{
	margin:0;
	width:325px;
	padding:0px 10px 0px 0px;
	text-align:left;
	line-height:180%;
	float:left;
}
#rightcontent h3{
	font-weight:bold;
}
#menu{
	padding:0px 0px 20px 0px;
}
#menu_left{
	width:170px;
	padding:0px 10px 0px 10px;
	text-align:left;
	float:left;
}
#menu_right{
	width:100px;
	padding:0px 10px 0px 10px;
	text-align:left;
	float:right;
}
#menu_child{
	padding:0px 0px 0px 10px;
}
/* ************************************************ */
/* ---center contents (index include mainframe)-----*/
/* ************************************************ */
#content{
	width:395px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	float:right;
}
#topimg{
	padding: 1px;
	background:#643a3a;
	float:right;
}
#toptxt{
	width:207px;
	float:left;
}
#topping{
	width:210px;
	float:right;
}
#toprank{
	width:170px;
	padding: 0px 15px 0px 0px;
	float:left;
}
#subimg{
	padding: 1px;
	background:#757575;
	float:right;
}
#navi {
	padding:0px 0px 15px 0px;
	text-align:right;
}
#newshowcase{
	padding-top:15px;
}
#titlework{
	width: 159px;
	height: 19px; 
	background: url(/images/title_work.gif) no-repeat;
	float:left;
}
#headimg{
	padding:40px 0px 40px 0px;
	text-align:right;
}
#incontent{
	padding:0px 0px 0px 20px;
}
#incontent ul,ol,li{
	list-style-type: circle;
}
#work{
	padding:20px 0px 10px 0px;
}
#content img{
	padding: 0px 0px 0px 0px;
}
#content h1,h2{
	display: none;
}
#content h3{
	font-weight:bold;
	font-size:120%;
	border-bottom:1px dotted #333333
}
#content h4{
	/*padding-top:15px;*/
	font-weight:bold;
}
/* ********************************** */
/* ----Inside Pages (other pages)---- */
/* ********************************** */
#leftcontainer{
	width: 55px;
	margin: 0px;
	padding: 5px;
	float: left;
}
#leftcontainer h2{
	display: none;
}
#centercontainer{
	width: 470px;
	margin: 0px;
	padding: 5px;
	background-color:#FFFFFF;
	float: left;
}
#centercontainer h3{
	font-size:14px;
	font-weight:bold;
	padding: 5px 0px 5px 10px;
	border-bottom:1px solid #643a3a;
}
#centercontainer h4{
	font-weight:bold;
}
#rightcontainer{
	width: 55px;
	margin: 0px;
	padding: 5px;
	float: right;
}
#center{
	width:95%;
	text-align:center;
	padding:5px;
}
#right{
	width:95%;
	text-align:right;
	padding:5px;
}
#entry{
	padding:0px 10px 15px 20px;
}
#in-leftcontent{
	width: 105px;
	margin: 0px;
	padding: 15px 15px 0px 30px;
	float: left;
}
#in-rightcontent{
	width: 588px;
	padding: 15px;
	float: right;
}
#in-leftcontent h2{
	display: none;
}
#subnavi{
	width:582px;
	padding: 10px 15px 0px 0px;
	text-align:right;
}
#area{
	padding:15px 10px 0px 0px;
}
#area02{
	width: 778px;
	padding-top:15px;
	text-align: center;
}
#area3{
	display:none;
}
#areaLeft{
	width: 235px;
	padding:0px 0px 0px 15px;
	text-align: left;
	float:left;
}
#areaRight{
	width: 235px;
	padding:0px 15px 0px 0px;
	text-align: right;
	float:right;
}
#workTitle{
	width:130px;
	padding-right:10px;
	float:left;
}
#workTitle h3{
	font-weight: bold;
}
#workEx{
	width:271px;
	padding-right:10px;
	float:left;
}
#worknavi{
	/*width:548px;*/
	padding-top:15px;
	text-align:right;
}
#nonullTitle{
	width:85px;
	padding-right:5px;
	float:left;
}
#nonullTitle h3{
	font-weight: bold;
}
#nonullEx{
	width:468px;
	float:right;
}
#nonullEx ul{
	padding-left: 20px;
}
#nonullEx li{
	list-style-type: disc;
}
#contactTitle{
	width:115px;
	padding-right:5px;
	text-align: right;
	float:left;
}
#contactEx{
	width:270px;
	float:right;
}
.caption-win {
	/* affect to only MacIE \*//*/
	display: none;
	/* end */
}
.caption-mac {
	/* WinIE only \*/
	_display: none;
	/* end */
}
.line{
	margin:0;
	height:1px;
	background: url(/images/img_dotline.gif) repeat-x center center;
}
.middleline{
	height: 1px;
	background: url(/images/img_dotline.gif) repeat-x center center;
}
.dotline{
	height: 1px;
	background: url(/images/img_dotline.gif) repeat-x center center;
}
.longline02{
	width: 520px;
	height: 1px;
	padding: 0px;
	background: url(/images/img_line.gif) repeat-x center center;
}
.titleline{
	width: 560px;
	height: 5px;
	margin-top: 3px;
	background: url(/images/img_line_title.gif) no-repeat;
}
.smallimg{
	margin: 0px;
	float:left;
	font-size: 12px;
}
.bigimg{
	width: 200px;
	text-align: center;
	padding-bottom: 10px;
}
.gone {
	display:none;
}
/* ********************************** */
/* ----TrackBack    &    Comments---- */
/* ********************************** */
.ctfooter{
	font-size:10px;
	padding: 0px 0px 0px 0px;
	font-size: 0.9em;
}
.blogpeople-main{
	padding-left:10pt;
}
.blogpeople-linklist{
	font-weight:bold;
}
#tburl{
	display:none;
	border:1px solid #DDDDDD; 
	background-color:#F1EDEC;
}
.comment{
	border:1px solid #DDDDDD; 
	background-color:#F1EDEC;
	padding:5px;
	margin:0px 0px 5px 0px;
}
#com_left{
	width:260px;
	padding:5px 15px 0px 0px;
}
#com_btn{
	text-align:right;
	padding:5px 30px 5px 0px;
}
/***************************
sitemap
***************************/	
.sitemap{
	color: #333333;
}
.sitemap ul {
	margin: 0;
	padding:0px 0px 0px 10px;
}
.sitemap ul ul{
	margin: 0;
	padding:0px 0px 0px 10px;
}
.sitemap ul ul ul{
	margin: 0;
	padding:0px 0px 0px 10px;
}
.sitemap ul ul ul li {
	list-style-type: disc;
	margin:0;
	line-height:17px;
}
li.cat {
	list-style-type: circle;
}