@charset "shift_jis"; 

/* ==========================================================================*/
/*【基本設定】*/
/* ==========================================================================*/

* {
  margin:0;
  padding:0;
  line-height:120%;
}

body {
height: 100%;
margin: auto;
text-align: center;
background-image: url(imgf/haikei.jpg);
background-repeat: repeat-x repeat-y;
font: 10pt 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial, Helvetica, sans-serif;
}

p {
margin: 0;
}

img {
border: none;
}

/* ==========================================================================*/
/*【コンテンツ】*/
/* ==========================================================================*/

#contents {
width: 950px;
height: 100%;
background: #ff3800;
margin: auto;
text-align: center;
}

# wrapper {
margin: auto;
text-align: center;
}

#header {
width: 950px;
height: 85px;
background: url(imgf/header.jpg);
position: relative;
}

#title {
position: absolute;
width: 430px;
height: 65px;
top: 10px;
left: 10px;
z-index: 2;
margin: 0;
padding: 0;
}

#headermenuarea {
width: 950px;
height: 20px;
background: url(imgf/menu_bar.jpg);
}

#top {
width: 950px;
height: 500px;
background: url(imgf/top_photo.jpg);
margin-top: 10px;
}

#left {
float: left;
width: 475px;
margin: 20px 0 10px 0;
text-align: left;
}

.leftmarg {
margin-left: 20px;
}

#present {
margin: 10px 0 10px 20px;
}

#hagaki {
float: right;
}

#bouilla {
width: 900px;
background: #ffffff;
margin: 20px 0 10px 25px;
text-align: left;
}

#bouilla_wrapper {
padding: 10px 10px 10px 10px;
line-height: 170%;
}

#message {
width: 900px;
background: #ffffff;
margin: 20px 0 10px 25px;
}

#message_wrapper {
padding: 10px 10px 10px 10px;
line-height: 170%;
text-align: left;
}

#shoptitle {
margin: 20px 0 10px 0;
}

.shop {
margin: 20px 0 20px 22px;
}

.shop2 {
margin: 20px 22px 20px 0px;
}

.rightmarg {
margin: 0 20px 0 20px;
}

#right {
float: right;
width: 475px;
text-align: center;
margin: 20px 0 10px 0;
}

.shoplink {
line-height: 170%;
}

.shoplink a:link { color: #ffffff; text-decoration: underline;}

.shoplink a:visited { color: #ffffff; text-decoration: underline;}

.shoplink a:hover { color: #000000; text-decoration: underline;}


#footer {
width: 950px;
}

#footermenuarea {
width: 950px;
height: 20px;
background: url(imgf/footer_menu_bar.jpg);
}

#footerlink {
width: 950px;
text-align: center;
margin: 10px 20px 0 30px;
}

/* ==========================================================================*/
/*【ヘッダー内メニュー】*/
/* ==========================================================================*/
ul#headermenu{
position: relative;
width: 950px;
height: 20px;
top: 0px;
list-style: none;
overflow: hidden;
z-index: 3;
}

li#menu1 a{
width: 45px;
height: 40px;
position: absolute;
overflow: hidden;
padding: 20px 0 0 0;
text-decoration: none;
top: 0;
}

li#menu2 a{
width: 105px;
height: 40px;
position: absolute;
overflow: hidden;
padding: 20px 0 0 0;
text-decoration: none;
top: 0;
}

li#menu3 a{
width: 85px;
height: 40px;
position: absolute;
overflow: hidden;
padding: 20px 0 0 0;
text-decoration: none;
top: 0;
}

li#menu4 a{
width: 90px;
height: 40px;
position: absolute;
overflow: hidden;
padding: 20px 0 0 0;
text-decoration: none;
top: 0;
}

li#menu5 a{
width: 60px;
height: 40px;
position: absolute;
overflow: hidden;
padding: 20px 0 0 0;
text-decoration: none;
top: 0;
}



html>body ul#headermenu li a{
height: 0;
}

li#menu1 a{
background: transparent url(imgf/topmenu1.jpg) no-repeat 0 0;
left: 520px;
}

li#menu2 a{
background: transparent url(imgf/topmenu2.jpg) no-repeat 0 0;
left: 575px;
}

li#menu3 a{
background: transparent url(imgf/topmenu3.jpg) no-repeat 0 0;
left: 686px;
}

li#menu4 a{
background: transparent url(imgf/topmenu4.jpg) no-repeat 0 0;
left: 775px;
}


li#menu5 a{
background: transparent url(imgf/topmenu5.jpg) no-repeat 0 0;
left: 870px;
}


li#menu1 a:hover{
background-position: 0 -20px;
}

li#menu2 a:hover{
background-position: 0 -20px;
}

li#menu3 a:hover{
background-position: 0 -20px;
}

li#menu4 a:hover{
background-position: 0 -20px;
}

li#menu5 a:hover{
background-position: 0 -20px;
}

/* ==========================================================================*/
/*【フッター内メニュー】*/
/* ==========================================================================*/
ul#footermenu{
position: relative;
width: 950px;
height: 20px;
top: 0px;
list-style: none;
overflow: hidden;
z-index: 3;
}

li#menu11 a{
width: 45px;
height: 40px;
position: absolute;
overflow: hidden;
padding: 20px 0 0 0;
text-decoration: none;
top: 0;
}

li#menu12 a{
width: 105px;
height: 40px;
position: absolute;
overflow: hidden;
padding: 20px 0 0 0;
text-decoration: none;
top: 0;
}

li#menu13 a{
width: 85px;
height: 40px;
position: absolute;
overflow: hidden;
padding: 20px 0 0 0;
text-decoration: none;
top: 0;
}

li#menu14 a{
width: 90px;
height: 40px;
position: absolute;
overflow: hidden;
padding: 20px 0 0 0;
text-decoration: none;
top: 0;
}

li#menu15 a{
width: 60px;
height: 40px;
position: absolute;
overflow: hidden;
padding: 20px 0 0 0;
text-decoration: none;
top: 0;
}



html>body ul#footermenu li a{
height: 0;
}

li#menu11 a{
background: transparent url(imgf/topmenu1.jpg) no-repeat 0 0;
left: 270px;
}

li#menu12 a{
background: transparent url(imgf/topmenu2.jpg) no-repeat 0 0;
left: 325px;
}

li#menu13 a{
background: transparent url(imgf/topmenu3.jpg) no-repeat 0 0;
left: 436px;
}

li#menu14 a{
background: transparent url(imgf/topmenu4.jpg) no-repeat 0 0;
left: 525px;
}


li#menu15 a{
background: transparent url(imgf/topmenu5.jpg) no-repeat 0 0;
left: 620px;
}


li#menu11 a:hover{
background-position: 0 -20px;
}

li#menu12 a:hover{
background-position: 0 -20px;
}

li#menu13 a:hover{
background-position: 0 -20px;
}

li#menu14 a:hover{
background-position: 0 -20px;
}

li#menu15 a:hover{
background-position: 0 -20px;
}

/* ==========================================================================*/
/*【ブログRSS】*/
/* ==========================================================================*/


/* ボックス全体枠 */

.rss-box {

padding: 8px;

text-align:left;

}

/* RSSフィード　サイトタイトル表示 */

.rss-title {

margin: 5px 0;

padding: 0;

}

/* RSSフィード　サイトタイトル表示　リンクカラー */

.rss-title a {

font-size: 18px;

line-height:22px;

font-weight:bold;

color: #ffffff;

}

/* RSSフィード　記事一覧の大枠 */

.rss-items {

}

/* RSSフィード　サイト説明文・記事タイトル・記事内容 */

.rss-item {

font-size: 12px;

line-height:18px;

font-weight : normal;

margin: 8px 0;

list-style: none;

}

/* RSSフィード　サイト説明文・記事タイトル・記事内容 リンクカラー */

.rss-item a:link ,

.rss-item a:visited ,

.rss-item a:active {

text-decoration : underline;

color: #ffffff;

}

/* RSSフィード　サイト説明文・記事タイトル・記事内容 リンクカラー：ロールオーバー */

.rss-item a:hover {

text-decoration : none;

color: #000000;

}

/* RSSフィード　記事日付 */

.rss-date {

font-size: 10px;

font-weight : normal;

color: #000000;

}

/* ボタン */

.pod-play {

_width:12em;

margin: 0 0.2em; padding: 0.1em 0; _padding:0;

white-space:nowrap;

text-decoration: none;

vertical-align:middle;

background: #fb6;

color: black;

}

/* 左側ボタン */

.pod-play em {

_width:1em; _cursor:hand;

font-style: normal;

margin:0; padding: 0.1em 0.5em;

background: white;

color: #222;

}

/* 右側ボタン */

.pod-play span {

_width:1em; _cursor:hand;

margin:0; padding: 0.1em 0.5em 0.1em 0.3em;

}

/* 左側ボタン：ロールオーバー */

.pod-play:hover {

background: #666;

color: white;

}

/* 右側ボタン：ロールオーバー */

.pod-play:hover em {

background: black;

color: white

}