@charset "utf-8";
/* CSS Document */
/****************************************
			structure
****************************************/
body{
	background: #f5f5f5 url(../image/bdy_bg2.gif) repeat-x top center;
}

/****************************************
			header
****************************************/

/****************************************
			MainFlash/Image
****************************************/
#mainImage{
	background: url(../image/Mimage_inf.jpg) no-repeat;
}

/****************************************
			MainNavi
****************************************/
.mli4 a{
	background: url(../image/mn_btn04.gif) no-repeat 0 -44px;
}

/****************************************
			Main
****************************************/
.h2{
	background: url(../image/Ptitle_works.png) 22px 18px no-repeat;
}

/******* alpha *********/
.CSsentence{
	padding: 0 10px 25px 10px;
}
.a{
	width: 340px;
	padding: 5px 0 0 0;
	background: url(../image/works_lineR.gif) repeat-y right;
}
.b{
	padding: 5px 0 0 0;
}
.WCa{
	width: 327px;
	padding: 20px 0 0 11px;
	background: url(../image/works_lineC.gif) repeat-x;
}
.WCb{
	width: 316px;
	padding: 20px 0 0 22px;
	background: url(../image/works_lineC.gif) repeat-x;
}
.WCaT{
	width: 327px;
	padding: 0 0 0 11px;
}
.WCbT{
	width: 316px;
	padding: 0 0 0 22px;
}
.WCtitleI{
	height: 14px;
	padding: 0 0 0 28px;
	background: url(../image/works_icon1.gif) no-repeat;
}
.WCtitle{
	width: 280px;
	height: 14px;
	text-indent: -9999px;
}
.wct31{
	background: url(../image/works_title_31.gif) no-repeat;
}
.wct30{
	background: url(../image/works_title_30.gif) no-repeat;
}
.wct29{
	background: url(../image/works_title_29.gif) no-repeat;
}
.wct28{
	background: url(../image/works_title_28.gif) no-repeat;
}
.wct27{
	background: url(../image/works_title_27.gif) no-repeat;
}
.wct26{
	background: url(../image/works_title_26.gif) no-repeat;
}
.wct25{
	background: url(../image/works_title_25.gif) no-repeat;
}
.wct24{
	background: url(../image/works_title_24.gif) no-repeat;
}
.wct23{
	background: url(../image/works_title_23.gif) no-repeat;
}
.wct22{
	background: url(../image/works_title_22.gif) no-repeat;
}
.wct21{
	background: url(../image/works_title_21.gif) no-repeat;
}
.wct20{
	background: url(../image/works_title_20.gif) no-repeat;
}
.wct19{
	background: url(../image/works_title_19.gif) no-repeat;
}
.wct18{
	background: url(../image/works_title_18.gif) no-repeat;
}
.wct17{
	background: url(../image/works_title_17.gif) no-repeat;
}
.wct16{
	background: url(../image/works_title_16.gif) no-repeat;
}
.wct15{
	background: url(../image/works_title_15.gif) no-repeat;
}
.wct14{
	background: url(../image/works_title_14.gif) no-repeat;
}
.wct13{
	background: url(../image/works_title_13.gif) no-repeat;
}
.wct12{
	background: url(../image/works_title_12.gif) no-repeat;
}
.wct11{
	background: url(../image/works_title_11.gif) no-repeat;
}
.wct10{
	background: url(../image/works_title_10.gif) no-repeat;
}
.wct09{
	background: url(../image/works_title_09.gif) no-repeat;
}
.wct08{
	background: url(../image/works_title_08.gif) no-repeat;
}
.wct07{
	background: url(../image/works_title_07.gif) no-repeat;
}
.wct06{
	background: url(../image/works_title_06.gif) no-repeat;
}
.wct05{
	background: url(../image/works_title_05.gif) no-repeat;
}
.wct04{
	background: url(../image/works_title_04.gif) no-repeat;
}
.wct03{
	background: url(../image/works_title_03.gif) no-repeat;
}
.wct02{
	background: url(../image/works_title_02.gif) no-repeat;
}
.wct01{
	background: url(../image/works_title_01.gif) no-repeat;
}
.WCImageP{
	width: 300px;
	height: 190px;
	padding: 9px 0 0 5px;
}
.WCImage{
	width: 300px;
	height: 190px;
	text-indent: -9999px;
}
.wci31{
	background: url(../image/works_image_31.jpg) no-repeat;
}
.wci30{
	background: url(../image/works_image_30.jpg) no-repeat;
}
.wci29{
	background: url(../image/works_image_29.jpg) no-repeat;
}
.wci28{
	background: url(../image/works_image_28.jpg) no-repeat;
}
.wci27{
	background: url(../image/works_image_27.jpg) no-repeat;
}
.wci26{
	background: url(../image/works_image_26.jpg) no-repeat;
}
.wci25{
	background: url(../image/works_image_25.jpg) no-repeat;
}
.wci24{
	background: url(../image/works_image_24.jpg) no-repeat;
}
.wci23{
	background: url(../image/works_image_23.jpg) no-repeat;
}
.wci22{
	background: url(../image/works_image_22.jpg) no-repeat;
}
.wci21{
	background: url(../image/works_image_21.jpg) no-repeat;
}
.wci20{
	background: url(../image/works_image_20.jpg) no-repeat;
}
.wci19{
	background: url(../image/works_image_19.jpg) no-repeat;
}
.wci18{
	background: url(../image/works_image_18.jpg) no-repeat;
}
.wci17{
	background: url(../image/works_image_17.jpg) no-repeat;
}
.wci16{
	background: url(../image/works_image_16.jpg) no-repeat;
}
.wci15{
	background: url(../image/works_image_15.jpg) no-repeat;
}
.wci14{
	background: url(../image/works_image_14.jpg) no-repeat;
}
.wci13{
	background: url(../image/works_image_13.jpg) no-repeat;
}
.wci12{
	background: url(../image/works_image_12.jpg) no-repeat;
}
.wci11{
	background: url(../image/works_image_11.jpg) no-repeat;
}
.wci10{
	background: url(../image/works_image_10.jpg) no-repeat;
}
.wci09{
	background: url(../image/works_image_09.jpg) no-repeat;
}
.wci08{
	background: url(../image/works_image_08.jpg) no-repeat;
}
.wci07{
	background: url(../image/works_image_07.jpg) no-repeat;
}
.wci06{
	background: url(../image/works_image_06.jpg) no-repeat;
}
.wci05{
	background: url(../image/works_image_05.jpg) no-repeat;
}
.wci04{
	background: url(../image/works_image_04.jpg) no-repeat;
}
.wci03{
	background: url(../image/works_image_03.jpg) no-repeat;
}
.wci02{
	background: url(../image/works_image_02.jpg) no-repeat;
}
.wci01{
	background: url(../image/works_image_01.jpg) no-repeat;
}
.WCtext{
	width: 300px;
	height: 180px;
	padding: 0 0 0 5px;
	overflow: hidden;
}
.wct1{
	padding: 5px 0 0 30px;
}
.wct1L{
	width: 90px;
}
.wct1R{
	width: 180px;
}
.wct2{
	padding: 5px 8px 0 5px;
}
.WCcategory{
	width: 300px;
	height: 65px;
	padding: 0 0 0 5px;
}
.wcc1,.wcc2,.wcc3,.wcc4,.wcc5,.wcc6{
	width: 90px;
	height: 21px;
	padding: 0 9px 6px 0;
	text-indent: -9999px;
}
.wcc1{
	background: url(../image/works_icon2.gif) no-repeat;
}
.wcc2{
	background: url(../image/works_icon3.gif) no-repeat;
}
.wcc3{
	background: url(../image/works_icon4.gif) no-repeat;
}
.wcc4{
	background: url(../image/works_icon5.gif) no-repeat;
}
.wcc5{
	background: url(../image/works_icon6.gif) no-repeat;
}
.wcc6{
	background: url(../image/works_icon7.gif) no-repeat;
}
.WCsystem{
	width: 670px;
	height: 500px;
	background: url(../image/works_lineC.gif) repeat-x;
	padding: 35px 10px 10px 10px;
}
.WCSbar{
	width: 670px;
	height: 20px;
	background: url(../image/works_system.gif) no-repeat;
	text-indent: -9999px;
}
.WCSarea{
	width: 650px;
	padding: 5px 10px 0 10px;
}
.WCSborder{
	width: 650px;
	padding: 10px 0 10px 0;
	background: url(../image/works_lineC.gif) repeat-x 0 bottom;
}
.WCSTdate{
	width: 80px;
	padding: 0 0 0 37px;
}
.WCSTcontent{
	width: 530px;
}

/******* beta *********/
.SN1{
	background: url(../image/sn_message.gif) no-repeat;
}
.SN1:hover{
	background: url(../image/sn_message.gif) no-repeat 0 -36px;
}
.SN2{
	background: url(../image/sn_corporate.gif) no-repeat;
}
.SN2:hover{
	background: url(../image/sn_corporate.gif) no-repeat 0 -36px;
}
.SN3{
	background: url(../image/sn_vision.gif) no-repeat;
}
.SN3:hover{
	background: url(../image/sn_vision.gif) no-repeat 0 -36px;
}
.SNcurrent{
	background: url(../image/sn_works.gif) no-repeat 0 -36px;
}
.SN5{
	background: url(../image/sn_access.gif) no-repeat;
}
.SN5:hover{
	background: url(../image/sn_access.gif) no-repeat 0 -36px;
}