@charset "utf-8";

/* ################## 共通のスタイル ################## */

* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: "Verdana", "Arial", "Helvetica", "Verdana", "sans-serif";
	color: #545454;
	letter-spacing:1px;
	background-image: url(../img/body-back.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;



}
img {
    border:0;
	}
ul{
list-style:none;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
  }
a,a:link a:visited{
color:#f78028;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
#wrapper {
	width: 850px;
	margin:0 auto;
}

/* ################## 共通のスタイルここまで ################## */





/* ################## ヘッダーのスタイル ################## */

#header{
	width:850px;
	height:165px;
}
#header h1{
font-size:10px;
font-weight:normal;
line-height:24px;
}
#top-bar{
width:850px;
height:25px;
}
#top-bar-left{
width:700px;
float:left;
}
#top-bar-right{
width:110px;
float:right;
}
#top-bar-right li a,a:link a:visited{
display:block;
text-indent:-9999px;
width:110px;
height:25px;
overflow:hidden;
background:url(../img/top-bar-navi.jpg) no-repeat 0 0;
}
#top-bar-right a:hover{
background:url(../img/top-bar-navi.jpg) no-repeat 0 -25px;
}

#logo{
width:850px;
}
#title{
width:300px;
margin-bottom:23px;
}
#title p{
margin-top:23px;
}
#title p a{
text-indent:-9999px;
display:block;
width:227px;
height:44px;
overflow:hidden;
}

#global-navi{
width:850px;
height:50px;
background:url(../img/global-navi.jpg) no-repeat 0 0;
}
#global-navi ul{
list-style:none;
}
#global-navi li{
float:left;
}
#navi01 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:136px;
height:50px;
overflow:hidden;
}
#navi01 a:hover{
background:url(../img/global-navi.jpg) no-repeat 0 -50px;
}
#navi02 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:137px;
height:50px;
overflow:hidden;
}
#navi02 a:hover{
background:url(../img/global-navi.jpg) no-repeat -136px -50px;
}
#navi03 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:147px;
height:50px;
overflow:hidden;
}
#navi03 a:hover{
background:url(../img/global-navi.jpg) no-repeat -273px -50px;
}
#navi04 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:147px;
height:50px;
overflow:hidden;
}
#navi04 a:hover{
background:url(../img/global-navi.jpg) no-repeat -420px -50px;
}
#navi05 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:142px;
height:50px;
overflow:hidden;
}
#navi05 a:hover{
background:url(../img/global-navi.jpg) no-repeat -567px -50px;
}
#navi06 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:141px;
height:50px;
overflow:hidden;
}
#navi06 a:hover{
background:url(../img/global-navi.jpg) no-repeat -709px -50px;
}

.submenu {
  visibility: hidden;
  position: absolute;
  z-index: 3;
  background-image: url(../img/subnavi.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#submenu01 a,a:link a:visited {
  display: block;
  width:147px;
  height:34px;
}
#submenu01 a:hover {
background-image: url(../img/subnavi.jpg);
	background-repeat: no-repeat;
	background-position: -147px 0px;
}
#submenu02 a,a:link a:visited {
  display: block;
  width:147px;
  height:35px;
}
#submenu02 a:hover {
background-image: url(../img/subnavi.jpg);
	background-repeat: no-repeat;
	background-position: -147px -34px;
}

/* ################## ヘッダーのスタイルここまで ################## */




/* ################## トップページコンテンツのスタイル ################## */

#main-flash{
width:850px;
}
#main-image{
width:850px;
}


/* ################## 各種問い合わせのスタイル ################## */

#contact-navi{
width:850px;
height:55px;
background:url(../img/contact-navi.jpg) no-repeat 0 0;
margin-bottom:15px;
}
#contact-navi li{
float:left;
}
#contact-navi01 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:283px;
height:50px;
overflow:hidden;
}
#contact-navi01 a:hover{
background:url(../img/contact-navi.jpg) no-repeat 0 -55px;
}
#contact-navi02 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:284px;
height:50px;
overflow:hidden;
}
#contact-navi02 a:hover{
background:url(../img/contact-navi.jpg) no-repeat -283px -55px;
}
#contact-navi03 a,a:link a:visited{
display:block;
text-indent:-9999px;
width:283px;
height:50px;
overflow:hidden;
}
#contact-navi03 a:hover{
background:url(../img/contact-navi.jpg) no-repeat -567px -55px;
}

/* ################## 各種問い合わせのスタイルここまで ################## */



#main-contents{
	width:850px;
	background:url(../img/contents-back.jpg) repeat-y 0 0;
	
}


/* ################## 左側コンテンツのスタイル ################## */

#main-contents-left{
width:600px;
float:left;
}
#main-contents-left p{
font-size:80%;
line-height:1.6;
}
#about{
width:600px;
}
#about p{
margin-top:15px;
}
#delivery{
width:600px;
margin-top:25px;
}
#delivery h3{
margin-bottom:15px;
}
#store{
width:600px;
margin-top:25px;
}
#store p{
margin-top:15px;
}

#store-left{
width:410px;
float:left;
}
#store-right{
width:190px;
float:right;
}
#store-left ul {
font-size:80%;
}
#store-left li{
float:left;
display:inline;
margin-right:15px;
margin-top:10px;
}
#store-left  li a{
text-decoration:none;
}
#store-left img{
margin-bottom:5px;
}
#store-right p{
font-size:80%;
margin-top:10px;
}
#store-right img{
margin-bottom:5px;
}
a:hover span{text-decoration:underline;}

/* ################## 左側コンテンツのスタイルここまで ################## */



/* ################## 右側コンテンツのスタイル ################## */

#main-contents-right{
width:225px;
float:right;
border-bottom:1px solid #ccc;
}
#main-contents-right p{
font-size:80%;
line-height:1.6;
}
#entry{
width:225px;
padding-bottom:20px;
background-color:#fff;
}
#main-contents-right02{
border-left:1px solid #ccc;
border-top:1px solid #ccc;
padding-top:12px;
}
#calender{
width:223px;
margin-bottom:12px;
}
#calender p{
margin-left:14px;
}
#calender p img{
margin-bottom:5px;
}
#side-banner{
width:224px;
background:url(../img/side-banner-back.jpg) repeat-y 0 0;
padding:10px 0px 4px 0px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#side-banner p{
margin:0px 0px 10px 14px;
}
#side-banner p a img{
background-color:#fff;
}


/* ################## 右側コンテンツのスタイルここまで ################## */



/* ################## トップページコンテンツのスタイルここまで ################## */




#top-back{
width:850px;
margin:20px 0px;
}


/* ################## フッターのスタイル ################## */

#footer{
	width:100%;
	height:126px;
	border-top:1px solid #ccc;
	background:url(../img/footer-back.jpg) no-repeat center 0px;
}
#footer02{
width:878px;
height:90px;
margin:0px auto;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
background-color:#fff;
}
#footer02 p{
font-size:10px;
margin-left:15px;
line-height:1.8;
}
#footer02 p img{
vertical-align:bottom;
}
#footer-navi{
margin-bottom:12px;
border-bottom:1px solid #ccc;
}
#footer-navi ul{
font-size:10px;
line-height:30px;
}
#footer-navi li{
float:left;
}
#footer-navi li a,a:link a:visited{
display:block;
padding:0px 15px 0px 33px;
background:url(../img/list-mark01.gif) no-repeat 15px center;
}
#footer-navi a:hover{
background-color:#f3f3f3;
}

/* ################## フッターのスタイルここまで ################## */





/* ################## クラススタイル ################## */

.stressed01{
color:#e60012;
font-weight:bold;
}
.align-right{
text-align:right;
}
.align-center{
text-align:center;
}
.img-left img{
float:left;
margin-right:20px;
}
.img-right img{
float:right;
margin-left:20px;
}
a.imghover:hover img {
filter:alpha(opacity=70);
opacity:0.7;
}   


/* ################## クラススタイルここまで ################## */



#navi01 a{
background:url(../img/grobal-navi.jpg) no-repeat 0 -50px;
}