@charset "utf-8";
/* CSS Document */

/* 初期設定
-------------------------------------------------------------- */

a,h1,h2,h3,h4,p,img,hr,body,ul,ol,li,dl,dt,dd,table,td,form {
	border:0;
	padding:0;
	margin:0;
	font-size:100%;
}

*:first-child+html img{
	font-size:0;
}

* html img{
	font-size:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

td {
	vertical-align:top;
}

blockquote {
	margin:2em;
}

ul{
	list-style:none;
}

/* a, h, p, body
-------------------------------------------------------------- */

a {	
	color:#333;
	text-decoration:none;
}

a:hover {
	color:#999;
	text-decoration:underline;
}

a img {
}

a:hover img{
	background:url(../img/hover.gif);
	filter:alpha(opacity=60); 
	opacity:0.6;
}

#main .slideshow a:hover img{
	background:url(../img/hover.gif);
	filter:alpha(opacity=100);
	opacity:1;}


h1,h2,h3,h4,h5{
	font-size:100%;
}

p{
	margin:1em 0;
}

body {
	font-family:"ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック";	
	font-size:12px;
	line-height:1.5em;
	color:#333;
	background:#c2c3cc url(../img/bgBody.gif) repeat-x;
}

#base{
	width:960px;
	margin:0 auto;
	background:#fff;
}
	
/* Header
-------------------------------------------------------------- */
#header{
	width:936px;
	height:120px;
	padding-top:48px;
	margin:0 auto;
}

#header h1{
	width:288px;
	height:60px;
	background:url(../img/logo.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}

#header h1 a{
	display:block;
	width:288px;
	height:60px;
}

#snav{
	width:648px;
	height:84px;
	float:left;
}

#snav li{
	background:url(../img/iconArrow.gif) no-repeat 0 center ;
	float:right;
	padding-right:2em;
	padding-left:1.5em;
	margin-top:2em;
}

#navi{
	clear:both;
	width:936px;
	height:36px;
}

	#navi ul {
		list-style:none;
		display:inline;
	}
	
	#navi li {
		text-indent:-9999px;
		overflow:hidden;
		float:left;
	}
	
	#navi a {
		display:block;
		text-decoration:none;
		height:36px;
	}
	
	#navi .li1{
		background:url(../img/navi1.gif) no-repeat;
		width:180px;
		height:36px;
	}
	
	#navi .li2{
		background:url(../img/navi2.gif) no-repeat;
		width:121px;
		height:36px;
	}
	
	#navi .li3{
		background:url(../img/navi3.gif) no-repeat;
		width:108px;
		height:36px;
	}
	
	#navi .li4{
		background:url(../img/navi4.gif) no-repeat;
		width:120px;
		height:36px;
	}
	
	#navi .li5{
		background:url(../img/navi5.gif) no-repeat;
		width:120px;
		height:36px;
	}
	
	#navi .li6{
		background:url(../img/navi6.gif) no-repeat;
		width:167px;
		height:36px;
	}
	
	#navi .li7{
		background:url(../img/navi7.gif) no-repeat;
		width:120px;
		height:36px;
	}
	
	#navi .li1 a:hover{
		background:url(../img/navi1Hover.gif) no-repeat;
	}
	
	#navi .li2 a:hover{
		background:url(../img/navi2Hover.gif) no-repeat;
	}
	
	#navi .li3 a:hover{
		background:url(../img/navi3Hover.gif) no-repeat;
	}
	
	#navi .li4 a:hover{
		background:url(../img/navi4Hover.gif) no-repeat;
	}
	
	#navi .li5 a:hover{
		background:url(../img/navi5Hover.gif) no-repeat;
	}
	
	#navi .li6 a:hover{
		background:url(../img/navi6Hover.gif) no-repeat;
	}
	
	#navi .li7 a:hover{
		background:url(../img/navi7Hover.gif) no-repeat;
	}
	

#contents{
	width:936px;
	margin:2em auto 0 auto;
}

/* Side
-------------------------------------------------------------- */

#side{
	width:204px;
	float:left;
	overflow:hidden;
	padding-left:1em;
}

#side ul{
}

#side li{
	margin-bottom:1em;
	width:204px;
	height:72px;
	text-indent:-9999px;
	overflow:hidden;
}

#side li a{
	display:block;
	width:204px;
	height:72px;
}

#side .side1{
	background:url(../img/side1.gif) no-repeat;
}

#side .side2{
	background:url(../img/side2.gif) no-repeat;
}

#side .side3{
	background:url(../img/side3.gif) no-repeat;
}

#side .side4{
	background:url(../img/side4.gif) no-repeat;
}

#side .side5{
	background:url(../img/side5.gif) no-repeat;
}

#side .side6{
	background:url(../img/side6.gif) no-repeat;
}

#side .side1 a:hover{
	background:url(../img/side1Hover.gif) no-repeat;
}

#side .side2 a:hover{
	background:url(../img/side2Hover.gif) no-repeat;
}

#side .side3 a:hover{
	background:url(../img/side3Hover.gif) no-repeat;
}

#side .side4 a:hover{
	background:url(../img/side4Hover.gif) no-repeat;
}

#side .side5 a:hover{
	background:url(../img/side5Hover.gif) no-repeat;
}

#side .side6 a:hover{
	background:url(../img/side6Hover.gif) no-repeat;
}


/* Footer
-------------------------------------------------------------- */
#footer{
	clear:both;
	width:936px;
	height:2em;
	padding-top:2em;
	padding-bottom:4em;
	margin:1em auto 0 auto;
	border-top:1px solid #ccc;
}

#footer ul{
	width:660px;
	height:2em;
	float:left;
}

#footer li{
	float:left;
	padding:0 2em;
	background:url(../img/iconBar.gif) no-repeat right center;
}

#footer p{
	width:276px;
	height:2em;
	font-size:9px;
	color:#999;
	float:left;
	margin:0;
}

.clear{
	clear:both;
}

/* 装飾
-------------------------------------------------------------- */
.left{text-align:left; width:500px;}

.left450{text-align: left; width:400px;}

.orenziwaku{
    padding: 10px;
    border: #ff8000 solid;
    background: #fffff1;
	border-width: 1px;
    line-height: 120%;
    text-align: center;
	width:450px;
	height:auto;
    } 
	
/* テーブル
-------------------------------------------------------------- */
table#table-01 {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    }
table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 1px;
    text-align: center;
	width: 120px;
    }

table#table-01 td  ul {
    padding: 5px;
    text-align: left;
	width: 120px;
    }
	
table#table-01 td  ul li{
    margin-left:0px;
	list-style-type:none;
    }
	
	
table#table-02 {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-02 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    }
table#table-02 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 1px;
    text-align: center;
	width: 120px;
    }

table#table-02 td  ul {
    padding: 5px;
    text-align: left;
	width: 120px;
    }
	
table#table-02 td  ul li{
    margin-left:0px;
	list-style-type:none;
    }
	
	
	
table#table-03 {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-03 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
	width:190px;
    }
table#table-03 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 1px;
    text-align: center;
	width:auto;
    }

table#table-03 td  ul {
    padding: 5px;
    text-align: left;
	width: 120px;
    }
	
table#table-03 td  ul li{
    margin-left:0px;
	list-style-type:none;
    }
	
/* システム紹介
-------------------------------------------------------------- */
table#table-04 {
    width: 500px;
    }

table#table-04 th {
    padding: 0px;
    background: url(../img/th.gif) no-repeat;
    font-weight: bold;
    line-height: 110%;
    text-align: center;
	width: 250px;
	font-size: 130%;
	color:#ffffff;
	height: 30px;
    }
table#table-04 td {
    padding: 0px;
    text-align: center;
	width: 250px;
	background: url(../img/td.gif) no-repeat;
	height:150px;
    }


/* ECショップシステム機能
-------------------------------------------------------------- */

	
table#table-05 {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-05 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 1px;
	font-weight: normal;
    line-height: 120%;
    text-align: left;
	width:65%;
    }
	
table#table-05 th.center{text-align: center; 
                         background: #F5F5F5;
						 width:30%;}	
table#table-05 th.center2{text-align: center; 
                         background: #F5F5F5;
						 width:30%;}	
	
	
table#table-05 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 1px;
    text-align: center;
	vertical-align:middle;
	width: 5%;
	background: #F5F5F5;
    }



table#table-05 td  ul {
    padding: 5px;
    text-align: left;
	width: 120px;
    }
	
table#table-05 td  ul li{
    margin-left:0px;
	list-style-type:none;
    }
	
/* ブックマーク */
.bookmark{width:667px; height:30px; margin:10px 0 0 0; }

.book
{
float:right;
height:auto;
width:auto;
padding-left:5px;
}