@charset "shift_jis";

/* set up */
html{ height:100%;}
div,pre,p,form,input,textarea,select,option, 
dl,dt,dd,ul,ol,li,table,th,td,embed,object { 
   margin                 : 0; 
   padding                : 0; 
} 
h1{
	background-image: url(img/pic_list_h.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 16px;
	color: #487527;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
}
h1 a{ color: #487527;}
h2{
	background-image: url(img/pic_list_h.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 15px;
	color: #487527;
	margin: 0;
	padding: 0 0 0 10px;
}
h3{
	background-image: url(img/pic_list_h.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #487527;
	margin: 0;
	padding: 0 0 0 10px;
}
h4{ font-size: 14px; color: #666; margin: 0; padding: 0;}
h5{ font-size: 13px; color: #666; margin: 0; padding: 0;}
h6{ font-size: 12px; color: #666; margin: 0; padding: 0;}
body {
   height				  : 100%;
   margin                 : 0;
   padding                : 0;
   color                  : #666;
   background-color       : #F0ECEC;
   font-size              : 12px;
   line-height            : 150%;
}
body > div.all{
    height: auto;
}

a { text-decoration: underline; color: #096;} 
a:hover { text-decoration: none;}
a:visited {} 
img{ border: 0; vertical-align: middle;}
input{ border: 1px solid #999;}
textarea{ border: 1px solid #999;}
hr{ border: 1px dotted #999;}
li{ list-style: none;}
caption{ text-align: left;}
/* set up */


/* float_clear */
.l{ float: left; width: 150px;}
.r{ float: right; width: 640px;}
.cl{ clear: both; visibility: hidden; height: 0;}
/* float_clear */


/* text */
.text_red{ color: #CC0000;}
.text_blue{ color: #006699;}
.text_green{ color: #77AB1C;}
.text_orange{ color: #fc0;}
.text_pink{ color: #F85291;}
.text_glay{ color: #999966;}
.text_bold{ font-weight: bold;}
.text_s{ font-size: 10px;}
/* text */


/* class */
.all{
	width: 898px;
	height: 100%;
	min-height:100%;
	margin: 0 auto;
	padding: 0 5px;
	background-image: url(../img/bg_all.jpg);
	background-repeat: repeat-y;
}

.content{ margin: 30px 40px;;}

.l ul{ border-top: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9;}
.l li{ padding-bottom: 1px; border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;}


.article_new2{
	float: left;
	width: 277px;
	padding-top: 36px;
	background-image: url(../img/bg_new2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.article_new2 p{
	margin-bottom: 15px;
	padding-left: 15px;
	background-image: url(../img/bg_list.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.article_c2{
	height: 280px;
	padding: 20px 20px 0 20px;
	overflow: auto;
	background-image: url(../img/bg_c2.jpg);
	background-repeat: repeat-y;
	background-position: left;
	scrollbar-base-color: #eee;
	scrollbar-shadow-color: #ddd;
	scrollbar-darkshadow-color: #ddd;
	scrollbar-arrow-color: #ccc;
}
.article_b2{
	padding-bottom: 25px;
	background-image: url(../img/bg_b2.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.article_youtube{
	float: right;
	width: 346px;
	padding-top: 36px;
	background-image: url(../img/bg_youtube.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.article_youtube_c{
	height: 280px;
	padding: 20px 13px 0 13px;
	background-image: url(../img/bg_youtube_c.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
.article_youtube_b{
	padding-bottom: 25px;
	background-image: url(../img/bg_youtube_b.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}



.article_new{
	padding-top: 36px;
	background-image: url(../img/bg_new.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.article_new p{
	margin-bottom: 15px;
	padding-left: 15px;
	background-image: url(../img/bg_list.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.article_c{
	padding: 20px 20px 0 20px;
	background-image: url(../img/bg_c.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
.article_b{
	padding-bottom: 25px;
	background-image: url(../img/bg_b.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}


.article_contact{
	padding-top: 36px;
	background-image: url(../img/bg_contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.article_contact table{
	width: 100%;
}
.article_contact th{
	width: 100px;
	padding: 15px 0;
	font-weight: normal;
	text-align: left;
}
.article_contact td input{
	width: 365px;
	padding: 8px;
}
.article_contact td textarea{
	padding: 8px;
}
.article_contact p{ text-align: center;}
.article_contact p input{ padding: 2px 5px; font-size: 14px;}


.article_about{
	padding-top: 36px;
	background-image: url(../img/bg_about.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.article_about table{ line-height: 200%;}
.article_about th{
	font-weight: normal;
	text-align: left;
}
.article_about td{
	padding: 5px 0;
}
.article_about td p{
	padding: 10px 15px;
	background-image: url(../img/bg_list.gif);
	background-repeat: repeat-y;
	background-position: left;
}


.article_link{
	padding-top: 36px;
	background-image: url(../img/bg_link.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


.article_shop{
	padding-top: 36px;
	background-image: url(../img/bg_shop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}






.p_10{ padding: 10px 0;}
.p_10 input{ margin-bottom: 10px; padding: 8px;}
.p_10 textarea{ padding: 8px; line-height: 200%;}

.input{ width: 95%;}

.about_t{ width: 100%;}

.radio{ margin-top: 10px;}
.radio input{ vertical-align: middle; border: 0;}

.re{ height: 30px; text-align: right; vertical-align: middle;}

.copy{ padding: 30px 0; text-align: center; font-size: 10px; color: #999; border-top: 1px solid #D9D9D9;}
/* class */