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



* {
	margin:0;
	padding:0;
}


html,body {
	height:100%;
}	

body {
	min-width:950px;
	text-align:center;
	font-family:"sans-serif";
	color:#454545;
	font-size:13px;
	margin:0;
	padding:0;
    	background:#e2e2e2;
	background-attachment:fixed;
	position:relative;
	-webkit-font-kerning: auto;
	-webkit-font-smoothing: antialiased;
}



img { border: none; }


header {
	width:100%;
	height:auto;
	margin:0 auto;
	background:#fff;
    overflow:hidden;
}


#head_1 {
	height:756px;
	margin:0;
	background:url(../img/main_bg.jpg) no-repeat center;
	clear:left;
}

.ad {
	width:900px;
	height:756px;
	margin:0 auto;
}



h1 {
	width:456px;
	height:130px;
	margin:0.4em 0.3em;
	background:url(../img/logo.gif) no-repeat;
	float:left;
}

h1 a{
	display:block;
	width:456px;
	height:120px;
	text-decoration:none;
	color:#333399;
}



h3 {
	 text-align:left;
	 padding:0.4em 0.8em;
	 margin:0.4em 0.4em;
	 box-shadow:0 3px 7px #666;
	 background:#3f4359;
	 clear:left;
}


h4 {
	 text-align:left;
	 padding:0.4em 0.8em;
	 margin:0.5em 0.4em;
	 border-bottom:0.3em solid #cccccc;
	 background:url(../img/grad_1.gif) repeat-x;
	 clear:left;
}

.sub-t {
	text-align:left;
	padding:0.2em 0.4em;
	margin:0.5em 0.4em;
	border-bottom:0.1em dotted #cccccc;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#3e4fa5;
	clear:left;
}	


span { font-weight:600; }


/* 基本レイアウト　*/

section {
	width:965px;
	heght:auto;
	margin:0 auto;
	background:#fff;
}



article {
	width:680px;
    	min-height:100%;
	float:left;
	padding:0.5em 0;
	background:#fff;
}


#container {
		width:965px;
		height: auto !important;   
    	height: 100%;
    	min-height: 100%;
		position:relative;
		margin:0 auto;
		background:#fff;
}


.copy {
	margin:0.8em 2.6em;
	text-align:left;
	line-height:1.5em;
	clear:left;
}

.copy2 {
	margin:0.8em auto;
}

 /* slider style  */
 
 
.slider-wrapper{
	position:relative;
	overflow:hidden;
	width:100%;
	margin:0 auto;
	background:#000;
	border:1px solid #666;
	box-shadow:0 3px 7px #666;
	clear:left;
}

.slider{
	position:relative;
	width:100%; 
	height:400px; /* when responsive, comment this out */
	margin:0 auto;
	background:#1b1b1b;
}

@media only screen and (min-width: 1000px){
	.slider{
		width:1000px;
	}
}


.text {
	padding:0.5em 0.6em;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight:bold;
	font-size:20px;
	line-height: 1.8em;
	text-align:left;
	clear:both;
}


/* ナビゲーション　*/


#topic {
	width:600px;
	height:auto;
	margin:0.5em 1.5em;
	padding:0;
	border-bottom:0.1em dotted #cccccc;
}

#topic dt {
	margin:0.6em 1.5em;
	text-align:left;	
	font-weight:600;
}

#topic dd {
	margin:0;
	padding:0.5em 1.5em;
	text-align:left;
}

#side_topic {
	list-style-type:none;
	margin:0;
	padding:0 0.3em;
	text-align:left;
}

#side_topic li {
	margin:0.8em 0;
	padding:0 1.0em;
	line-height:1.4em;
	border-bottom:0.1em dotted #ccc;
	background:url(../img/arrow_1.png) no-repeat;
}


/* ヘッダー部分　*/

.tel { 
	width:300px;
	height:auto;
	float:right;
	font-size:15px;
	font-weight:600;
        padding:0 2.6em;
}


nav {
	width:100%;
	height:46px;
	background:url(../img/bg_2.png) repeat-x;
	box-shadow:0 3px 10px #666;
}


.f-button {
	width:430px;
	height:81px;
}

.fade { -webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
			padding:51em 50em;

}

.fade:hover{
	filter: alpha(opacity=50);
	-ms-filter: alpha(opacity=50);
	opacity: 0.5;
	/*
    opacity: 0.6;
	filter: alpha(opacity=60);
	*/
}



ul#menu {
		width:980px;
		list-style:none;
		margin:0 auto;
		padding:0;
}


#menu li {
		float:left;
}

ul#menu li a {
		background:url(../img/sprite_3.png) no-repeat scroll top left;
		display:block;
		height:46px;
		position:relative;

}


ul#menu li a.home {
width:140px;

}


ul#menu li a.greetings {
width:140px;
background-position:-140px 0px;

}

ul#menu li a.cost {
width:140px;
background-position:-280px 0px;

}

ul#menu li a.consultation {
width:140px;
background-position:-420px 0px;

}

ul#menu li a.flow {
width:140px;
background-position:-560px 0px;

}

ul#menu li a.question {
width:140px;
background-position:-700px 0px;

}

ul#menu li a.contact {
width:140px;
background-position:-840px 0px;

}


ul#menu li a span {
background:url(../img/sprite_3.png) no-repeat scroll bottom left;
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}


ul#menu li a.home span {
background-position:0px -46px;
}

ul#menu li a.greetings span {
background-position:-140px -46px;
}

ul#menu li a.cost span {
background-position:-280px -46px;
}

ul#menu li a.consultation span {
background-position:-420px -46px;
}

ul#menu li a.flow span {
background-position:-560px -46px;
}

ul#menu li a.question span {
background-position:-700px -46px;
}

ul#menu li a.contact span {
background-position:-840px -46px;
}


ul#menu li a span:hover {
cursor:pointer;

}


/* ナビゲーション２　*/

aside {
	width:285px;
	height:auto;
	float:right;
	background:#fff;
	
}

.man {
		width:90px;
		height:110px;
		float:left;
		margin:0.5em 0.5em;
}

.comment {
		text-align:left;
		padding:0.5em 0.5em;
		line-height:1.4em;
}



#type {
	width:270px;
	height:auto;
	margin:0;
	border-bottom:0.1em solid #cccccc;
	clear:left;
}


#type dt{
	width:120px;
	height:auto;
	margin:0.5em 0.3em;
	float:left;
}


#type dd {
	margin:0.5em 0.3em;
	text-align:left;
	line-height:1.5em;
}


#box {
	width:300px;
	height:auto;
	margin:0 0.8em;
	float:left;
}

#wiretap {
	width:160px;
	height:auto;
	margin:0.8em 0.3em;
	float:left;
}

#wiretap dt{ 
	margin:0.5em 0;
	border:;
		-webkit-border-radius:;
		border-radius:;
		-webkit-box-shadow:;
		box-shadow:rgba(70, 97, 124, 0.38) 0px 0px 6px 3px;
}

#wiretap dd{
	text-align:left;
	line-height:1.5em;
	padding:0 0.4em;
}

#case_all {
	width:680px;
	height:auto;
	list-style-type:none;
	margin:0;	
}


#case_all li{
	margin:0.3em 0;
	padding:0.3em 0.2em;
	float:left;
}


.photo {
	float:left;
	padding:0.3em 0.7em;
}


.comment2 {
	text-align:left;
	margin:0.3em 0;
	line-height:1.4em;
}


.price {
	width:680px;
	height:233px;
	margin:0.8em 0.5em;
	background:url(../img/price_box.jpg) no-repeat;
}

.button3 {
	width:300px;
	height:57px;
        padding:12.5em 0.5em 0 26.0em;
}


#cost {
	width:600px;
	margin:1.2em auto;
	border:0.1em solid #cccccc;
	border-width:medium;
}

#cost th {
	padding:0.5em 0.4em;
	border-bottom:0.1em solid #cccccc;
	border-left:0.1em solid #cccccc;
	background:#d4d3ee;
}

#cost td {
	font-size:15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:0.5em 0.4em;
	border-bottom:0.1em solid #cccccc;
	border-left:0.1em solid #cccccc;
}
	
	
#situation {
	list-style-type:none;
	margin:0.5em 0;
	padding:0;
}

#situation li {
	margin:0.6em 0;
}


.box2 {
	width:600px;
	height:auto;
	margin:1.5em 0;
}

/* エリアフッター部分　*/


.box3 {
	width:980px;
	height:auto;
	margin:0 auto;
	padding:0.5em 0;
}

#area {
	list-style-type:none;
	margin:0;
	padding:0.3em 0.4em;
}

#area li {
	display:inline;
	margin:0 0.3em;
}


#voice {
	width:650px;
	margin:1.2em 0.4em;
	text-align:left;
	border-bottom:0.1em dotted #ccc;
}

#voice dt {
	font-size:14px;
	font-weight:600;
	padding:0.3em 0.2em;
}

#voice dd {
	padding:0.3em 0;
	line-height:1.5em;
}

#counsel {
	width:315px;
	height:auto;
	margin:0.5em 0.4em;
	padding:0.3em 0.4em;
	background:#eeeeee;
	line-height:1.4em;
	text-align:left;
	float:left;
}

.user {
	width:116px;
	height:144px;
	padding:0.2em 0.3em;
	float:left;
}

.comment3 {
	width:202px;
	height:auto;
	float:right;
}

.under_comment {
	width:305px;
	height:60px;
	line-height:1.3em;
	padding:0.7em 0.3em;
	border:0.1em solid #cccccc;
	background:#fff;
	clear:both;
}


#reason_b {
	width:680px;
	height:233px;
	margin:0 auto;
	background:url(../img/reason_1.jpg) no-repeat;
	clear:left;
}

#reason_b p{
	width:420px;
	height:auto;
	line-height:1.5em;
	padding:9.5em 2.5em;
	text-align:left;
}

#reason_b2 {
	width:680px;
	height:233px;
	margin:0 auto;
	background:url(../img/reason_2.jpg) no-repeat;
	clear:left;
}

#reason_b2 p{
	width:420px;
	height:auto;
	line-height:1.5em;
	padding:9.5em 2.5em;
	text-align:left;
}

#reason_b3 {
	width:680px;
	height:233px;
	margin:0 auto;
	background:url(../img/reason_3.jpg) no-repeat;
	clear:left;
}

#reason_b3 p{
	width:420px;
	height:auto;
	line-height:1.5em;
	padding:9.5em 2.5em;
	text-align:left;
}

#quest {
	width:600px;
	height:auto;
	margin:0.5em 0;
	border-bottom:0.1em solid #cccccc;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight:bold;
	font-size:14px;
}

#quest dt{
	padding:0.4em 0;
}

#quest dd{
	color:#333399;
	line-height:1.6em;
}


#inq {
	width:600px;
	height:500px;
	margin:1.5em auto;
	border:0.1em solid #cccccc;
}

#inq th { background:#717271; color:#fff;}

#inq th,td {
	text-align:left;
	padding:1.2em 0.5em;
	border-bottom:0.1em solid #cccccc;
	border-left:0.1em solid #cccccc;
}


#inq_2 {
	width:600px;
	height:500px;
	margin:1.5em auto;
	border:0.1em solid #cccccc;
}

#inq_2 th { background:#414a76; color:#fff;}

#inq_2 th,td {
	text-align:left;
	padding:1.2em 0.5em;
	border-bottom:0.1em solid #cccccc;
	border-left:0.1em solid #cccccc;
}

/* チェックシート　*/

.button2 {
	margin:0 9.2em;
}

.button2 p {
	float:left;
	padding:0.5em 0.4em;
}

.cbxbd{
	background:url(../img/demo_check.png) no-repeat left;
	height: 30px;
	line-height: 28px;
	display: block;
	margin:1.5em 4.8em;
	cursor: pointer;
	overflow: hidden;
	clear:left;
}

.txt {
	font-weight:600;
        font-size:15px;
        text-align:left;
        padding:0 1.5em;
}

input[type='checkbox']{
    filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
    position: absolute;
}

.cbxbd{
    background:url(../img/demo_check.png) no-repeat left top;
    height: 30px;
    line-height: 28px;
    display: block;
    padding: 0 0 0 15px;
    cursor: pointer;
    overflow: hidden;
}
.c_on{background-position:left bottom;}



/* フッター　*/

.space {
		width:600px;
		height:224px;
		background:url(../img/spacer_03.gif) repeat-y;
}

#foot_navi {
	width:100%;
	height:auto;
	margin:0 auto;
	bottom:0;
	position:relative;
	clear:both;
	background:#e9fadf;
	box-shadow:4px 0 6px #666;
}

.f-banner {
	width:900px;
	height:150px;
	margin:0 auto;
	padding:0.6em 0;
}

footer  {
	width:100%;
	height:80px;
	margin:0 auto;
	bottom:0;
	position:relative;
	clear:both;
	background:url(../img/bg.png) repeat-x;
}

#nav_2 {
	list-style-type:none;
	margin:0;
	padding:0.7em 0.4em;
	text-align:right;
	color:#ffffff;
}

#nav_2 li {
	display:inline;
	margin:0 0.2em;
}

#nav_2 li a {
	text-decoration:none;
	color:#fff;
}

#pan {
	list-style-type:none;
	margin:0;
	padding:0.5em 0;
	text-align:right;
	clear:left;
}

#pan li {
	display:inline;
	margin:0;
	padding:0;
}

strong { color:#ff3333; }

copyright {
	text-align:center;
	font-weight:600;
	color:#fff;
	margin:1.2em 0;
}