@charset "utf-8";
/* デザイン */


body {
    line-height: 1.5;
	padding: 0;
	margin: 0;
	color: #333333;
	background-color: #ffffff;
	/*background: url(web-design/img/nuno.gif) repeat;*/

}

/*紹介text*/

h1 {
	font-size: 10.5px;
	font-weight: lighter;
	color: #2B2424;
}
h2{
	font-size: 15px;
	font-weight:bold;
	color:#2ba6c1;
}

body,p,div,ol,ul,li,td,th {
	font-size: 15px;
	color: #666666;
	line-height: 17px;
	letter-spacing: 0.5pt;
}

body,html,textarea {
scrollbar-face-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#bebdab;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff; }

img {
border:none;
}

a {
	text-decoration: none;
	color: #666666;
}
a:hover {
text-decoration: underline;
}

/*横棒ライン*/

hr.thinline {
border:0;
height:5pt;
background:url(web-design/img/line.gif) no-repeat;
margin-bottom:20px;
}

/*破線ライン*/

p.line {
   border-bottom: 1px dashed #666;
}

#header {
	position:relative;
	width: 827px;
	font-size:10.5px;
	margin-bottom:5px;
}

#header #logo img {
	position:absolute;
}

#logo {
	float: left;
	margin-top:15px;
}

     /* clearfix 微調整 */
     #logo:before,
     #logor:after {
        content: "";
        display: table;
     }
	 
	 #logo:after {
		 clear: both;
	 }
	 
	 /* For IE 6/7 (trigger hasLayout) ブラウザ別 */
	 #logo {
		 zoom: 1;
	 }


	

/*背景*/

/*#top-wrapper {
	width: 827px;
	height: 100px;
	display: table;
	font-size:10.5px;
	/*background-image: url(web-design/img/back-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 5px auto 0px;
	overflow: hidden;
}*/
	



/*#wrapper {
	width: 100%;
	display: table;
	/*background-image: url(web-design/img/back.gif);
	background-repeat: repeat-y;
	background-position: center top;
}*/

/*#und-wrapper {
	width: 100%;
	height: 19px;
	display: table;
	/*background-image: url(web-design/img/back-und.gif);
	background-repeat: no-repeat;
	background-position: center top;
}*/


#main {
	padding-left:50px;
}



#content {
	width: 850px;
	background: #fff;
	padding: 10px;
	margin: 0px auto 0px;
}

#counter{
	width: 750px;
	font-size:10.5px;
	margin-top:10px;
}



#menu{
	padding-left: 10px;
	margin-top:25px;
	margin-bottom: 20px;
}

#contact{
	padding-left: 650px;
	margin-bottom: 5px;
	margin-top:0px;
}

#news-box{
	float:left;
	width:450px;
	margin-top:10px
}

#news{
	margin-left: 50px;
	color: #666;
}

#works-box{
	margin-top:20px
}




/*リンクページ*/

.link {
	list-style-type:none;
	width:690px;
	height: 80px;
	margin:auto;
}
.link p{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

.title2{
	height:20px;
	margin-bottom:5px;
	clear:both
}

/*バナーリンク*/

.link2 {
	list-style-type:none;
	width:650px;
	margin:auto;
}
.link2 p {
	float:left;
	margin-right:10px;
	margin-bottom: 5px;
}

/*ギャラリー*/


.category{
	clear:both
}

.gallery {
    width:750px;
}

.gallery p{
	width:70px;
	height:70px;
	margin: 10px 5px;
	padding: 5px;
	border:1px;
	border-style: solid;
	border-color: #CCC;
	float:left

}


ul.pict {
	list-style-type:none;
	width:550px;
	height: 50px;

}
ul.pict li {
	float:left;
	margin-right:5px;
	margin-bottom: 10px;
}

/*ワークス*/

.works {
    width:750px;
	padding-left:50px;
}

.works p{
	width:150px;
	height:70px;
	margin: 10px 10px 40px 10px;
	padding: 5px;
	border:1px;
	border-style: solid;
	border-color: #CCC;
	float:left

}

.title{
	width:160px;
	margin-top:10px;
	font-size:84%;
	line-height:1.5em;
	display:block;

}

#form{
	background-color: #FFFFFF;
	width: 500px;
	margin-left: 100px;

}

input,textarea{
border-style: solid;
border-color: #aaaaaa;
color: #000000;
background-color: #ffffff;
border-width: 1px;
}
.btn{
border-style: solid;
border-color: #cccccc;
color: #000000;
background-color: #ffffff;
border-width: 1px;
}




#footer{
	width:850px;
	height:50px;
	margin: 0px auto 0px auto;
	padding-top:10px;
	background-color:#2ba6c1;
	clear:both;
}

#copyright{
	text-align: right;

	width: 800px;
	margin: 0px auto 65px auto;
	color: #fff;
}
font {
	font-weight: bold;
}