@charset "UTF-8";
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* サイト共通設定 */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* ■■■■■ ページ全体のレイアウト ■■■■■ */
H1, H2, H3, H4, H5, H6, P, TH, TD, OL, UL, LI, FORM{
  color:#333333;
}
BODY{
  background-image:url(../../cmn/images/body_bg.gif);
  background-repeat:repeat-x;
  font-family:"ＭＳ Ｐゴシック", Osaka;
}

H2{
  margin:0px auto 15px auto;
}
H3{
  margin:0px auto 15px auto;
}



A{
  color:#FE4C8B;
}
A:hover{
  text-decoration:none;
}



DIV#cmnContainer{
  width:770px;
  margin:0px auto 0px auto;
  background-image:url(../../cmn/images/main_bg.gif);
  background-repeat:repeat-y;
}
DIV#cmnHeader{
  padding:5px 10px 5px 10px;
  background-image:url(../../cmn/images/header_bg.gif);
  background-position:center bottom;
  background-repeat:no-repeat;
}
H1{
  width:500px;
  line-height:150%;
  font-size:7.5pt;
}
P#cmnHeaderAddress{
  float:right;
  width:240px;
  line-height:150%;
  font-size:7.5pt;
  text-align:right;
}



DIV#cmnGlobalNavi{
  width:760px;
  height:38px; /* 高さはUL,LI,Aそれぞれに設定 */
  padding:0px 5px 0px 5px;
  background-image:url(../../cmn/images/menu_bg.gif);
  background-position:center bottom;
  background-repeat:no-repeat;
}
DIV#cmnGlobalNavi UL{
  display:block;/* ULを画像を入れる枠として使用するため block 属性に設定 */
  position:relative; /* liで絶対的に位置を設定する際に、ウインドウからでなくULからの位置を設定できるように設定 */
  margin:0px;
  height:38px; /* 高さはUL,LI,Aそれぞれに設定 */
  list-style-type:none; /*Netscapeでは、表示エリア外に設定してもリストの「・」が残ってしまうための対応*/
  font-size:0.1em; /* IEでは「文字の高さ×liの数」の余白があいてしまう。余白があかないように設定 */
}
DIV#cmnGlobalNavi LI A{
  position:absolute; /* liを横に並べるために、絶対的に位置を設定できるように設定 */
  top:0px; /* liを横に並べるため、全ての高さを揃える */
  height:38px; /* メニューの高さはUL,LI,Aそれぞれに設定 */
  background-repeat:no-repeat;
  text-decoration:none; /* firefoxでは下線がされてしまう問題を修正 */
}
/* リンク部分に背景画像表示させることで、ロールオーバーに対応 */
LI#cmnGlobalNavi01 A{
  width:137px; /* ボタンの幅 */
  left:0px; /*ボタンの位置を指定*/
  background-image:url(../../cmn/images/menu01.gif);
}
LI#cmnGlobalNavi03 A{
  width:127px; /* ボタンの幅 */
  left:137px; /*ボタンの位置を指定*/
  background-image:url(../../cmn/images/menu03.gif);
}
LI#cmnGlobalNavi04 A{
  width:127px; /* ボタンの幅 */
  left:264px; /*ボタンの位置を指定*/
  background-image:url(../../cmn/images/menu04.gif);
}
LI#cmnGlobalNavi05 A{
  width:127px; /* ボタンの幅 */
  left:391px; /*ボタンの位置を指定*/
  background-image:url(../../cmn/images/menu05.gif);
}
LI#cmnGlobalNavi02 A{
  width:127px; /* ボタンの幅 */
  left:518px; /*ボタンの位置を指定*/
  background-image:url(../../cmn/images/menu02.gif);
}
LI#cmnGlobalNavi06 A{
  width:115px; /* ボタンの幅 */
  left:645px; /*ボタンの位置を指定*/
  background-image:url(../../cmn/images/menu06.gif);
}
LI#cmnGlobalNavi01 A:hover,
LI#cmnGlobalNavi02 A:hover,
LI#cmnGlobalNavi03 A:hover,
LI#cmnGlobalNavi04 A:hover,
LI#cmnGlobalNavi05 A:hover,
LI#cmnGlobalNavi06 A:hover{
  /* カーソルがリンクに当てられたとき、画像位置を移動して隠れている部分を表示させてロールオーバーする */
  background-position: 0px -38px;
}



DIV#cmnTopImage{
  clear:both;
}



DIV#cmnMain{
  padding:20px;
}



DIV#cmnInfo{
  width:170px;
}
DIV.cmnInfoShop{
  margin-bottom:15px;
}
DIV.cmnInfoShop H4{
  font-weight:bold;
  line-height:150%;
  font-size:8pt;
  color:#999999;
}
DIV.cmnInfoShop H4.cmnInfoMap{
  text-align:center;
  color:#333333;
}
DIV.cmnInfoShop P{
  line-height:150%;
  font-size:8pt;
}
IMG.cmnInfoTel{
  margin-top:10px;
}

DIV#cmnInfoQrcode{
  text-align:center;
  margin-bottom:10px;
}
DIV#cmnInfoQrcode P{
  line-height:150%;
  font-size:9pt;
}
DIV#cmnInfoQrcode A{
  color:#333333;
}
DIV#cmnInfoQrcode A:hover{
  color:#FE4C8B;
}

DIV.cmnInfoDefault01{
  margin-bottom:10px;
}
DIV.cmnInfoDefault01 P{
  line-height:150%;
  text-align:center;
  font-size:8pt;
}

DIV#cmnContents{
  float:right;
  width:545px;
}
DIV#cmnContents P, DIV#cmnContents LI{
  line-height:150%;
  font-size:9pt;
}
DIV#cmnContents P{
  margin:0px auto 10px auto;
}

DIV#cmnMainBg{
  background-image:url(../../cmn/images/main_bg.gif);
  background-position:center top;
  background-repeat:repeat-y;
}



DIV#cmnFooter{
  clear:both;
}
P#cmnFooterCaption{
  padding:10px 0px 10px 0px;
  background-image:url(../../cmn/images/footer_caption_bg.gif);
  background-position:center top;
  background-repeat:repeat-y;
  text-align:center;
  line-height:150%;
  font-size:8pt;
  color:#5D5D5D;
}
P#cmnCopyright{
  padding-bottom:10px;
  background-image:url(../../cmn/images/footer_copyright_bg.gif);
  background-position:center bottom;
  background-repeat:no-repeat;
  text-align:center;
  line-height:150%;
  font-size:9pt;
}
DIV#cmnFooterInfo{
  padding:5px;
  background-color:#FFFFFF;
}
DIV.cmnFlashInfo A{
  display:block;
  height:31px;
  padding-left:105px;
  background-image:url(../../cmn/images/get_flash_player.gif);
  background-repeat:no-repeat;
  line-height:150%;
  font-size:8pt;
  text-decoration:none;
  color:#5D5D5D;
}
DIV.cmnFlashInfo A:hover{
  text-decoration:underline;
}
DIV.cmnFlashInfo A:visited{
  color:#5D5D5D;
}

/* ■■■■■ 共通要素 ■■■■■ */
P.cmnMarkIndent{
  text-indent:-1em;
  padding-left:1em;
}
P.cmnPageTop{
  margin:0px 10px 15px 0px;
  text-align:right;
}
P.cmnPageTop A{
  color:#333333;
}
P.cmnPageTop A:hover{
  color:#FE4C8B;
}
DIV#cmnContents P.cmnFooterAttention{
  margin-bottom:10px;
  text-align:right;
  font-size:8pt;
}
A.cmnDark01{
  color:#333333;
}
A:hover.cmnDark01{
  color:#FE4C8B;
}
STRONG.cmnCaution{
  color:#FE4C8B;
}

.size8{
	font-size:8px;
	line-height: 1.2em;
}

.size9{
	font-size:9px;
	line-height: 1.2em;
}

.size10{
	font-size:10px;
	line-height: 1.2em;
}

.size11{
	font-size:11px;
}

.size12{
	font-size:12px;
}

.size14{
	font-size:14px;
}

.size16{
	font-size:16px;
}

.size18{
	font-size:18px;
}