@charset "Shift_JIS";

html,
body{
	font-family:Oosaka, Verdana, Arial, sans-serif;
	/*font-family:-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;*/
	color:#FFF;
	font-size:12px;
	height:100%;
	line-height: 100%;
}

body {
	background:#000000;
	text-align:center;
}

img{
	vertical-align: top;
}

p{line-height: 1.5em;}

h3 ,h4 {
  font-size: 12px;
  font-weight: bold;
	line-height: 1.5em;
}

a,
a:link,
a:visited {
	color:#FFF;
	text-decoration:underline;
}
a:hover {
	color:#FFF;
	text-decoration:none;
}



#wrapper {
	width:975px;
	margin:0 auto;
	text-align:left;
	position:relative;
	background:url(../img/wrap_bg.gif) repeat-y 147px 180px;
	min-height:100%;
	_height:100%;
}

/* header */
h1#header_logo {
  height: 180px;
  padding-top: 30px;
  background: #000;
}

/* leftarea */
#leftarea {
	width:142px;
	float:left;
	padding-bottom:90px;
}

#leftarea .menuarea {
	padding-bottom:70px;
}

#leftarea .menuarea li {
	padding: 0 14px 6px;
}

#leftarea .menuarea .on:before,#leftarea .menuarea a:hover::before {
	content: '';
	background-color: #FFF; 
	width:2px; 
	height: 2px; 
	float: left;
	margin: 5px 0 0 -14px;
}

#leftarea .footarea a {
	display:block;
}

/* rightarea */
#rightarea {
	width:233px;
	float:right;
}

#rightarea .menuarea {
	padding-top:50px;
}

/* footer_copy */
#footer_copy {
	position:absolute;
	bottom:12px;
	left:0px;
}

/* centerarea */
#centerarea {
	width:555px;
	float:left;
}

#centercontent {
	padding:0 50px 0 60px;
}




/* part ‹¤’Ê */
.part .left_part img {
	border:1px solid #303030;
	margin-bottom:10px;
}




/* news */
.news .part .left_part {
	width:110px;
	float:left;
}
.news .part .right_part {
	width:315px;
	float:right;
}

.news .part .pagetop {
	clear:both;
	padding:15px 0;
}


/* about */
.about .part .left_part {
	width:110px;
	float:left;
}
.about .part .right_part {
	width:310px;
	float:right;
}

.about .part .right_part h3 {
	padding-bottom:2px;
	border-bottom:1px #303030 solid;
}


.about .part .right_part p.headline {
	padding-top:10px;
	font-weight:bold;
}

.about .part .discription {
	clear:both;
	padding-top:30px;
	line-height: 1.7em;
}

.about .part .pagetop {
	clear:both;
	padding:25px 0 50px 0;
}


/* works */
.works #head_area {
	padding-bottom:2px;
}

.works #head_area h3 {
	width:200px;
	float:left;
}
.works #head_area a {
	float:right;
}

.works .part {
	padding-top:25px;
	border-top:1px #303030 solid;
}

.works .part .left_part {
	width:110px;
	float:left;
}

.works .part .right_part {
	width:315px;
	float:right;
}

.works .part .right_part h4 {
	padding-bottom:1.5em;
}

.works .part .pagetop {
	clear:both;
	padding:15px 0 5px 0;;
}


/* contact */


.contact table tr th,
.contact form table tr th, 
.contact table tr td,
.contact form table tr td {
	text-align:left;
	vertical-align:top;
	padding-bottom:25px;
}

.contact table tr th,
.contact form table tr th {
	width:142px;
	line-height:1.4em;
	font-weight:normal;
	font-size:10px;
}

.contact table tr td,
.contact form table tr td {
	width:293px;
	line-height: 1.5em;
}

.contact form table tr td input {
	width:292px;
	height:25px;
	color:#000;
}

.contact form table tr td input#submitbtn {
	background-color: #303030;
	width:292px;
	height:25px;
	cursor:pointer;
	border: none;
	border-radius: 0;
	color:#FFF;
	font-size:12px;
	font-weight: normal;
}

.contact form table tr td input#submitbtn:hover {
	background-color: #666666;
}

.contact form table tr td textarea {
	width:292px;
	height:180px;
	color:#000;
}

.contact .errwrap {
	text-align:center;
}

.contact .errwrap .errwidth {
	width:300px;
	margin:0 auto;
	text-align:left;
}

.contact .messagearea,
.contact .errwrap .errwidth .messagearea {
	padding-bottom:1.5em;
}

.contact .errwrap .errwidth .errmessage {
	padding-bottom:1.5em;
}

.contact .errwrap input#submitbtn,.contact .sendoutwrap input#submitbtn {
	background-color: #303030;
	width:292px;
	height:25px;
	cursor:pointer;
	border: none;
	border-radius: 0;
	color:#FFF;
	font-size:12px;
	font-weight: normal;
}

.contact .errwrap input#submitbtn:hover,.contact .sendoutwrap input#submitbtn:hover {
	background-color: #666666;
}

.contact #sendouttable {
	border-top:#303030 1px solid;
	margin-bottom:15px;
}

.contact #sendouttable tbody {
}

.contact #sendouttable tbody tr th,
.contact #sendouttable tbody tr td {
	border-bottom:#303030 1px solid;
	padding:15px 0;
	line-height: 1.5em;
}