@charset "Shift-JIS";

/*共通==========*/
body{margin:0;padding:0;text-align:center;}
h1,h2,h3,h4,h5{margin:0;}
p,li,td,th{font-size:95%;line-height:1.5;text-align:left;}
p{margin:0;}
span{line-height:1.5em;}
a img{border:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.left{float:left;}
.right{float:right;}
.clr{clear:both;margin:0;padding:0;height:0;font-size:0;}
.date{clear:both;margin:5px 0;font-family:serif;letter-spacing:1px;text-align:right;}
.pagetop{clear:both;margin:10px 0;text-align:center;}
.pagemove{clear:both;margin:10px 0;font-size:12px!important;text-align:center;}
.pagemove a{font-size:12px!important;}
div.line-dotted{margin:0.8em 0;width:auto;height:2px;}
.thumbleft{float:left;margin:0 10px 10px 0;}
.thumbright{float:right;margin:0 0 10px 10px;}
.imgmemo{margin:0;width:160px;text-align:center;border-bottom:1px solid #d2d2d2;}
.cmtleft{height:1%;}
.cmtright{height:1%;}
.cmt2clr{clear:left;}
.readmore{margin:0;padding:4px 0;font-size:70%;text-align:center;background:#f0f0f0;}
.dotline{margin:0;height:8px;font-size:1px;background:url(../p_img/p100/dotline_green.gif) 0 50% repeat-x;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/*\*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/**/


body{background:#dffee5 url("../p_img/p100/body_bg.gif") 50% 0 repeat-y;}
* html body{margin-left:1px;}
#wrapper{margin:0 auto;padding:0;width:720px;text-align:center;background:#ffffff;}
#header,#contents,#footer-content{margin:0 auto;width:720px;text-align:left;}
#contents{clear:both;padding-top:10px;border-top:2px solid #017614;background: #ffffff url(../p_img/p100/nv_btm_bg.gif) 0 0 repeat-x;}

/*トップ・ヘッダ*/
#header{background:url(../p_img/p100/header.gif) 0 0 no-repeat;}
h1{padding:10px;}
h1 a{display:block;width:320px;height:80px;}
h1 a span{display:none;}

/*ナビゲート*/
/*====================================*/

#navi{border-top:2px solid #017614;background:#b8ffbb url(../p_img/p100/nv_bg.gif) 0 0 repeat-x;}
#navi ul{width:720px;margin:0 auto;padding:0;}
#navi li{display:inline;margin:0;}
#navi li a{float:left;margin:0;padding:4px 12px;border-right:1px solid #999999;color:#333333;font-weight:bold;}
#navi li a:hover{color: black;background:#fff6b8 url(../p_img/p100/nv_ov_bg.gif) 0 0 repeat-x;}
#navi div.clr{height:10px;border-top:2px solid #017614;}

/*====================================*/


li.qr{width:100%;margin:20px 0 10px 0;padding:4px;text-align:left;border:1px solid #23a2a2;background-color:#fff;}
li.qr span{border:0;margin:4px;font-size:12px;font-weight:normal;}
li.qr a img{border:0;margin:6px 0;}
li.qr form{margin:0;}
li.qr input[type="text"]{margin:4px 0;width:90%;}
li.qr input.btnsubmit{width:50%;border:2px solid #666;font-weight:bold;color:#fff;background-color:#c64f00;}

#contents hr{width:95%;}

#maincol{width:480px;padding:10px;float:left;}
#subcol{margin-left:500px;width:210px;}
#footer-content{clear:both;}

#maincol p{margin-bottom:10px;}
#maincol p.shop_msg{padding:10px;}
#maincol p.info_remarks{padding:10px;border:2px solid #b8feba;}

/*トップ・最新情報*/
#subcol h2{font-size:95%;font-weight:normal;color:#333333;}
#subcol h2 a{color:#333333;}
#subcol ul{list-style-type:none;margin:6px;padding:0;}
#subcol li span{letter-spacing:1px;font-size:80%;}
#subcol a{font-size:100%;font-weight:normal;}

#toplist{margin-bottom:10px;}
#toplist h2{padding:4px 16px;background:url(../p_img/p100/subt_pink.gif) 0 0 no-repeat;}

/*トップ・リンク集*/
#toplink{margin:10px 0;}
#toplink ul{margin:10px;}
#toplink h2{padding:4px 16px;background:url(../p_img/p100/subt_blue.gif) 0 0 no-repeat;}

#barcode{border:1px dotted #d2d2d2;}
#barcode td{font-size:small;}
/*トップ・記事*/
#toparticle{margin-bottom:10px;border: 1px solid #d2d2d2;}
#toparticle h3{margin:8px 10px;font-size:0.9em;border-bottom:1px solid #ff6600;}
#toparticle h3 a{color:#333333;}
#toparticle img{float:left;margin:10px;}
#toparticle p.comm{margin-left:180px;}

#multiview,#singleview,#profile,#service,#mailform{margin:10px 30px;}
/*マルチ表示*/
#multiview .firstbox{margin:10px;border-bottom:1px solid #d2d2d2;}
#multiview img{width:80px;}
#multiview h2{padding:5px;font-size:100%;color:#ffffff;background:#017614;}
#multiview h3{font-size:1.2em;}
#multiview table{width:100%;}
#multiview th{}
#multiview td{}

/*シングル表示*/
#singleview h2{padding:5px;font-size:100%;color:#ffffff;background:#017614;}
#singleview h3{margin:20px 0 10px 0;font-size:100%;}
.firstbox,.secondbox,.thirdbox{margin-left:10px;}
#singleview div.clr{background:url(../p_img/p100/dotline_green.gif) 0 100% repeat-x;}

.secondbox{clear:both;padding-top:10px;text-align:left;}
.thirdbox{clear:both;padding-top:10px;text-align:left;}
firstbox p,secondbox p,.thirdbox p{margin-left:10px;}
div.map p{margin:4px;font-size:70%;text-align:right;}
#topprofile{margin-bottom:10px;}
#topprofile h2{height:44px!important;background:url(../p_img/p104/logo_prof.gif) 0 0 no-repeat;}

/*RIGHTCOL*/
#rightcol{margin-top:0;margin-left:460px;}

#sideprofile{margin-bottom:20px;border: 1px solid #d2d2d2;}
#sideprofile h2{margin:4px;height:50px!important;background:url(../p_img/p104/logo_prof.gif) 0 100% no-repeat;}
#sideprofile p{margin:10px;}
#sideprofile div.map{margin:10px;}

#sidemobile{margin-top:10px;}

#rightlist{margin-bottom:20px;padding:0;border: 1px solid #d2d2d2;background:url(../p_img/p104/title_rightlist.gif) 0 0 no-repeat;}
#rightlist h3{margin:0;padding:0;}
#rightlist h3{text-indent:-9999px;}
#rightlist ul{margin:10px;padding:0;list-style-type:none;}
#rightlist li{margin-bottom:10px;font-size:12px;line-height:1.5;}
#rightlist li span{font-size:90%;}

#mobile{margin-bottom:10px;background:#ffffcc;}

/*料金・サービス*/
#service h2{padding:5px;font-size:100%;color:#ffffff;background:#017614;}
#service h3{margin-top:20px;padding:5px 16px;font-size:95%;background:url(../p_img/p100/tbar_green.gif) 0 0 repeat-y;}
#service table{margin-top:10px;margin-left:10px;border-bottom:1px solid #d2d2d2;}
#service th{width:160px;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;}
#service td{border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;}

/*会社案内*/
#profile h2{padding:5px;font-size:100%;color:#ffffff;background:#017614;}
#profile h3{margin-top:20px;padding:5px 16px;font-size:95%;background:url(../p_img/p100/tbar_yellow.gif) 0 0 repeat-y;}
#profile h3 span{font-size:0.8em;}
#profile table{float:left;margin-top:10px;margin-left:10px;width:460px;border-bottom:1px solid #d2d2d2;}
#profile th{width:100px;border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;}
#profile td{border-top:1px solid #d2d2d2;border-right:1px solid #d2d2d2;}
#profile #profilephoto img{margin:10px 0 0 10px;}

/*地図*/
#mapview h2{margin:20px;padding:5px;font-size:100%;color:#ffffff;background:#017614;}
#mapframe #map{width:620px!important;height:360px!important;}

/*フッタ*/
#footer{
	clear: both;
	width: 100%;
	padding: 10px 0;
	background: #017614;
}
.foot-add{
	margin: 10px;
	text-align: left;
	color: #fff;
}
.foot-add th small{
	font-size: 75%;
	letter-spacing: 1px;
}
.foot-add th{
	font-size: 110%;
}
.foot-add th,
.foot-add td{
	padding: 10px;
}
.foot-grouplink{
	display: block;
	padding: 3px 8px;
	color: #017614;
	font-size: 80%;
	border: 2px solid #333;
	background: #fff;
}
#footer p.copyright{
	clear: both;
	margin: 10px auto;
	font-size: 12px;
	color: #fff;
	text-align: center;
}

/*メールフォーム*/
#mailform big{font-weight:bold;font-size:150%;}
#mailform h2{padding:5px;font-size:95%;color:#ffffff;background:#017614;}
#mailform h3{margin:10px 0 0 10px;padding-left:20px;font-size:90%;color:#333333;background:url(../p_img/p100/arw1.gif) 0 50% no-repeat;}
#mailform p{margin-left:10px;padding:5px;}
#mailform table{margin-left:20px;width:600px;}
#mailform th{font-size:0.8em;background:#f0f0f0;}
#mailform .errmsg{font-weight:bold;color:#ff6633;}
#mailform .submit{margin-left:20px;padding:10px 0;width:600px;text-align:center;background:#d2d2d2;}