/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:url(images/body-bg.gif) center top repeat;
	text-align:center;
}

object {vertical-align:top; outline:none;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea, p, div
	{
		font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
		font-size:16px;
		line-height:1.5em;
		color:#333333;
	}

input, select { vertical-align:middle; font-weight:normal;}

.sred {color:#ff3300; font-weight:bold;}

/* a {color:#9ac734; outline:none;} */
a {color:#79b512; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:18px;}

/* ============================= main layout ====================== */

li { background:url(images/marker.gif) no-repeat 0 7px; padding-left:12px; line-height:1.33em;}
li a {color:#79b512;}
/* li a {color:#9ac734;} */

.imgindent {margin:0 20px 0 0; float:left;}

#main {background:#fff;}
.main-indent {padding:0 42px 0 41px;}

h1 {text-indent: -9999px; height: 0px;}

.home-title {
	height: 34px;
	background: url(images/default_title899.jpg) no-repeat;
	padding: 4px 0 0 34px;
	margin-top: 50px;
	color: #ffffff;
	font-size: 40px;
}

h3 {font-size:1.5em; line-height:1.2em; color:#000; text-transform:uppercase; margin-top: 50px;}
h3 strong {display:block; margin-top:-10px;}

#navi {font-size: 80%; margin: 0 0 20px 60px;}

/* ============================= header ====================== */
#header {margin-bottom:50px;}

#header-sub {text-align: center; margin: 30px 0 30px 0;}

/* ============================= content ====================== */
.home-menu {width: 899px; height: 40px; padding: 0 0 0 211px;}

.indent {padding:0 0 54px 0;}

.padding {padding-bottom:56px;}
.padding1 {padding-bottom:50px;}
.padding2 {padding-bottom:45px;}
.padding3 {padding-bottom:60px;}

.col-pad {padding-right:35px;}
.col-pad1 {padding-right:43px;}
.col-pad2 {padding-right:30px;}

.spacing {letter-spacing:-1px;}

.margin {margin-bottom:10px;}

.box {background:#fff; width:244px; margin-bottom:14px;}
.box .indent {padding:5px 20px 4px 22px;}
.box .bottom-tail {background:url(images/box-bottom-tail.gif) left bottom repeat-x;}
.box .top-tail {background:url(images/box-top-tail.gif) left top repeat-x;}
.box .left-tail {background:url(images/box-left-tail.gif) top left repeat-y;}
.box .right-tail {background:url(images/box-right-tail.gif) top right repeat-y;}
.box .bottom-right {background:url(images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .bottom-left {background:url(images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .top-right {background:url(images/box-corner-top-right.gif) top right no-repeat;}
.box .top-left {background:url(images/box-corner-top-left.gif) top left no-repeat; width:100%;}

.box li {font-size:1.333em;  background:url(images/box-li-bg.gif) left bottom repeat-x; letter-spacing:-1px; padding:0 0 0px 0; line-height:1.5em;}
.box li a {text-transform:uppercase; color:#878787; text-decoration:none; display:block; height:33px; padding:8px 0 0 21px; margin:0px -28px 0px -21px; }
.box .active, .box li a:hover {background:url(images/box-active.gif) left top no-repeat;  color:#fff; position:relative;}
.box li span {height:0px;}
.box .last {background:none;}

.link {display:inline-block; background:url(images/link-bg.gif) left 5px no-repeat; padding-left:15px; color:#8ccb00; font-size:1.333em; text-decoration:none; line-height:1.2em;}
.link:hover {color:#b9df63;}

.pad {padding-top:48px;}
.pad1 {padding-top:40px;}
.pad2 {padding-top:20px;}
.pad3 {padding-top:26px;}

.box .padding {padding-bottom:1px;}

.title {text-transform:uppercase; font-size:1.16em; line-height:1.2em; color:#c1c1c1;}

.list {padding-top:30px;}
.list li {background:url(images/links-li-bg.gif) left 0px no-repeat; float:left; padding:0 0 0 0; font-size:1.16em; line-height:1.5em;}
.list li a {display:block; text-align:center; padding:0 34px; text-decoration:none; color:#8ccb00;}
.list .last {background:url(images/links-li-bg.gif) right 0px no-repeat;}
.list img {margin-bottom:7px;}
.list li a:hover {color:#c7e682;}

.list1 li a {padding:0 29px;}

.blog-left {background:url(images/blog-left-bg.gif) left top no-repeat; padding-left:20px;}
.blog {background:url(images/blog-tail-bg.gif) left top repeat-x;}
.blog-right {background:url(images/blog-right-bg.gif) right top no-repeat; width:100%; height:42px; font-size:2em; line-height:1.2em; color:#120c16; padding-top:13px; }
.blog-right strong {color:#8ccb00;}

.table-func {font-size: 80%; border-collapse: collapse; width: 100%;}
.table-func td {vertical-align: top; padding: 10px; border: 1px solid #333333;}
.table-func-t {background-color:#aaff99;}

/* .mail {color:#9c9c9c;} */
.phone {display:inline-block; width:80px;}
/* ============================= footer ====================== */
#footer { text-align:center; padding-top:12px;}
#footer strong {color:#000;}
#footer a {color:#000; text-decoration:none;}
#footer a:hover {text-decoration:underline;}


/* ============================= forms ============================= */
#SearchForm {float:right; padding:75px 0 0px 0; width:323px;}
#SearchForm label {background:url(images/input-bg.gif) right top no-repeat; display:block; text-align:right; float:left; line-height:1.2em; height:28px;}
#SearchForm label strong { color:#adacac; font-size:1.16em; text-decoration:none; font-weight:normal;}
#SearchForm .input-img {float:left;}
#SearchForm a {text-decoration:none; color:#9d9d9d;}
#SearchForm a:hover {color:#d4d4d4;}
#SearchForm .input {width:164px;  border:none; background:none; padding:2px 0 1px 5px; font-size:1em; line-height:1.2em; margin:2px 0 0 17px;}

#ContactForm  {padding:18px 0 0 120px;}
#ContactForm label {height:42px; display:block;}
#ContactForm  .link {margin:10px 0 0 25px;}


#YTForm  {width:500px; padding:0; text-align: left;}
#YTForm label {height:42px; display:block;}
#YTForm  .link {margin:10px 0 0 25px;}
#YTForm textarea {height:50px; margin-bottom: 20px; border:1px solid #a09b96; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}


.column1 {
	float:left;
	width:30%;
}
.column2 {
	float:left;
	width:60%;
}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.input {width:294px; border:1px solid #a09b96; background:none; padding:2px 0 3px 5px; font-size:1em; line-height:1.16em;}

textarea {width:292px; height:105px; border:1px solid #a09b96; background-color: #eeeeee; padding:0 0 0 5px; overflow:auto; font-size:1em;}

.check {font-size: 80%;}


#ProductForm {
	margin-left: 40px;
	width: 899px;
	height: 500px;
	border: 0;
}
#ProductForm label {height:42px; display:block;}
#ProductForm  .link {margin:10px 0 0 25px;}

#product-list {width: 850px; height: 400px;font-size: 9px; margin-left: -82px;}

#product-list-ptb {border-collapse: collapse;}
#product-list-ptb-home {width: 800px; border-collapse: collapse;}

.product-list-ptt {background-color: #666666; text-align: center; color: #ffffff; font-weidth: bold;}

.product-list-ptd {font-size: 9px; padding: 3px; border:1px solid #a09b96;}
.product-list-ptd-home {font-size: 11px; padding: 3px; border:1px solid #a09b96;}


#EnqueteForm {
	width: 800px;
	height: 500px;
	border: 0;
}
#EnqueteForm label {height:42px; display:block;}
#EnqueteForm  .link {margin:10px 0 0 25px;}

#enquete-name {width: 600px; margin-left: -82px;}
#enquete-conf {width: 600px; height: 350px;font-size: 11px; margin-left: -82px;}
.enquete-conf-ptd {font-size: 11px; padding: 3px; border:1px solid #a09b96;}

#EnqueteFormPrev {
	width: 740px;
	border: 0;
	text-align: left;
	margin: 0 30px 0 30px;
}
#EnqueteFormPrev label {height:42px; display:block;}
#EnqueteFormPrev  .link {margin:10px 0 0 25px;}


#EnqueteList {
	text-align: left;
}

#EnqueteListTable {
	width: 740px;
	margin-left: 30px;
	border-collapse: collapse;
}

.enquete-list-td {padding: 10px; border:1px solid #a09b96;}


#EnqueteSelect{
	text-align: left;
	margin: 0 10px 0 10px;
	padding: 0 10px 0 10px;
	font-size: 50%;
	background-color: #cccccc;
	text-align: center;
}

#EnqueteSheet{
	text-align: left;
	margin: 0 20px 0 20px;
}



#PrHistory {width: 800px; border-collapse: collapse;}

.pr-history {padding: 10px; border:1px solid #a09b96;}
.pr-history-tt {background-color: #666666; text-align: center; color: #ffffff; font-weight: bold;}



/* 会員登録フォーム */
div.error input, 
div.error textarea, 
div.error select,
div.error label{
	border: solid 2px #8ccb00;
}

* html div.error label {
    background:none;
}
*+html div.error label{
    background:none;
}
div p.error{
	color: #336600;
	font-size: 80%;
	font-weight:bold;
	margin: -20px 0 10px 0;
}

.tipped{
	color: #cccccc;
}

.alert{
	text-align: center;
	margin: 100px 0 100px 0;
}