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

/*base
---------------------------*/
body { margin: 0px; padding: 0px; color: #333; line-height: 160%; background: url(../img/bg_body.jpg) repeat; text-align: center; }

*{ margin:0px; padding:0px; font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif}

/*link
---------------------------*/
a 			{ color: #00AAE7; text-decoration: none; outline: none; }
a:link		{ color: #00AAE7; text-decoration: none; outline: none; }
a:visited	{ color: #00AAE7; text-decoration: none; outline: none; }
a:hover		{ color: #00AAE7; text-decoration: underline; outline: none; }
a:active	{ color: #00AAE7; text-decoration: underline; outline: none; }

/*title,p,img
---------------------------*/
h1, h2, h3, h4, h5 { font-weight: normal; margin: 0px; padding: 0px; }

p{ color: #333; margin: 10px 0px 20px; font-size: 75%; line-height: 180%; }

img { margin: 0px; padding: 0px; border: none;}
a:hover img {filter: alpha(style=0,opacity=80);opacity: 0.8;}

/*list,dl
---------------------------*/
ul { margin: 0px; padding: 0px; list-style-type: none; }
ul li { padding: 0px; margin: 0px; }

ol { padding: 0px; margin: 0px; list-style: decimal outside; }
ol li { padding: 0px; margin: 0px; }

dl { padding: 0px; margin: 0px; }
dt { padding: 0px; margin: 0px; }
dd { padding: 0px; margin: 0px; }

/*table
---------------------------*/
table { width: 100%; margin: 0px; padding: 0px; border-collapse: collapse; }
th { font-weight: normal; text-align: left; padding: 5px; vertical-align: top; }
td { text-align: left; padding: 5px; }

.td5{ width:5%;} .td10{ width:10%;} .td15{ width:15%;} .td20{ width:20%;} .td25{ width:25%;}
.td30{ width:30%;} .td35{ width:35%;} .td40{ width:40%;} .td45{ width:45%;} .td50{ width:50%;}

/*other
---------------------------*/
form { margin: 0px; text-align: left; }
input, textarea, select {}

iframe { border-style: none; }

em { font: normal normal; }

.hide { display: none; }


/*clearfix
---------------------------*/
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ }


/*box
---------------------------*/
div#wrapper { background: url(../img/bg_mainimg.gif) repeat-x; }
div#box { width: 800px; _width: 802px; margin: 0px auto; padding: 0px 1px; background: #fff; text-align: left; }

div#header { width: 800px; height: 110px; }
	h1 { width: 207px; float: left; }
	h1 a:hover img {filter: alpha(style=0,opacity=100);opacity: 1.0;}
	div#navi_area { width: 586px; float: right; }
	
div#mainimg { width: 800px; }
#home div#mainimg { width: 800px; height: 300px; }
div#column { width: 750px; _width: 800px; background: url(../img/bg_column.jpg) no-repeat top; padding: 10px 25px; }
	div#contents { width: 500px; float: left; margin-top: 20px; }
	div#local_navi { width: 205px; float: right; }
	div#pagetop { width: 90px; float: right; }
	
div#footer_area { background: #00A7E3 url(../img/bg_footer.jpg) repeat-x; text-align: center; }
div#footer { width: 766px; _width: 802px; border-left: 1px solid #fff; border-right: 1px solid #fff; margin: 0px auto; padding: 22px ; text-align: left; color: #fff; }
	div.footer_left { width: 460px; float: left; }
	div.footer_right { width: 300px; float: right; }
	
/*navi
---------------------------*/
ul.gn_list { width: 569px; margin: 3px 0px 0px; padding: 0px; text-align: left; }
ul.gn_list li { display: inline; }
ul.gn_list a { float: left; display: block; width: 94px; height: 33px; text-indent: -9999px; font-size: 1px; line-height: 100%; }

a#gn_home { background-image: url(../img/gn_home.jpg); width: 96px; }
a:hover#gn_home { background-position: 0px -33px; }
a#gn_service { background-image: url(../img/gn_service.jpg); }
a:hover#gn_service { background-position: 0px -33px; }
a#gn_news { background-image: url(../img/gn_news.jpg); }
a:hover#gn_news { background-position: 0px -33px; }
a#gn_blog { background-image: url(../img/gn_blog.jpg); }
a:hover#gn_blog { background-position: 0px -33px; }
a#gn_access { background-image: url(../img/gn_access.jpg); }
a:hover#gn_access { background-position: 0px -33px; }
a#gn_link { background-image: url(../img/gn_link.jpg); width: 97px; }
a:hover#gn_link { background-position: 0px -33px; }

#home li a#gn_home { background-position: 0px -66px; }
#service li a#gn_service { background-position: 0px -66px; }
#news li a#gn_news { background-position: 0px -66px; }
#blog li a#gn_blog { background-position: 0px -66px; }
#access li a#gn_access { background-position: 0px -66px; }
#link li a#gn_link { background-position: 0px -66px; }

/*local
---------------------------*/
ul.banner_list li { margin: 0px 0px 15px 0px; }
ul.banner_list li.banner_old { margin: 30px 0px 20px 0px; }
ul.banner_list li.banner_inq { margin: 0px 0px 20px 0px; }
ul.banner_list li.banner_yasusa { margin: 0px 0px 40px 0px; }
ul.banner_list li img { vertical-align: bottom; }

/*footer
---------------------------*/
div.footer_logo { width: 125px; float: left; }
address { width: 335px; float: right; font-size: 65%; font-style: normal; line-height: 130%; }
div.footer_navi { font-size: 65%; text-align: right; line-height: 130%; margin-bottom: 5px; }
div.copyright { font-size: 65%; text-align: right; line-height: 130%; }
	div.footer_navi a 			{ color: #fff; text-decoration: underline; outline: none; }
	div.footer_navi a:link		{ color: #fff; text-decoration: underline; outline: none; }
	div.footer_navi a:visited	{ color: #fff; text-decoration: underline; outline: none; }
	div.footer_navi a:hover		{ color: #fff; text-decoration: none; outline: none; }
	div.footer_navi a:active	{ color: #fff; text-decoration: none; outline: none; }

/*top
---------------------------*/
div.top_banner { margin-bottom: 30px; }
h2 { margin-bottom: 25px; }
div.news_entry { border-bottom: 1px solid #ccc; padding: 0px 0px 15px; margin: 0px 0px 15px; }
div.news_th { width: 120px; float: left; }
div.news_txt { width: 370px; float: right; }
div.news_date { font-size: 65%; font-weight: bold; line-height: 100%; }
div.news_title { font-size: 75%; line-height: 130%; margin-top: 5px; }
div.news_title p { font-size: 100%; }

/*2nd
---------------------------*/
div#pan_navi { font-size: 65%; margin-top: 10px; line-height: 130%; }
p.copy { background: url(../img/pikkari_img.jpg) no-repeat right; padding-right: 80px; }
p.big_font { font-size: 90%; font-weight: bold; margin-bottom: 10px; }
p.type2 { margin: 20px 0px 5px; }
h2.sec { margin-top: 50px; }

div.contents_nav { font-size: 65%; text-align: center; }

/*service
---------------------------*/
#service h3 { margin: 40px 0px 20px; }
#service h4 { margin: 30px 0px 15px; }
#service p { font-size: 90%; font-weight: bold; line-height: 160%; }
#service p.small_font1 { font-size: 65%; font-weight: normal; margin: 5px 0px 10px; line-height: 180%; }
#service p.small_font2 { font-size: 75%; font-weight: normal; margin: 0px 0px 20px; line-height: 180%; }
p.copy_service { font-size: 90%; font-weight: bold; background: url(../img/pikkari_img.jpg) no-repeat right; padding-right: 80px; }
p.copy_service span { font-size: 75%; font-weight: normal; }
#service p.gp { font-size: 90%; font-weight: bold; line-height: 160%; background: url(../img/logo_gp.jpg) no-repeat right top; }

ul.service_navi li { float: left; margin-right: 16px; }
ul.service_navi li.service_navi_end { float: left; margin-right: 0px; }

div.hd_ph { margin-bottom: 25px; }

div.service_box { width: 149px; _width: 151px; border: 1px solid #ccc; float: left; margin-right: 23px; }
div.service_box_right { width: 149px; _width: 151px; border: 1px solid #ccc; float: left; margin-right: 0px; }
div.day { font-size: 90%; background: #FFE100; color: #00AAE7; text-align: center; font-weight: bold; line-height: 140%; padding: 5px 0px; }
div.parts { font-size: 75%; background: #00AAE7; color: #FFE100; text-align: center; line-height: 140%; padding: 5px 0px; }
div.price { font-size: 90%; background: #00AAE7; color: #FFE100; text-align: center; font-weight: bold; line-height: 140%; padding: 5px 0px; }
div.price2 { font-size: 80%; background: #00AAE7; color: #FFE100; text-align: center; font-weight: bold; line-height: 140%; padding: 6px 0px; }

div.service_box2 { width: 151px; float: left; margin-right: 23px; }
div.service_box_right2 { width: 151px; float: left; margin-right: 0px; }
div.day2 { font-size: 90%; text-align: center; font-weight: bold; line-height: 140%; padding: 5px 0px; }
div.parts2 { font-size: 75%; text-align: center; line-height: 140%; padding: 5px 0px; }
div.price3 { font-size: 90%; text-align: center; font-weight: bold; line-height: 140%; padding: 5px 0px; }
div.price3 span { color: #00AAE7; }

table.service_tb { width: auto; border-collapse: collapse; margin-top: 5px; }
table.service_tb th { background: #FFE100; color: #00AAE7; font-size: 75%; text-align: center; line-height: 140%; border: 2px solid #fff; padding: 5px 0px; }
table.service_tb td { background: #00AAE7; color: #fff; font-size: 75%; text-align: center; line-height: 140%; border: 2px solid #fff; padding: 5px 0px; }
table.service_tb td.price_co { font-weight: bold; }
table.service_tb td.wh { width: 160px; }
table.service_tb td.wd { width: 81px; }
table.service_tb th.wh { width: 160px; }
table.service_tb th.wd { width: 81px; }

div.syaken { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 15px 0px; margin-bottom: 50px; }
div.syaken h5 { font-weight: bold; font-size: 90%; }
div.syaken h5 span { color: #00AAE7; }
div.syaken_l { width: 250px; _width: 240px; float: left; }
div.syaken_r { width: 250px; _width: 240px; float: right; }
table.syaken_tb { margin-left: 1em; _width: 200px; }
table.syaken_tb th,table.syaken_tb td { font-weight: bold; font-size: 90%; padding: 5px 0px; line-height: 140%; }

/*blog
---------------------------*/
#blog div#contents { width: 540px; float: right; margin-top: 20px; }
#blog div#local_navi { width: 150px; float: left; margin-top: 20px; }

#blog h2 { font-size: 90%; font-weight: bold; margin-bottom: 0px; border-bottom: 1px solid #ccc; padding: 0px 0px 5px 5px; }
div.blog_date { font-size: 65%; font-weight: bold; line-height: 100%; margin: 5px 0px 15px 5px; }
div.blog_body { margin: 15px 0px; font-size: 75%; line-height: 170%; }
div.blog_footer { font-size: 65%; text-align: right; margin: 10px 50px 30px 0px; }

div.diary_menu { padding-top: 40px; margin-top: 40px; border-top: 1px solid #fff; }
div.diary_menu h3 { margin: 0px 0px 12px; }
div.side { margin-bottom: 40px; }
div.sidebody { font-size: 65%; line-height: 130%; margin-bottom: 7px; }

table.calendartable { width: 150px; margin-bottom: 40px; }
table.calendartable th,table.calendartable td { font-size: 11px; padding: 2px 1px; text-align: center; width: 15px; line-height: 160%; }
div.calendarhead { font-size: 11px; text-align: center; }
div.calender { background: url(../img/blog/hd_calendar.jpg) no-repeat; }
table.calendartable th.sun { color: #F29B76; }
table.calendartable th.sat { color: #00A8C2; }
table.calendartable td a { display: block; border: 1px solid #ccc; }
span.calendarweek { font-size: 14px; }
div.profile div.sidetitle { display: none; }
div.nickname { display: none; }
div.recententry div.sidetitle { height: 20px; background: url(../img/blog/hd_entry.jpg) no-repeat; margin: 0px 0px 12px; text-indent: -9999px; }
div.archives div.sidetitle { height: 20px; background: url(../img/blog/hd_history.jpg) no-repeat; margin: 0px 0px 12px; text-indent: -9999px; }
div.category div.sidetitle { height: 20px; background: url(../img/blog/hd_category.jpg) no-repeat; margin: 0px 0px 12px; text-indent: -9999px; }
div.comment div.sidetitle { height: 20px; background: url(../img/blog/hd_comment.jpg) no-repeat; margin: 0px 0px 12px; text-indent: -9999px; }
div.counter div.sidetitle { height: 20px; background: url(../img/blog/hd_access.jpg) no-repeat; margin: 0px 0px 12px; text-indent: -9999px; }
div.link div.sidetitle { height: 20px; background: url(../img/blog/hd_link.jpg) no-repeat; margin: 0px 0px 12px; text-indent: -9999px; }
div.ad { display: none; }

div.archive_title { font-size: 90%; font-weight: bold; margin-bottom: 30px; }

div.input_area { width: 200px; float: left; }
div.form_box { font-size: 75%; margin-bottom: 10px; }
div.form_box input { width: 300px; }
div.form_box textarea { width: 300px; height: 8em; }
div.mail_area img { margin-bottom: 10px; }
div.mail_area { width: 220px; float: right; font-size: 75%; line-height: 160%; }
p.btn2 { float: left; margin-right: 10px; }

div.form_box input#bake { width: auto; }
p.btn label { font-size: 100%; }
input#savecheck { margin: 0px 5px 0px 10px; }

div#contents div.comment { border: 5px solid #eee; padding: 0px 15px; }
div.comments-head { margin: 30px 0px 10px; font-size: 75%; font-weight: bold; }
div.comments-post { font-size: 65%; text-align: right; padding: 10px 50px 10px 0px; margin-bottom: 20px; border-bottom: 1px solid #eee; }
div.comments-body { font-size: 75%; }
div.trackback-head { margin: 15px 0px 10px; font-size: 75%; font-weight: bold; }
div.trackback-url { font-size: 75%; }

/*link
---------------------------*/
div.banner_list { width: 130px; float: left; font-size: 65%; line-height: 180%; }
table.link_tb { border-top: 1px solid #ccc; border-collapse: collapse; margin-top: 30px; }
table.link_tb th,table.link_tb td { border-bottom: 1px solid #ccc; vertical-align: middle; padding: 20px 15px; font-size: 75%; line-height: 150%; }

/*contact
---------------------------*/
img.contact_img { margin: 0px 0px 25px; }

/*access
---------------------------*/
div.outline { border-bottom: 1px solid #ccc; padding-bottom: 30px; }
table.outline_tb th,table.outline_tb td { font-size: 75%; padding: 0px 0px 2px; line-height: 180%; vertical-align: top; }
div.staff { margin: 30px 0px; }
div.staff_ph { width: 130px; float: left; margin-top: 5px; }
div.staff_txt { width: 370px; float: right; }

div.banner_acc { position: relative; }
div.camp { position: relative; top: -100px; left: 600px; }