/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

* { margin:0; padding:0;}
html { min-width:986px;}
html, body { height:100%; min-width:986px;}	
body {
    background: url(../images/bg.gif); 
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
<!--font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;-->
<!--font-family: "メイリオ","Meiryo", Arial, Helvetica, sans-serif;-->	
    font-size:100%; 
    line-height:1.125em;
    color:#a29f87;
}
input, select, textarea { font-family:Arial, Helvetica, sans-serif;	font-size:1em;	vertical-align:middle;	font-weight:normal;}
object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.container {overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }
fieldset{ border:none}

nav{ width:100%}
a{ color:#94c807; text-decoration:underline; outline:none}
a:hover{ text-decoration:none}

.link{color:#94c807; display:block; margin-bottom:15px; font-weight:bold}

.button{color:#fff; background:url(../images/button1.gif) top left no-repeat; width:99px; text-align:center; line-height:30px; display:block; text-decoration:none;  }
.button:hover{text-decoration:none; color:#000 }

<!--
aside ul{margin:0; padding:0; list-style:none;}
aside ul li{background:url(../images/marker.gif) top left no-repeat; background-position:0 7px; margin:0; padding-left:23px; }
aside ul li a{color:#fff; text-decoration:underline; line-height:1.769em} 
aside ul li a:hover { text-decoration:none ; }-->	

section ul{margin:0; padding:0; list-style:none;}
section ul li{background:url(../images/marker1.gif) top left no-repeat; background-position:0 13px; margin:0; padding-left:19px; }
section ul li a{color:#474747; text-decoration:underline; line-height:2.307em} 
section ul li a:hover { text-decoration:none ; }

.link-1 { display:block; float:left; background:url(../images/link_bg.gif) top left repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(../images/link_left.gif) left top no-repeat;}
.link-1  b { display:block; background:url(../images/link_right.gif) right top no-repeat; padding:0 15px 0 19px; line-height:23px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}

.link-2 { display:block; float:left; background:url(../images/link_bg1.gif) top left repeat-x; color:#ffffff; text-decoration:none; }
.link-2 em { display:block; background:url(../images/link_left1.gif) left top no-repeat;}
.link-2  b { display:block; background:url(../images/link_right1.gif) right top no-repeat; padding:0 15px 0 19px; line-height:23px; font-weight:normal; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#000000}


/*header*/
header {font-size:0.75em; color:#FFFFFF; width:100% }
header .indent{margin:56px 0 0 675px; position:absolute; width:290px; padding:0}
header .indent1{margin:0 0 0 500px; position:absolute; width:270px; padding:0}
header .indent1-1{margin:0 0 0 435px; position:absolute; width:170px; padding:0}
header .indent2{position:absolute; top:20px; left:25px; height:38px; width:170px; padding:5}
header .indent3{position:absolute; top:68px; left:25px; height:38px; width:170px; padding:5}

header .inside{padding:0 0 0 0}
header .img{margin:187px 0 0 27px; position:absolute; padding:0}
header .logo{margin:67px 0 0 35px; position:absolute}

/* header h1 {position:absolute; left:25px; top:49px; text-indent:-9999px;} */
/* header h1 a { display:block; width:453px; height:100px; background:url(../images/logo_toumei-4.png) no-repeat left top;	} */
header h1 {position:absolute; left:25px; top:16px; text-indent:-9999px;}
header h1 a { display:block; width:399px; height:100px; background:url(../images/logo_toumei-6.png) no-repeat left top;	}

header ul{margin:0; padding:138px 0 0 27px; list-style:none;}
header ul li{ margin:0; display:inline; padding:0; vertical-align:top}
header ul li a{color:#524e4b; text-decoration:none; font-size:1.75em; text-transform:none;  float:left; padding:0; margin:0; } 
header ul li a  b { display:block; font-weight:normal; padding:0 27px 0 27px; line-height:47px}
header ul li a em{ display:block; font-weight:normal; font-style:normal }

header ul li a:hover { color:#fff; text-decoration:none; background:url(../images/menu_bg.gif) top left repeat-x;}
header ul li a:hover b{ background:url(../images/menu_left.gif) left top no-repeat;  }
header ul li a:hover em{ background:url(../images/menu_right.gif) right top no-repeat;}

header ul .current a{  color:#fff;text-decoration:none; background:url(../images/menu_bg.gif) top left repeat-x;}
header ul .current a b{ background:url(../images/menu_left.gif) left top no-repeat;  }
header ul .current a em{ background:url(../images/menu_right.gif) right top no-repeat; }


/*content*/
section{ font-size:0.8125em; width:100%; text-align:left; background:url(../images/bg_cont.png)}
aside{ font-size:0.8125em; width:100%; text-align:left;}
/*aside .inside{ padding:30px 40px 30px 21px}*/
aside .inside{ padding:10px 40px 30px 21px}
section .inside{padding:0 23px 22px 26px}
section .inside1{padding:38px 53px 30px 45px}
.img-left{ float:left; margin:0 20px 16px 0}
.img-indent{ margin:0 0 6px 0}
.img-indent1{ margin:0 0 16px 0}
.banner{ margin:0 10px 26px 0}
p{ margin:0 0 17px 0}
.p{ margin:0}
.p1{ margin:0 0 17px 0}
.p-1{ margin:0 0 10px 0}
/* .p-1{ margin:0 0 47px 0}*/
p2{ text-indent: 3em; }

h2{color:#303030; font-size:2.307em; margin-bottom:13px; line-height:1.2em}
h3{color:#a0c900; font-size:1.84em; margin-bottom:5px; line-height:1.2em}
aside h2{color:#fff; font-size:2.61em; margin-bottom:17px; line-height:1.2em}
h4{color:#5e5e5e; font-size:1em; margin-bottom:9px;  }
.txt{ float:right; display:block; margin-bottom:31px; font-weight:bold; color:#5e5e5e}
.txt1{ color:#94c807; font-weight:bold}
.txt2{ color:#5e5e5e}
.tail{ background:url(../images/tail1.gif) bottom repeat-x; padding-bottom:19px; margin-bottom:19px}

.indent{padding:0 0 10px 20px}
.indent1{padding:10px 0 0 0}

.indent_1{padding:0 0 0 20px}

/* FIDO ORIGINAL */
h20{font-family: "メイリオ","Meiryo", Arial, Helvetica, sans-serif;
text-shadow: #999 0.1px 0.1px 1px;color:#303030;font-size:2.307em;margin-bottom:13px;line-height:1.2em}

h21{font-family: "メイリオ","Meiryo", Arial, Helvetica, sans-serif;
text-shadow: #999 0.1px 0.1px 1px;color:#303030;font-size:1.5em;margin-bottom:13px;line-height:1.2em}

h30{font-family: "メイリオ","Meiryo", Arial, Helvetica, sans-serif;
text-shadow: #999 0.1px 0.1px 1px;color:#a0c900; font-size:1.84em; margin-bottom:5px; line-height:1.2em}

h31{font-family: "メイリオ","Meiryo", Arial, Helvetica, sans-serif;
text-shadow: #999 0.1px 0.1px 1px;color:#303030; font-size:1.84em; margin-bottom:5px; line-height:1.2em}

h32{font-family: "メイリオ","Meiryo", Arial, Helvetica, sans-serif;
text-shadow: #999 0.1px 0.1px 1px;color:#303030; font-size:1.05em; margin-bottom:5px; line-height:1.2em}

h33{font-family: "メイリオ","Meiryo", Arial, Helvetica, sans-serif;
text-shadow: #999 0.1px 0.1px 1px;color:#303030; font-size:1.50em; margin-bottom:5px; line-height:1.2em}

h34{font-family: "メイリオ","Meiryo", Arial, Helvetica, sans-serif;
text-shadow: #999 0.1px 0.1px 1px;color:#303030; font-size:1.30em; margin-bottom:5px; line-height:1.2em}

h35{font-family: "メイリオ","Meiryo", Arial, Helvetica, sans-serif;
text-shadow: #999 0.1px 0.1px 1px;color:#303030; font-size:1.00em; margin-bottom:5px; line-height:1.2em}

h36{font-family: "メイリオ","Meiryo", Arial, Helvetica, sans-serif;
color:#303030; font-size:14px; margin-bottom:5px; line-height:1.2em}

h40{font-family: "メイリオ","Meiryo", Arial, Helvetica, sans-serif;
color:#5e5e5e; font-size:1em; margin-bottom:9px;  }


/*box*/
.box{ background:#f8f7ef; width:100%; color:#474747}
.box .corner-top-left {background:url(../images/corner_top_left.gif) left top no-repeat;}
.box .corner-top-right {background:url(../images/corner_top_right.gif) right top no-repeat;}
.box .corner-bottom-left {background:url(../images/corner_bottom_left.gif) left bottom no-repeat;}
.box .corner-bottom-right {background:url(../images/corner_bottom_right.gif) right bottom no-repeat; width:100%; }
/*.box .indent-box{ padding:32px 24px 28px 37px; }*/
.box .indent-box{ padding:10px 24px 28px 37px; }
.box h2{color:#303030; font-size:2.615em; margin-bottom:13px; line-height:1.2em}

/*footer*/
footer { color:#f4f2e1; font-size:0.8125em; background:url(../images/bot.gif) top repeat-x; width:100%}
footer .inside{ padding:20px 24px 32px 14px }
footer a {color:#f4f2e1; text-decoration:underline; line-height:1.2em}  
footer a:hover {  text-decoration:none}
footer span{ color:#f4f2e1}

.indent-2{ position:relative; padding-left:20px; float:left}
.rowElem{ height:30px}
.rowElem1{ height:34px; background:url(../images/bg_input.gif) top left no-repeat}
.rowElem2{ height:34px; background:url(../images/bg_input1.gif) top left no-repeat}

.rowElem3{ height:50px; background:url(../images/bg_input2.gif) top left no-repeat}
.rowElem4{ height:277px; background:url(../images/bg_input3.gif) top left no-repeat}
.rowElem5{ position: relative; top:18px; height:38px; background:url(../images/head_online.png) top left no-repeat}
.rowElem6{ position: relative;
           top:12px;
           left:220px;
           height:100px;
           width:300px;
           background:url(../images/head_openhours.png) top left no-repeat
           }
.block-contact span{ float:right; margin-right:20px}
.input{
/*  border:none; */
    border: 1px #ff0000 solid;
	background:none;
	width:212px; height:20px;
    font-size:13px; font-family:"Century Gothic", Arial, Helvetica, sans-serif;
<!--font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;-->
<!--font-size:13px; font-family:"メイリオ","Meiryo", Arial, Helvetica, sans-serif;-->
	color:#b5b6a7;
	padding-left:18px;
	padding-right:17px;
	margin-right:8px;
	padding-top:7px;
	padding-bottom:7px;
}.input1{
   	border:none; 
	background:none;
	width:212px; height:20px;
    font-size:13px; font-family:"Century Gothic", Arial, Helvetica, sans-serif;
<!--font-size:13px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;-->
<!--font-size:13px; font-family:"メイリオ","Meiryo", Arial, Helvetica, sans-serif;-->
	color:#b5b6a7;
	padding-left:18px;
	padding-right:17px;
	margin-right:8px;
	padding-top:7px;
	padding-bottom:7px;
}input{
/*  border:none; */
    border: 1px #AF761F solid;
	background:none;
	width:212px; height:20px;
    font-size:13px; font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	color:#b5b6a7;
	padding-left:18px;
	padding-right:17px;
	margin-right:8px;
	padding-top:7px;
	padding-bottom:7px;
}
textarea{
    border: 1px #AF761F solid;
/*  border:none; */
	background:none;
	width:212px; height:243px;
    font-size:13px; font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	color:#b5b6a7;
	padding-left:18px;
	padding-right:17px;
	margin-right:8px;
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom:11px;
	overflow:auto}
	

/* The Nivo Slider styles */
#slider {
	width:934px;
	height:384px;
	overflow:hidden;
	margin:2px 0 0 27px
}
.nivoSlider {
	position:relative;
	
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	height:350px; width:257px; position:absolute; top:31px; right:31px; z-index:99; background:none !important
}
.nivo-caption img {
	margin-left:38px;
}
	.extra-box {
		background:url(../images/extra-box-bg.png) left top no-repeat ;
		
		height:276px;
		width:205px;
		color:#909275;
		margin-top:73px;
		font-size:13px;
		line-height:16px;
		padding:0 20px 0 32px;
		background-color:none !important;
	}
	#htmlcaption {
		background:none !important
	}
	.extra-box h4 {
		font-size:30px;
		line-height:1.2307em;
		color:#aecc02;
		font-weight:normal;
		padding:30px 0 5px 0px
	}
.nivo-caption p {
	padding-top:15px;
	color:#a5be14;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
	margin-top:15px;
}
.nivo-html-caption {
    display:none;
	background:none !important;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-controlNav  {
	position:absolute;
	z-index:20;
	top:31px;
	left:25px;
}
.nivo-controlNav a {
	display:block;
	width:24px;
	height:24px;
	background:url(../images/slider-nav-bg.png) left 0px no-repeat;
	margin-right:2px;
	float:left;
	font-size:0;
	line-height:0;
}
	.nivo-controlNav a.active, .nivo-controlNav a:hover {
		background:url(../images/slider-nav-bg.png) left -24px no-repeat;
	}
.nivo-prevNav {
	left:0;
	
}
.nivo-nextNav {
	right:0;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
    
/* table */
table {
  width: auto;
  border-spacing: 0;
  font-size:14px;
}
table th {
  color: #fff;
  padding: 8px 15px;
  background: #AF761F;
  background:-moz-linear-gradient(rgba(136,85,34,0.7), rgba(136,85,34,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(136,85,34,0.7)), to(rgba(136,85,34,0.9)));
  border-left:1px solid #AF761F;
  border-top:1px solid #AF761F;
  border-bottom:1px solid #AF761F;
  line-height: 120%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(136,85,34,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
table th:first-child {
/*border-radius: 5px 0 0 0;	*/
  border-radius: 0 0 0 0;	
}
table th:last-child {
/*border-radius:0 5px 0 0;*/
  border-radius:0 0 0 0;
  border-right:1px solid #AF761F;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
table tr td {
  padding: 8px 15px;
  border-top: 1px solid #E4B670;
  border-bottom: 1px solid #E4B670;
  border-left: 1px solid #E4B670;
  text-align: center;
}
table tr td:last-child {
  border-right: 1px solid #E4B670;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table tr {
  background: #fff;
}
table tr:nth-child(2n+1) {
  background: #f1f6fc;
}
table tr:last-child td {
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table tr:last-child td:first-child {
/*border-radius: 0 0 0 5px;*/
  border-radius: 0 0 0 0;
}
table tr:last-child td:last-child {
/*border-radius: 0 0 5px 0;*/
  border-radius: 0 0 0 0;
}
table tr:hover {
  background: #EFD2A7;
  cursor:pointer;
}

/* from */
/* ----------- My Form ----------- */
.myform{
    margin:0 auto;
    width:450px;
    padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
    border:solid 1px #AF761F;
    background:#EDEEE0;
}
#stylized form {
    border:0; margin:0; padding:0;
}
#stylized button {
    border:0; margin:0; padding:0;
}
#stylized h1 {
    font-size:14px;
    font-weight:bold;
    margin-bottom:8px;
    border:0; margin:0; padding:0;
}
#stylized p{
    font-family: "メイリオ","Meiryo", Arial, Helvetica, sans-serif;
    color:#5e5e5e;
    font-size:1em;
    margin-bottom:20px;
    border-bottom:solid 1px #AF761F;
    padding-bottom:10px;
}
#stylized label{
    color:#666666;
    font-size:12px;
    display:block;
    font-weight:bold;
    text-align:right;
    width:140px;
    float:left;
}
#stylized .small{
    color:#666666;
    display:block;
    font-size:12px;
    font-weight:normal;
    text-align:right;
    width:140px;
}
#stylized input{
    color:#666666;
    background:#ffffff;
    float:left;
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #AF761F;
    width:250px;
    margin:2px 0 20px 10px;
}
#stylized button{
    clear:both;
    margin-left:150px;
    width:125px;
    height:31px;
    background:#666666;
    text-align:center;
    line-height:31px;
    color:#FFFFFF;
    font-size:11px;
    font-weight:bold;
}

#stylized textarea{
    color:#666666;
    background:#ffffff;
    float:left;
    font-size:12px;
    padding:4px 2px;
    border:solid 1px #AF761F;
    height:100px;
    width:250px;
    margin:2px 0 20px 10px;
}

.menu{
    font-size:90%;
}

.div-1 {
  width: 380px;
  border:2px solid #efa10e;
  padding: 10px;
  margin: 5px;
}

.div-2 {
  width: 380px;
  border:2px solid #617BBD;
  padding: 10px;
  margin: 5px;
}

/* Social Media Buttons */
.wrapper{
  text-align: center;
}


.wrapper .icon{
  position: relative;
  background-color: #ffffff;
  border-radius: 50%;
  margin: 10px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 30px;
  display: inline-block;
  align-items: center;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  color: #333;
  text-decoration: none;
}

.wrapper .tooltip {
  position: absolute;
  top: 0;
  line-height: 1.5;
  font-size: 14px;
  background-color: #ffffff;
  color: #ffffff;
  padding: 5px 8px;
  border-radius: 5px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wrapper .tooltip::before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  background-color: #ffffff;
  bottom: -3px;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wrapper .icon:hover .tooltip {
  top: -45px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.wrapper .icon:hover span,
.wrapper .icon:hover .tooltip {
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
}
.wrapper .facebook:hover,
.wrapper .facebook:hover .tooltip,
.wrapper .facebook:hover .tooltip::before {
  background-color: #3b5999;
  color: #ffffff;
}
.wrapper .twitter:hover,
.wrapper .twitter:hover .tooltip,
.wrapper .twitter:hover .tooltip::before {
  background-color: #46c1f6;
  color: #ffffff;
}
.wrapper .instagram:hover,
.wrapper .instagram:hover .tooltip,
.wrapper .instagram:hover .tooltip::before {
  background-color: #e1306c;
  color: #ffffff;
}
.wrapper .x-twitter:hover,
.wrapper .x-twitter:hover .tooltip,
.wrapper .x-twitter:hover .tooltip::before {
  background-color: #333333;
  color: #ffffff;
}
.wrapper .youtube:hover,
.wrapper .youtube:hover .tooltip,
.wrapper .youtube:hover .tooltip::before {
  background-color: #de463b;
  color: #ffffff;
}