@charset "utf-8";

/* 共通
----------------------------------------------- */
#top {
	background: url(../img/common/back01.gif) fixed;
}

.navLink:link {
    color: #000;
	outline: none;
	text-decoration: none;
}

.navLink:visited {
    color: #000;
	outline: none;
	text-decoration: none;
}

.navLink:hover {
    color: #a81c23;
	outline: none;
}

#container {
	width: 960px;
	height: auto;
	margin: 0 auto;
}

/* ヘッダー
----------------------- */
#header {
	width: 152px;
	height: 100%;
	padding-right: 3px;
	float: left;
	position: fixed;
	background: url(../img/common/border_01.gif) right top repeat-y;
}

#logo {
	width: 124px;
	height: 57px;
	float: right;
	margin: 20px 12px 86px 0;
	background: url(../img/header/logo.png) left top no-repeat;
}

#logo a {
	width: 124px;
	height: 57px;
	display: inline-block;
}

#nav {
	float: right;
}

.gNavLi {
	margin-bottom: 19px;
}

#info {
	width: 124px;
	height: 163px;
	margin-left: 14px;
	text-align: left;
	bottom: 0;
	position: fixed;
}

/* コンテンツ
----------------------- */
#rightCol {
	width: 820px;
	margin-left: 155px;
	float: left;
}

#contents {
	width: 780px;
	padding: 20px 20px 10px 20px;
	float: left;
}

#pankuzu {
	width: 775px;
	height: 22px;
	padding: 8px 0 0 5px;
	margin-top: 25px;
	background: url(../img/common/pankuzu_back.gif) left top no-repeat;
}

#contentsHeaderMask {
	width: 800px;
	height: 23px;
	top: 0;
	position: fixed;
	z-index: 100;
}

#contentsFooterMask {
	width: 800px;
	height: 23px;
	bottom: 0;
	position: fixed;
	z-index: 100;
}

.contentsBox {
	width: 780px;
	margin-top: 40px;
	padding-bottom: 50px;
	background: url(../img/common/border_02.gif) left bottom repeat-x;
	float: left;
}

.contentsBoxS {
	width: 380px;
	margin-bottom: 20px;
}

.subTitleImg {
	border-bottom: solid 1px #e0e0e0;
}


/* WORKS
----------------------- */
.designImg {
	width: 470px;
	padding: 4px;
	border: solid 1px #e0e0e0;
}

.worksLeftCol {
	width: 480px;
	float: left;
	margin: 25px 20px 0 0;
}

.worksRightCol {
	width: 280px;
	margin-top: 25px;
	float: left;
}

.clientName {
	width: 280px;
	float: left;
	margin-bottom: 20px;
}
.outline {
	width: 280px;
	margin-top: 5px;
	float: left;
}

/* SERVICES
----------------------- */
.servicesIntro {
	width: 270px;
	height: 140px;
	margin-top: 67px;
	display: block;
}

#servicesIntroImg{
	margin: 0 20px;
}

#sevicesIntroTop {
	width: 780px;
	display: block;
}

#sevicesIntroTop img {
	margin-bottom: 10px;
}

#sevicesIntroBottom {
	width: 780px;
	margin-bottom: 10px;
	display: block;
}

.servicesList {
	width: 380px;
	margin-top: 10px;
}

.priceName {
	width: 357px;
	height: 18px;
	padding: 2px 0 10px 23px;
	margin-top: 15px;
	background: url(../img/services/services_icon.png) left top no-repeat;
	display: block;
}

.listDetail {
	width: 370px;
	padding: 10px;
	display: block;
}

/* COMPANY
----------------------------------- */
#company {
	width: 780px;
	float: left;
}

#company th {
	width: 150px;
	padding: 20px 10px;
	border: solid 1px #e0e0e0;
	
}

#company td {
	padding: 20px 10px;
	border: solid 1px #e0e0e0;
	
}


/* CONTACT
----------------------------------- */

#contactHead {
	width: 780px;
	margin-top: 40px;
	padding-bottom: 20px;
	background: url(../img/common/border_02.gif) left bottom repeat-x;
	float: left;
}

#contactHeadTitle {
	width: 775px;
	height: 50px;
	padding: 30px 0 0 5px;
	background: url(../img/contact/contact_form_head.png) left top no-repeat;
	float: left;
}


#contact {
	width: 780px;
	margin-top: 20px;
	float: left;
	background: url(../img/common/border_02.gif) left bottom repeat-x;

}

#contact th {
	width: 150px;
}

#contact td {
	width: 515px;
	padding: 20px 0;
}

#contact li {
	padding: 10px 0;
}

#contactEnd {
	width: 780px;
	margin-top: 20px;
	float: left;
}

/* BLOG
----------------------------------- */
.blogList {
	width: 370px;
	height: 330px;
	margin-bottom: 40px;
}

.blogSubTitleImg {
}

.blogImg {
	padding: 4px;
	border: solid 1px #e0e0e0;
	margin-bottom: 10px;

}