@charset "UTF-8";

body  {
	padding: 0;
	margin: 0;
	font-family: "Lucida Grande", sans-serif;
	font-size: 16px;
	color: #333333;
	line-height: 2em;
	background-image: url(../images/headerbg.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

/* for WinIE6*/

* html body {
	font-family: Verdana, "MS P ゴシック", sans-serif;
	letter-spacing: 1px;
	vertical-align: baseline;
}


h1,h2,h3,h4,h5,h6,div,span,p,a,form,ul,ol,li,dl,dt,dd,table,th,td,img {
	padding: 0px;
	margin: 0px;
}
img {
	border: none;
}

/* デフォルトリンク設定 */
a:link,a:visited {
	color: #0066FF;
	text-decoration: underline;
}
a:hover,a:active{
	color: #F60000;
	text-decoration: underline;
}
	
/* clearfix設定 */
.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
	overflow: hidden;
}
.clearfix {
	min-height: 1%;
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}


/* 共通設定 */


#container  {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF;
}
.fl {
	float: left;
	clear: left;
}
.fr {
	float: right;
	clear: right;
}
em {
	background-color: #FFFF00;
	font-size: 100%;
	line-height: 110%;
	font-style: normal;
}
strong {
	font-size: 18px;
	font-weight: bold;
}
.mb10px {
	margin-bottom: 10px;
}
.mb20px {
	margin-bottom: 20px;
}

.mb30px {
	margin-bottom: 30px;
}
.mb60px {
	margin-bottom: 60px;
}
.mb80px {
	margin-bottom: 80px;
}
.red {
	color: #CC0000;
}
.sampleimg_two {
	margin: 0px;
	padding: 0px;
}
.sampleimg_two   dl {
	width: 42%;
	display: block;
	padding-right: 4%;
	padding-left: 4%;
}
.sampleimg_two dd {
	font-size: 14px;
	line-height: 1.3em;
}


/* ヘッダ */

#header  {
	height: 83px;
	width: 750px;
	padding: 15px 0px 0px;
	margin: 0px;
	display: block;
	background-image: url(../images/headerbg.jpg);
	background-position: top;
	background-repeat: repeat-x;
}

#header a:link,#header a:visited,
#header a:hover,#header a:active{
	text-decoration: none;
}

.head_top {
	height: 37px;
	width: 738px;
	padding: 0px;
	margin: 0px 0px 15px 12px;
	display: block;
}
h1 {
	float: left;
}
h2 {
	background-repeat: no-repeat;
	display: block;
}
.logo {
	height: 37px;
	width: 157px;
	overflow: hidden;
	font-size: 12px;
	display: block;
	background-image: url(../images/headlogo.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.maincopy {
	float: left;
	height: 32px;
	width: 240px;
	padding: 5px 0px 0px 20px;
	margin: 0px;
	font-size: 13px;
	display: block;
	line-height: 1.2em;
}
#contact {
	float: right;
	height: 32px;
	width: 142px;
	padding: 5px 0px 0px 174px;
	margin: 0px;
	font-size: 13px;
	display: block;
	line-height: 1.2em;
	background: url(../images/headtel.jpg) no-repeat left top;
}
#contact:hover {
	background-position: -316px 0px;
}
.none {
	visibility: hidden;
}



#g_navi {
	display: inline;
}
#g_navi li {
	float: left;
	padding: 0px;
	margin: 0px;
	display: block;
	list-style: none;
	line-height: .8em;
}
/* メインエリア */

#main {
	width: 486px;
	display: block;
	background-image: url(../images/mainbg.gif);
	padding: 10px 12px 10px 13px;
	margin: 25px 0px;
}
#main p {
	margin-top: 0px;
	display: block;
}
.pagetop {
	font-size: 12px;
	background-image: url(../images/allow02.gif);
	background-repeat: no-repeat;
	background-position: right 10px;
	padding: 10px 14px 0px 0px;
	line-height: 1em;
	text-align: right;
	margin-bottom: 80px;
	margin-left: 0px;
	margin-right: 0px;
}

/* サブエリア */


#sub  {
	width: 216px;
	margin: 25px 0px;
}
#categorynav {
	display: block;
	margin-bottom: 20px;
	border: 3px solid #A6A6A6;
	line-height: 1em;
}
#categorynav  dt {
	display: block;
	line-height: 1em;
	height: 25px;
	width: 210px;
	overflow: hidden;
}
#categorynav  dd {
	display: block;
	line-height: 1em;
	height: 32px;
	width: 210px;
	overflow: hidden;
}
#main #footerlink {
	margin: 0px;
	padding: 0px;
	border-style: none;
	list-style: none;
	display: inline;
}
#main #footerlink li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 2px 0px 0px 3px;
	border-style: none;
	display: inline;
}
#main #footerlink li a {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-style: none;
	display: inline;
}

#directlink      {
}
#directlink li {
	margin-bottom: 10px;
	list-style: none;
	display: block;
}
#directlink li a {
	width: 216px;
	background: no-repeat left top;
	display: block;
	height: 96px;
}
#directlink li a:link,#directlink li a:visited,
#directlink li a:hover,#directlink li a:active{
	text-decoration: none;
}

#directlink li #btn_feature {
	background: url(../images/btn_feature.png);
	height: 115px;
}
#directlink li #btn_feature:hover {
	background: url(../images/btn_feature.png);
	height: 115px;
	background-position: -216px 0px;
}
#directlink li #btn_howto {
	background: url(../images/btn_howto.png);
}
#directlink li #btn_howto:hover {
	background: url(../images/btn_howto.png);
	background-position: -216px 0px;

}
#directlink li #btn_analysis {
	background: url(../images/btn_analysis.png);
}
#directlink li #btn_analysis:hover {
	background: url(../images/btn_analysis.png);
	background-position: -216px 0px;
}
#directlink li #btn_price {
	background: url(../images/btn_price.png);
}
#directlink li #btn_price:hover {
	background: url(../images/btn_price.png);
	background-position: -216px 0px;
}


#directlink #works_rctop {
	height: 32px;
	width: 96px;
	display: block;
	background-image: url(../images/works_rctop.png);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 20px;
	padding-left: 120px;
}
#directlink .btn_works_s {
	display: block;
	height: 22px;
	width: 86px;
	background: url(../images/btn_works_s.png) no-repeat;
}
#directlink .btn_works_s:hover {
	background: url(../images/btn_works_s.png) no-repeat -86px;
}
#directlink .btn_works_s:link,#directlink .btn_works_s:visited,
#directlink .btn_works_s:hover,#directlink .btn_works_s:active{
	text-decoration: none;
}

#directlink #works_rcmiddle {
	height: 100%;
	padding-bottom: 5px;
	display: block;
	background-image: url(../images/works_rcmiddle.png);
	background-position: top;
	background-repeat: repeat-y;
}
#directlink #works_rcmiddle dl {
	margin: 0px 17px;
}
#directlink #works_rcmiddle dt {
	line-height: 1.2em;
}
#directlink #works_rcmiddle dd {
	margin: 0px 0px 25px;
	font-size: 12px;
	line-height: 1.3em;
}
#directlink #works_rcbottom {
	height: 18px;
	width: 216px;
	display: block;
	background-image: url(../images/works_rcbottom.png);
	background-position: top;
	background-repeat: no-repeat;
}
#works_rcmiddle p {
	margin: 0px 18px;
	display: block;
}


/* フッタ */

#footer  {
	padding: 10px 0;
	clear: both;
	border-top: 1px dotted #CCCCCC;
	display: block;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
}

#footer  p  {
	margin: 0;
	padding: 0px 0 5px;
	text-align: right;
	font-size: 10px;
	line-height: 1em;
}


/* SEO-CSS 20090615 */
.add-h3-title {
	margin:0 0 15px;
	padding:0;
	height:auto;
}


/* add css 2010/12/03 */
#logoImg{
	float:left;
	width:177px;
	margin:0;
	padding:0;
}
h1.maincopy{
	padding-left:0;
	font-weight:normal;
}
.mb30px strong span{
	background-color: #FFFF00;
	font-size: 100%;
	font-style: normal;
	line-height: 110%;
}