/*//////////////////////////////////////////////////////////////////////*/
/*ALL*/
body{
background-color: #dddddd;
margin:10px auto;
text-align: center;
width: 886px;
}
#wrapper{
background-color: #ffffff;
text-align: left;
vertical-align: top;
}
/*HEADER*/
#header{
background-color:#CCCCCC;
height:150px;
}
/*Link*/
a:link {
text-decoration:none; /*下線を消す（下線を出したいときはtext-decoration:underline）*/
color:#6666cc ; /*未訪問リンクのカラー*/
}
a:visited {
text-decoration:none; /*下線を消す（下線を出したいときはtext-decoration:underline）*/
color:#9966ff ; /*訪問済みリンクのカラー*/
}
a:active {
text-decoration:none; /*下線を消す（下線を出したいときはtext-decoration:underline）*/
color:#cc66ff ; /*クリックしたときのカラー*/
}
a:hover {
text-decoration:underline; /*下線を出す（下線を消したいときはtext-decoration:none）*/
color:#9999ff ; /*マウスが乗ったときのカラー*/
}
/*CONTENTS*/
#contents{
width:576px;
margin:10px 0;
background-color:#6699CC;
}
#messageArea {
margin:10px 20px;
width:450px;
height:820px;
overflow:auto;
text-align:left;
/*font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-family: "ＭＳ 明朝", 平成明朝, serif;*/
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
font-size:small;
line-height: 1.5em;
border: 1px solid #999999;
padding: 5px;
}
#worksnavi{
margin:10px 30px;
}
#worksnavi img{
border:0;
}
.section{
	margin:10px 25px;
	width: 460px;
	font-size: 12px;
	line-height: 1.5;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
}
.section h2{
font-size: 16px;
}
.attention{color: #FF0000;}
.attention2{color: #990000;}
ul.nomark{
list-style: none;
padding: 0;
}
.infosection{
	/*background-color: #dffbe5;*/
	margin:10px 25px;
	padding: 5px;
	width: 480px;
	font-size: 12px;
	line-height: 1.5;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
}
.infosection h1{
font-size: 16px;
font-weight: normal;
margin: 10px;
display: inline;
}
.infosection h2{
font-size: 14px;
font-weight: normal;
margin: 10px 0;
}
.infosection h3{
font-size: 13px;
margin: 5px 0;
}
.infosection ul{
margin: 15px;
padding: 0;
}
.infosection p{
	margin: 5px 0;
	padding: 0;
	/*text-indent: 1em;*/
}
#worksuse{
margin:30px;
}
#worksuse ul{
list-style: none;
margin: 0;
padding: 0;
font-size: 12px;
}
#worksuse p{
font-size: 12px;
}
/*MENU*/
#menu{
width: 300px;
margin: 10px 0;
background-color: #FF66FF;
}

#navigation{
width: 229px;
}
#navigation ul{
list-style: none;
margin: 0 35px;
padding: 0;
}
#navigation li{
margin-bottom: 5px;
padding: 0;
}
#navigation a{
display: block;
width:229px;
height: 40px;
background-color: #FFFFFF;
}
#navigation a:hover{
/*background-color:#FFCCFF;*/
}
#navigation img{
border: 0;
}
#current{
background-color:#FFCCFF;
}
#navigationB{
width: 229px;
/*border: 1px solid #000000;*/
}
#navigationB ul{
list-style: none;
width: 229px;
margin: 0 35px;
padding: 0;
}
#navigationB li{
float: left;
}
#navigationB a{

}
#navigationB img{
border: 0;
}

#navigationC{
width: 200px;
margin: 0 35px;
margin-top: 75px;
padding-left: 25px;
text-align: left;
}
#navigationC ul{
list-style: none;
margin: 0;
padding: 0;
}
#navigationC li{
margin-bottom: 5px;
padding: 0;
}
#navigationC img{
border: 0;
}
#navigationC div{
font-size: 8pt;
}
#navigationD{
width: 229px;
margin: 0 35px;
margin-top: 80px;
text-align: center;
}
#navigationD ul{
list-style: none;
margin: 0;
padding: 0;
}
#navigationD li{
margin-bottom: 5px;
padding: 0;
}
#navigationD img{
border: 0;
}
.naviTitle{
font-size: 14px;
}
/*FOOTER*/
#footer {
clear: both;
background-color:#ffffff;
height: 100px;
text-align: center;
font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
font-size: 12px;
line-height: 1.5;
letter-spacing: 0.1em;
}
#copyright{
background-color:#EEEEEE;
}
/*new works*/
div #workslist{
	
}
div #workslist_title{
	margin-right:10px;
	margin-bottom:10px;
	padding: 5px;
	height: 15px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:bold;
	border-left: 5px solid #999999;
	background-color: #CCCCCC;
	color: #FFFFFF;
}
.worksobj{

	margin-right:10px;
	margin-bottom:10px;
	padding:8px;
	height: 80px;
	border: 1px solid #999999;
}
.worksobj img{
	float: left;
	margin-right: 8px;
}
.worksobj div{
	margin-left:176px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	color:#666666;
}
div.worksobj_no{
	font-family:Arial, Helvetica, sans-serif;
}
div.worksobj_title{
	margin-top:8px;
	margin-bottom:2px;
	font-size: 14px;
	font-weight:bold;
}
.worksobj_title a{
	color:#333333;
	text-decoration:none;
}
.worksobj_title a:hover{
	color:#CCCCCC;
}
div.worksobj_line{
background-color:#FFA39D;
width: 380px;
height: 1px;
font-size:1px;
}
div.worksobj_area{
	margin-top:2px;
	text-align:right;
}
div.worksobj_cost{
	margin-top:10px;
}

