/* -------------全体のレイアウト崩れ防止------------- */

*  {
	padding : 0px;
	margin : 0px;
	font-size: 12px;
	vertical-align: top;
} 

/* -------------全ページに適用------------- */

html{
	overflow-y:scroll;  /* スクロールバー強制表示 */
}
body {
	background-color: #808080;
font-family:'Questrial','Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; /* フォント指定　2013調べ */
color: #646464;
}
img   { border:none;  /* 画像リンク枠消す */
}
a  { text-decoration: none;  /* リンク下線消す */
}
ul  { list-style-type: none;  /* リスト点消す */
}

#site-box {
	margin: 0px auto 0px auto;
	width: 960px;
	background-color: #FFFFFF;
	overflow:auto!important; /* chrome背景用呪文 */
	overflow /**/: hidden;  /* chrome背景用呪文 */
}
	
/* -------------タイトル/メニューバー------------- */	
	
#title-box {
	border: 0;
}

/* -------------フッター------------- */	
	
#foot-box {
	height: 20px;
	text-align: center;
	clear: both;
}

/* -------------文字------------- */	


.small {
	font-size: 9px;
}
.big {
	font-size: 14px;
}
.blue {
	color: #0065AC;
}
.red {
	color: #FF0000;
}
.bold {
	font-weight: bold;
}
.white {
	color: #FFFFFF;
}

/* -------------home------------- */

#main-box {
	height: 400px;
	padding-bottom: 20px;
	padding-top: 60px;
	text-align: center;
	padding-left: 130px;
	padding-right: 130px;
}
.item-td {
	text-align: center;
	width: 100px;
	height: 200px;
	float: left;
}
.item2-td {
	text-align: center;
	width: 100%;
	height: 0px;
	clear: both;
}


/* -------------about------------- */

#about-box {
	height: 150px;
	text-align: center;
	padding-bottom: 40px;
	padding-top: 40px;
	line-height: 20px;
}
#aboutkatsu-td {
	text-align: center;
	width: 200px;
	height: 250px;
	padding-left: 180px;
	float: left;
	line-height: 18px;
}
#aboutnishi-td {
	width: 200px;
	height: 250px;
	float: left;
	text-align: center;
	line-height: 18px;
}
#aboutnona-td {
	text-align: center;
	width: 200px;
	height: 250px;
	padding-right: 180px;
	float: left;
	line-height: 18px;
}

/* -------------contact------------- */

#contact-td {
	text-align: left;
	width: 100px;
	height: 145px;
	padding-left: 300px;
	float: left;
	line-height: 24px;
	padding-top: 15px;
}
#contact2-td {
	text-align: left;
	width: 460px;
	height: 145px;
	padding-right: 100px;
	float: left;
	line-height: 24px;
	padding-top: 15px;
}

/* -------------works------------- */

#works1-td {
	text-align: left;
	width: 140px;
	height: 430px;
	float: left;
	padding-left: 20px;
	padding-top: 50px;
	line-height: 25px;
}
#works2-td {
	width: 640px;
	height: 480px;
	float: left;
	padding-right: 160px;
}
#works3-td {
	text-align: right;
	width: 640px;
	height: 20px;
	line-height: 25px;
	clear: both;
	padding-left: 160px;
	padding-right: 160px;
	font-size: 14px;
}
#works4-td {
	text-align: left;
	width: 800px;
	padding-left: 160px;
	line-height: 20px;
	float: left;
	padding-top: 20px;
}
#works5-td {
	text-align: left;
	width: 800px;
	float: left;
	line-height: 20px;
	padding-right: 160px;
	padding-bottom: 20px;
}
.work {
	font-size: 16px;
	font-weight: bold;
	color: #0065AC;
}
.worklink {
	color: #646464;
	font-size: 14px;
}