@charset "UTF-8";

/*
 * CSS
 * stylesheet for screen layout
 *
 * @file        contents.css
 */

@media all {

/********** right banner elements **********/

.rightBannerBox {
	margin-bottom: 15px;
}

.rightBannerList {
	
}

.rightBannerList li {
	margin-bottom: 5px;
}

.rightBannerList .bnrImage {
	padding: 0;
}

.rightBannerList .bnrDesc {
	padding: 5px 8px 8px;
	font-size: 80%;
	border: solid 1px #dedede;
}

/********** right brandnew elements **********/

.rightBrandnewBox {
	background-color: #f4f4f4;
	padding-top: 10px;
}

.rightBrandnewList {
}

.rightBrandnewList li {
	text-align: center;
}

.rightBrandnewList li p.thumb {
	padding: 10px 0 2px;
}

.rightBrandnewList li p.thumb img {
	border: solid 1px #dedede;
}


.rightBrandnewList li p.thumbName {
	padding: 0 0 10px;
	font-size: 80%;
	line-height: 160%;
}

/*************************************/
/********** design elements **********/
/*************************************/



/********** template elements **********/

.templeteListBox {
	width: 900px;
	padding-top: 10px;
}


.templeteList li {
	float:left;
	width: 182px;
	margin-bottom: 10px;
	margin-right: 56px;
	_margin-right: 52px;
}

.thumbDesc {
	padding: 3px 0 0;
	font-size: 70%;
	line-height: 160%;
	text-align: center;
}

.thumbDesc a {
	font-size: 120%;
	font-weight: bold;
}

.thumbBtn {
	padding: 10px 0;
	text-align: center;
}

.thumbImg img {
	border: solid 1px #dedede;
}

.templeteList li.end {
	margin-right: 0;
}


/********************************************/
/********** design detail elements **********/
/********************************************/


.templateDetailBox {
	float: left;
	width: 900px;
	margin-bottom: 20px;
}

.templateImg {
	float: left;
	width: 460px;
}







.designContR {
	float:right;
	width: 410px;
}

.designContBack {
	padding-bottom: 15px;
	font-size: 80%;
	text-align: right;
}


.descBox {
	background:#f0f0f0;
	padding-top: 15px;
	text-align: center;
	border: solid 1px #f0f0f0;
}

.layoutTitle {
	background-color: #1f1f1f;
	margin: 0 15px 15px;
	text-align: left;
	border-left: solid 8px #ff8c02;
}

.layoutTitle p {
	padding-left: 10px;
	color: #fff;
	font-weight: bold;
	line-height: 180%;
}

.templateExpArea {
	padding-bottom:15px;
	text-align: left;
}

.templateExp {
	margin: 5px 10px 5px 20px;
	font-size: 80%;
	font-weight: bold;
	line-height: 160%;
}

.templateDescImg {
	padding-bottom: 20px;
}

.inqBtnBox {
	background:#f0f0f0;
	margin-top: 15px;
	text-align: center;
	border: solid 1px #f0f0f0;
}


/************************************/
/********** guide elements **********/
/************************************/

.guideStep dl {
	float: left;
	background-image: url(../guide/images/step_arrow.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 35px;
}

.guideStep dl.end {
	background-image: none;
}

.guideStep dt {
	float: left;
	width: 125px;
	margin-right: 12px;
}

.guideStep dd {
	float: left;
	width: 540px;
	font-size: 0.8em;
	line-height:1.4em;
	padding-top:15px;
}

.guideStep dd p {
	color: #ff7902;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
}



/**************************************/
/********** terms elements **********/
/**************************************/

.termsLi2 {
  margin-left:20px;
	}


/**************************************/
/********** company elements **********/
/**************************************/

.companyDec {
	border-top:solid 1px #ccc;
	width: 680px;
	font-size: 0.8em;
	line-height: 1.4em;
	margin-bottom: 35px;
}

.companyDec th {
	border-bottom:solid 1px #ccc;
	background-color:#ffedda;
	text-align:left;
	font-weight:normal;
	padding:8px 16px;
}

.companyDec td {
	border-bottom:solid 1px #ccc;
	background-color:#fff;
	padding:8px 16px;
}



/**************************************/
/********** sitemap elements **********/
/**************************************/

.sitemap {
  margin-top:15px;
	margin-left: 30px;
	font-size: 80%;
	line-height: 240%;
}

.home {
	border-bottom: solid 1px #e4e4e4;
}

.first {
	background-image: url(../images/sitemap_icon_c.gif);
	background-repeat: no-repeat;
	background-position: 0px 13px;
	margin-left: 40px;
	padding-left: 15px;
	border-bottom: solid 1px #e4e4e4;
}

.second {
	background-image: url(../images/sitemap_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	margin-left: 80px;
	padding-left: 15px;
	border-bottom: solid 1px #e4e4e4;
}

.third li {
	background-image: url(../images/sitemap_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	margin-left: 120px;
	padding-left: 15px;
}


/***********************************/
/********** link elements **********/
/***********************************/

.linkBox {
	float: left;
	margin-bottom: 20px;
}

.linkList li {
	float: left;
	width: 680px;
	padding: 8px 0;
	font-size: 0.8em;
	line-height: 1.4em;
}

.linkBanner {
	float: left;
	width: 210px;
}

.linkDesc {
	float: right;
	width: 457px;
}



/************************************/
/********** works elements **********/
/************************************/

.worksBox {
	clear: both;
	float: left;
	width: 670px;
	margin-bottom: 10px;
}

.worksImg {
	float: left;
	width: 290px;
}

.worksImg img {
	border: solid 1px #e4e4e4;
}

.works {
	float: right;
	width: 350px;
}

.worksBox .clientName {
	padding: 0px 0px 10px 0px;
	font-weight: bold;
}

.worksBox .link {
	background-image: url(../works/images/url_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0px 0px 5px 60px;
	font-size: 0.8em;
}

.worksBox .client {
	background-image: url(../works/images/client_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0px 0px 5px 60px;
	font-size: 0.8em;
}

.worksBox .technology {
	background-image: url(../works/images/works_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 0px 0px 10px 60px;
	font-size: 0.8em;
	border-bottom: solid 1px #e4e4e4;
}

.worksBox .discription {
	padding: 10px 0px 10px 0px;
	font-size: 0.8em;
	line-height: 1.4em;
}


.anc {
	clear: both;
	margin-bottom: 10px;
	text-align: right;
}


.inrBanner {
	position: relative;
	width: 680px;
	height: 102px;
	background-image: url(../images/inq_banner_bg.gif);
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:auto;
	margin-right: auto;
}

.inrBanner .inqBtn {
	position: absolute;
	top: 42px;
	left: 276px;
}

}