﻿@charset "utf-8";
/* CSS Document */

/*---------------------------------
		CommonCSS [初期化,定義]
---------------------------------*/

/* 初期化 */
body { margin:0; padding:0; font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
*:first-child + html body {	/* for IF7 */ font-family: "メイリオ","Meiryo";}

a:hover img{
   filter:alpha(opacity=70); /*←IE用*/
   -moz-opacity:0.80; /*←Mozilla用*/
}



h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; font-size:100%;}

ul,dl { margin:0; padding:0; list-style:none;}
ul:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
ul { display:inline-block;}*/
/* for macIE \*/
* html ul { height:1%; }
ul { display:block; }

dt,dd { margin:0; padding:0;}

img { border:none;}

table { font-size:100%;}
th { text-align:left; font-weight:bold;}

input,select { vertical-align:middle;}

/* 定義 */

.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* multi class */
strong { font-weight:bold;}
strong.red { color:#F00;}

.taL { text-align:left; }
.taC {
	text-align:center;
}
.taC p.tyu { font-size:120%; color:#F03; }

.taR { text-align:right; }
.fL { float:left; }
.fR { float:right; }

.w05per { width:5%;}
.w10per { width:10%;}
.w20per { width:20%;}
.w30per { width:30%;}
.w40per { width:40%;}
.w50per { width:50%;}
.w60per { width:60%;}
.w70per { width:70%;}
.w80per { width:80%;}
.w90per { width:90%;}
.w95per { width:95%;}

.mt10 { margin-top:10px;}
.mt30 { margin-top:30px;}
.ml50 { margin-left:50px;}
.mb50 { margin-bottom:50px;}

.clear { clear:both; }
.clear hr { visibility:hidden; display:none;}

.BdNone { border:0 !important;}
.Nontext { text-indent:-9999px;}

.print { display:none;}

div.line01 {}
div.line01 hr { visibility:hidden; display:none;}

div.line02 {}
div.line02 hr { visibility:hidden; display:none;}

.red { color:#EC0A0B;}
/*---------------------------------
		BaseCSS ベースデザインCSS
---------------------------------*/

body { text-align:center;}

#base { width:850px; margin:0 auto; background-image:url(http://561000.info/lp/common/img/bg.png); background-position:center; background-repeat:repeat-y; text-align:left;}

/* header */
#header { margin:0; position:relative; background-image:url(http://561000.info/lp/common/img/header_bg.png); background-position:left top; background-repeat:no-repeat;}

#header div.description { font-size:75%; padding:10px; background-image:url(http://561000.info/lp/common/img/header_descirption_bg.jpg); background-position:right 50%; background-repeat:no-repeat;}

#header div.telBox { background-color:#21349A;}

#header h1 { background-image:url(http://561000.info/lp/common/img/h1_bg.png); background-position:left top; background-repeat:no-repeat;}

#header div.MainVisual { font-size:0;}
#header #Gnavi {}
#header #Gnavi li { float:left; display:inline; width:px; height:107px;}
#header #Gnavi li a { display:block; width:100%; height:107px; text-indent:-9999px;}

#header #Gnavi li.button01 a { background-image:url(menu/01.jpg)}
#header #Gnavi li.button02 a { background-image:url(menu/02.jpg)}
#header #Gnavi li.button03 a { background-image:url(menu/03.jpg)}
#header #Gnavi li.button04 a { background-image:url(menu/04.jpg)}
#header #Gnavi li.button05 a { background-image:url(menu/05.jpg)}
#header #Gnavi li.button06 a { background-image:url(menu/06.jpg)}
#header #Gnavi li.button07 a { background-image:url(menu/07.jpg)}

#header #Gnavi li.button01 { width:137px;}
#header #Gnavi li.button02 { width:118px;}
#header #Gnavi li.button03 { width:106px;}
#header #Gnavi li.button04 { width:119px;}
#header #Gnavi li.button05 { width:109px;}
#header #Gnavi li.button06 { width:118px;}
#header #Gnavi li.button07 { width:143px;}


/* container */
#container {}

#container div.article { margin:20px 0;}
#container div.article h3 {}
#container div.article div.text { font-size:80%;}
#container div.article div.text p { margin:5px 10px;}
#container div.article div.text div.responseBox { clear:both; text-align:center;}
#container div.article div.text div.responseBox img { margin:1px;}

#container div#flow {}
#container div#flow div.text {}
#container div#flow div.text div.box01 { margin:20px 0 20px 40px; width:770px; background-image:url(http://561000.info/lp/img/flow_box01_bg.png); background-position:left bottom; background-repeat:no-repeat;}
#container div#flow div.text div.box01 div.inbox { width:370px; display:inline;}
#container div#flow div.text div.box01 div.inbox h3 {}
#container div#flow div.text div.box01 div.inbox div.txtarea { padding:10px 20px 5px 15px;}
#container div#flow div.text div.box01 div.inbox {}
#container div#flow div.text div.box02 { margin:20px 0 20px 40px; padding:0 0 6px 0; width:770px; background-image:url(http://561000.info/lp/img/flow_box02_bg.png); background-position:left bottom; background-repeat:no-repeat;}
#container div#flow div.text {}
#container div#flow div.text {}
#container div#flow {}
#container div#flow {}
#container div#flow {}

#container div#voice {}
#container div#voice div.text {}
#container div#voice div.text {}
#container div#voice div.text div.box01 { border-bottom:#CCC dotted 2px; padding:10px 0;}
#container div#voice div.text div.box01 img.customer_img { float:left; margin:0 0 0 35px;}
#container div#voice div.text div.box01 h3 { padding:15px 0 0 0; color:#21349A; font-size:110%;}
#container div#voice div.text div.box01 h3 img.carname_icon { vertical-align:middle; margin:0 10px 0 0;}
#container div#voice div.text div.box01 p {}
#container div#voice div.text div.box01 {}
#container div#voice div.text div.box02 { clear:both; border-bottom:#CCC dotted 2px; padding:10px 0;}
#container div#voice div.text div.box02 div.inbox { float:left; text-align:center; width:280px; border-right:#CCC dotted 2px;}
#container div#voice div.text div.box02 div.inbox img.customer_img {}
#container div#voice div.text div.box02 div.inbox h3 { margin:0 0 15px 10px; padding:15px 0 0 0; color:#21349A; font-size:110%; text-align:left;}
#container div#voice div.text div.box02 div.inbox h3 img.carname_icon { vertical-align:middle; margin:0 5px 0 0;}
#container div#voice div.text div.box02 div.inbox p { margin:10px; text-align:left;}
#container div#voice div.text div.box02 {}
#container div#voice div.text {}
#container div#voice div.text {}
#container div#secret div.text p { margin:15px 0;}
#container div#reason div.text dl {}
#container div#reason div.text dl dt { clear:both; float:left; width:100px; padding:10px 0}
#container div#reason div.text dl dt img { vertical-align:middle;}
#container div#reason div.text dl dd { padding:10px 0 10px 120px;}
div.FootBack { text-align:right;} 


/* footer */
#footer { clear:both;}

#footer ul { text-align:center;}
#footer ul li { display:inline; font-size:80%; border-right:#000 solid 1px;}
#footer ul li a { padding:0 10px; color:#000;}
#footer ul li {}

#footer div.copyright { padding:3px; font-size:80%; background-color:#21349A; color:#FFF; text-align:center;}

/*---------------------------------
		TypeCSS
---------------------------------*/

/* List Type [ul] */
ul.type01 { margin:15px 10px;}
ul.type01 li { margin:0 0 10px;}
ul.type01 li a {}

ul.type02 {}
ul.type02 li {}
ul.type02 li a {}

ul.type03 {}
ul.type03 li {}
ul.type03 li a {}

/* List Type [dl] */
dl.type01 {}
dl.type01 dt {}
dl.type01 dd {}

dl.type02 {}
dl.type02 dt {}
dl.type02 dd {}


/* Table Type */

table.type01 { border-top:#CCC solid 1px; border-left:#CCC solid 1px; border-collapse:separate; border-spacing:0;}
table.type01 tr th { padding:3px; border-bottom:#CCC solid 1px; border-right:#CCC solid 1px; background-color:#EFEFEF; text-align:center;}
table.type01 tr td { padding:3px; border-bottom:#CCC solid 1px; border-right:#CCC solid 1px; text-align:left;}
table.type01 {}

table.type02 { border-top:#CCC solid 1px; border-left:#CCC solid 1px; border-collapse:separate; border-spacing:0;}
table.type02 tr th { padding:5px; border-bottom:#CCC solid 1px; border-right:#CCC solid 1px; background-color:#EFEFEF; text-align:left;}
table.type02 tr td { padding:5px; border-bottom:#CCC solid 1px; border-right:#CCC solid 1px; text-align:left;}
table.type02 {}

table.type02 {}
table.type02 tr th {}
table.type02 tr td {}s
table.type02 {}

table.formtype01 {}
table.formtype01 tr th {}
table.formtype01 tr td {}
table.formtype01 tr td input,select { margin:3px;}
table.formtype01 {}
