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

html,body{ width:100%;height:100%; margin:0;padding:0;background-color:#fafafa; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; }
#top_bar{ width:100%; height:10px; background-color:#8ce931; }
#wrapper{ width:950px; height:auto; margin-left:auto; margin-right:auto; background-color:#FFFFFF; border-left: 1px solid #d3d3d3;  border-right: 1px solid #d3d3d3;}
#header{ width:950px; height:110px;}
#logo{ width:319px; height:54px; padding:15px 0 0 15px; }
#tel{ width:286px; height:54px; padding-top: 15px;}
#header-card{ width: 300px; height: 54px;	padding: 15px 12px 0 0;}

/*nav*/
#globalnavi{ width:910px; height:45px; background-image: url(images/bg_nav.png); border-radius: 5px;box-shadow: 0 1px 1px #a6a6a6;}
#globalnavi ul{ padding: 0; margin: 0;}
#globalnavi ul li{ display: block; float: left; width: 130px; height: 45px;}
#globalnavi a{display: block; width: 130px; height: 45px;}
#gn-top a{ background-image: url(images/nav_top.png);}
#gn-top a:hover{ background-image: url(images/nav_top_hover.png);}
#gn-question a{ background-image: url(images/nav_question.png);}
#gn-question a:hover{ background-image: url(images/nav_question_hover.png);}
#gn-system a{ background-image: url(images/nav_system.png);}
#gn-system a:hover{ background-image: url(images/nav_system_hover.png);}
#gn-voice a{ background-image: url(images/nav_voice.png);}
#gn-voice a:hover{ background-image: url(images/nav_voice_hover.png);}
#gn-area a{ background-image: url(images/nav_area.png);}
#gn-area a:hover{ background-image: url(images/nav_area_hover.png);}
#gn-company a{ background-image: url(images/nav_company.png);}
#gn-company a:hover{ background-image: url(images/nav_company_hover.png);}
#gn-contact a{ background-image: url(images/nav_contact.png);}
#gn-contact a:hover{ background-image: url(images/nav_contact_hover.png);}
/*nav end*/

#slider img{
	width: 910px;
	height: 250px;
	-moz-box-shadow: 0 2px 2px #a4a4a4;
	-webkit-box-shadow: 0 2px 2px #a4a4a4;
	box-shadow: 0 2px 2px #a4a4a4;
}
#pagecontent{
	width:913px;
	height:100%;
	margin-top:15px;
}
#content{
	width:630px;
	height:auto;
	margin-bottom:15px;
}
#sidebar{
	width:260px;
	height:auto;
}
.sidebar-bnr{margin: 24px 0;}
.sidebar-bnr img:hover{
	opacity: 0.7;
}
#side_menu{
	width:260px;
	height:auto;
	margin-top:20px;
}
#twitter{
	margin-top:10px;
}
#footer{
	width:100%;
	height:120px;
	background-color:#fafafa;
}
#footer_line{
	width:100%;
	height:4px;
	background-image:url(images/footer_line.jpg);
	background-repeat:repeat;
}
#footer_wrapper{
	width:913px;
	height:135px;
}
#footer_left{
	width:320px;
	height:auto;
	margin-top: 15px;
}
#gf-tel{ width: 261px; width: 51px;margin-left: 5px;
}
#footer_link{
	color:#594013;
	margin-top: 10px;
}
#footer_link td{
	padding:4px;
}
#footer_sitemenu{
	font-size:14px;
	font-weight:bold;
	border-bottom:solid 2px #594013;
}
#footer_bottom{
	width:100%;
	height:30px;
	background-color:#8ce931;
	margin-bottom:-50px;
	position:absolute;
}
#bottom_wrapper{
	width:913px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	background-position:bottom;
}
#bottm_right{
	margin-top:10px;
	font-size:10px;
	font-weight:bold;
}
#index_content{
	width:630px;
	height:200px;
	background-image:url(images/index_bg.jpg);
	background-repeat:no-repeat;
	margin-bottom: 30px;
}
#index_content2{
	width:630px;
	height:150px;
}
#index_button{
	margin-top:10px;
}
.index_bar{
	width:630px;
	height:50px;
	margin-top:30px;
	margin-bottom:5px;
}#index_content3{
	width:630px;
	height:180px;
	background-image:url(images/index_bg3.jpg);
	background-repeat:no-repeat;
}
#index_content4{
	width:630px;
	height:160px;
	background-image:url(images/index_bg4.jpg);
	background-repeat:no-repeat;
}
#index_content5{
	width:630px;
	height:200px;
	background-image:url(images/bg_ihin.png);
	background-repeat:no-repeat;
}
#masukomi img{
    margin-top: 20px;
}
.text-or{color: #FF9E00;}
.box-tishu{display: block; margin:24px 0;}
.box-tishu:hover{opacity: 0.7;}
 ------------------------------
system
------------------------------ 
.systemtitle{ width: 630px; height: 500px;	margin-bottom: 200px; background-color: #000;}
.block-system{ width: 630px; height: auto; margin-top: 20px; font-size: 15px;}


/* ------------------------------
cotact
------------------------------ */
#contact_bg{
	width:630px;
	height:100px;
	background-image:url(images/contact_bg.jpg);
	margin-bottom:50px;
}
#contact{
	margin-top:15px;
}
/* ------------------------------
commit
------------------------------ */
#commit{
	width:628px;
	height:300px;
	border:solid #CCC 1px;
}
#commit_text{
	margin:120px 0 0 220px;
	font-weight:bold;
}
/* ------------------------------
question
------------------------------ */
.question{ margin-bottom: 20px; border-bottom: 1px solid #b2b2b2; padding-bottom: 10px;}
.question li{margin: 0 0 15px -41px ;  list-style: none;}
.q{ text-indent: 40px; line-height: 25px; background-image: url(images/icon_question.png); background-repeat: no-repeat; }
.a{  text-indent: 40px; line-height: 25px; background-image: url(images/icon_answer.png); background-repeat: no-repeat; }

/* ------------------------------
voice
------------------------------ */
.voice-man{ display: block; width: 630px; height: 120px; background-image: url(images/voice_man.png); background-repeat: no-repeat; padding: 30px 0 0 110px;}
.voice-man li{ font-size: 12px; width: 470px;list-style: none; }
.voice-man .last{ text-align: right;}
.voice-woman{ display: block; width: 630px; height: 120px; background-image: url(images/voice_woman.png); background-repeat: no-repeat; padding: 30px 0 0 110px;}
.voice-woman li{ font-size: 12px; width: 470px;list-style: none; }
.voice-woman .last{ text-align: right;}
/* ------------------------------
area
------------------------------ */
#area_phone_bg{
	width:630px;
	height:200px;
	background-image:url(images/area_phone_bg.jpg);
	margin-top:10px;
	background-repeat:no-repeat;
}
.area_text{
	margin:10px 0 0 20px;
	position:absolute;
}
.arrow{
	width:65px;
	height:65px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-40px;
	background-image:url(images/arrow.jpg);
}
.area_tittle{
	font-size:24px;
	font-weight:bold;
	padding:20px 0 0 20px;
}
#area_woman_bg{
	width:630px;
	height:200px;
	background-image:url(images/area_woman_bg.jpg);
	margin-top:10px;
	background-repeat:no-repeat;
}
#area_car_bg{
	width:630px;
	height:200px;
	background-image:url(images/area_car_bg.jpg);
	margin-top:10px;
	background-repeat:no-repeat;
}
#area_eco_bg{
	width:630px;
	height:200px;
	background-image:url(images/area_eco_bg.jpg);
	margin-top:10px;
	background-repeat:no-repeat;
}
#area_bg{
	width:630px;
	height:auto;
	min-height: 250px;
	background-image:url(images/area_bg.jpg);
	background-repeat:no-repeat;
}
#area_bg p{ font-size: 12px;
}
#areaText{
 font-size: 12px;
	margin: 0 0 100px 0;
}
#area_contact{
	width:200px;
	height:30px;
	margin-top:10px;
}
.area{
	width: 650px;
	font-size: 12px;
	height: 100%;
}
.prefName{
	font-size: 16px;
	font-weight: bold;
	margin: 30px 0 5px 0;
}
.regionName{
	font-size: 14px;
	background-color: #aaa;
}
/* ------------------------------
company
------------------------------ */
#company{
	background-color: #dbdbdb;
	width: 630px;
	border-spacing: 1px 1px;
	text-align: center;
}
#company td{
	background-color: #FFFFFF;
	padding: 10px;
	height: 50px;
}
#companyTitle{
	background-color: #FFFFFF;
	font-size: 14px;
	height: 50px;
}
.companySubTitle{
	width: 20%;
	font-weight: bold;
}
.companyDescription{
	width: 80%;
	text-align: left;
	padding:0 0 0 20px;
}
/* ------------------------------
contact
------------------------------ */
#contactForm td{
	height: 50px;
	padding: 10px 0 0 20px;
	color: #666;
}
.contactTitle{
	text-align: left;
}
.contactTitle span{
	font-size: 10px;
	color:#ff0000;
}
.contactFormInput{
	background-color: #fff;
	width:400px;
	height: 30px;
	border: solid 1px #ccc;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
	padding: 0 0 0 5px;
	font-size: 14px;
	color: #555;
}
textarea#contactFormInputDescription{
	width: 400px;
	height: 300px;
	border:solid 1px #ccc;
	padding: 5px 0 0 5px;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
	font-size: 14px;
	color: #555;
}
#tagErr{
	margin: 0;
	padding: 0;
}
#tagErr li{
	color: #FF0000;
	margin: 0 0 5px 0;
}
/* ------------------------------
pc
------------------------------ */
#pc_bg{
	width:630px;
	height:160px;
	background-image:url(images/pc_bg.jpg);
	background-repeat:no-repeat;
}
#pc_bg2{
	width:630px;
	height:160px;
	background-image:url(images/pc_bg2.jpg);
	background-repeat:no-repeat;
}
#pc_bg3{
	width:630px;
	height:160px;
	background-image:url(images/index_bg1.jpg);
	background-repeat:no-repeat;
}
/* ------------------------------
pribacy
------------------------------ */
.pribacy_title{
	font-size:15px;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:10px;
}
/* ------------------------------
追加項目
------------------------------ */
#mainimg{ width: 910px; height: 300px; display: block; margin-top: 15px; box-shadow: 0 1px 1px #a6a6a6;}
#pack{ width: 630px; height: auto; padding-top: 20px;}
#pack img{ width: 630px; height: 150px; margin: 0 20px 0 50px 0; box-shadow: 0 1px 1px #a6a6a6}
#plan-text{ font-size: 10px;}

/* ------------------------------
common
------------------------------ */
.center{width:950px;margin-left:auto;margin-right:auto;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.text_center{text-align:center;}
.text_left{text-align:left;}
.text_right{text-align:right;}
a.textlink{/*テキストリンク*/color:#594013;font-style:normal;text-decoration:none; font-weight:bold;}
a:link.textlink{/*未訪問リンク*/color:#594013;font-style:normal;text-decoration:none;font-weight:bold;}
a:visited.textlink{/*訪問後リンク*/color:#594013;text-decoration:none;font-weight:bold;}
a:hover.textlink{/*マウスオーバー*/color:#594013;font-style:normal;text-decoration:underline;font-weight:bold;}
a:active.textlink{/*クリック*/text-decoration:none;}
a.textlink2{color:#AAAAAA;font-style:normal;text-decoration:none;}
a:link.textlink2{/*未訪問リンク*/color:#AAAAAA;font-style:normal;text-decoration:none;}
a:visited.textlink2{/*訪問後リンク*/color:#AAAAAA;text-decoration:none;}
a:hover.textlink2{/*マウスオーバー*/color:#AAAAAA;font-style:normal;text-decoration:underline;}
a:active.textlink2{/*クリック*/text-decoration:none;}
img {border-style:none;}
a img {border-style:none;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;font-size: 12px;}
h1{padding: 5px 0 0 18px;font-weight:bold; color:#333;}
p{margin:0;line-height:23px;}
.name{line-height:50px;}
.pagetext{padding-top:20px;}
.bar{margin-top:15px;}
.strogtext{ font-size:20px; font-weight:bold;}
.pagetext strong{
	color:#CC0033;
	font-weight:bolder;
	text-decoration:underline;
}