@charset "UTF-8";

@import "/common/themes/cms/css/default.css"; /* initial setting */
@import "/common/themes/cms/css/layout.css";/* common style */


body { background: url(images/bg.gif) repeat-x; }
#homeKey { background: url(images/keyVisual.jpg) no-repeat 50% 157px; }
#grobalNavi { margin-bottom: 375px; }

#homeAbout { margin-bottom: 38px; border: 1px solid #efb5bf; padding: 25px 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f8dee1');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f8dee1')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffffff, #f8dee1);
background-image: -ms-linear-gradient(top, #ffffff, #f8dee1);
background-image: -o-linear-gradient(top, #ffffff, #f8dee1);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f8dee1));
background-image: -webkit-linear-gradient(top, #ffffff, #f8dee1);
background-image: linear-gradient(top, #ffffff, #f8dee1);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/ }

#homeAboutL { float: left; width: 160px; }
#homeAboutR { float: right; width: 487px; }
#homeAboutTitle { height: 24px; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid #f5ccd8; background: url(images/titleAbout.gif) no-repeat !important; text-indent: -99999em; }

#homeService { margin-bottom: 38px; padding-left: 13px; border-left: 10px solid #d0e3a1; }
#homeServiceTitle { height: 23px; margin-bottom: 16px; background: url(images/titleService.gif) no-repeat; text-indent: -99999em; }
#homeService p { margin-bottom: 13px; }
#homeService ul { position: relative; width: 658px; height: 195px; }
#homeService ul li { position: absolute; width: 315px; height: 89px; }
#homeService li a { display: block; width: 315px; height: 89px; margin: 0; padding: 0; text-indent: -99999em; font-size: 1px; line-height: 1px; text-decoration: none; overflow: hidden; outline: none; }
	#service01 { top: 0; left: 0; }
	#service01 a { background: url(images/service.jpg) no-repeat; }
	#service01 a:hover { background-position: 0 -200px; }
	#service02 { top: 0; right: 0; }
	#service02 a { background: url(images/service.jpg) no-repeat -343px 0; }
	#service02 a:hover { background-position: -343px -200px; }
	#service03 { bottom: 0; left: 0; }
	#service03 a { background: url(images/service.jpg) no-repeat 0 -107px; }
	#service03 a:hover { background-position: 0 -307px; }
	#service04 { bottom: 0; right: 0; }
	#service04 a { background: url(images/service.jpg) no-repeat -343px -107px; }
	#service04 a:hover { background-position: -343px -307px; }

#news { margin-bottom: 45px; }
#homeNewsTitle { height: 26px; background: url(images/titleNews.gif) no-repeat !important; text-indent: -99999em; }
#homeNewsTitle a { display: block; float: right; width: 102px; height: 19px; margin: 3px 5px 0 0; background: url(images/btnList.gif) no-repeat !important; text-indent: -99999em; }
#homeNewsTitle a:hover { background: url(images/btnList.gif) no-repeat 0 -20px !important; }

#news dl { padding: 10px; border-bottom: 1px dotted #333; }
#news dt { float: left; width: 115px; line-height: 24px; padding-left: 116px; }
#news dd { padding-left: 230px; line-height: 24px; }
#news dl.news dt { background: url(images/icnNews.gif) no-repeat; }
#news dl.schedule dt { background: url(images/icnSchedule.gif) no-repeat; }
#news dl.recruit dt { background: url(images/icnRecruit.gif) no-repeat; }


#news ul#feed li { margin:5px 0px;padding: 10px 10px 10px 110px; border-bottom: 1px dotted #333;  line-height: 24px;}
#news ul#feed li.cate01  { background: url(images/icnNews.gif) no-repeat 0 10px; }
#news ul#feed li.cate02 { background: url(images/icnSchedule.gif) no-repeat 0 10px; }
#news ul#feed li.cate03{ background: url(images/icnRecruit.gif) no-repeat 0 10px; }