@charset "UTF-8";
/* CSS Document */

/*2009.11.21更新
==================================================================Reset*/
body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin:0;
    padding:0;
}
body {
    /*yahoo UI:http://developer.yahoo.com/yui/fonts*/
    font:13px/1.231 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ',Meiryo, 'ＭＳ Ｐゴシック', Arial, verdana, sans-serif;
    *font-size:small;
    *font:x-small;
    line-height: 1.5;
    background-color:transparent;
    text-align: center;
    color: #000;
    min-height: 100%;
}
/*html:\66irst-child body {
	font-size:12px; safari only \
}*/
a {
    text-decoration:underline;
    outline:none;
}
a:link {
    /*text-decoration:none;*/
    color:#3f75fb;
}
a:visited {
    /*text-decoration:none;*/
    color:#3f75fb;
}
a:hover,a:active {
    /*text-decoration:none;*/
    color:#ff0000;
}
a img,:link img,:visited img {
    border:none;
}
/* delate dot boader of link for New Mozilla \*/
a {
    overflow:hidden; 
}
img,fieldset,abbr,acronym {
    border:0;
}
table {
    font-size:inherit;
    font:100%;
    border-collapse:collapse;
    border-spacing:0;
}
/*ul,ol {
    list-style-type:none;
}*/
th,caption {
    text-align:left;
}
input,select,textarea{
    font:99% arial,helvetica,clean,sans-serif;
    /* for macIE5 \*/
    font-family:"Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック",Verdana,sans-serif;
    font-weight:bold;
}
select option {
    padding : 0 0.5em;
}
form label{
    cursor : pointer;
}
input:focus,select:focus,textarea:focus{
    background-color: #ffffee;
}
pre,code,kbd,samp,tt {
    font-family:monospace;
    *font-size:108%;
    line-height:100%;
}
q:before,q:after {
    content:'';
}
hr {
    border:0;
    height:1px;
    background-color:#000000;
    color:#000000;
}
address {
    font-style:normal;
}
/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
/* font-style:normal; */
/* font-weight:normal; */
}
/*almost default*/
.iLeft {
    float:left;
}
.iRight {
    float:right;
}
.fObject {
    width:auto;
    height:auto;
    line-height:0;
}
/*<div class="cboth"><hr /></div>*/
.cboth {
    clear:both;
    height:0;}
*html .cboth {
    height:.1em;
    overflow:hidden;
    margin-top:-.1em;
}
.cboth hr {
    visibility:hidden;
    border:0;
}
/*float clear*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
*html .clearfix {
    height: 1%;
}
.clearfix {
    display:block;
}
/*yui font-size
10	77
11	85
12	93
13	100
14	108
15	116
16	123.1
17	131
18	138.5
19	146.5
20	153.9
21	161.6
22	167
23	174
24	182
25	189
26	197*/


/*==============================ORIGINAL START >>*/
body {
	background:url(../img/top_slice_tech_01.jpg) repeat-x;
}
div#wrapper1 {
	background:url(../img/top_slice_base_86.jpg) repeat-x 0 bottom;
}
div#wrapper2 {
    text-align:left;
    width:960px;
    margin:0 auto;
    position:relative;
}
div#contents {}
/*==============================*/
div#header {
	position:relative;
}
div#header h1 {
	background:url(../img/top_slice_base_02.jpg) repeat-x;
	height:29px;
	font-size:108%;
	color:#fff;
	padding:10px 0 0 0px;
}
div#header div#head-info {
	background:url(../img/top_slice_base_05.jpg);
	height:116px;
	text-indent:-999em;
}
div#header p#logo a {
	display: block;
	position: absolute;
	left: 0;
	top:50px;
	width: 320px;
	height: 80px;
}
div#header div#head-info li {
	list-style:none;
}
div#header ul#site-info {
	position:absolute;
	top:0px;
	right:0px;
	height:25px;
}
div#header ul#site-info li {
	float:left;
	list-style:none;
	font-size:85%;
	color:#fff;
	padding:14px 0 0 0;
}
div#header ul#site-info li.icon {
	background:url(../img/top_slice_tech_04.jpg) no-repeat 6px 7px;
	padding:14px 0 0 32px;
}
div#header ul#site-info li a:link {
    text-decoration:underline;
    color:#fff;
}
div#header ul#site-info li a:visited {
    text-decoration:underline;
    color:#fff;
}
div#header ul#site-info li a:hover,a:active {
    text-decoration:underline;
    color:#ff0000;
}
/*==============================*/
div#contents {
	position:relative;
}
/*==============================*/
div#contents ul#main-navi {
	list-style:none;
	}
div#contents ul#main-navi li {
	float:left;
	line-height:0;
}

/*==============================*/
div#contents div#column {
	background:url(../img/top_slice_base_88.jpg) no-repeat 0 bottom;
	padding:0 0 137px 0;
}

div#column div#main {
	float:right;
	width:630px;
	position:relative;
}
div#column div#side-navi {
	float:left;
	width:310px;
	position:relative;
}

/*==============================*/
div#side-navi {
	margin:5px 0 30px 0;
}
/*==============================*/

div#side-navi ul#navi-service {
	list-style:none;
	line-height:0;
}

/*==============================*/
div#side-navi div#navi-area {
	background:url(../img/top_slice_base_29.jpg);
	position: relative;
	height:359px;
	margin:4px 0 0 0;
}
div#side-navi div#navi-area h2 {
	text-indent:-999em;
}
div#side-navi div#navi-area ul {
	list-style:none;
	text-indent:-999em;
}
div#side-navi p.bun {
	text-indent:-999em;
}
div#side-navi div#navi-area p.button {
	position: absolute;
	top:297px;
	left: 32px;
}
/*==============================*/
div#side-navi div#navi-office {
	margin:10px 0 0 0;
}
div#side-navi div#navi-office table {
	width:310px;
}
div#side-navi div#navi-office th {
	background:url(../img/top_slice_base_60.jpg) repeat-y;
	border:solid 1px #000;
	width:68px;
	padding:7px 5px;
	text-align:center;
}
div#side-navi div#navi-office td {
	border:solid 1px #000;
	padding:7px 5px;
}
/*==============================*/
div#main h1 {}
div#main h2 {}
div#main h3 {}
div#main h4 {}
div#main h5 {}
div#main h6 {}

div#main p {}
div#main strong {}
div#main em {}
div#main small {}

div#main ul {}
div#main .column ul {
		margin:20px;
		}
div#main ul li {}
div#main ol {}
div#main .column ol {
	margin:20px;
	}
div#main ol li {}

div#main dl {}
div#main dl dt {}
div#main dl dd {}

div#main .iLeft {}
div#main .iRight {}
/*==============================*/

div#inquiry-banner {
	border-top:6px solid #336915;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	position: relative;
}
div#inquiry-banner ul {
	background:url(../img/top_slice_base_80.jpg) no-repeat 0 0px;
	height:123px;
	text-indent:-999em;
	list-style:none;
}
div#inquiry-banner p strong {
	position: absolute;
	left: 330px;
	top:65px;
}
*html div#inquiry-banner p strong {
	left: 330px;
	top:71px;
}


div.pagetop {
	text-align: right;
	margin: 15px 0 0 0;
}
div.pagetop p {

}

/*==============================*/
div#contents div#sidebar {}
/*==============================*/
div#footer {
	clear:left;
	background:url(../img/top_slice_base_90.jpg) repeat-x 0 0 #4F3502;
	color:#fff;
}
div#wrapper-footer {
	text-align:left;
    width:960px;
    margin:0 auto;
	padding:30px 0 30px 0;
    position:relative;
}

div#message {
	width:360px;
	float:left;
	font-size:123.1%;
}

div#sitemap-footer {
	width:480px;
	float:right;
}
div#sitemap-footer h2 {
	border-bottom:solid 5px #986b37;
	font-size:123.1%;
}
div#sitemap-footer ul {
	list-style:none;
	margin:7px 0 0 0 ;
	padding: 0 0 30px 0;
}
div#sitemap-footer ul li {}
div#sitemap-footer ul li ul {
	background: transparent url(/img/eda1.jpg) repeat-y scroll 0px 0px;
	margin: 0px 0px 0px 30px;
	padding: 5px 0px 0px;
}
div#sitemap-footer ul li li {
	background: transparent url(/img/eda2.jpg) no-repeat scroll 0px 50%;
	padding:5px 0 5px 20px;
}
div#sitemap-footer ul li li.lastChild {
	background: transparent url(/img/eda3.jpg) no-repeat scroll 0px 50%;
}

div#sitemap-footer ul.iLeft {
	width:180px;
}
div#sitemap-footer ul.iLeft li {}

div#sitemap-footer ul.iRight {
	width:260px;
}
div#sitemap-footer ul.iRight li {}

div#sitemap-footer ul li a:link {
    text-decoration:underline;
    color:#fff;
}
div#sitemap-footer ul li a:visited {
    text-decoration:underline;
    color:#fff;
}
div#sitemap-footer ul li a:hover,a:active {
    text-decoration:underline;
    color:#ff0000;
}


p#copyright {
	background:#105509;
	color:#fff;
	text-align:center;
	border-top:solid #fff 1px;
	padding:10px 0;
}


/*==================================================PAGE START >>*/
div#main div.page p.edit-link {
	background:url("../img/pop.gif") no-repeat scroll right 50% transparent;
	font-size:85%;
	padding:0 15px 0 0;
	text-align:right;
}

div#main div.page h2 {
	margin:10px 0 10px 0;
	width:630px;
	height:121px;
	text-indent:-999em;
}
div#main div.page h3 {
	border-bottom: solid 5px #336915;
	font-size:146.5%;
	background: url(../img/h3_icon_03.jpg) no-repeat left top;
	padding:0px 0 0 31px;
	margin: 0px 0 10px 0;
}
div#main div.page p {
	margin: 0px 0 13px 0;
	font-size: 108%;
}

div#main div.page ul {
	list-style: outside;
	padding: 10px 10px 10px 35px;
	margin: 10px 0 10px 0;
}
div#main div.page ul li {
	padding: 3px 0;
	background: url(/img/kei_g.jpg) repeat-x left bottom;
}

div.page img.alignright {
	float: right;
	padding: 10px 0 20px 10px;
	display: block;
	width: 230px;
	margin: 0 0 0 10px;
}

div#main div.page dl {}
div#main div.page dt {
	background: url(/img/icon_circle.jpg) no-repeat left 2px;
	padding: 0 0 0 15px;
	margin: 5px 0 5px 0;
	border-bottom: solid 1px #336915;
	font-weight: bold;
}
div#main div.page dd {
	background: url(/img/icon_arrow.jpg) no-repeat 15px 4px;
	padding: 0px 0 5px 30px;
}

/*=============================title*/
div#post-area h2 {
	background:url(../img/area_03.jpg);
}
div#post-price h2 {
	background:url(../img/price_03.jpg);
}
div#post-office h2 {
	background:url(../img/office_03.jpg);
}
div#post-inquiry h2 {
	background:url(../img/inquiry_03.jpg);
}
div#post-thank-you h2 {
	background:url(../img/inquiry_03.jpg);
}
div#post-privacy h2 {
	background:url(../img/privacy_03.jpg);
}

div#post-for-individual h2 {
	background:url(../img/service_title_03.jpg);
}
div#post-for-office h2 {
	background:url(../img/service_title_06.jpg);
}
div#post-for-relic h2 {
	background:url(../img/service_title_08.jpg);
}
div#post-for-motorcycle h2 {
	background:url(../img/service_title_10.jpg);
}
div#post-for-etc h2 {
	background:url(../img/service_title_12.jpg);
}

/*=============================area*/
div#post-area table {
	margin:5px 0 0 0;
}
div#post-area table th {
	border-left: solid 1px #336915;
	border-top: solid 1px #336915;
	border-bottom: solid 1px #336915;
	background: #F2F2F2;
	width: 100px;
	padding: 10px;
	text-align: center;
	font-size: 108%;
}
div#post-area table td {
	border-right: solid 1px #336915;
	border-top: solid 1px #336915;
	border-bottom: solid 1px #336915;
	padding: 10px;
	font-size: 108%;
}

/*=============================price*/
div#post-price div h4 {
	margin: 20px 0 0 160px;
	font-size: 108%;
}
div#post-price div table {
	width: 470px;
	margin:0px 0 0 160px;
	border-top: solid 1px #336915;
}
div#post-price div table tr {
	background:url(../img/kei_ten.jpg) repeat-x left bottom;
}
div#post-price div table th {
	width: 130px;
	padding: 5px 10px 5px 27px;
	font-size: 100%;
	background:url(../img/price_09.jpg) no-repeat 0px 0px;
	font-weight: normal;
}
div#post-price div table td {
	padding: 5px 10px 5px 74px;
	font-size: 100%;
}
div#post-price div table td.campaign {
	background: url(../img/price_cp.jpg) no-repeat 0 5px;
}


div#post-price div.box1 {
	background: url(../img/price_06.jpg) no-repeat 0 0;
}
div#post-price div.box2 {
	background: url(../img/price_13.jpg) no-repeat 0 0;
}
div#post-price div.box3 {
	background: url(../img/price_15.jpg) no-repeat 0 0;
	margin: 0 0 20px 0;
}

/*=============================office*/
div#post-office table {
	margin:5px 0 0 0;
	width: 630px;
}
div#post-office table th {
	border-left: solid 1px #336915;
	border-top: solid 1px #336915;
	border-bottom: solid 1px #336915;
	background: #F2F2F2;
	width: 120px;
	padding: 10px 15px;
	font-size: 108%;
}
div#post-office table td {
	border-right: solid 1px #336915;
	border-top: solid 1px #336915;
	border-bottom: solid 1px #336915;
	padding: 10px 15px;
	font-size: 108%;
}

/*=============================inquiry*/
div#post-inquiry table {
	margin:5px 0 0 0;
	width: 630px;
	border: solid #d9d9d9 1px;
	background: #e6f6ff url(../img/inquiry_11.jpg) no-repeat left bottom;
}
div#post-inquiry table tr {
	background:url(../img/kei_ten.jpg) repeat-x left bottom;
}
div#post-inquiry table th {
	width: 140px;
	padding: 10px 10px 10px 10px;
	font-size: 108%;
}
div#post-inquiry table th.honbun {
	vertical-align: top;
	padding: 12px 10px 10px 10px;
}
div#post-inquiry table td {
	padding: 10px 10px 10px 47px;
	font-size: 108%;
}
div#post-inquiry table td.need {
	background:url(../img/inquiry_07.jpg) no-repeat 0px 13px;
}
div#main div#post-inquiry p.form-button {
	background:#FFFFCC;
	margin:10px 0 10px 0px;
	padding:10px 0;
	text-align:center;
	border-bottom: solid #336915 5px;
}
div#main div#post-inquiry div#inquiry-banner {
	display: none;
}



/*end*/



/*
 v adjust20160930(comment aj)
==============================*/

/*sidebar*/
.widgetInfo{
	border:1px solid #6EAF0D;
	padding:10px;
	margin:15px 0;
	}
.sidecolumn p{
	background:url(../img/icon_clumn.png) 5px 10px;
	background-repeat:no-repeat;
	padding:10px 0 0 30px; 
	}
/*FAQ*/
div#post-faq h2 {
	background: rgba(0, 0, 0, 0) url("../img/pagename.png") no-repeat scroll 0 0;
    box-sizing: border-box;
    height: 121px;
    margin: 10px 0;
    padding: 45px 15px 0;
    width: 630px;
		text-indent:0 !important;
}
div#main div.page h3.qu{
	backgurond:none;
	padding:0;
	border:none;
	}	
h3.qu:before {
	counter-increment:question;
	content:"Q" counter(question);
	background:#D50003;
	border-radius:30px;
	margin-right:10px;
	padding:5px;
	color:#FFFFFF;
}
h2 {
	counter-reset:question;
	}
div.ans:before {
    background: #2979d9 none repeat scroll 0 0;
    border-radius: 30px;
    color: #ffffff;
    content: "A" counter(answer);
    counter-increment: answer;
    font-size: 130%;
    margin-right: 10px;
    padding: 5px 8px;
}
div.ans{
	background:#CEE0FF;
	padding:15px 15px 15px 10px;
	border-radius:10px;
	margin-bottom:15px;
	}
div.clearfix{
	counter-reset:answer;
	}
p.ans-cap{
	padding-left:40px;
	}

/*PLAN*/
div#post-plan h2 {
	background: rgba(0, 0, 0, 0) url("../img/pagename.png") no-repeat scroll 0 0;
    box-sizing: border-box;
    height: 121px;
    margin: 10px 0;
    padding: 45px 15px 0;
    width: 630px;
		text-indent:0 !important;
}
.exsamples{
	border:1px solid #DCDCDC;
	padding:15px;
	margin-bottom:20px;
	}
.exsamples .ex{
	text-decoration:underline;
	}
	
/*category-column*/
div#main div.column h2 {
	background: rgba(0, 0, 0, 0) url("../img/catname.jpg") no-repeat scroll 0 0;
    box-sizing: border-box;
    height: 121px;
    margin: 10px 0;
    padding: 45px 15px 0;
    width: 630px;
}
#main div.column p {
    margin: 0px 0 13px 0;
    font-size: 108%;
}
#main .column h3 {
    background: rgba(0, 0, 0, 0) url("../img/h3_icon_03.jpg") no-repeat scroll left top;
    border-bottom: 5px solid #336915;
    font-size: 146.5%;
    margin: 0 0 10px;
    padding: 0 0 0 31px;
}
#main .column h4 {
    font-size: 125%;
		font-weight:normal;
		margin:20px 0 0 0;
		padding-left:10px;
		border-left: 5px solid #336915; 
		}
.boxlist{
	border: 1px solid #336915;
	padding:0 15px;
	margin-bottom:15px;
	border-radius:10px;
	}
.backtolist{
	text-align:center;
	padding:5px 10px;
	background:#336915;
	border-radius:10px;
	color:#FFF;
	}
.backtolist a{
	color:#FFF;
		}
.backtolist a:hover{
	color:ccc;
	text-decoration:none;
		}
		
/*category*/
div#main div.columnbg{
	background: rgba(0, 0, 0, 0) url("../img/catname.jpg") no-repeat scroll 0 0;
    box-sizing: border-box;
    height: 121px;
    margin: 10px 0 0 0;
    padding: 40px 15px 0;
    width: 630px;
	}
div#main div.column .columnbg h2 {
    height: auto;
    padding:0;
		background:none;
}
div#main .column-list h2{
	margin:10px 0 0 0 !important;
	}
.column-list .entry{
	margin-bottom:20px;
	padding:10px;
	border:1px solid #BCBCBC;
	}
p.time{
	background:#008900;
	padding:2px 3px;
	border-radius:4px;
	width: -moz-fit-content;
	font-size:83% !important;
	color:#FFF;
	}
.plink{
	text-align:right;
	}