@charset "utf-8";

body {
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background-image: #fff;
}

.topbk{
	background: #053319 !important;
	background-image: none !important;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}

hr {
	clear: both;
	visibility: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
}

h1, h2, h3, h4, h5, h6, p, li, th, td, dt, dd, label, address {
	font-size: 11pt;
	color: #6d5139;
	line-height:180%;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	list-style: none;
}

address {
	font-style: normal;
	color: #FFFFFF;
	margin-top: 2px;
}

#headwrap {
	height: 127px;
	background-image: url(../images/bg_head.jpg);
	background-repeat: repeat-x;
}

#headwrap:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #headwrap {
    height: 1em;
    overflow: visible;
}
/**/


#header {
	width: 1000px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
}

#header h1 {
	position: absolute;
    top:13px;
    left: 28px;
    width:142px;
    height:150px;
    z-index:1;
}

.hseobox {
	position: absolute;
	top:24px;
	left: 182px;
	z-index:1;
	font-size: 10pt;
	color: #242424;
}

.hcardbox {
	position: absolute;
	top: 24px;
	left: 578px;
	width:228px;
	height:20px;
	z-index:1;
}

.htelbox {
	position: absolute;
	top:24px;
	left: 830px;
	width:167px;
	height:20px;
	z-index:1;
}

#header ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	top:56px;
	left: 187px;
	width:813px;
	z-index:1;
}

#header li {
	float: left;
}

#contwrap {
    overflow: hidden;
}

#contwrap:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #contwrap {
    height: 1em;
    overflow: visible;
}
/**/

#content {
	width: 1000px;
	margin: 0 auto;
	padding-top: 2%;
	overflow: hidden;
}

#sidebox {
	float: left;
	width: 200px;
	overflow: hidden;
}

#sidebox ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.sidefrcbnr{
	display: block;
	margin: 0 0 5% 0;
}

#sidebox .snav ul {
	display: block;
	margin: 7% 0 0 0;
}

#sidebox li {
	line-height: 100%;
	margin-bottom: -3px;
}


/* snav */

#sidebox div.snav li {
	background-image: url(../images/side/sar01.jpg);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	text-indent: 20px;
	margin-bottom: 14px;
	font-size: 10pt;
}

#sidebox div.snav li a:link, #sidebox div.snav li a:visited {
	color: #fff;
	text-decoration:  none;
}
#sidebox div.snav li a:hover, #sidebox div.snav li a:active {
	color: #C90;
	text-decoration:  none;
}


/* snav2 */
#sidebox .snav2 ul {
	display: block;
	margin: 7% 0 0 0;
}

#sidebox div.snav2 li {
	background-image: url(../images/side/sar02.jpg);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	text-indent: 20px;
	margin-bottom: 14px;
	font-size: 10pt;
}

#sidebox div.snav2 li a:link, #sidebox div.snav2 li a:visited {
	color: #6d5139;
	text-decoration:  none;
}
#sidebox div.snav2 li a:hover, #sidebox div.snav2 li a:active {
	color: #6d5139;
	text-decoration:  none;
}

.soryomuryobnr{
position:fixed;
top: 5%;
right: 5%;
z-index:999999;
}


#main {
	float: right;
	width: 780px;
	overflow: hidden;
	display: block;
}

.topgreeting{
	clear: both;
	width: 780px;
	margin: 0 0 5% 0;
	display: block;
	overflow: hidden;
}

.topgreeting .topgrcopy{
	clear: both;
	display: block;
	margin: 0 auto;
	text-align: center;
}

.topgreeting p{
	clear: both;
	width: 780px;
	margin: 2% 0 0 0;
	display: block;
	overflow: hidden;
	color: #fff;
	font-size: 18px;
	font-family: 'Noto Serif JP', serif;
}

.top_bnrbox{
	clear: both;
	width: 780px;
	display: block;
	overflow: hidden;
	margin: 0 0 5% 0;
}

.top_bnrbox div{
	clear: both;
	width: 780px;
	display: block;
	overflow: hidden;
	margin: 0 0 0.5% 0;
	list-style: none;
}

.top_bnrbox div a{
	clear: both;
	width: 780px;
	display: block;
	overflow: hidden;
	margin: 0 0 0.5% 0;
	list-style: none;
}

.backtotop {
    position: fixed;
    right: 30px;
    bottom: 130px;
    z-index: 9000;
    display: none;
}    

.backtotop a {
    display: block;
    margin: 0;
}

#footwrap {
	background-image: url(../images/bg_foot.jpg);
	background-repeat: repeat-x;
	height: 120px;
}

#footer {
	width: 1000px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 22px;
}

#footer p {
	font-size: 10pt;
	color: #FFF;
}

/*---スマホ用メニュー---*/

#spnavi {
display: none;
}

@media only screen and (max-width: 1000px) {
#headwrap{
display: none;
}

#spnavi {
display: block;
position: relative;
z-index: 999999;
/*border-top: solid 5px #3580CA;*/
}

.sphdleft{
display:block;
position: absolute;
margin: 2% 0 0 0;
padding:0;
float: left;
width:87%;
}

.sphdleft li{
display: inline-block;
padding:0;
margin:0 0 0 0;
vertical-align:top;
}

.splogo {
width: 20%;
margin: 0 0 0 10px;
}

.spryokin{
width: 55%;
margin: 0 0 0 10px;
}

.spcart{
width: 12%;
margin: 0 0 0 10px;
}

.splogo img {
width: 82%;
margin: 0 0 0 15px;
}

.spryokin img {
width: 100%;
margin: 12px 0 0 23px;
}

.spcart img {
width: 100%;
margin: 13px 0 0 27px;
}

.spheadolbtn{
display: block;
padding: 29px 0 8px 0;
position: absolute;
top: 4%;
margin-left: 100px;
}

.spheadrvbtn{
display: block;
padding: 29px 0 8px 0;
position: absolute;
top: 4%;
margin-left:250px;
}

}



@media only screen and (max-width: 1000px) {

#content {
	width: 90%;
	margin: 0 auto;
	padding-top: 2%;
	overflow: hidden;
}
	
#sidebox{
	display: none;
}

#main {
	float: none;
	width: 100%;
	margin: 3% auto 0 auto;
	overflow: hidden;
	display: block;
}

#footer{
	width: 100%;
}

#footer p{
	display: block;
	text-align:center;
	margin: 0 auto;
	font-size: 0.7em;
	line-height:1.4em;
}

#footer img{
	display: block;
	margin: 0 auto;
	width:90%;
}

#footwrap{
	height: auto;
	padding: 0 0 4% 0;
}

}


/*---------br改行---------*/

.br-sp {display: none; }
.br-pc {display: block; }

@media screen and (max-width: 750px) {
.br-sp {display: block;}
.br-pc {display: none; }
}





/* top page
----------------------------------- */

/*---メイン画像---*/

.wideslider {
clear: both;
width: 100%;
text-align: left;
position: relative;
overflow: hidden;
}

.wideslider ul {
margin: 0px;
padding: 0px;
}

.wideslider ul,
.wideslider ul li {
float: left;
display: inline;
overflow: hidden;
}

.wideslider ul li img {
width: 100%;
display: none;
position:relative;
}

.wideslider_base {
top: 0;
position: absolute;
}

.wideslider_wrap {
top: 0;
position: absolute;
overflow: hidden;
}

.slider_prev,
.slider_next {
top: 0;
overflow: hidden;
position: absolute;
z-index: 100;
cursor: pointer;
}

.slider_prev {
background: #222 url(../images/top/prev.png) no-repeat right 25px center;
}

.slider_next {
background: #222 url(../images/top/next.png) no-repeat left 25px center;
}

.pagination {
bottom: 18px;
left: 0;
width: 100%;
height: 15px;
text-align: center;
position: absolute;
z-index: 200;
display: none;
}

.pagination a {
margin: 0 5px;
width: 15px;
height: 15px;
display: inline-block;
overflow: hidden;
background: #333;
}

.pagination a.active {
filter:alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
}

.wideslider ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}

.wideslider ul {
display: inline-block;
overflow: hidden;
}



.fbbox {
	height: 250px;
	border-top-width: 8px;
	border-right-width: 9px;
	border-bottom-width: 8px;
	border-left-width: 8px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6d5139;
	border-right-color: #6d5139;
	border-bottom-color: #6d5139;
	border-left-color: #6d5139;
}

.fbbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .fbbox {
    height: 1em;
    overflow: visible;
}
/**/

.fbbox h2 {
	float: left;
}

.top_kaimonobox{
	clear: both;
	overflow: hidden;
	width: 100%;
}

.top_kaimono1 {
	display: block;
	overflow: hidden;
	width: 48%;
	margin-top: 0;
	margin-bottom: 8%;
	padding: 0;
	float: left;
}

.top_kaimono2 {
	display: block;
	overflow: hidden;
	width: 48%;
	margin-top: 0;
	margin-bottom: 8%;
	padding: 0;
	float: right;
}

.top_kaimono1 h4,
.top_kaimono2 h4 {
	font-size: 12pt;
	font-weight: bold;
	background-position: bottom;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-bottom: 6px;
	color: #fff;
	border-bottom: 1px dotted #fff;
}

.top_kaimono1 p,
.top_kaimono2 p {
	font-size: 10pt;
	line-height: 130%;
	color: #fff;
}

.top_kaimono1 li,
.top_kaimono2 li {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 0 6% 0;
}


@media only screen and (max-width: 1000px) {

.soryomuryobnr{
	display: none;
}
.topgreeting{
	clear: both;
	width: 100%;
	margin: 0 0 5% 0;
	display: block;
	overflow: hidden;
}

.topgreeting .topgrcopy{
	clear: both;
	display: block;
	margin: 0 auto;
	text-align: center;
}

.topgreeting p{
	clear: both;
	width: 100%;
	margin: 2% 0 0 0;
	display: block;
	overflow: hidden;
	color: #fff;
	font-size: 1em;
	font-family: 'Noto Serif JP', serif;
}

.top_bnrbox{
	clear: both;
	width: 100%;
	display: block;
	overflow: hidden;
	margin: 0 0 5% 0;
}

.top_bnrbox div{
	clear: both;
	width: 100%;
	display: block;
	overflow: hidden;
	margin: 0 0 0.5% 0;
	list-style: none;
}

.top_bnrbox div a{
	clear: both;
	width: 100%;
	display: block;
	overflow: hidden;
	margin: 0 0 0.5% 0;
	list-style: none;
}


}


@media only screen and (max-width: 740px) {


.top_kaimonobox{
	clear: both;
	overflow: hidden;
	width: 100%;
}

.top_kaimono1 {
	display: block;
	overflow: hidden;
	width: 100%;
	margin-top: 0;
	margin-bottom: 8%;
	padding: 0;
	float: none;
}

.top_kaimono2 {
	display: block;
	overflow: hidden;
	width: 100%;
	margin-top: 0;
	margin-bottom: 8%;
	padding: 0;
	float: none;
}

.top_kaimono1 h4,
.top_kaimono2 h4 {
	font-size: 12pt;
	font-weight: bold;
	background-position: bottom;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-bottom: 6px;
	color: #fff;
	border-bottom: 1px dotted #fff;
}

.top_kaimono1 p,
.top_kaimono2 p {
	font-size: 10pt;
	line-height: 130%;
	color: #fff;
}

.top_kaimono1 p a,
.top_kaimono2 p a {
	font-size: 10pt;
	line-height: 130%;
	color: #fff;
}

.top_kaimono1 li,
.top_kaimono2 li {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 0 6% 0;
}


}



/* item page
----------------------------------- */

.topsti01 {
	clear: both;
	display: block;
	background: #fff url(../images/ttl-icon01.png) left 8px top 5px no-repeat;
	width: 91%;
	font-size: 20px;
	font-weight: bold;
	padding: 4px 3% 3px 6%;
	margin-bottom: 2%;
	color: #053319;
}

.sti01 {
	display: block;
	background-image: url(../images/sti01.jpg);
	background-repeat: no-repeat;
	height: 75px;
	width: 780px;
	font-size: 18pt;
	font-weight: bold;
	padding-top: 20px;
	padding-left: 10px;
	margin-bottom: 5%;
}

.sti02 {
	display: block;
	background-image: url(../images/sti02.jpg);
	background-repeat: no-repeat;
	height: 38px;
	width: 780px;
	font-size: 14pt;
	font-weight: normal;
	padding-top: 0px;
	padding-left: 48px;
	margin-bottom: 2%;
}

.itemmain {
	background-image: url(../images/item/ti01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 180px;
}

.itemmain h2 {
	text-indent: -9999px;
}

.itembox {
	margin-right: 10px;
	margin-left: 10px;
}

.itembox p {
	font-size: 10pt;
}

.itembox h5 {
	font-size: 13pt;
	font-weight: bold;
	line-height: 100%;
	margin-bottom: 14px;
}

.pagenav {
    position:relative;
	overflow:hidden;
}

.pagenav ul {
	list-style-type: none;
	position:relative;
	left:40%;
	float:left;
	margin:0;
	padding:0;
}

.pagenav li {
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	float: left;
	margin-left: 5px;
	line-height: 150%;
}

.pagenav li a {
	color: #000;
	background-color: #dddddd;
	height: 34px;
	width: 34px;
	display: block;
}

.pagenav li a:hover {
	color: #FFF;
	background-color: #fca402;
}

.pagenav li.select a {
	color: #FFF;
	background-color: #fca402;
}

.itemtab {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #6c5038;
	height: 72px;
}

.itemtab:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .itemtab {
    height: 1em;
    overflow: visible;
}
/**/


.itemtab ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.itemtab li {
	float: left;
	line-height: 100%;
}


/* about page
----------------------------------- */

.aboutmain {
	clear: both;
	background-image: url(../images/about/ti01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 180px;
}

.aboutmain h2 {
	text-indent: -9999px;
}

.abobox01 {
	width: 100%;
}

.abobox01 .poto {
	float: right;
	width: 36%;
	margin: 0;
}

.abobox01 p {
	float: left;
	width: 60%;
	margin: 0;
}


.combox01 table {
	border-collapse: collapse;
	margin-bottom: 50px;
	margin-left: 10px;
	width: 100%;
}

.combox01 th {
	width: 25%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-weight: normal;
	text-align: left;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.combox01 td {
	width: 75%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
}


@media only screen and (max-width: 1000px) {
	
.topsti01 {
	clear: both;
	display: block;
	background: #fff url(../images/ttl-icon01.png) left 8px top 5px no-repeat;
	width: 91%;
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px 3% 3px 6%;
	margin-bottom: 2%;
	color: #053319;
}
	
.combox01 th {
font-size: 0.9em;
}

.combox01 td {
font-size: 0.9em;
}

}


@media only screen and (max-width: 740px) {

.abobox01 .poto {
	float: none;
	width: 85%;
	margin: 0 auto 4% auto;
	text-align: center;
	display: block;
}

.abobox01 p{
	float: none;
	width: 100%;
	margin-left: 0;
}
	
.topsti01 {
	clear: both;
	display: block;
	background: #fff url(../images/ttl-icon01.png) left 8px top 5px no-repeat;
	background-size: 7%;
	width: 91%;
	font-size: 1em;
	font-weight: bold;
	padding: 5px 3% 3px 11%;
	margin-bottom: 2%;
	color: #053319;
}

}


/* guide page
----------------------------------- */

.guidemain {
	clear: both;
	background-image: url(../images/guide/ti01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 180px;
}

.guidemain h2 {
	text-indent: -9999px;
}

.guibox01 h5 {
	font-size: 12pt;
	font-weight: bold;
}

.guibox01 img {
	margin: 2% auto 2% auto;
	text-align: center;
	display: block;
}

img.card {
	margin: 3% auto 4% auto;
	text-align: center;
	display: block;
}
.guibox02 {
	overflow: auto;
    white-space: nowrap;
    margin: 3% 0 3% 0;
}


.guibox02 table {
	border-collapse: collapse;
	width: 780px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
}

.guibox02 th {
	background-color: #f4f3ef;
	width: 60px;
	color: #000;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}

.guibox02 td {
	background-color: #fff;
	color: #000;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	line-height: 130%;
	vertical-align: top;
}


@media screen and (max-width: 740px){
.guibox01 h5 {
	font-size: 0.95em;
	font-weight: bold;
	line-height: 1.6em;
}

.guibox01 p {
	font-size: 0.9em;
}
	
}


/* privacy page
----------------------------------- */

.privacymain {
	clear: both;
	background-image: url(../images/privacy/ti01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 180px;
}

.privacymain h2 {
	text-indent: -9999px;
}

.pribox01 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6d5139;
}

.pribox01 h5 {
	font-weight: bold;
}

@media screen and (max-width: 740px){

.pribox01 p {
	font-size: 0.9em;
}
	
.pribox01 h5 {
	font-weight: bold;
	font-size: 0.95em;
}


}


/* contact page
----------------------------------- */

.contactmain {
	clear: both;
	background-image: url(../images/contact/ti01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	height: 180px;
}

.contactmain h2 {
	text-indent: -9999px;
}

.contel {
	font-size: 28pt;
	font-weight: normal;
}

ul.contactform {
clear: both;
margin: 0 auto;
padding: 0;
width: 100%;
margin: 2% auto 6% auto;
}

ul.contactform .descriptiontxt {
padding: 5px 30px 15px 5px;
}

ul.contactform li.attention {
padding: 0 30px 35px 0;
}

ul.contactform table	{
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

ul.contactform table th{
width: 25%;
}

ul.contactform table th.height	{
vertical-align: top;
}

ul.contactform table th p.title 	{
text-align: left;
padding: 5px 12px 15px 12px;
}

ul.contactform table td p.cnt	{
text-align: left;
padding: 12px;
line-height: 170%;
}

ul.contactform .input1 {
width: 75%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin: 0 0 15px;
}

ul.contactform .input1:focus {
border: solid 2px #32badc;
}

ul.contactform .input2 {
width: 60%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin:0 0 15px;
}

ul.contactform .input2:focus {
border: solid 2px #32badc;
}

ul.contactform .input3 {
width: 12%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin:0 0 15px;
}

ul.contactform .input4 {
width: 10%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin: 0 0 15px;
}

ul.contactform .input3:focus {
border: solid 2px #32badc;
}

ul.contactform .textarea1 {
width: 80%;
height: 200px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 6px;
border: 2px solid #d8d8d8;
margin:0 0 10px;
}

ul.contactform .textarea1:focus {
border: solid 2px #32badc;
}

ul.contactform .select {
border-radius: 3px;
padding: 6px;
border: 2px solid #d8d8d8;
margin: 0 0 10px;
width:25%;
}

ul.contactform .select2 {
border-radius: 3px;
padding: 6px;
border: 2px solid #d8d8d8;
margin: 0 0 10px;
width:60%;
}

ul.contactform .select:focus {
border: solid 2px #32badc;
}

ul.contactform .select2:focus {
border: solid 2px #32badc;
}

ul.contactform .formtxt01 {
padding-left: 5px;
font-size: 15px;
}

ul.contactform .formtxt02 {
padding-left: 8px;
font-size: 13px;
}

ul.contactform .formtxt03 {
padding: 0 12px 0 4px;
}

ul.contactform .s_text{
display: block;
font-size: 13px;
color: #444 !important;
padding: 0 12px 0 12px;
}

ul.contactform li ul.buttonarea {
padding-left: 28%;
padding-top: 30px;
}

ul.contactform li ul.buttonarea li {
float: left;
padding: 5px 20px 15px 0;
}

ul.contactform li ul.buttonarea li .submit {
border: none;
cursor: pointer;
width: 200px;
height: 48px;
padding: 8px;
background-color: #efefef;
border-radius: 3px;
border: 1px solid #c7c7c7;
}

ul.contactform li ul.buttonarea li .submit:hover {
border: 3px solid #0C419A;
background:#fafafa;
transition: all 0.8s ease 0s;
}


@media screen and (max-width: 1200px){

ul.contactform table	{
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

ul.contactform table th p.title 	{
text-align: left;
padding: 7px;
font-weight: bold;
}

ul.contactform table th,
ul.contactform table td {
width: 100%;
display: block;
border-top: none;
}

ul.contactform .input1 {
width: 80%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin:0 0 5px;
}

ul.contactform .input1:focus {
border: solid 2px #32badc;
}

ul.contactform .input2 {
width: 60%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin: 0 0 5px;
}

ul.contactform .input3 {
width: 40%;
border-radius: 3px;
padding: 10px;
border: 2px solid #d8d8d8;
margin: 0 0 15px;
}

ul.contactform .textarea1 {
width: 80%;
height: 200px;
border-radius: 3px;
padding: 6px;
border: 2px solid #d8d8d8;
margin:0 0 5px;
}

ul.contactform .s_text{
display: block;
font-size: 0.9em;
margin-bottom: 2%;
}

ul.contactform li ul.buttonarea {
padding-left: 0px;
}

ul.contactform li ul.buttonarea li {
width: 100%;
}

ul.contactform li ul.buttonarea li .submit {
border: none;
cursor: pointer;
width: 100%;
height: 48px;
padding: 8px;
background-color: #efefef;
border-radius: 3px;
border: 1px solid #c7c7c7;
}

ul.contactform li ul.buttonarea li .submit:hover {
border: 3px solid #fa7f55;
background:#fafafa;
transition: all 0.8s ease 0s;
}

}

@media screen and (max-width: 740px){

.contel {
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.8em;
}

p{
font-size: 0.9em !important;
}
	
ul.contactform li ul.buttonarea li .submit {
color:#6d5139;
font-weight: bold;
font-size:1em;
}

}



/* link
----------------------------------- */

a:link, a:visited {
	color: #6d5139;
	text-decoration:  none;
}
a:hover, a:active {
	color: #C90;
	text-decoration:  none;
}

a:hover img.alp{
	background-color:#FFFFFF;
	filter:alpha(opacity=80); /*IE*/
	-moz-opacity:0.80; /*FF*/
	opacity:0.80;
}

a:hover img.alp02{
	background-color:#FFFFFF;
	filter:alpha(opacity=60); /*IE*/
	-moz-opacity:0.60; /*FF*/
	opacity:0.60;
}

#canvas01 {
	float: left;
	width: 100%;
	height: 400px;
}