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

/*----------------------------------------------------
	トップイメージBOX
----------------------------------------------------*/
#topImg{margin:0px auto;
width:690px; height:230px;}

#topImgR{margin:0px auto; background:url(../../common/img/topimg/topimg01.jpg) no-repeat; width:690px; height:230px;}

#topImgM{margin:0px auto; background:url(../../common/img/topimg/topimg02.jpg) no-repeat; width:690px; height:230px;}

#topImgW{margin:0px auto; background:url(../../common/img/topimg/topimg03.jpg) no-repeat; width:690px; height:230px;}

#topImg #spacer{width:670px; margin:0px auto; padding:0px;}

#topImgMenu{width:670px; background:#FFF; opacity:0.8; filter:alpha(opacity=80); margin:0px auto; padding:6px 0px;}

#menuTitle{font-size:12px; text-align:center; margin:2px 12px; padding:2px auto; font-weight:normal; background:#308AD3; color:#fff;}

#mMenu{font-size:12px; text-align:left; background:url(../../common/img/topimg/menu/mark_report.gif) no-repeat 0px 4px; margin:2px 12px; padding:2px 12px 2px 100px;}

#gMenu{font-size:12px; text-align:left; background:url(../../common/img/topimg/menu/mark_man.gif) no-repeat 0px 4px; margin:2px 12px; padding:2px 12px 2px 100px;}

#oMenu{font-size:12px; text-align:left; background:url(../../common/img/topimg/menu/mark_eventinfo.gif) no-repeat 0px 4px; margin:2px 12px; padding:2px 12px 2px 100px;}


/*----------------------------------------------------
	PickUpアートワーク × ユーザー
----------------------------------------------------*/
.spickupSpace{margin:8px auto; padding:0px 12px; text-align:center;}

.sPuBox{width:104px; float:left; margin:0px 0px;}

*html .sPuBox{width:100px; float:left; margin:0px 0px;}

/*hover各色*/
/*マゼンダ*/
.sMagentaPu{width:86px; background:none; float:left; text-align:center; margin:0px 12px; padding:10px; color:#000000; }

.sMagentaPu:hover{width:86px; background:#FB30A2; float:left; text-align:center; margin:0px 12px; padding:10px; color:#ffffff; border:none; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

.smPuImgeE{width:80px; height:80px; text-align:center; padding:0px; margin:0px; border: solid 3px #FB30A2; background:#fff;}

*html .sMagentaPu{width:86px; background:#ffffff; float:left; text-align:center; margin:0px 0px; padding:10px; color:#000000;}

*html .sMagentaPu:hover{width:86px; background:#FB30A2; float:left; text-align:center; margin:0px 0px; padding:10px; color:#ffffff;}

/*ブルー*/
.sBluePu{width:86px; background:none; float:left; text-align:center; margin:0px 12px; padding:10px; color:#000000;}

.sBluePu:hover{width:86px; background:#76b7da; float:left; text-align:center; margin:0px 12px; padding:10px; color:#ffffff; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

.sbPuImgeE{width:80px; height:80px; text-align:center; padding:0px; margin:0px; border: solid 3px #76b7da; background:#fff;}

*html .sBluePu{width:86px; background:#ffffff; float:left; text-align:center; margin:0px 0px; padding:10px; color:#000000;}

*html .sBluePu:hover{width:86px; background:#76b7da; float:left; text-align:center; margin:0px 0px; padding:10px; color:#ffffff;}

/*グリーン*/
.sGreenPu{width:86px; background:none; float:left; text-align:center; margin:0px 12px; padding:10px; color:#000000; }

.sGreenPu:hover{width:86px; background:#80B43E; float:left; text-align:center; margin:0px 12px; padding:10px; color:#ffffff; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

.sgPuImgeE{width:80px; height:80px; text-align:center; padding:0px; margin:0px; border: solid 3px #80B43E; background:#fff;}

*html .sGreenPu{width:86px; background:#ffffff; float:left; text-align:center; margin:0px 0px; padding:10px; color:#000000;}

*html .sGreenPu:hover{width:86px; background:#80B43E; float:left; text-align:center; margin:0px 0px; padding:10px; color:#ffffff;}


/*hover各色終了*/

/*タイトル*/
.sPuTitle{width:80px; text-align:center; padding:0px; font-size:85%;/*; background:#000; border:solid 3px #000;*/}

/*タイトル終了*/

*html .SPuTitle{width:86px; margin:0px 0px 0px 0px; border-left:solid 1px #000; border-right:solid 3px #000;}

*html .SPuDetail{width:80px; padding:4px 0px 10px 0px;}

*:first-child+html .SPuTitle{width:80px; margin:0px 0px 0px 0px; border-left:solid 1px #000; border-right:solid 3px #000;}

*:first-child+html .SPuDetail{width:80px; padding:4px 0px 10px 0px;}



/*----------------------------------------------------
	PickUpイベント
----------------------------------------------------*/
.titleDetail{text-align:center; font-size:12px; font-weight:900; color:#000; margin:8px auto 0px auto; width:96%;}

.pickupSpace{ width:664px; margin:8px auto; padding:0px; text-align:center;}
/*///Firefoxハック///*/
.pickupSpace, x:-moz-read-only{ padding-left:6px;}

.PuBox{float:left; margin:0px;}

*html .pickupSpace{padding:0px 8px;}

*html .PuBox{width:160px; float:left; margin:0px 0px;}

/*hover各色*/
/*マゼンダ*/
.MagentaPu{background:none; margin:0px auto; padding:10px; color:#000000;}
 *:first-child+html .MagentaPu{ width:146px; float:left;}

.MagentaPu:hover{margin:0px auto; padding:10px; color:#ffffff; background:#FB30A2; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

.mPuImgeE{width:140px; height:140px; text-align:center; padding:0px; margin:0px auto; border: solid 3px #FB30A2; background:#fff;}

/*ブルー*/
.BluePu{background:none; margin:0px auto; padding:10px; color:#000000;}
 *:first-child+html .BluePu{ width:146px; float:left;}

.BluePu:hover{margin:0px auto; padding:10px; color:#ffffff; background:#76b7da; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

.bPuImgeE{width:140px; height:140px; text-align:center; padding:0px; margin:0px auto; border: solid 3px #76b7da; background:#fff;}

/*グリーン*/
.GreenPu{background:none; margin:0px auto; padding:10px; color:#000000;}
*:first-child+html .GreenPu{ width:146px; float:left;}

.GreenPu:hover{margin:0px auto; padding:10px; color:#ffffff; background:#80B43E; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

.gPuImgeE{width:140px; height:140px; text-align:center; padding:0px; margin:0px; border: solid 3px #80B43E; background:#fff;}

/*オレンジ*/
.OrangePu{background:none; margin:0px auto; padding:10px; color:#000000;}
*:first-child+html .OrangePu{ width:146px; float:left;}

.OrangePu:hover{margin:0px auto; padding:10px; color:#ffffff; background:#FB7C00; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

.oPuImgeE{width:140px; height:140px; text-align:center; padding:0px; margin:0px; border: solid 3px #FB7C00; background:#fff;}

/*hover各色終了*/

/*タイトル*/
.PuTitle{width:140px; text-align:center; padding:0px; font-size:85%;}

.PuTitleName{text-align:center; padding:2px 0px; margin:0px ;}

/*タイトルリンク*/
.PuLink:link{ color:#000; text-decoration: underline;}

.PuLink:visited{ color:#000; text-decoration: underline;}

.PuLink:hover{ color:#ffffff; text-decoration:underline;}

*html .PuLink:link{ color:#308AD3; text-decoration: none;}

*html .PuLink:visited{ color:#308AD3; text-decoration: none;}

*html .PuLink:hover{ color:#004ECC; text-decoration:underline;}

.PuDetail{ width:140px; margin:0px auto; text-align:left; padding:4px 0px 0px 0px;}
/*タイトルリンク終了*/
/*タイトル終了*/

*html .PuTitle{width:146px; margin:0px 0px 0px 0px;/* border-left:solid 1px #000; border-right:solid 3px #000;*/}

*html .PuDetail{width:140px; padding:4px 0px 10px 0px;}

*:first-child+html .PuTitle{width:140px; margin:0px 0px 0px 0px;/* border-left:solid 1px #000; border-right:solid 3px #000;*/}

*:first-child+html .PuDetail{width:140px; padding:4px 0px 10px 0px;}

/*PickUp4カラム終了*/

/*------------------ 日程 ------------------ */

.PuDate1{text-align:center; width:164px; float:left; margin:2px 0px; padding:0px 0px; font-weight:bold; color:#F90;}

.PuDate2{text-align:center; width:164px; float:left; margin:2px 0px; padding:0px 0px; font-weight:bold; color:#F0F;}

.PuDate3{text-align:center; width:164px; float:left; margin:2px 0px; padding:0px 0px; font-weight:bold; color:#999;}

*html .PuDate1{width:140px; margin:2px 2px;}

*html .PuDate2{width:140px; margin:2px 2px;}

*heml .PuDate3{width:140px; margin:2px 2px;}


/*------------------ 日程終了 ------------------ */

/*アートワーク*/
.artworkBox{margin:auto; text-align:center; width:636px;}
/*アートワーク*/


/*----------------------------------------------------
	新着のひとこと
----------------------------------------------------*/
.voice{margin:8px auto; padding:0px; width: 96%;}

.voiceUser{float:left; font-size:90%; text-align: left; color:#FB30A2;}
.voiceDetail{padding:2px 0px; text-align: left; line-height:160%; border-bottom:dotted 1px #cccccc; font-size:95%; margin:0px auto;}
/*----------------------------------------------------
	プレゼントページ関連
----------------------------------------------------*/

/*------------------ トップイメージ ------------------ */
#presentImg{margin:0px auto; width:690px;}

/*ボックス(Long)*/
.presentBox{width: 680px; float: left; text-align:center; margin: 0px 0px 16px 0px; border: solid 5px #e5e5e5; padding:8px 0px;
background:#e5e5e5; -webkit-border-radius: 8px;  -moz-border-radius: 8px;}

/*タイトルバー(Long)*/
.presentBar{width: 97%; margin:3px auto; padding:2px 0px 2px 6px; background:url(../../common/img/present/present_title_bg.gif) repeat; -webkit-border-radius: 4px;  -moz-border-radius: 4px;}

.presentBar:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

*html .presentBar {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.presentBar .mark{font-weight:bold; color:#FFF; background:url(../../common/img/present/mark_ge.gif) no-repeat 0px 4px; padding:0px 4px 0px 24px; text-align:left; float:left;}

.presentSpace{ width:664px; margin:8px auto; padding:0px; text-align:center; clear:both;}
/*///Firefoxハック///*/
.presentSpace, x:-moz-read-only{ padding-left:6px;}

.presentSpace .inSpace{background:#f5f5f5; -webkit-border-radius: 8px;  -moz-border-radius: 8px; width:98%; margin:0px auto; padding-bottom:12px;}

.presentSpace .inSpace .presenteEvent{width:80%; margin:auto;}

.peDetail{clear:both; background:#F4ECF0; -webkit-border-radius: 8px;  -moz-border-radius: 8px; width:90%; margin:8px auto; padding:12px 12px;}

.peTitle{border-bottom:dotted 1px #CCC; text-align:center; color:#AD597D; font-size:120%; padding-bottom:4px; font-size:90%;}

.textDetail{padding:8px 0px;}

.toEvent{float:right; padding-top:6px; padding-left:16px; background:url(../../common/img/arrow.gif) no-repeat 0px 10px; font-size:85%;}

.DetailPresent{border-top: dotted 1px #CCC; padding:8px; color:#FA3C93;}

.DetailPresent:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

*html .DetailPresent {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.DetailPresent p{padding:4px 0px 4px 16px; background:url(../../common/img/p_mark.gif) no-repeat 0px 6px;}

.attention{text-align:center; font-size:90%; padding-top:4px;}

.btnFrame{text-align:center; margin:4px auto; line-height:145%; color:#FA3C93; width:80%; padding:4px; font-weight:bold;}

.recommend{color:#2198D4; margin:8px; padding:0px; font-weight:bold; line-height:140%;"}

.normalText{color:#000000; font-weight:normal;}
*html .normalText{color:#ff4400; font-weight:normal;}
*:first-child+html  .normalText{color:#ff4400; font-weight:normal;}

.bold{ font-weight:bold;}

.terms{margin:8px 12px;}


#about{width:90%; margin:0px auto; text-align:left;}

#about ul{width:49%; text-align:left;}