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


*{
	margin:0;
	padding:0;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

	}
	
body {
	min-width: 1100px;
}
	
#wrap{
	width:100%;
	background-image:url(../img/bg_image.png);
	
	}
	
#under_wrap{
	width:100%;
	background-image:url(../img/under_top.png);
	
	}

#under_h_wrap{
	width:1100px;
	height:203px;
	margin-left:auto;
	margin-right:auto;
	/*background:#F99;*/
	}

	
#headerwrap{
	width:1100px;
	height:484px;
	margin-left:auto;
	margin-right:auto;
	/*background:#F99;*/
	}
	
h1#heding01{
	width:800px;
	color:#204a60;
	font-size:12px;
	padding-left:18px;
	padding-top:10px;
	
	}
	
#logo{
	width:299px;
	height:45px;
	padding-top:28px;
	padding-left:18px;
	}

h2#heding02{
	color:#204a60;
	font-size:18px;
	padding-left:18px;
	padding-top:16px;
	}
	
h3#heding03{
	color:#204a60;
	font-size:18px;
	padding-left:75px;
	padding-top:67px;
	}
	
#srm_image{
	float:right;
	position: relative;
    top: 12px;
	margin-right:16px;
	}
	
#tel{
	float:right;
	margin-right:16px;
	margin-top:15px;
	}
	
#gloval_nav{
	background:url(../img/nav_bg_bar.png);
	width:100%;
	height:83px;
	
	}
	
	
	
	
	
ul#main_nav{
	margin:0 auto;
	width:1100px;
	height:76px;
	background:url(../img/g_nav_on.png); repeat 0 0;
	}
	
ul#main_nav li{
	float:left;
	list-style:none;
	width:275px;

	}
	
ul#main_nav a{
    text-indent:-9999px;
    text-decoration:none;
	display:block;
	width:275px;
	height:76px;
	background:url(../img/g_nav.png) no-repeat 0 0;
	
	}

ul#main_nav a#home { background-position:0 0;}
ul#main_nav a#business { background-position: -275px 0;}
ul#main_nav a#company{ background-position: -550px 0;}
ul#main_nav a#contact{ background-position: -825px 0;}

ul#main_nav a#home:hover { background-position:0 -76px;}
ul#main_nav a#business:hover { background-position:-175px -76px;}
ul#main_nav a#company:hover { background-position:-350px -76px;}
ul#main_nav a#contact:hover { background-position:-525px -76px;}



#container{
	width:1100px;
	height:1100px;
	margin-left: auto;
	margin-right: auto;
	}
	
#container02{
	width:1100px;
	height:1800px;
	margin-left: auto;
	margin-right: auto;
	}
	
.service{
	text-align:center;
	margin-top:15px;
	}
	
p.s01{
    margin: 0 auto;
	float:left;
	margin-left:64px;
	margin-top:17px;
	}
	
p.s02{
    margin: 0 auto;
	float:left;
	margin-left:19px;
	margin-top:17px;
	}
	
p.s03{
    margin: 0 auto;
	float:left;
	margin-left:19px;
	margin-top:17px;
	}
	
.usb_fuzoku{
	clear:both;
	text-align:center;
	padding-top:20px;
	}
	
	
#greeting{
	width:968px;
	height:313px;
	border: solid 3px #d7d7d7;
	margin:0 auto;
	margin-top:20px;
	}
	
p.gt_heding_text{
	width:580px;
	font-size:29px;
	color:#204a60;
	padding: 45px 0 0 20px;
	
	}
	
p.gt_text{
	float:left;
	width:521px;
	font-size:16px;
	padding: 28px 0 0 20px;
	line-height:165%;
	}
	
p.shimizu{
	
	float:right;
	background:url(../img/h_shimizu.png) no-repeat 0 0;
	width:348px;
	height:292px;
	margin-top:22px;
	}
	
#footer{
	background:url(../img/fotter.png) repeat-x;
	width:100%;
	height:483px;
	clear:both;
	}
	
.f_copyright{
	clear:both;
	text-align:center;
	
	}
	
span.copyright{
	text-align:center;
    color:#204a60;
	font-size:16px;
	top: 324px;
    position: relative;
	}
	
#contact_area{
	text-align:center;
	margin-top:20px;
	}

#contact_area img{
	width: 100%;
	}

p.mail_contact{
	margin-top:20px;
	}
	
p.tel_contact{
	margin-top:20px;
	}
	
	
/*下層ページ*/

.main_left{
	float:left;
	width:264px;
	height:450px;
	}
	
.pankuzu{
	font-size:14px;
	}
	
.pankuzu a{
	color:#3b3b3b;
	text-decoration:none;
	}
	
.pankuzu a:hover{
	color:#13bfd2;
	}

p.side_bnr{
	margin-left:10px;
	display:block;
	margin-top:5px;
	}

.main_right{
	float:left;
	width:800px;
	height:1300px;
	}
	
.main_right_product{
	float:left;
	width:800px;
	height:2000px;
	}
	
.main_left02{
	float:left;
	width:264px;
	height:1850px;
	}
	
.main_right02{
	float:left;
	width:800px;
	height:1700px;
	}
	
.main_title{
	margin-top:8px;
	
	}
	
p.main_text{
	font-size:18px;
	line-height:165%;
	margin-top:24px;
	
	}
	
table.3img_area{
	float:left;
	width:300px;
	}
	
table.pr_cont{
	width:800px;
	
	}
	
table.pr_cont{
	width:826px;
	border: solid 2px #ccc;
	margin-top:20px;
	}
	
table.pr_cont tr{
	width:826px;
	
	}
	
table.pr_cont th{
	border: solid 1px #ccc;
	line-height:165%;
	width:180px;
	text-align:left;
	padding:5px 0 0 10px;
	}

/*会社概要*/

/*company.html*/
	
table.company_pr{
   width: 800px;
   text-align:left;
   border-spacing: 1px;
   border-collapse:separate;
   line-height:170%;
   border-top: 1px solid #d3f0f3;
   margin-top:25px;
   border: 1px solid #d3f0f3;
   border-bottom:none;
   
   }
   
  table.company_pr th{
   width:250px;
   font-weight:500;
   vertical-align:middle;
   border-bottom: 0.1px solid #d3f0f3;
   padding:10px;
   background: #d3f0f3;
   font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
   }
   
  table.company_pr td{
   width:550px;
   padding: 10px;
   font-weight:500;
   vertical-align:middle;
   border-bottom: 1px solid #d3f0f3;
   font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
   }


table.pr_cont td{
	line-height:165%;
	text-align:left;
	padding:5px 0 0 10px;
	}
	
.main_Image{
	float:right;
	margin-right:10px;
	}
	
#product_content{
	clear:both;
	width:826px;
	height:400px;
	
	margin-top:27px;
	}
	
.agent_image{
	margin-top:20px;
	}
	
	
#contact_greeting{
	border: solid 3px #333;
	width:800px;
	height:250px;
	margin-top:25px;
	
	}
	
p.contact_text{
	border: solid 3px #333;
	width:auto;
	/* height:173px; */
	padding: 20px 0;
	font-size:20px;
	margin-top:25px;
	text-align:center;
	/* padding-top: 44px; */
	}
	
.form{
	height: 32px;
    width: 192px;
	border: solid 2px #ccc;
	}
	
.form02{
	height: 32px;
    width: 390px;
	border: solid 2px #ccc;
	}
	
.form03{
	height: 32px;
    width: 350px;
	border: solid 2px #ccc;
	}
	
.form04{
	height: 200px;
    width: 390px;
	border: solid 2px #ccc;
	}
	
p.address{
	padding-top:37px;
	
	}

/*.html*/
	
table.faq_pr{
   width: 800px;
   text-align:left;
   border-spacing: 1px;
   border-collapse:separate;
   line-height:170%;
   margin-top:25px;
   border-bottom:none;
   
   }
   
p.qes{
	width:60px;
	height:60px;
	border-radius:50%;
	color:#FFF;
	font-size:30px;
	font-weight:300;
	padding:10px 10px 10px 10px;
	}
   
  table.faq_pr th{
   width:30px;
   font-weight:500;
   vertical-align:middle;
   padding:10px;
   font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
   }
   
  table.faq_pr td{
   width:576px;
   padding: 10px;
   font-weight:500;
   vertical-align:middle;
   font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
   }


table.pr_cont td{
	line-height:165%;
	text-align:left;
	padding:5px 0 0 10px;
	}
	
	
	
p.description{
	text-align:center;
	font-size:25px;
	font-weight:bold;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	}
	
p.sub_description{
	text-align:center;
	font-size:18px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	}
	
.card_derivary{
	margin: 30px auto;
	text-align: center;
}
.card_derivary p{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
	
.card_derivary p.message{
	font-size: 14px;
}
	
.card_derivary .links{
	display: flex;
	justify-content: center;
	font-weight: bold;
}
	
.card_derivary .links a:first-child{
	display: block;
	text-decoration: none;
	padding: 15px;
	background: rgb(102, 183, 215);
	color: white;
	border-radius: 3px;
	margin:0 15px;
	width: 300px;
}
.card_derivary .links a{
	display: block;
	text-decoration: none;
	padding: 15px;
	background: rgb(10, 36, 107);
	color: white;
	border-radius: 3px;
	margin:0 15px;
	width: 300px;
}