body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #333333;
	line-height: 1.5em;
}
h1,h2,h3,h4,h5,h6,img,form {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

a {
	color: #cc0000;
        text-decoration: none;
}

a:hover {
	color: #003399;
        text-decoration: underline;
}
p {
	margin: 0 10px;
}
.red {
	color: #cc0000;
}
.clear {
	clear: both;
}

/*allpage--------------------------------------*/

#wrap {
	margin: 0 auto;
	padding: 0;
	width: 880px;
	background-color: #FFFFFF;
}
#header {
	position: relative;
	margin: 0;
	padding: 0;
	width: 880px;
	height: 65px;
}
#header #logo img {
	position: absolute;
	top: 14px;
	left: 0px;
}
#header h1 {
	position: absolute;
	top: 5px;
	right: 0px;
	font-size: 14px;
	color:#CC0000;
}
#gnavi {
	position: relative;
	width: 880px;
	height: 45px;
	margin: 1px 0 0 0;
	padding: 0;
}
#gnavi ul {
	position: absolute;
	margin: 0;
	padding: 0;
}
#gnavi li{
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footer {
	clear: both;
	width: 880px;
	height: 30px;
	margin: 0;
	background-color: #CC0000;
}
#footer p {
	margin: 6px;
	text-align: center;
	color: #FFFFFF;
}

/*toppage--------------------------------------*/
#header_img {
	width: 880px;
	height: 280px;
	background-color: #000000;
}

#conteiner {
	width: 880px;
	margin: 15px 0 0 0;
	float: left;
}
#left_cont {
	float: left;
	width: 190px;
}
#info {
	width: 190px;
	height: 200px;
	padding: 30px 0 0 0;
	background: url(../img/all/info_bg.gif) no-repeat;
}
#info p {
	font-size: 10px;
}
#info ul {
	list-style: none;
	margin: 0 0 0 12px;
	padding: 0 0 1em 0;
}
#info li {
	line-height: 1.6;
	width: 170px;
	margin: 0;
	padding: 0 0 0 3px;
	background: url(../img/arrow_g.gif) no-repeat 0 0.3em;	
}

#main_cont {
	float: right;
	width: 670px;
	margin: 0 0 60px 0;
}
.top_t1 {
	text-indent: -9999px;
	width: 500px;
	height: 20px;
	margin: 5px 0 10px 0;
	background: url(../img/top_t1.gif) no-repeat;
}
.top_bar1 {
	text-indent: -9999px;
	width: 670px;
	height: 20px;
	margin: 20px 0;
	background: url(../img/top_bar1.gif) no-repeat;
} 
.top_bar2 {
	clear: both;
	text-indent: -9999px;
	width: 670px;
	height: 20px;
	margin: 0 0 10px 0;
	background: url(../img/top_bar2.gif) no-repeat;
}
#massege {
	width: 670px;
	height: 130px;
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 12px;
	background: url(../img/message_bg.jpg) no-repeat;
}
#massege p {
	width: 480px;
	color: #FFFFFF;
}
#massege img {
	float: right;
	margin: 0 10px
}
#news ul {
	list-style: none;
	margin: 10px 0 0 20px;
	padding: 0 0 1em 0;
}
#news li {
	line-height: 1.7;
	margin: 0 30px 5px 0;
	padding: 0 0 0 15px;
	background: url(../img/arrow_g.gif) no-repeat 0 0.5em;
	border-bottom: 1px #CCCCCC dotted;
}

#works {
	width: 670px;
	margin: 0;
}
#works ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.work {
	float: left;
	width: 203px;
	height: 270px;
	margin: 0 10px;
}

/*subpage_all--------------------------------------*/
#main_cont2 {
	float: left;
	width: 670px;
	margin: 0 0 60px 0;
}
#right_cont {
	float: right;
	width: 190px;
}

/*workspage--------------------------------------*/
.w1 {
	text-indent: -9999px;
	width: 125px;
	height: 25px;
	margin: 0 0 3px 0;
	padding: 0;
	background: url(../img/works/nakamoto.gif) no-repeat;
}
.w2 {
	text-indent: -9999px;
	width: 101px;
	height: 25px;
	margin: 0 0 3px 0;
	padding: 0;
	background: url(../img/works/sonia.gif) no-repeat;
}
.w3 {
	text-indent: -9999px;
	width: 79px;
	height: 25px;
	margin: 0 0 3px 0;
	padding: 0;
	background: url(../img/works/tsubomi.gif) no-repeat;
}
.w4 {
	text-indent: -9999px;
	width: 116px;
	height: 25px;
	margin: 0 0 3px 0;
	padding: 0;
	background: url(../img/works/komaku.gif) no-repeat;
}
.w5 {
	text-indent: -9999px;
	width: 182px;
	height: 25px;
	margin: 0 0 3px 0;
	padding: 0;
	background: url(../img/works/kamui.gif) no-repeat;
}
.w6 {
	text-indent: -9999px;
	width: 182px;
	height: 25px;
	margin: 0 0 3px 0;
	padding: 0;
	background: url(../img/works/lion.gif) no-repeat;
}
.w7 {
	text-indent: -9999px;
	width: 86px;
	height: 25px;
	margin: 0 0 3px 0;
	padding: 0;
	background: url(../img/works/real.gif) no-repeat;
}
.w8 {
	text-indent: -9999px;
	width: 191px;
	height: 25px;
	margin: 0 0 3px 0;
	padding: 0;
	background: url(../img/works/nhiro.gif) no-repeat;
}
.w9 {
	text-indent: -9999px;
	width: 103px;
	height: 25px;
	margin: 0 0 3px 0;
	padding: 0;
	background: url(../img/works/hormone.gif) no-repeat;
}
.w10 {
	text-indent: -9999px;
	width: 114px;
	height: 25px;
	margin: 0 0 3px 0;
	padding: 0;
	background: url(../img/works/e-zex.gif) no-repeat;
}

/*contactpage--------------------------------------*/
#form {
	width: 670px;
	margin: 10px 0 0 0;
}
.ftd {
	width: 180px;
	background-color: #cc0000;
	color: #FFFFFF;
	padding: 0 0 0 10px;
}


/*profilepage--------------------------------------*/
#prof dt {
	width: 600px;
	height: 20px;
	margin: 0 0 5px 10px;
	padding: 0px;
	background: url(../img/profile/prof_line.gif) 0px 0px repeat-x;
}

#prof span {
	padding-left: 10px;
	line-height: 1.2em;
	text-indent: 0px;
	background: url(../img/profile/prof_icon.gif) 0px 0px no-repeat;
}

#prof dd {
	margin: 0 0 0 10px;
	text-indent: 0px;
	padding: 0 0 20px 10px;
}