/* CSS Document */
#aboutBase{
	width:800px;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:0px auto 0px auto;
	border-left:#999999 solid 1px;
	border-right:#999999 solid 1px;
	background-image:url(img/flower.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}



/*メニュー部分***********************************************/
#menuback{
	width:145px;
	height:112px;
	background-image:url(img/menu/menuback.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	border-top:#999999 solid 1px;
}

#menuMain{
	width:125px;
	margin:0px 0px 0px 20px;
}

.menuSub{
	width:105px;
	margin:0px 0px 0px 40px;
	border-bottom:#999999 solid 1px;
}
.menuSubend{
	width:105px;
	margin:0px 0px 0px 40px;
}
/**********************************************************/


#titleBar{
	width:600px;
	height:50px;
	margin:30px 0px 0px 30px;
	padding:10px 0px 0px 0px;
}
#title{
	width:250px;
	height:50px;
	margin:0px 0px 0px 0px;
	float:left;
}

#barin{
	width:350px;
	height:25px;
	margin:7px 0px 0px 0px;
	border-bottom:#999999 solid 1px;
	float:left;
}

.subMenu{
	height:15px;
	margin:6px 0px 0px 20px;
	float:left;
}
	
#mainImage{
	width:600px;
	margin:0px 0px 0px 30px;
}

#subTitle{
	height:16px;
	width:580px;
	padding:0px 0px 0px 20px;
	margin:20px 0px 10px 30px;
	border-bottom:#999999 solid 1px;
}



/*reform comment*******************/
.commentBox{
	height:30px;
	margin:0px 0px 0px 0px;
}


.textBox{
	width:460px;
	margin:30px 0px 30px 70px;
	padding:10px 10px 10px 10px;
	font-size:12px;
	line-height:160%;
	letter-spacing:1pt;
}
/**********************************/

/*maker contents**********************/

.makerBox{
	width:420px;
	background-image:url(img/makerBack.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0px 0px 20px 0px;
	margin:20px auto 20px auto;
	font-size:12px;
	line-height:160%;
	letter-spacing:1pt;
}

.makerPhoto{
	width:400px;
	height:300px;
	margin:0px 0px 0px 20px;
}

.makerCap1{
	width:200px;
	height:65px;
	margin:30px 0px 0px 220px;
}

.makerCap2{
	width:240px;
	height:65px;
	margin:30px 180px 10px 0px;
}

.makerTxt{
	width:380px;
	margin:10px auto 0px auto;
}
	
.lineBoarder{
	width:580px;
	border-top:#999999 dotted 1px;
	margin:0px 0px 0px 30px;
}

.makerOthers{
	width:200px;
	height:105px;
	margin:0px 0px 0px 10px;
	float:left;
}

.others{
	height:20px;
	width:190px;
	margin:0px 0px 15px 0px;
	float:left;
}
/*************************************/

/*works*******************************/
.pagesNumTop{
	float:left;
	width:auto;
	height:20px;
	letter-spacing:2pt;
	font-size:12px;
	text-align:left;
	color:#999999;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
}

.KRbox{
	width:auto;
	height:35px;
	margin:10px 0 0 0;
	padding:0 30px 0 0;
}

.Kbtn{
	float:left;
	display:inline;
	width:135px; height:35px;
	margin:0 0  0 80px;
	padding:0;
} 

.Rbtn{
	float:right;
	display:inline;
	width:135px; height:35px;
	margin:0;
	padding:0;
} 


#workscontent{
	width:650px;
	background-image:url(img/worksCopy.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	float:right;
}

#workscontent2{
	overflow:hidden;
	width:650px;
	float:left;
}

#workConcept{
	width:290px;
	margin:30px 0px 20px 60px;
	font-size:12px;
	line-height:160%;
	letter-spacing:1pt;
}

.worksBox{
	overflow:hidden;
	width:480px;
	height:auto;
	padding:0px 0px 20px 0px;
	margin:20px auto 0px auto;
	border-bottom:#999999 dotted 1px;
}

.worksPhoto{
	width:170px;
	height:170px;
	margin:0px 0px 0px 0px;
	float:left;
}

.worksComment{
	width:280px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	font-size:12px;
	line-height:140%;
	letter-spacing:1pt;
	float:right;
}

.detailOpen{
	width:80px;
	height:12px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 380px;
	float:left;
}


/**************************************/

/*フッター*****************************/
.pagesNum{
	width:480px;
	height:20px;
	margin:15px auto 20px auto;
	letter-spacing:2pt;
	font-size:12px;
	text-align:right;
	color:#999999;
}

.pagesNum a{color:#FF0000;}
	

/**************************************/

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{display: inline-block;}
/*Hides from IE-mac\*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/<?php include("header.inc");?>