@charset "utf-8";

/* DEFAULT
==============================*/
* { margin : 0 ;padding : 0 ;}
body { -webkit-text-size-adjust: none; color : #333 ; line-height : 1.5;
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka",Verdana,"ＭＳ Ｐゴシック","MS P Gothic",Arial,Helvetica,sans-serif;}
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 : #bb9387 ; color : #fff ; font-size : 1.1em ; padding : 0.5em ; margin-bottom : 0.25em ; background: url("images/h2.png") left center repeat; text-shadow: 1px 1px 1px #56422F; }
h3 {background : #FCF5C3 ;color : #695D4C text-decoration : none ;display : block ; padding : 0.5em 0.5em 0.5em 45px ; margin-bottom : 0.5em ; background: url("images/trouble_h2.png") left center no-repeat; background-size: 40px; -moz-background-size: 40px; -webkit-background-size: 40px; border-bottom:5px solid #f4f4f4; }
h3 a {color : #695D4C ; text-decoration : none ; }

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

/*header*/
header {overflow : hidden ;  }
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 {text-align : center ;margin : 2px ;color : #fff; 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; background: url("images/h2.png") left center repeat;}
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 : #333 ; border-bottom : 1px solid #b3b3b3 ;}
#category dt.off a { background :#fafcf6 url("images/nav_open.png") no-repeat right center;padding :0.5em ;}
#category dt.on a { background :#fafcf6 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 :#D5D0C8 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 : #FBFAF4 url("/images/ico_list.png") no-repeat right center !important ; text-decoration : none ; color : #333 ; border-bottom : 1px solid #D5D0C8;}
#category dd li li a { background : #fff url("/images/ico_list.png") no-repeat right center !important ; }
#category div.dropmenu{ display : block ; }

/*footer*/
footer {  background : #fff; color : #5E5E5E; text-align : center ; font-size : 0.75em ; padding : 0.75em ; border-top:5px solid #f4f4f4;}
footer a { color :#5E5E5E; 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 ;box-shadow: 1px 1px 5px #CCC;-webkit-box-shadow: 1px 1px 5px #CCC; margin-bottom: 5px;}
address a.contact { float:right; width : 25% ; font-style :normal ; border-radius : 10px ; display : block ;padding : 0.5em 0 ; text-align : center ; color : #fff ;  text-decoration : none ; background:#4bb6ab; background :-webkit-gradient(linear,left top,left bottom, from(#53c2b7),to(#4bb6ab)); }

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



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

.index_top { text-align : center ; clear : both ; background: url("images/index_bg.png") top center no-repeat; background-size: 400px auto; -moz-background-size: 400px auto; -webkit-background-size: 400px auto;}
section.index_top img { width : 320px ; height : 170px; }

.accessmap a { background:#4c43b4; background :-webkit-gradient(linear,left top,left bottom, from(#6259c7),to(#4c43b4)); 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 { width : 273px; height : 43px; }

ul.topCotents { border-top : 1px solid #c0c0c0 ; }
ul.topCotents li { border : 3px solid #fff ; position : relative ; padding :5px 10px 0 70px ; margin: 10px; -moz-box-shadow:	0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.5); -webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.5); box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.5); border-radius:5px; }
ul.topCotents li a { color : #353330 ;display : block ; text-decoration : none ;line-height : 1.2em ; min-height :63px ; font-size:0.85em; width:100%; }
ul.topCotents li a img { position : absolute ; left : 1px; top :1px; width : 66px; height : 66px; }
ul.topCotents li a span { color:#2caea1; font-weight:bold; font-size:1.3em; }
ul.topCotents li a small { color:#fff; display:inline-block; background: -moz-linear-gradient(top,	#91d2cb 0%,#7fcbc3 14%,	#47beb4 68%,#36bbb0 99%,#37baad);
background: -webkit-gradient(linear, left top, left bottom,from(#91d2cb),color-stop(0.14, #7fcbc3),color-stop(0.68, #47beb4),color-stop(0.99, #36bbb0),to(#37baad));
-moz-box-shadow:inset 0px 0px 10px rgba(52,174,164,0.7);
-webkit-box-shadow:inset 0px 0px 10px rgba(52,174,164,0.7);
box-shadow:inset 0px 0px 10px rgba(52,174,164,0.7);
text-shadow:0px -1px 1px rgba(97,182,174,1);
padding:1px 10px ; margin-top:5px; font-weight:bold; width:95%; text-align:center; }


/* CATEGORY/ENTRY
==============================*/
.entry{padding-bottom : 1em ;}
.entry p { padding : 0.25em 0 ; }
.entry table { border-collapse : collapse ;}
.entry table td, .entry table th { border : 1px solid #ccc ; font-size : 0.8em ; padding :  0.25em; }
.entry table th { background :#F7F7EE ;}
.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 { clear:both; background : #fbfaf4; position:relative; min-height:50px;
-moz-box-shadow: inset 0px 0px 6px rgba(255,255,255,1);
-webkit-box-shadow: inset 0px 0px 6px rgba(255,255,255,1);
box-shadow: inset 0px 0px 6px rgba(255,255,255,1); 
border-style: solid; border-width: 5px;
-moz-border-image: url("images/border.png") 7 repeat;
-webkit-border-image: url("images/border.png") 7 repeat;
 border-image: url("images/border.png") 7 fill repeat;
margin: 5px 10px ;}
#menu_trouble li a { padding : 1em 0.5em 1em 55px ; display : block ; text-decoration : none ; color : #333 ;  overflow:hidden; display: table-cell; vertical-align:middle; }
#menu_trouble li a img { left: 1px; position: absolute; top: 5px; width: 45px; }
#menu_trouble li a span { color:#4c43b4; }
#menu_trouble h2 { background: url("images/trouble_h2.png") left center no-repeat; color : #6c675f ; background-size: 40px; -moz-background-size: 40px; -webkit-background-size: 40px; padding-left:45px; text-shadow:none;}

.bnr_area { text-align:center; } 
.bnr_area a img { width:320px; } 

span.att2{color:#229289; font-weight:bold; }
span.att3{ background:#694d38; padding: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 #352b1f; border:2px solid #fff; }
span.att{background:#ffffcc;}
span.att4 { clear: both; background: #e9f8f7; border: 2px solid #cae5e3; padding: 10px 20px; margin: 5px 5px 10px; display: block; }

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