@charset "utf-8";
/**********************************
　　　　　　　基本
**********************************/

*{ margin: 0; padding: 0;}

a:link{
color: #333;
}
a:visited{
color: #666;
}
a:hover{
color: #333;
text-decoration: none;
}

img.pngimg{
behavior: url("../pngbehavior.htc");
}
li{ list-style-position:inside;}

hr{
clear: left;
visibility: hidden;
height: 0;
margin: 0;
line-height: 0;
border: none;
}
body{
background: url(/img/bottombk.jpg) repeat-x bottom;
font-family: "MS ･ゴシック", arial, Osaka, Times New Roman;
font-size: 75%;
line-height: 1.7;
letter-spacing: 0.1em;
color: #2b2b2b;
border-top: 5px #86273b solid;
}
#main-bk{
background: url(/img/bk.jpg) repeat-x top;
height: 100%;
}
#bk-reef{
background: url(/img/bk-reef.gif) no-repeat center 220px;
width: 100%;
height: 100%;
margin: 0px auto;
}

.center{
text-align: center;
}

.red-bold{
color: #C00;
font-weight: bold;
}

img{
border: none;}

.bigbig{
font-size: 200%;
text-align: center;
}

/**********************************
｡｡｡｡｡｡｡｡｡｡｡｡｡｡header
**********************************/

#header{
margin: 0px auto;
width: 755px;
height: 100px;
}
#header h1{
margin: 10px 30px 10px 10px;
float: left;
}

ul#headernav  {
float : right; 
height: 34px;
width: 317px;
margin-bottom: 15px;
}

ul#headernav li{
list-style:none;
text-indent: -8467px;
float: left;
height: 34px;
display: block;
float /**/: left; /*IE6のみ除外ハック*/
}

ul#headernav li a{
background: url(img/headnav.gif) no-repeat;
margin: 0;
padding: 0;
display: block;
height: 34px;
}
ul#headernav li#headernav01 {width:  200px;}
ul#headernav li#headernav02 {width:  117px;}

ul#headernav li#headernav01 a{background-position:     0px 0px;}
ul#headernav li#headernav02 a{background-position:  -200px 0px;}

ul#headernav li#headernav01 a:hover{background-position:     0px -35px;}
ul#headernav li#headernav02 a:hover{background-position:  -200px -35px;}

ul#headernav li#headernav01.current{background: url(/img/headnav.gif)     0px -71px;}
ul#headernav li#headernav02.current{background: url(/img/headnav.gif)  -200px -71px;}

/**********************************
　　　　　　　　nav
**********************************/

ul#nav{
width: 755px;
height: 37px;
margin: 0px auto;
clear: both;
}


ul#nav li{
list-style:none;
text-indent: -8467px;
float: left;
height: 37px;
display: block;
}

ul#nav li a{
background: url(/img/nav.jpg) no-repeat;
margin: 0;
padding: 0;
display: block;
height: 37px;
}

ul#nav li#nav01 {width:  135px;}
ul#nav li#nav02 {width:  115px;}
ul#nav li#nav03 {width:  107px;}
ul#nav li#nav04 {width:  129px;}
ul#nav li#nav05 {width:  143px;}
ul#nav li#nav06 {width:  126px;}

ul#nav li#nav01 a{background-position:     0px 0px;}
ul#nav li#nav02 a{background-position:  -135px 0px;}
ul#nav li#nav03 a{background-position:  -250px 0px;}
ul#nav li#nav04 a{background-position:  -357px 0px;}
ul#nav li#nav05 a{background-position:  -486px 0px;}
ul#nav li#nav06 a{background-position:  -629px 0px;}

ul#nav li#nav01 a:hover{background-position:     0px -37px;}
ul#nav li#nav02 a:hover{background-position:  -135px -37px;}
ul#nav li#nav03 a:hover{background-position:  -250px -37px;}
ul#nav li#nav04 a:hover{background-position:  -357px -37px;}
ul#nav li#nav05 a:hover{background-position:  -486px -37px;}
ul#nav li#nav06 a:hover{background-position:  -629px -37px;}

ul#nav li#nav01.current{background: url(/img/nav.jpg)     0px -74px;}
ul#nav li#nav02.current{background: url(/img/nav.jpg)  -135px -74px;}
ul#nav li#nav03.current{background: url(/img/nav.jpg)  -250px -74px;}
ul#nav li#nav04.current{background: url(/img/nav.jpg)  -357px -74px;}
ul#nav li#nav05.current{background: url(/img/nav.jpg)  -486px -74px;}
ul#nav li#nav06.current{background: url(/img/nav.jpg)  -629px -74px;}



ul#nav2{
width: 755px;
height: 37px;
margin: 0px auto;
clear: both;
}


ul#nav2 li{
list-style:none;
text-indent: -8467px;
float: left;
height: 37px;
display: block;
}

ul#nav2 li a{
background: url(/img/nav2.jpg) no-repeat;
margin: 0;
padding: 0;
display: block;
height: 37px;
}

ul#nav2 li#nav01 {width:  105px;}
ul#nav2 li#nav02 {width:  100px;}
ul#nav2 li#nav03 {width:   95px;}
ul#nav2 li#nav04 {width:  125px;}
ul#nav2 li#nav05 {width:  140px;}
ul#nav2 li#nav06 {width:   90px;}
ul#nav2 li#nav07 {width:  100px;}

ul#nav2 li#nav01 a{background-position:     0px 0px;}
ul#nav2 li#nav02 a{background-position:  -105px 0px;}
ul#nav2 li#nav03 a{background-position:  -205px 0px;}
ul#nav2 li#nav04 a{background-position:  -300px 0px;}
ul#nav2 li#nav05 a{background-position:  -425px 0px;}
ul#nav2 li#nav06 a{background-position:  -565px 0px;}
ul#nav2 li#nav07 a{background-position:  -655px 0px;}

ul#nav2 li#nav01 a:hover{background-position:     0px -37px;}
ul#nav2 li#nav02 a:hover{background-position:  -105px -37px;}
ul#nav2 li#nav03 a:hover{background-position:  -205px -37px;}
ul#nav2 li#nav04 a:hover{background-position:  -300px -37px;}
ul#nav2 li#nav05 a:hover{background-position:  -425px -37px;}
ul#nav2 li#nav06 a:hover{background-position:  -565px -37px;}
ul#nav2 li#nav07 a:hover{background-position:  -655px -37px;}

ul#nav2 li#nav01.current{background: url(/img/nav2.jpg)     0px -74px;}
ul#nav2 li#nav02.current{background: url(/img/nav2.jpg)  -105px -74px;}
ul#nav2 li#nav03.current{background: url(/img/nav2.jpg)  -205px -74px;}
ul#nav2 li#nav04.current{background: url(/img/nav2.jpg)  -300px -74px;}
ul#nav2 li#nav05.current{background: url(/img/nav2.jpg)  -425px -74px;}
ul#nav2 li#nav06.current{background: url(/img/nav2.jpg)  -565px -74px;}
ul#nav2 li#nav07.current{background: url(/img/nav2.jpg)  -655px -74px;}


/**********************************
　　　　　　body(top)
**********************************/

#mainbody{
background: url(/img/main-bk.jpg) no-repeat center top;
width: 755px;
margin: 0px auto;
}

#mainbody h3{
padding: 40px 0px 240px 30px;
}

* html #mainbody h3 img{ /* IE-expression (fix png alpha) */
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
this.style.behavior = "none"
);
}


#leftbox{
width: 247px;
float: left;
}
#leftbox img{
float: right;
margin: 3px 0px;
 /* IE-expression (fix png alpha) */
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
this.style.behavior = "none"
);
}
#leftbox img.rightsp{
margin-right: 3px;
}


#rightbox{
background: url(/img/main-rightbk.gif) no-repeat center top;
width: 494px;
float: left;
}

.top-ban{
margin-left: 15px;
margin-top: 10px;
}

#rightbox h4{
margin: 10px 0px 10px 15px;
}

#information-top{
margin: 0px 0px 30px 0px;
width: 430px;
padding: 0px 0px 20px 10px;
}

#information-top h5 a{
color: #333;
font-weight: normal;
font-size: 110%;
}
#information-top h5 a:visited{
color: #666;
font-weight: normal;
}
#information-top h5 a:hover{
color: #333;
font-weight: normal;
text-decoration: none;
}

#information-top p{
text-align: right;
font-size: 90%;
}

.info-top{
background: url(/img/info-bk.jpg) no-repeat center top;
margin: 0px 0px 10px 20px;
width: 451px;
padding: 20px 0px 10px 5px;
}

.info-top h5 a{
font-size: 110%;
margin-left: 15px;
color: #812539;
text-decoration: none;
border-bottom: 1px #812539 solid;
}

.info-top h5 a:visited{
color: #812539;
text-decoration: none;
border-bottom: 1px #812539 dotted;
}

.info-top h5 a:hover{
color: #812539;
text-decoration: none;
border: none;
}

.info-top p{
text-align: right;
margin-right: 15px;
background: url(/img/info-top.gif) no-repeat center bottom;
}

table.info{
background: url(/img/info-bk.jpg) no-repeat center top;
margin: 0px 0px 10px 0px;
width: 650px;
padding: 20px 0px 0px 10px;
}


table.info img{
float: right;
margin: 20px 10px 10px 10px;
border: 2px #ffffff solid;
}

table.info h5{
background: url(/img/info-title.gif) no-repeat left bottom;
margin: 3px 0px 10px 2px;
padding-bottom: 5px;
padding-left: 5px;
font-size: 110%;
width: 630px;
text-align: center;
color: #812539;
}
table.info h5 a{
color: #812539;
text-decoration: none;
}

table.info p{
line-height: 2;
padding: 0px 5px 5px 20px;
}

table.info p.date{
text-align: right;
margin-bottom: 5px;
}

.info p.date{
text-align: right;
margin-right: 10px;
}
.more{
margin: 5px 0px 0px 370px;
}

table#letter-table{
background: url(/img/letter-bk.jpg) repeat-y;
margin: 0px 0px 10px 10px;
width: 451px;
padding: 0px 0px 10px 0px;
}
table#letter-table td#letter-top{
background: url(/img/letter-top.jpg) no-repeat center top;
width: 451px;
height: 29px;
}
.more2{
margin: 5px 0px 0px 370px;
}

table.letter-in{
width: 200px;
margin: 0px 10px;
border: 1px #fff solid;
}

table.letter-in h5{
font-size: 110%;
margin: 5px;
color: #5b0e1e;
border-left: 3px #5b0e1e solid;
padding-left: 6px;
}

table.letter-in p{
font-size: 80%;
padding: 5px;
color: #2b2b2b;
}

table.letter-in p.letter-date{
text-align: right;
}

table.letter-in img{
padding: 5px;
margin-left: 80px;
}



.profile{
margin-top: 15px;
padding: 10px;
border: 1px #999 solid;
overflow: hidden;
}

.profile img{
float: left;
margin-right: 10px;
}

.profile h5{
font-weight: normal;
font-size: 120%;
border-bottom: 1px #999 dashed;
margin-bottom: 20px;
}

.profile p{
line-height: 1.5;
}

/**********************************
　　　　　　body(sub)
**********************************/

#mainbody_sub{
background: url(/img/main-bk_sub.jpg) no-repeat center top;
width: 755px;
margin: 0px auto;
padding-left: 48px;
}
#mainbody_sub h3 img{
padding: 30px 0px 10px 0px;
}

#greeting{
background: url(/aboutus/img/greeting-bk.gif) repeat-y;
width: 705px;
}
#greeting img{
float: left;
margin: 10px;
 /* IE-expression (fix png alpha) */
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "ie6png.gif" : this.src,
this.style.behavior = "none"
);
}
#greeting .text{
width: 330px;
float: right;
margin: 10px 10px 0px 0px;
line-height:1.8;
color: #544a47;
}

#menutext{
width: 100%;
background: url(/menu/img/menu-bk.gif) repeat-y;
margin: 20px 10px 0px 0px;
line-height: 1.1;
color: #544a47;
}


dl#menu-item{
margin: 4px 10px 5px 80px;
}

dl#menu-item dt{
float: left;
clear: left;
width: 450px;
margin-bottom: 12px;
background: url(/menu/img/menu-dtbk.gif) no-repeat left center;
padding-left: 35px;
}
dl#menu-item dd{
margin-left: 500px;
margin-bottom: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
}

table.table-shopping{
width: 705px;
color: #595857;
border-bottom: 1px #afafb0 dashed;
padding-bottom: 20px;
padding-top: 20px;
}
table.table-shopping img{
margin: 0px 5px 10px 5px;
}

table.table-shopping h4{
font-size: 120%;
margin-left: 20px;
background: url(/shopping/img/shopping-border.gif) no-repeat left bottom;
}
table.table-shopping .price{
text-align: right;
font-family: 'Comic Sans MS', 'Palatino Linotype';
margin-right: 20px;
font-size: 120%;
}
table.table-shopping .comment{
margin-left: 20px;
margin-top: 20px;
}

#to-yahoo{
margin: 20px 0px 0px 300px;
}

#blog{
background: url(/img/blog-bk.jpg) repeat-y;
width: 705px;
}
.blogbox{
margin: 15px 20px 0px 140px;
background: url(/img/blog-border.gif) no-repeat right bottom;
padding-bottom: 30px;
}

.blogbox h3 a{
padding: 15px 20px 5px 100px;
font-size: 110%;
color: #000;
}

p.date{
margin-left: 430px;
margin-top: 20px;
}
.blogbox .text{
width: 530px;
float: left;
margin-top: 30px;
}
.blogbox img{

}
.links{
text-align: right;
margin-top: 20px;
}
.blogbox .more_link{
text-align: right;
}
.navi_totop{
text-align: right;
margin-right: 30px;
}

#blogbox_detail{
margin: 15px 20px 0px 150px;
padding-bottom: 30px;
}

.entry{
margin: 30px 10px 50px;
}

.post h4{
margin-top: 15px;
font-size: 120%;
}


h4.h4-link a{
background: url(/link/img/link-bk.jpg) no-repeat;
display: block;
width: 682px;
height: 26px;
padding: 7px 0px 0px 20px;
color: #FFF;
text-decoration: none;
font-size: 100%;
margin-top: 20px;
}

h4.h4-link a:hover{
background: url(/link/img/link-bk_h.jpg) no-repeat;

}
.memo{
background: url(/link/img/memo.gif) no-repeat center top;
width: 635px;
padding: 20px 20px 10px;
border-bottom: 1px #898989 solid;
margin-left: 15px;
}

table#contact {
margin: 10px auto 50px;
}
table#contact td {
border-bottom: 1px dashed #073190;
padding: 10px 0 10px 10px;
vertical-align: top;
}
table#contact td.td1 {
width: 100px;
}
table#contact td.td2 {
width: 460px;
}
table#contact td.td3 {
text-align: center;
}

.mini{
color:#C03;
font-size: 90%;
}

#information{
margin: 10px 0px 0px 30px;
width: 650px;
}

#information h4{
margin-bottom: 20px;
}

#mobile-h2{
text-align: center;
margin-bottom: 20px;
}

.item{
border-bottom: 1px #999 solid;
width: 705px;
padding-bottom: 10px;
padding-top: 10px;
}
.item h4{
background: url(/shopping/img/item_h4.jpg) no-repeat center center;
width: 680px;
height: 25px;
padding-top: 6px;
padding-left: 25px;
margin: 10px 0px;
font-size: 100%;
}

.item .image img{
padding: 5px;
margin: 5px 5px 5px 0px;
border: 1px #CCC solid;
}
/**********************************
　　　　　　　menunav
**********************************/

ul#menunav{
width: 404px;
height: 56px;
margin: 0px auto;
clear: both;
float: left;
}


ul#menunav li{
list-style:none;
text-indent: -8467px;
float: left;
height: 56px;
display: block;
}

ul#menunav li a{
background: url(/menu/img/menunav.gif) no-repeat;
margin: 0;
padding: 0;
display: block;
height: 56px;
}

ul#menunav li#menunav01 {width:  210px;}
ul#menunav li#menunav02 {width:  194px;}

ul#menunav li#menunav01 a{background-position:     0px 0px;}
ul#menunav li#menunav02 a{background-position:  -210px 0px;}

ul#menunav li#menunav01 a:hover{background-position:     0px -56px;}
ul#menunav li#menunav02 a:hover{background-position:  -210px -56px;}

ul#menunav li#menunav01.current{background: url(/menu/img/menunav.gif)     0px -112px;}
ul#menunav li#menunav02.current{background: url(/menu/img/menunav.gif)  -210px -112px;}


/**********************************
　　　　　　　bottom
**********************************/



#footer{
background: url(/img/footer-bk.jpg) no-repeat center top;
width: 755px;
margin: 0px auto;
height: 150px;
clear: both;
text-align: center;
}

#bottom-list{
padding: 20px 0px 20px;
color: #595857;
}

#bottom-list a{
color: #595857;
text-decoration: none;
}
#bottom-list a:hover{
color: #595857;
text-decoration: none;
border-top: 1px #595857 dotted;
border-bottom: 1px #595857 dotted;
}



#footer h6{
color:#FFFFFF;
font-size: 120%;
font-weight: normal;
}

address{
font-style: normal;
color: #FFFFFF;
}