/* style.css 
Create date: 2009.08.03
*/
/*-----------------------------
Global
------------------------------*/
* {
 background: transparent;
 margin: 0;
 padding: 0;
}
html {height:100%;}
body {
 font-family: "ＭＳ Ｐゴシック",Osaka,Arial,sans-serif;
 background-color: #fff; /* white */
 background: url(./image/bg.gif) repeat 0 0;
 text-align: center;
 color: #000000; /* black */
 font-size: 12px;
 font-style: normal;
 font-weight: normal;
 line-height: 1.5;
 height:100%;
}
ul,li,dl,dt,dd{
 list-style:none outside;
}
h1,h2,h3,h4,h5 {
 margin-bottom: 5px;
}
img{
 vertical-align: top;
}
a img{
 border: none;
}
a{
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
a:link{color: #FF962B; }
a:visited{color: #800080;}
a:hover{color: #FF962B;}
a:active{color: #ff0000;}

img {
 vertical-align: bottom;
}

table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img{
border:0;
}
address,caption,cite,
code,dfn,em,strong,th,var{
font-style:normal;
font-weight:normal;
}
p,span,table {
 font-size: 12px;
}
/*----------------------------------
clearfix
----------------------------------*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*************************
LAYOUT
*************************/
div#bg {
 background: url(./image/wrap_bg.gif) repeat-y 50% 0;
 height:100%;
 min-height: 100%;
}
body > div#bg {
 height: auto;
}

div#wrapper {
 width: 840px;
 margin: 0 auto;
}
div#header {
 text-align: left;
 width: 840px;
 margin: 0 auto;
}
div#content {
 text-align: left;
 width: 820px;
 margin: 0 auto 40px auto;
}
div#footer {
 width: 840px;
 margin: 0 auto;
}
/*************************
header
*************************/
div#header-content {
 margin: 0 10px;
 padding:5px 0;
}
div#header-content h1 {
 font-size: 12px;
 float:left;
}
div#header-content table {
 margin: 5px 0;
}
div#header-content p {
 float:right;
 padding:0 0 0 18px;
 background: url(./image/ico_mail.gif) no-repeat 0 50%;
}

div#header-image {
 background: url(./image/header.jpg) no-repeat top left;
 height: 246px;
 margin: 0 10px;
 position: relative;
}
div#header-image p.plactn a {
 position: absolute;
 top: 126px;
 left: 512px;
 width: 300px;
 height: 110px;
 display: block;
 text-indent: -9999px;
}
div#header-image p.contact {
 position: absolute;
 top: 80px;
 left: 512px;
}
/*************************
menu
*************************/
div#menu {
 height: 38px;
 margin: 0 10px 10px 10px;
}
div#menu ul li {
 float: left;
 /*
 background: url(./image/bg_btn.gif) no-repeat top left;
 text-align: center;
 line-height: 38px;
 */
}
/*
div#menu ul li a:hover {
 background: url(./image/bg_btn_on.gif) no-repeat top left;
}
div#menu ul li a {
 color: #fff;
 font-size: 15px;
}
div#menu ul li.top a {
 height: 38px;
 width: 164px;
 display: block;
}
div#menu ul li.top_on a,
div#menu ul li.faxbox_on a,
div#menu ul li.riyou_on a,
div#menu ul li.dounyuu_on a {
 height: 38px;
 width: 164px;
 display: block;
 background: url(./image/bg_btn_on.gif) no-repeat top left;
}
div#menu ul li.price_on a {
 height: 38px;
 width: 164px;
 display: block;
 background: url(./image/bg_btn_on.gif) no-repeat top left;
}
div#menu ul li.faxbox a {
 height: 38px;
 width: 164px;
 display: block;
}
div#menu ul li.riyou a {
 height: 38px;
 width: 164px;
 display: block;
}
div#menu ul li.dounyuu a {
 height: 38px;
 width: 164px;
 display: block;
}
div#menu ul li.price a {
 height: 38px;
 width: 164px;
 display: block;
}
*/
/*************************
content
*************************/
div#main {
	width:508px;
	float:left;
}
div#sub {
	width:303px;
	float:right;
}
div#information {
 width: 506px;
 height: 310px;
 border: 1px solid #cccccc;
 margin:0 0 10px 0;
 background: url(./image/box_bg.gif) no-repeat 50% 100%;
}
div#information h2 {
 background: url(./image/title_bg.gif) no-repeat 0 0;
 line-height: 25px;
 padding-left: 25px;
 margin:0;
 font-size: 16px;
}
div#information h3 {
	margin:0;
	padding:9px 0 9px 9px;
}
div#information p {
 padding: 0 9px;
}
div#information .clearfix {
	padding:20px 9px 0 9px;
}
div#information .clearfix .text {
	width:350px;
	float:left;
	padding:0;
	margin:0;
}
div#information .clearfix .text p {
	padding:0;
	margin:0;
}
div#information .clearfix .image {
	width:122px;
	float:right;
	padding:0;
	margin:0;
}
div#new {
 width: 301px;
 height: 148px;
 border: 1px solid #cccccc;
 margin:0 0 10px 0;
 background: url(./image/mbox_bg.gif) no-repeat 50% 100%;
}
div#new h2 {
 background: url(./image/title_bg.gif) no-repeat 0 0;
 line-height: 25px;
 padding-left: 25px;
 margin:0;
 font-size: 16px;
}
div#new dl {
	padding:10px 10px 0 10px;
}
div#new dt {
	padding:0 0 0 15px;
background: url(./image/ar_right.gif) no-repeat 0 50%;
}
div#new dd {
	padding:0 0 0 15px;
	margin-bottom:10px;
}
div#demo {
 width: 301px;
 height: 149px;
 border: 1px solid #cccccc;
 margin:0 0 10px 0;
 background-color: #eeeeee;
}
div#demo h2 {
 background: url(./image/title_bg.gif) no-repeat 0 0;
 line-height: 25px;
 padding-left: 25px;
 margin:0;
 font-size: 16px;
}
div#demo p {
	text-align:center;
	font-weight:bold;
	padding:5px 0;
}
div#demo p.btn {
	padding:0;
}


div#tokutyou {
 width: 506px;
 height: 290px;
 border: 1px solid #cccccc;
 margin:0 0 10px 0;
 background: url(./image/box_bg.gif) no-repeat 50% 100%;
}
div#tokutyou h2 {
 background: url(./image/title_bg.gif) no-repeat 0 0;
 line-height: 25px;
 padding-left: 25px;
 margin:0;
 font-size: 16px;
}
div#tokutyou p {
	padding:15px;
}
div#otherservice {
 width: 301px;
 height: 290px;
 border: 1px solid #cccccc;
 margin: 5px 0px 5px 0px;
 background-color: #eeeeee;
}
div#otherservice h2{
 line-height: 25px;
 padding-left: 25px;
 font-size: 16px;
}
div#otherservice ul {
 margin: 5px;
}
div#otherservice ul li {
 margin: 5px;
}
/* ブログ */
div.asset-header,
div.asset-body {
 padding: 0px 0px 5px 0px;
}
div.asset-header h1,
div.asset-header h1 a {
 font-size: 18px;
 background: url(./image/bg_asset-header.gif) no-repeat top left;
 padding-left: 10px;
 line-height: 40px;
}
div.asset-header h2 {
 border-bottom: 1px dotted orange;
}
div.asset-header h2#page-title {
 font-size: 18px;
 background: url(./image/bg_asset-header.gif) no-repeat top left;
 padding-left: 10px;
 line-height: 40px;
 border:none;
}
div.asset-body {
 width: 762px;
 margin: 5px 29px;
}
div.asset-body h2 {
	margin:0 0 10px 0;
}
div.asset-body h3 {
	padding:0 0 0 18px;
	margin:0 0 10px 0;
	background: url(./image/ico_cir.gif) no-repeat 0 0.1em;
	font-size:14px;
}
div.asset-body h3 img {
	vertical-align:middle;
}
div.asset-body h4 {
	font-size:14px;
	color:#0B94D9;
}
div.asset-body .pageTop {
	padding:15px 0;
	text-align:right;
	clear:both;
}
div.asset-body .section {
	padding:0 0 0 18px;
}
div.section .image {
	text-align:center;
}
div.section p {
	margin-bottom:18px;
}
div.section .h3body {
	padding:0 0 0 18px;
}
div.section ul li {
	list-style-type:disc;
	margin:0 0 12px 1.5em;
}
div.section ul li ul {
	padding:6px 0 0 0;
}
div.section ul li li {
	list-style-type:square;
	margin:0 0 6px 1.5em;
	color:#666;
}

div.asset-body div.pre-menu {
	border:2px solid #ccc;
	margin:0 0 15px 0;
}
div.asset-body div.pre-menu ul {
	padding:0;
	margin:0;
}
div.asset-body div.pre-menu ul li {
	float:left;
	padding:0 0 0 20px;
}
div.asset-body div.pre-menu ul li a {
	display:block;
	padding:3px 0 3px 16px;
	 background: url(./image/ar_under.gif) no-repeat 0 50%;
}


/* システム */

#problem {
	margin:0 0 15px 0;
}
#problem .image {
	width:215px;
	float:right;
	text-align:center;
}
#problem ul {
	width:500px;
	float:left;
}
#problem ul li {
	margin-bottom:3px;
}
#answer {
	margin:0 0 15px 0;
}
#answer .image {
	width:215px;
	float:left;
	text-align:center;
}
#answer ul {
	width:500px;
	float:right;
}
#answer ul li {
	margin-bottom:3px;
}
.ouyouList li img {
	vertical-align:middle;
}


/* 料金 */
div.asset-body table.gideline {
 width: 720px;
 border: 1px solid #aaa;/*gray*/
 margin:0 0 15px 0;
}
div.asset-body table.gideline tr th {
 background: #ccc;/*gray*/
 padding: 5px;
 border: 1px solid #aaa;/*gray*/
 text-align: center;
}
div.asset-body table.gideline tr td {
 padding: 5px;
 border: 1px solid #aaa;/*gray*/
}
div.asset-body table.gideline tr td.koumoku {
 width: 200px;
}
div.asset-body table.gideline tr td.setumei {
 width: 345px;
}
div.asset-body table.gideline tr td.tanka {
 width: 80px;
 text-align: right;
}
div.asset-body table.gideline tr td.tani {
 width: 80px;
 text-align: right;
}
div.asset-body ol li {
 list-style: decimal;
 margin-left: 22px;
}
div.asset-body dl dt {
 float: left; /*　回りこみ */
 font-weight: bolder;
}
div.asset-body dl dd {
 margin-left: 250px;
}
div.more_link {
 height: 20px;
 border-bottom: 1px solid #ddd;/* gray */
}
div.asset-footer {
 height: 40px;
}
/* お問合せ */
div#content div#Header span#MailFormTitle1 {
 font-size:18px;
 background-color: #EEE;
}
div#content div#PageContent {
 margin: 10px;
}
div#content div#PageContent table#tblForm,
div#content div#PageContent table#tblVerify {
 width: 750px;
 border: 1px solid #aaaaaa;
}
div#content div#PageContent table#tblForm td,
div#content div#PageContent table#tblVerify td {
 padding: 5px;
 border: 1px solid #aaaaaa;
 text-align: left;
}
div#content div#PageContent table#tblForm td.MailFormTableRowHeader,
div#content div#PageContent table#tblVerify td.MailFormVerifyTableRowHeader {
 background: #eeeeee;
 width: 200px;
}
div#content div#PageContent span.Hissu{
 color: #FF0000;/* red */
}/* 必須 */
div#content div#PageContent textarea:focus,
div#content div#PageContent input:focus {
 border: 2px inset #0000FF;/* blue */
}/*フォーカス*/
input#Q09092901410404,
input#Q09092901410405,
input#Q09092901410403,
input#Q09092901410401,
input#Q09092901410407,
input#Q09092901410408,
input#Q09092901410403_T {
 width: 300px;
}/* 名前,フリガナ、メールアドレス、会社名、役職、所属 */
input#Q09092901410406,
input#Q0909290141040A {
 width: 500px;
}/* 住所 */
textarea#Q09092901410402 {
 width: 500px;
 height: 150px;
}/* お問い合わせ内容 */
div#content div#PageContent div#pnlFormMenu,
div#content div#PageContent div#pnlVerifyMenu {
 margin: 10px;
}
p.FinishMessage {
 font-size: 15px;
 margin: 10px;
}
span.FinishThanksText {
 font-size: 15px;
 color: #FF0000;/* red */
}
/*************************
footer
*************************/
div#footer {
 clear: both; /*回り込み解除*/
}
div#footermenu {
	width:840px;
	padding:9px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#efefef;
	position: relative;
	overflow: hidden;
}
div#footermenu ul {
   position:relative;
   left:50%;
   float:left;
}

div#footermenu ul li {
   position:relative;
   left:-50%;
   float:left;
 padding: 0 10px;
 border-right: 1px solid #aaaaaa;
}
div#footermenu ul li.daikou_fax {
 border-left: 1px solid #aaaaaa;
}
div#footer-content {
 margin: 0 10px;
}
div#footer-content p {
 padding: 10px 0 0;
}
div#footer-content h4 {
 text-align: right;
 margin:0;
}


div.asset-body h3.h3title {
	font-size:16px;
	color:#0B94D9;
	padding:0;
	margin:0 0 10px 0;
	background:none;
}
.navi {
	width:820px;
	padding:15px 0 0 0;
}
.navi:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.navi {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .navi { height: 1%; }
.navi { display: block; }
/* End hide from IE-mac */


.navi p.nNext {
	width:409px;
	float:left;
	border-left:1px solid #666;
	text-align:left;
}
.navi p.nNext a {
	margin-left:1.5em;
	padding-right:15px;
	background: url(./image/ar_right.gif) no-repeat 100% 50%;
}
.navi p.nPrev {
	width:410px;
	float:left;
	text-align:right;
}
.navi p.nPrev a {
	margin-right:1.5em;
	padding-left:15px;
	background: url(./image/ar_left.gif) no-repeat 0 50%;
}
.arLink a {
	padding-left:15px;
	background: url(./image/ar_more.gif) no-repeat 0 50%;
}

/*********************************
ニュース部分
*********************************/
.newsWnd .text {
	width:420px;
	float:left;
}
.newsWnd .image {
	float:right;
}
.section table.demoT {
	width:300px;
	margin:0 0 30px 0;
	border-collapse:collapse;
	border:1px solid #bbb;
	text-align:left;
}
.section table.demoT th,
.section table.demoT td {
	padding:6px;
}
.section table.demoT th {
	border:1px solid #bbb;
	background-color:#BAE1F4;
	font-weight:bold;
	text-align:center;
	font-size:14px;
}
.section table.demoT td {
	border:1px solid #bbb;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}
.section .demoText {
	width:410px;
	float:left;
}
.section .demoImage {
	width:300px;
	float:right;
}




.dsnone {
	display:none;
}
.small {
	font-size:10px;
}
.mComment {
	font-size:10px;
	color:#666;
}
dl.mComment dd {
	margin-left:30px;
}

/*********************************
margin-bottom
*********************************/

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}