@charset "utf-8";

/* DEFAULT
==============================*/
* { margin : 0 ;padding : 0 ;}
body { -webkit-text-size-adjust: none; color : #333 ; line-height : 1.5; background: #fdfdfb; }
h1,h2,h3 { font-size : 1em ; clear : both ; }
li { list-style-type : none ; }
section { padding-bottom :0.5em ; overflow : hidden ;}
article { padding : 0 0.5em 0.5em ; }

.clear { clear : both ; }
span.center { display : block ; text-align : center ; }

/*title*/
h1 { float : left ; }
h1 img { height : 70px ; width : 220px; }
h2 { background : #71a80e ; color : #fff ; font-size : 1.1em ; padding : 0.5em ; margin-bottom : 0.25em ; border-radius: 5px; }
h3 { color : #80684E ; text-decoration : none ;display : block ; padding : 0.5em ; margin-bottom : 0.5em ; border-bottom: 2px solid #8d5729; }
h3 a {color : #80684E ; text-decoration : none ; }

/* LAYOUT
==============================*/

/*header*/
header {overflow : hidden ; background: #71a80e ; }
ul.headNavi{ clear : both ; overflow : hidden ; height : 1% ;  }
ul.headNavi li{ float : left ; height : 36px ; line-height : 36px ; padding-bottom : 5px ;  }
ul.headNavi li.home { width : 30% ;  }
ul.headNavi li.menu { width : 46% ; }
ul.headNavi li.pc { width : 24% ; }
ul.headNavi li a {background : #DDE976 ;text-align : center ;margin : 2px ;color : #686e64 ; text-decoration : none ; display : block ; white-space : nowrap ;border-top-right-radius: 10px ;border-top-left-radius : 10px ;-moz-box-shadow:  0px 0px 2px #000000; -webkit-box-shadow:  2px 2px 2px #ccc; box-shadow:  2px 0px 2px #000000; border-bottom: 8px solid #B4CF83; }
ul.headNavi li img { vertical-align : middle ; margin-right :2px; width : 27px; height : 27px; }

/*category*/
#category dt a { padding : 0.5em ; display : block ; background : #f2edec ; text-decoration : none ; color : #fff ; border-bottom : 1px solid #b3b3b3 ;}
#category dt.off a { background :#d66b28 url("images/nav_open.png") no-repeat right center;padding :0.5em ;}
#category dt.on a { background :#d66b28 url("images/nav_close.png") no-repeat right center;padding :0.5em ;}
#category .off li a, #category .on li a { padding-left : 0.5em ;display : block ;background :#fff url("images/arrow.png") no-repeat right center  ; text-decoration : none ; border-bottom : 1px dotted #b3b3b3 ;}
#category dd { display : none ;}
#category dd li a { padding : 0.5em ; display : block ;background : #f2edec url("images/arrow.png") no-repeat right center !important ; text-decoration : none ; color : #333 ; border-bottom : 1px solid #b3b3b3 ;}
#category dd li li a { background : #fff url("images/arrow.png") no-repeat right center !important ; }
#category div.dropmenu{ display : block ; }

/*footer*/
footer {  background : #785735 ; color : #fff ; text-align : center ; font-size : 0.75em ; padding : 0.75em ;}
footer a { color :#fff ; text-decoration : none ; }

/* CONTENTS COMMON
==============================*/

/*pagetop*/
.pagetop { padding-right : 0.5em ;overflow : hidden ; height : 1% ; padding-bottom :1em ; clear : both ;}
.pagetop a { font-family : verdana ; font-weight : bold ;padding : 0.5em ;-webkit-border-radius : 5px ; border : 1px solid #ccc ; display : block ; float : right ; color :#7f7f7f ; text-decoration : none ;background :-webkit-gradient( linear,left top,left bottom, from(#f7f7f7), to(#d3d3d3));}

/*contact*/
address { padding : 0.5em ; overflow :hidden; height : 1% ; font-style: normal ;}
address a.contact,address a.contact2 { float:right; width : 46% ; font-style :normal ; border-radius : 10px ; display : block ;padding : 0.5em 0 ; text-align : center ; color : #fff ;  text-decoration : none ; background :#fe9936; background :-webkit-gradient(linear,left top,left bottom, from(#fe9936),to(#eb610a)); margin:0 2%;}

address a.contact img, address a.contact2 img { height:30px; }
address a.con_top {width: 25%;margin: 0;}

.contactInfo { width : 100% ; float : left ; padding-top : 0.25em ;}
.contactInfo a.tel { font-size : 2em; text-decoration : none ; color : #ED7328 ; font-weight : bold ;}



/* INDEX
==============================*/

.index_top { text-align : center ; clear : both ; }
section.index_top img { width : 320px ; height : 170px; }

.accessmap a,.yoyaku a { background :#30bbda; background :-webkit-gradient(linear,left top,left bottom, from(#30bbda),to(#1193b0)); padding : 0.5em ; margin-bottom : 0.5em ;border : 2px solid #fff ; display : block ;text-align : center ; text-decoration : none ; color : #fff ; border-radius : 10px ; -webkit-text-shadow: 2px 2px 2px #000000; -moz-box-shadow:  2px 2px 2px #ccc; -webkit-box-shadow:  2px 2px 2px #ccc; box-shadow:  2px 2px 2px #ccc; }
.accessmap a img,.yoyaku a img { width : 273px; height : 43px; }
.yoyaku a { background :#aac85c; background :-webkit-gradient(linear,left top,left bottom, from(#aac85c),to(#6ea30d)); }

ul.topCotents { border-top : 1px solid #c0c0c0 ;  }
ul.topCotents li { position : relative ; border-radius: 10px ; box-shadow: 0 0 3px #ccc; display: block; margin: 10px; padding:5px; font-weight: bold; background : #fff url("images/arrow2.png") right bottom no-repeat ; background-size: 20px auto; -moz-background-size: 20px auto; -webkit-background-size: 20px auto; }
ul.topCotents li a { padding-left : 70px ;color:#714618;display : table-cell ; vertical-align : middle;text-decoration : none ;line-height : 1.2em ; min-height :68px ; height : 68px ;}
ul.topCotents li a img { position : absolute ; left : 5px; top :5px; width : 66px; height : 66px;  }
ul.topCotents li .brown { color: #bc5400; }
ul.topCotents li .read { font-weight: normal; font-size: 0.8em; color: #3e2406; }


/* CATEGORY/ENTRY
==============================*/
.entry{padding-bottom : 1em ;}
.entry p { padding : 0.25em 0 ; }
.entry table { border-collapse : collapse ;}
 .entry table th { background: #F7F7EE ;}
.entry table td, .entry table th { border : 1px solid #ccc ; font-size : 0.8em ; padding :  0.25em; }
.entry table img { width : 100% !important ; }

.entry .faq a { display :block ;background : url("../images/question.png") left top no-repeat ;padding-left: 20px ;  } 
.entry .list a { background : url("../images/ico_list.png") left center no-repeat ;padding-left:25px; margin-left:5px;} 


/*topmenu*/
#menu_trouble li a { padding : 0.5em ; display : block ; background :#fff ; text-decoration : none ; color : #333 ; border-bottom : 1px solid #b3b3b3 ;}
#menu_trouble li a { background : #e5dbbb url("images/arrow.png") no-repeat right center !important; }
#menu_trouble div.dropmenu{ display : block ; }

/* フォーム */
.entry table.formTable { width:95%; margin:0 auto;  }
.entry table.formTable th { background : #f4f0d3 ; text-align:left; margin-top:15px; }
.entry table.formTable td, .entry table.formTable th { font-size : 0.8em ; padding :  0.7em; border:none; width:95%; }
.entry table.formTable td { padding-bottom:20px; }
.entry table.formTable input{margin:5px 0;}
.entry table.formTable input,.entry table.formTable select {font-size:120%; padding:5px;}
.entry table.formTable textarea { width:100%; }

#bnr_area { text-align:center; }
#bnr_area img { width: 320px; marign: 0 auto; }


/* add */
span.att{ background:#ecf4ae; }
span.att2{ color:#e06815; font-weight:bold; font-size:105%; }
span.att3{ background:#2ab1ce; padding:5px 7px 5px 7px; margin:5px 5px 10px 0px; font-weight:bold; font-size:105%; color:#fff; display:inline-block; box-shadow: 1px 1px 2px #ccc; text-shadow: 0 -1px 1px #1b80b7; border:2px solid #fff; }

img.photo { border: 1px solid #ccc; padding: 1px; }