@charset "utf-8";

html,
body,
#wrap{
	height:100%;
}

body > #wrap{
	height:auto;
	min-height:100%;
}

* {
    margin: 0;
    padding: 0;
}

img{
	border:0;
	vertical-align:bottom;
}

body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #555555;
    font-size: 72.5%;
    line-height: 150%;
    letter-spacing:1px;
}

li {
    list-style-type: none;
}

select {
    border: solid 1px #ccc;
}


br.clear {
    clear: both;
    display: none;
    font-size: 0px;
    line-height: 0%;
    height: 0px
}

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

* html .clearfix{
  height:1%;
  overflow:visible;
}

a:link {
    color: #0066cc;
    text-decoration: underline;
}
a:visited {
    color: #0066cc;
}
a:hover {
    color: #0099cc;
}

.caution{
	font-weight:bold;
	color:#f00;
}

/*  �w�b�_�[  */

#headerline{
	background:#009900;
}

#headerline h1{
	width:896px;
	margin:0 auto;
	color:#fff;
	font-size:12px;
	padding:2px 0;
}

#header{
	padding:13px 0;
}

#headerArea{
	width:896px;
	margin:0 auto;
}

#navibg{
	background:url(../img/top_manu3_bg.jpg) repeat;
	margin: 0 0 20px;
}

ul#navi{
	width:895px;
	margin:0 auto;
}

ul#navi li{
	float:left;
}

/* �t�b�^�[ */

#footer{
	color:#fff;
	background:#007bed;
	margin-top:-90px;
	height:90px;
	position:relative;
	background-color: #009900;
}

#footerArea{
	width:896px;
	margin:0 auto;
	padding:20px 0;
}

#footerLink{
	text-align:center;
}

#footerLink a{
	color:#fff;
	text-decoration:none;
}

#copyright{
	text-align:center;
	margin-top:15px;
}

/* �J�������C�A�E�g */

#container{
	width:896px;
	padding-bottom:120px;
	margin:0 auto;
}

#contents{}

#left_center{
	width:678px;
	float:left;
}

#main{
	width:460px;
	float:right;
}

#scene {
	margin-bottom: 20px;
}

#mainleft{
	width:195px;
	float:left;
	text-align: center;
}

#mainleft ul {
	margin: 10px auto;
	width: 180px;
}

#mainleft ul li {
	margin-bottom: 8px;
}


#right{
	width:195px;
	float:right;
}


#right ul {
	margin: 10px auto 20px;
	width: 177px;
}

#right ul li {
	margin-bottom: 8px;
}

#right table {
	width: 190px;
	margin: 0px auto 10px;
	background-color: #e3e6ed;
}

#right table th {
	background-color: #e3e6ed;
	width: 190px;
	font-size: 14px;
	height: 30px;
	margin: 0px;
}



#right table td {
	padding: 4px;
	border: solid 2px;
	border-color: #e3e6ed;
	border-top: none;
	background-color: #FFFFFF;
}

#right .shoptitle {
	margin-bottom: 10px;
}




/* 1�J���� */
#one_container {
	margin: 0 auto;
	width: 800px;
	padding-bottom:120px;
}

#one_container h2{
	margin-bottom:20px;
}


/* ���p�K��
-------------------------------------*/
#kiyaku{}

#kiyaku h3{
	font-weight:bold;
	color:#006600;
	padding:8px 0 8px 5px;
	margin:30px 0 20px;
	font-size:18px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-bottom-width: 1px;
	border-left-width: 20px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #02D20A;
	border-left-color: #33CC00;
	background-color: #00FF66;
}

#kiyaku ul{
	margin-left:40px;
	margin-bottom:30px;
}

#kiyaku li{
	list-style:disc outside;
	margin-bottom:10px;
	line-height:1.5;
}

#kiyaku table{
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:10px 0 30px;
}

#kiyaku th{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#e1f4ff;
	text-align:center;
	padding:8px;
	color:#0075ea;
}
#kiyaku td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	padding:8px;
}
#kiyaku h4{
	font-weight:bold;
	color:#006600;
	margin:20px 18px 15px 18px;
	padding:0.5em;
	background-color: #00FF66;
}

/* �v���C�o�V�[�|���V�[
-------------------------------------*/
#privacy{}

#privacy h3{
	background:#66FF99;
	font-weight:bold;
	color:#062F05;
	border-left:#e0e1ff 20px solid;
	border-bottom:#062F05 1px solid;
	padding:8px 0 8px 5px;
	margin:30px 0 20px;
	font-size:18px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

#privacy dt dl{
	amrgin:18px 0;
}

#privacy dt{
	background:#66FF99;
	font-weight:bold;
	color:#062F05;
	margin:20px 10px 15px 10px;
	padding:0.5em;
}

#privacy dd{
	margin:0 12px 30px 15px;
}

#privacy dd ol li{
	list-style:decimal outside;
	margin-left:30px;
	margin-bottom:15px;
}

#privacy dd ol ul{
	margin-top:10px;
}

#privacy dd ol ul li{
	list-style:disc outside;
	margin-left:15px;
	margin-bottom:8px;;
}

/* ��ЊT�v
-------------------------------------*/
#company{}

#company table{
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:10px 0 30px;
}

#company th{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#66FF99;
	text-align:left;
	padding:14px;
	color:#006600;
	width:auto
}
#company td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:left;
	padding:8px;
}

/* ���菤����@�Ɋ�Â��\�L
-------------------------------------*/
#law{}

#law table{
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	margin:10px 0 30px;
}

#law th{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#66FF99;
	text-align:left;
	padding:8px;
	color:#003601;
	width:25%
}
#law td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:left;
	padding:8px;
}


/* �戵���i
-------------------------------------*/
#products{}

#products #category{
	margin-bottom:20px;
	margin-left:20px;
}

#products #category li{
	display:inline;
	margin-right:2em;
	line-height:3em;
	font-weight:bold;
}

#products #onlineshop {
	margin-bottom: 30px;
	margin-left: 20px;	
}

#products #onlineshop a {
	text-decoration: none;
}

#products .maker {
	width: 680px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding-left: 20px;
}

#products .maker td{
	margin-right:3em;
	line-height:3em;
	width: 200px;
}

#products .maker td img {
	margin-bottom: 5px;
}


#products .maker td a {
	text-decoration: none;
}

#products .maker td p {
	margin-left: 5px;
	margin-bottom: 10px;
}	

/* �X�܏Љ�
-------------------------------------*/
#shop{}

#shop #staff{
	margin:30px 0;
}

#shop #shopNavi{
	margin:20px 0 30px;
}

#shop #shopNavi li{
	float:left;
	width:266px;
	text-align:center;
}

#shop #shopNavi li a{
	text-decoration:none;
	display:block;
	height:100%;
	background:#f2f2f2;
	border:2px solid #fff;
	padding:1em 0;
	font-weight:bold;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

#shop #shopNavi li a:hover{
	background:#a0cdef;
	color:#fff;
}

#shop .shop_section{
	margin-bottom:30px;
}

#shop .shop_section .image{
	width:380px;
	float:left;
}

#shop .shop_section .photo{
	margin-bottom:10px;
}

#shop .shop_section .info{
	width:400px;
	float:right;
}

#shop .shop_section .info h3{
	border-left:10px solid #f49263;
	border-bottom:2px solid #f49263;
	padding:4px 0 4px 15px;
	color:#333;
	font-size:150%;
	margin-bottom:20px;
}

#shop .shop_section .info dt{
	font-weight:bold;
	color:#f00;
	margin-bottom:20px;
}

#shop .shop_section .info dd{
	margin-bottom:20px;
}

#shop .shop_section .goTop{
	clear:both;
	text-align:right;
	marin-top:10px;
}

/* �j���[�X
-------------------------------------*/
#newsevent {
	margin-bottom: 20px;
	width: 460px;
}

#newstitle {
	padding-bottom: 5px;
}

.newsarea {
	margin: 5px;
	font-size: 14px;

}

#newsevent dl {  
	width:460px;  
} 
 
#newsevent dt {  
	float:left;  
	width:10px;  
	clear:both;  
	font-weight:bold;
	width:100px;    
}  

#newsevent dd {  
	width: 340px;
	margin-left:120px;  

}