@charset "UTF-8";
@import url("/css/common/common.css");
@import url("/css/common/base.css");


/*----- イントロダクション設定 ----------------------------------------------------*/

div.intro { width:56%; padding:0px; margin:100px 0 50px 0; position:relative; float:left; }

/*----- INFORMATION 設定 ----------------------------------------------------*/

section#news { width:40%; padding:0px; margin:120px 0 50px 0; position:relative; float:left; }

section#news h1{ width:100%; height:60px; padding:0px; margin:0; text-indent:-99999px; background:url(/img/home/information.png) center bottom no-repeat; background-size:100% auto; float:left; }

ul.news_list { width:100%; padding:5px 0; margin:0px; float:left; }
ul.news_list li{ width:95%; padding:2px 0; margin:0 0 5px 0; font-size:12px; line-height:18px; color:#fff; float:left; }

ul.news_list a{ color:#fff; }
ul.news_list a:hover{ color:#fff; text-decoration:underline; }

/*----- PRODUCTS 設定 ----------------------------------------------------*/

section#products { width:100%; padding:150px 0 30px 0; margin:0; float:left; }

section#products h1{ width:100%; height:65px; padding:0px; margin:0; text-indent:-99999px; background:url(/img/home/products.png) center bottom no-repeat; background-size:auto 100%; float:left; }

div.productsList { width:30%; padding:20px 0; margin:20px 1% 10px 2%; background-color:#dfc390; float:left; }
div.productsList {
	/* rounded corner */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
div.productsList h2{ width:100%; padding:0; margin:0; font-size:150%; line-height:20px; text-align:center; color:#6b491b; font-family:'Quattrocento', serif; float:left; }
div.productsList p{ width:96%; padding:10px 2%; margin:0; font-size:12px; line-height:20px; text-align:left; color:#333; float:left; }

div.productsList a{ color:#333; }
div.productsList a:hover{ text-decoration:underline; }

/*----- ABOUT US 設定 ----------------------------------------------------*/

section#about { width:100%; padding:150px 0 30px 0; margin:0; float:left; }

section#about h1{ width:100%; height:65px; padding:0px; margin:0; text-indent:-99999px; background:url(/img/home/about.png) center bottom no-repeat; background-size:auto 100%; float:left; }

table.outline_tbl { width:80%; padding:0px; margin:20px 10%; float:left; }
table.outline_tbl tr{ width:100%; padding:0px; }
table.outline_tbl th{ width:24%; padding:10px 0; font-size:14px; font-weight:bold; line-height:20px; color:#333; text-align:center; background-color:#dfc390; vertical-align:middle; }
table.outline_tbl td{ width:75%; padding:10px 0 10px 1%; font-size:14px; line-height:20px; color:#333; }

/*----- Photo 設定 ----------------------------------------------------*/

section#photo { width:100%; padding:150px 0 30px 0; margin:0; float:left; }

section#photo h1{ width:100%; height:65px; padding:0px; margin:0; text-indent:-99999px; background:url(/img/home/photo.png) center bottom no-repeat; background-size:auto 100%; float:left; }

ul#p_list { width:96%; padding:0px; margin:30px 0 0 4%; float:left; }
ul#p_list li{ width:30%; padding:0; margin:0 3% 0 0; text-align:center; float:left; }

div#more_btn { width:180px; padding:30px 0; margin:0 auto; text-align:left; clear:both; }
a.mrb_bg { width:180px; height:40px; font-size:14px; font-weight:bold; text-align:center; line-height:40px; color:#ffffff; background-color:#b58637; border:solid 1px #483314; text-shadow:1px 1px 1px #333; float:left; }
a.mrb_bg {
	/* rounded corner */
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
a.mrb_bg:hover{ background-color:#714f1f; }

/*----- Contact 設定 ----------------------------------------------------*/

section#contact { width:100%; padding:150px 0 30px 0; margin:0; float:left; }

section#contact h1{ width:100%; height:65px; padding:0px; margin:0; text-indent:-99999px; background:url(/img/home/contact.png) center bottom no-repeat; background-size:auto 100%; float:left; }

section#contact p{ width:80%; padding:0px; margin:10px 0 0 10%; font-size:14px; line-height:24px; color:#333; float:left; }

.txt_attention { color:#993333; }

div#form_area { width:100%; padding:0px; margin:20px 0 0 0; float:left; }

div#error_txt { width:80%; padding:0; margin:0 10%; font-size:14px; font-weight:bold; text-align:left; color:#ffff00; }

ul#error_msg { width:80%; padding:10px; margin:10px auto; font-size:12px; text-align:left; color:#ff0000; border:solid 1px #ff0000; background-color:#ffcc99; }
ul#error_msg li{ padding-bottom:5px; }

table.contact { width:80%; padding:0px; margin:0 10%; border:none; }
table.contact th{ width:25%; padding:5px 0 5px 0; text-align:center; font-size:12px; font-weight:normal; color:#333; background-color:#dfc390; vertical-align:middle; }
table.contact td{ width:74%; padding:5px 0 5px 1%; text-align:left; font-size:12px; line-height:25px; }

/*----- フォームパーツ設定 ----------------------------------------------------*/

.input_waku { padding-left:3px; background-color:#dfc390; color:#333333; font-size:13px; border:1px solid #674a16; }
select { background-color:#dfc390; color:#333333; font-size:12px; border:1px solid #674a16; }

input:focus { background-color:#cccccc!important; }
textarea:focus { background-color:#cccccc!important; }

/*----- フォームボタン設定(確認ボタン） ----------------------------------------------------*/

div#confbtn { width:150px; padding:0; margin:15px auto; font-size:14px; text-align:left; clear:both; }
.conf_btn_bg { width:150px; height:40px; border:0px; color:#ffffff; cursor:pointer; cursor:hand; float:left; }
.conf_btn_bg {
	/* rounded corner */
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.conf_btn_bg {
background: #b50000; /* Old browsers */
background: -moz-linear-gradient(top,  #b50000 0%, #d80300 12%, #cc0000 91%, #9b0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b50000), color-stop(12%,#d80300), color-stop(91%,#cc0000), color-stop(100%,#9b0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b50000 0%,#d80300 12%,#cc0000 91%,#9b0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b50000 0%,#d80300 12%,#cc0000 91%,#9b0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b50000 0%,#d80300 12%,#cc0000 91%,#9b0000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b50000 0%,#d80300 12%,#cc0000 91%,#9b0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b50000', endColorstr='#9b0000',GradientType=0 ); /* IE6-9 */
}

/*----- 980px以下の画面設定 ----------------------------------------------------*/

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


}

/*----- 650px以下の画面設定 ----------------------------------------------------*/

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

	/* HOME */
	div.intro { width:100%; padding:0px; margin:10px 0 0 0; position:relative; float:left; }

	section#news h1{ width:100%; height:30px; padding:0px; margin:0; font-size:24px; color:#fff; font-family:'Quattrocento', serif; text-indent:0; text-align:center; background:none; float:left; }
	section#news { width:100%; margin:30px 0 30px 0; float:left; }
	ul.news_list li{ width:98%; height:auto; padding:10px 0; margin:0 0 0 2%; font-size:80%; line-height:18px; text-indent:0px; color:#3e8399; float:left; }

	/* PRODUCTS */
	section#products { width:100%; padding:10px 0 0 0; margin:0; float:left; }
	section#products h1{ width:100%; height:30px; padding:0px; margin:0; font-size:24px; color:#fff; font-family:'Quattrocento', serif; text-indent:0; text-align:center; background:none; float:left; }
	div.productsList { width:98%; padding:20px 0; margin:20px 1% 10px 1%; background-color:#dfc390; float:left; }
	div.productsList img{ width:50%; padding:0; margin:1%; float:left;}

	/* ABOUT US */
	section#about { width:100%; padding:10px 0 0 0; margin:0; float:left; }
	section#about h1{ width:100%; height:30px; padding:0px; margin:0; font-size:24px; color:#fff; font-family:'Quattrocento', serif; text-indent:0; text-align:center; background:none; float:left; }
	table.outline_tbl { width:98%; padding:0px; margin:20px 1% 5px 1%; float:left; }
	table.outline_tbl th{ width:29%; padding:10px 0; font-size:12px; font-weight:normal; }
	table.outline_tbl td{ width:70%; padding:10px 0 10px 1%; font-size:12px; }

	/* PHOTO */
	section#photo { width:100%; padding:10px 0 0 0; margin:0; float:left; }
	section#photo h1{ width:100%; height:30px; padding:0px; margin:0; font-size:24px; color:#fff; font-family:'Quattrocento', serif; text-indent:0; text-align:center; background:none; float:left; }

	div#more_btn { width:150px; padding:20px 0 50px 0; }
	a.mrb_bg { width:150px; height:30px; line-height:30px; }

	/* CONTACT */
	section#contact { width:100%; padding:10px 0 0 0; margin:0; float:left; }
	section#contact h1{ width:100%; height:30px; padding:0px; margin:0; font-size:24px; color:#fff; font-family:'Quattrocento', serif; text-indent:0; text-align:center; background:none; float:left; }

	section#contact p{ width:96%; padding:0px; margin:10px 0 0 2%; font-size:14px; line-height:24px; color:#333; float:left; }

	table.contact { width:95%; padding:0px; margin:0 auto; border:none; }
	table.contact th{ width:100%; padding:5px 0 0 0; text-align:left; font-size:90%; font-weight:bold; color:#fff; background:none; vertical-align:middle; float:left; }
	table.contact td{ width:95%; padding:0 0 5px 0; text-align:left; font-size:12px; line-height:25px; float:left; }

}