@charset "utf-8";

/* TOP PAGE
---------------------------------------------*/

/* TOP NAVIGATION */

#tnav {}

#tnav li {
	float: left;
	width: 223px;
	text-indent: -9999px;}

#tnav li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 45px;
	padding-top: 45px;
	background-image: url(/img/top/topnavi.gif);}

.tnv01 a {background-position: 0 0;}
.tnv02 a {background-position: -223px 0;}
.tnv03 a {background-position: -446px 0;}
.tnv04 a {background-position: -669px 0;}

.tnv01,.tnv02,.tnv03 {margin-right: 16px;}

/* WORKS LIST */

#top .workslist {margin-top: 12px;}

.workslist  {
	width: 708px;}

.workslist li {
	float: left;
	display: block;
	width: 220px;
	height: 200px;
	font-size: 13px;
	margin-left: 16px;}

.workslist li div.hidden {display: none;}

.workslist li dt {margin-bottom: 1em;}

.workslist li dd strong {
	display: block;
	line-height: 1em;}

.workslist li.workslist__hr {
	width: 100%;
  height: 30px;
  padding: 0;
  margin: 20px 0;
}


/* INFO WRAP */

#infowrap {margin-top: 65px;}

#infowrap div {float: left;}

#infowrap div h3 {margin-bottom: 1em;}

/* LEFT_CONTENTS */

#left_contents {
	width: 230px;
	margin-right: 22px;
	float:left;
}

/* INFORMATION */

#info {
	background-color:#eee;
	width: 210px;
	padding:10px;
}

#info h2{
	font-size:20px;
	margin-bottom:15px;
}
#info dt{
	float: left;
	width: 50px;
	padding: 3px 0 15px 0;
}

#info dd {
	float: left;
	width: 140px;
	padding: 3px 0 15px 15px;
}

#info dd a {text-decoration: underline;}
#info dd a:hover {text-decoration: none;}

/* ADSENSE */
.ad {
	margin-top: 16px;
}

/* TOPWORKS */

#topworks{}

#topworks h2{
	font-size:20px;
	margin-left:15px;
}

#topworks h3{
	font-size:16px;
}

#topworks p{
	font-size:13px;
	color:#999;
	margin-left:15px;
}

#topworks dd p{
	margin:0px 0px 0px 0px;
}

#topworks p a{
	color:#999;
}

#topworks p a:hover{
	color:#000;
}

/* PISTOL8 */

#pistol8 {
	width: 223px;
	margin-right: 255px;
	margin-bottom:30px;
}

/* CONTACT */

#contact {width: 223px;}

#contact .mail {margin-top: 1em;}

#contact .mail a {
	font-weight: bold;
	font-family: "KozGoStd-Regular","KozGoStd-Light",  Helvetica,Arial,'ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック',sans-serif;
	padding-left: 24px;
	background: url(/img/top/icn_mail.gif) left center no-repeat;}