/*/////////////////////////////////////////////////////////
name:top.css
/////////////////////////////////////////////////////////*/

/* top head style
==========================================================*/
/* headBotArea */
#hrtop #headBotArea{
 position:absolute;
	top:57px !important;
	left:0;
}

#hrtop #headBotArea .colLeft,
#hrtop #headBotArea .colRight{float:left;}

#hrtop #headBotArea .colLeft{width:711px;}

#hrtop #headBotArea .colRight{
 width:235px;
	height:241px;
 padding-left:1px; overflow:hidden !important;
}

#hrtop #headBotArea .colRight p{margin:0;}

#hrtop #navi{
	position:absolute;
	top:296px;
	left:0;
}

#hrtop #cont{margin-top:295px;}

/* primary style
==========================================================*/
#primary{
 float:left;
 width:691px;
	margin:5px 0 20px 20px;
	padding-left:0;
	_display:inline;
}

/* secondary style
==========================================================*/
#secondary{
 float:left;
 width:199px;
 margin:10px 0 20px 20px;
	padding-right:0;
}

/* mypage */
#mypage{
 width:198px;
	height:28px;
	margin:0 0 15px 0;
	background-color:#EBEBEB;
}

#mypage img{
 margin-top:4px;
 vertical-align:top;
}

#mypage span{margin:0 13px 0 21px;}

/* sidenaviinfo */
.sidenaviinfo{
 width:198px;
 margin-top:19px;
 background: url(../img/bg_dott.gif) left bottom repeat-x;
	padding-bottom:9px;
}

.sidenaviinfo h3{
 background: url(../img/bg_dott.gif) left bottom repeat-x;
	padding-bottom:5px !important;
 font-seiz:.7em !important;
}

.sidenaviinfo dl{
 width:198px;
 margin-top:-9px;
}

.sidenaviinfo dt{
 background: url(../img/icon_arrow_st.gif) left no-repeat;
	margin-top:15px;
 padding-left:16px;
}

.sidenaviinfo .continu{
 width:198px;
 margin:0;
}

/* subnavi style
==========================================================*/
#subnavi{
 float:left;
 width:217px;
	margin:13px 20px 0 0;
}

#hrtop #subnavi h3{
 margin:0;
	padding:0;
	background:none;
	border:none;	
}

#hrtop #subnavi h4{
 margin:0;
	padding:10px 0 10px 0;
	border:none;
}

/* contents style
==========================================================*/
#contents{
 float:right;
 width:452px;
	margin:13px 0 0 0;
}

#hrtop #primary h1,
#hrtop #primary h2{
 margin:0;
	padding:0;
 background-image:none;
	border:none;
}

#hrtop #primary h2{
 border-bottom:solid 3px #269E44;
 padding-bottom:2px;
 font-size:1.2em !important;
 color:#666666 !important;
}

/* worksearch */
/* form */
/* jcategory */
#worksearch{
 width:215px;
	_width:217px;
	padding-top:5px;	
 border-right:solid 1px #CBCBCB;
	border-bottom:solid 1px #CBCBCB;
 border-left:solid 1px #CBCBCB;	
}

#worksearch div{padding-left:9px;}

#worksearch h3{
 margin:15px 0 10px 0 !important;
}

#worksearch p{margin:0;}

#jcategory{
 width:197px;
}

#jcategory select{
 width:195px;
 border:solid 1px #737373;
}

html > body #jcategory select{margin:0 0 10px 0;}

/* jplace */
#jplace{
	width:197px;
	/* font-size:.8em !important; */
	/* font-weight:bold; */
}

/* jhowto */
#jhowto{
	width:197px;
	/* font-size:.8em !important; */
	/* font-weight:bold; */
}

#jhowto span{font-size:.7em !important;}

#jhowto h4 span{font-size:1em !important;}

/* jkeyword */
#jkeyword{width:197px;}

#jkeyword input{
 width:195px;
 border:solid 1px #737373;	
}

#jcategory p,
#jkeyword p{
 margin-right:5px;
 font-size:.8em;
 /* font-weight:bold; */
	line-height:1.3;
}

/* form btnSearch */
#btnSearch{
 width:197px;
	height:44px;
	margin:20px 0 8px 9px !important;
 padding:0 0 0 0;
	border-top:solid 1px #CCCCCC;
 text-align:center;
}

#btnSearch input{margin:13px 0;}

#worksearch h4{
 _width:197px;
 margin:10px 0 !important;
 padding:5px 0 5px 5px !important;
 background-color:#EBEBEB;
 font-size:1em !important; 
}

#worksearch h4 span{
 background: url(../../img/icon_worksearch.gif) 0 .2em no-repeat;
 padding-left:11px;
}

/* workNew */
#workNew{
 width:450px;
 _width:451px;
	margin-bottom:19px;
	padding-top:5px;
 border-right:solid 1px #CBCBCB;
	border-bottom:solid 1px #CBCBCB;
 border-left:solid 1px #CBCBCB;
}

/*#workNew dl{
 margin:5px 13px 0 9px;
 color:#656565;
}

#workNew dd span{
 font-size:.8em;
 margin-left:2px;
}*/

#workNew ul{
 list-style:none;
	margin:10px 0 0 0;
}

#workNew ul li{
 margin:0 5px 10px 0;
 background:none !important;
}

/* seminerinfo */
#seminerinfo{
 width:450px;
 _width:451px;
	padding-top:5px;
 border-right:solid 1px #CBCBCB;
	border-bottom:solid 1px #CBCBCB;
 border-left:solid 1px #CBCBCB;
}

#seminerinfo table{
 width:440px !important;
	margin:10px 0 0 5px;
	border:none;
}

#seminerinfo table th,
#seminerinfo table td{
 padding-top:0;
 border:none;
	vertical-align:top;
}

#seminerinfo table th{
 width:auto;
 padding-right:0;
 padding-left:5px;	
}

#seminerinfo table td{
 background-color:#FFFFFF;
}

#seminerinfo a{
 text-decoration:underline;
}

.continu{
 width:434px;
	height:21px;
 margin:10px 0 9px 9px;
	background-color:#EBEBEB;
	text-align:right;
}

.continu img{margin:5px 8px 0 0;}

#workNew .continu{
 background:#EBEBEB url(../../img/txt_newinfo_foot.jpg) left top no-repeat;
}

#seminerinfo .continu{
 background:#EBEBEB url(../../img/txt_seminer_foot.jpg) left top no-repeat;
}

/* bannerArea style
==========================================================*/
#bannerArea{
 float:left;
 width:910px;
	margin:0 0 0 20px !important;
	_display:inline;
}

#bannerArea #bannerpPic,
#bannerArea #bannerTxt{
 float:left;
	margin-left:0;
	margin-bottom:0;
	list-style:none;
}

#bannerArea #bannerpPic{
 width:691px;
	padding-bottom:11px;
}

#bannerArea #bannerpPic li{
 float:left;
	height:60px;
	margin-top:11px;
 padding:0 0 0 24px;
}

.pdTop{padding-top:15px;}

.mgTop{margin-top:15px;}

#bannerArea #bannerTxt{
 width:199px;
	margin-top:12px;
 padding-left:20px;
}

#bannerArea #bannerTxt dl{
 width:193px;
	margin-bottom:10px;
	border-left:solid 5px #EBEBEB;
}

#bannerArea #bannerTxt dt,
#bannerArea #bannerTxt dd{margin-left:10px;}

#bannerArea #bannerTxt dd{
 font-size:.8em;
	line-height:1.2;
}

/* client index.html style
==========================================================*/
/* top head style
==========================================================*/
#clientTop #headBotArea{
 margin:0 !important;
 padding:53px 0 0 0 !important;
}

#clientTop #headBotArea .colLeft,
#clientTop #headBotArea .colRight{
 float:left;
 margin-bottom:0 !important;
	padding-bottom:0 !important;
}

#headBotArea .colLeft{width:711px;}

#clientTop #headBotArea .colRight{
 width:235px;
 padding-left:1px;
}

#clientTop #headBotArea .colRight .regist{margin:0 0 0 19px;}

#clientTop #headBotArea .colRight .regist h3{
 border:none;
 color:#5981F0;
}

/*#clientTop #headBotArea .colRight .regist .inner p{
 margin:0 10px !important;
	padding:0 !important;
 text-align:left;
	font-size:.6em !important;	
}*/

#clientTop #headBotArea .colRight .regist .inner p img{margin-top:9px;text-align:center;}

#clientTop #navi{
	overflow:hidden;
}

*:first-child+html #clientTop #cont{margin-top:240px;} /* ie7 only hack */

/* primary style
==========================================================*/
#clientTop #primary{
 float:left;
 width:691px;
	margin-bottom:20px;
}

#clientTop h1{margin-bottom:11px;}

#clientTop #primary h1,
#clientTop #primary h2,
#clientTop #primary h3,
#clientTop #primary h4{
 background-image:none;
	border:none;
}

#clientTop #primary h2{
 margin:0;
	padding:0;
}

/* secondary style
==========================================================*/
#clientTop #secondary{
 float:left;
 width:199px;
	margin-top:39px;
	margin-bottom:20px;	
}

#clientTop #secondary h3{
 border:none !important;
 padding-bottom:0 !important;
}

#clientTop #secondary dl{
 margin:10px 0 0 0; 
	color:#656565;
}

#clientTop #secondary dl a{
 text-decoration:underline;
}

#clientTop #secondary dt{padding-top:5px;}

#clientTop #secondary dd{
 margin-bottom:5px;
 background: url(../img/bg_dott.gif) left bottom repeat-x;
	padding-bottom:14px;
}

#clientTop #secondary .continu{
 width:198px;
 margin:0;
}

#clientTop .sidenaviinfo dt{
 background:none;
	margin-top:0px !important;
 padding-left:0;
}

/* contents style
==========================================================*/
/* servicemenu */
#servicemenu{
 float:left;
 width:689px;
	margin-bottom:20px;
 background: url(../../client/img/bg_contentsback.gif) left top repeat-y;
 padding:5px 0 0 0;
	border-right:solid 1px #CBCBCB;
	border-bottom:solid 1px #CBCBCB;	
	border-left:solid 1px #CBCBCB;	
}

#servicemenu h4,
#contentsb h4{
 margin:1px 1px 10px 1px;
 padding:3px 0 5px 10px;
	background-color:#E3E3E3;
 font-size:1em;
}

#servicemenu h4 a,
#contentsb h4 a{text-decoration:none;}

#servicemenu h4 span{
 background: url(../../client/img/icon_arrow_cl.gif) 0 .3em no-repeat;
	padding-left:10px;
}

#servicemenu .servicelead{
 margin:0 0 0 19px;
	padding:10px 0 15px;
	font-size:.9em;
}

/* middlesection */
#servicemenu .middlesec{
 float:left;
 width:651px;
	margin:0 0 20px 19px;
	_display:inline; /* ie only hack 
    background: url(../../client/img/bg_twocol_clT.gif) left bottom no-repeat;*/ 

	
}

#servicemenu .middlesec .colleft,
#servicemenu .middlesec .colright{
 float:left;
 width:313px;
	margin-bottom:10px;	
	padding-bottom:10px;
	border-top:solid 1px #CBCBCB;
	border-right:solid 1px #CBCBCB;
	border-left:solid 1px #CBCBCB;
	border-bottom:solid 1px #CBCBCB;			
}

#servicemenu .middlesec .colleft p,
#servicemenu .middlesec .colright p{
 margin:-15px 5px 0 9px;
	color:#656565;	
 font-size:.8em;
}

#servicemenu .middlesec .colright{margin-left:21px;}

/* contetnsb */
#contentsb{
 float:left;
	width:689px;
 padding:5px 0 20px 0;
	border-right:solid 1px #CBCBCB;
	border-bottom:solid 1px #CBCBCB;	
	border-left:solid 1px #CBCBCB;	
}

#contentsb .frame{
 float:left;
	width:202px;
	margin:20px 0 0 19px;
	_display:inline;
	border-right:solid 1px #CBCBCB;
	border-top:solid 1px #CBCBCB;	
	border-left:solid 1px #CBCBCB;
}

#contentsb h4 a{
 display:block;
 background: url(../../client/img/icon_arrow_cl.gif) 0 .3em no-repeat;
	padding:0 10px;
}

.contentframe{
 float:left;
 background: url(../../client/img/bg_threecol_clT.gif) left bottom no-repeat;
}

#contentsb dl{
	width:184px;
	margin-left:9px;
 font-size:.8em;
	color:#656565;
}

/* bannerArea */
#clientTop #bannerArea{margin:0 0 20px 19px;}