@charset "UTF-8";


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通パーツ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*-------------------------------------------------------------
共通ボタン（submit）
-------------------------------------------------------------*/

/*標準小（〜2文字まで）*/
input.btnSubmitS { width: 49px; height: 23px; cursor: pointer; text-align: center; border: none !important; line-height: normal; background: url(../common-img/btn_submit_s.gif) no-repeat 0 0 !important; }
input:hover.btnSubmitS { border: none !important; background: url(../common-img/btn_submit_s.gif) no-repeat 0 0 !important; }
/*標準中（〜5文字まで）*/
input.btnSubmitM { width: 79px; height: 23px; cursor: pointer; text-align: center; border: none !important; line-height: normal; background: url(../common-img/btn_submit_m.gif) no-repeat 0 0 !important; }
input:hover.btnSubmitM { border: none !important; background: url(../common-img/btn_submit_m.gif) no-repeat 0 0 !important; }
/*標準大（〜10文字まで）*/
input.btnSubmitL { width: 159px; height: 23px; cursor: pointer; text-align: center; border: none !important; line-height: normal; background: url(../common-img/btn_submit_l.gif) no-repeat 0 0 !important; }
input:hover.btnSubmitL { border: none !important; background: url(../common-img/btn_submit_l.gif) no-repeat 0 0 !important; }

/*登録・追加系小（〜2文字まで）*/
input.btnSubmitAddS { width: 49px; height: 23px; cursor: pointer; text-align: center; border: none !important; line-height: normal; background: url(../common-img/btn_submit_add_s.gif) no-repeat 0 0 !important; }
input:hover.btnSubmitAddS { border: none !important; background: url(../common-img/btn_submit_add_s.gif) no-repeat 0 0 !important; }
/*登録・追加系中（〜5文字まで）*/
input.btnSubmitAddM { width: 79px; height: 23px; cursor: pointer; text-align: center; border: none !important; line-height: normal; background: url(../common-img/btn_submit_add_m.gif) no-repeat 0 0 !important; }
input:hover.btnSubmitAddM { border: none !important; background: url(../common-img/btn_submit_add_m.gif) no-repeat 0 0 !important; }
/*登録・追加系大（〜10文字まで）*/
input.btnSubmitAddL { width: 159px; height: 23px; cursor: pointer; text-align: center; border: none !important; line-height: normal; background: url(../common-img/btn_submit_add_l.gif) no-repeat 0 0 !important; }
input:hover.btnSubmitAddL { border: none !important; background: url(../common-img/btn_submit_add_l.gif) no-repeat 0 0 !important; }

/*登録・追加系小（〜2文字まで）*/
input.btnSubmitDelS { width: 49px; height: 23px; cursor: pointer; text-align: center; border: none !important; line-height: normal; background: url(../common-img/btn_submit_del_s.gif) no-repeat 0 0 !important; }
input:hover.btnSubmitDelS { border: none !important; background: url(../common-img/btn_submit_del_s.gif) no-repeat 0 0 !important; }
/*登録・追加系中（〜5文字まで）*/
input.btnSubmitDelM { width: 79px; height: 23px; cursor: pointer; text-align: center; border: none !important; line-height: normal; background: url(../common-img/btn_submit_del_m.gif) no-repeat 0 0 !important; }
input:hover.btnSubmitDelM { border: none !important; background: url(../common-img/btn_submit_del_m.gif) no-repeat 0 0 !important; }
/*登録・追加系大（〜10文字まで）*/
input.btnSubmitDelL { width: 159px; height: 23px; cursor: pointer; text-align: center; border: none !important; line-height: normal; background: url(../common-img/btn_submit_del_l.gif) no-repeat 0 0 !important; }
input:hover.btnSubmitDelL { border: none !important; background: url(../common-img/btn_submit_del_l.gif) no-repeat 0 0 !important; }


/*-------------------------------------------------------------
共通ボタン（<a>タグ）
-------------------------------------------------------------*/

/*標準ボタン*/
a.btnCommon { padding: 0 0 0 12px; height: 23px; display: block; line-height: 23px; text-align: center; background: url(../common-img/btn_common_left.gif) no-repeat left top; color: #000 !important; }
a.btnCommon span { padding: 0 12px 0 0; display: block; background: url(../common-img/btn_common_right.gif) no-repeat right top; white-space: nowrap; }

/*登録・追加系（青）ボタン*/
a.btnAdd { padding: 0 0 0 12px; height: 23px; display: block; line-height: 23px; text-align: center; background: url(../common-img/btn_add_left.gif) no-repeat left top; color: #000 !important; }
a.btnAdd span { padding: 0 12px 0 0; display: block; background: url(../common-img/btn_add_right.gif) no-repeat right top; white-space: nowrap; }

/*削除系（赤）ボタン*/
a.btnDel { padding: 0 0 0 12px; height: 23px; display: block; line-height: 23px; text-align: center; background: url(../common-img/btn_del_left.gif) no-repeat left top; color: #000 !important; }
a.btnDel span { padding: 0 12px 0 0; display: block; background: url(../common-img/btn_del_right.gif) no-repeat right top; white-space: nowrap; }


/*ページングボタン*/
ul.pageList { margin: 0; padding: 0; height: 23px; list-style: none; }
ul.pageList li { margin: 0; float: left; display: inline-block; height: 23px; }
ul.pageList li a { display: block; overflow: hidden; height: 23px; background-position: 0 0; background-repeat: no-repeat; }
ul.pageList li a:hover { background-position: 0 -23px; }

/*中央*/
.btnCenter { background: url(../common-img/btn_center.gif) no-repeat 0 0; }
.btnCenter a { width: 48px; text-align: center; line-height: 23px; color: #000 !important; }
/*前へ*/
.btnArrowBack a { width: 25px; text-indent: -9999px; background-image: url(../common-img/btn_arrow_back.gif); }
.btnArrowBackEnd a { width: 26px; text-indent: -9999px; background-image: url(../common-img/btn_arrow_back_end.gif); }
.btnArrowBack2 a { width: 27px; text-indent: -9999px; background-image: url(../common-img/btn_arrow_back2.gif); }
/*次へ*/
.btnArrowNext a { width: 25px; text-indent: -9999px; background-image: url(../common-img/btn_arrow_next.gif); }
.btnArrowNextEnd a { width: 26px; text-indent: -9999px; background-image: url(../common-img/btn_arrow_next_end.gif); }
.btnArrowNext2 a { width: 27px; text-indent: -9999px; background-image: url(../common-img/btn_arrow_next2.gif); }

/*下へ*/
.btnArrowDown a { width: 28px; text-indent: -9999px; background-image: url(../common-img/btn_arrow_down.gif); }
/*上へ*/
.btnArrowUp a { width: 28px; text-indent: -9999px; background-image: url(../common-img/btn_arrow_up.gif); }



/*-------------------------------------------------------------
共通一覧テーブル
-------------------------------------------------------------*/

table.tableCommon { width: 100%; }
table.tableCommon th { padding: 5px 0; text-align: center; font-weight: normal; }
table.tableCommon td { padding: 5px; text-align: left; }



/*-------------------------------------------------------------
サイドテーブル
-------------------------------------------------------------*/

table.tableCommonSide { width: 100%; }
table.tableCommonSide th { padding: 5px; text-align: left; font-weight: bold; }
table.tableCommonSide td { padding: 5px; text-align: left; }



/*-------------------------------------------------------------
フォームテーブル
-------------------------------------------------------------*/

table.tableForm { width: 100%; }
table.tableForm th { padding: 5px 5px 5px 15px; text-align: left; font-weight: normal; background: #E6EAF8; border-bottom: 1px solid #FFF; border-left: 4px solid #1E41BD; }
table.tableForm td { padding: 5px; text-align: left; border-bottom: 1px dotted #CCC; }
table.tableForm td td { border-bottom: none; }

/*必須項目*/
.thImp { border-left: 4px solid #F1228B !important; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
個別パーツ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*-------------------------------------------------------------
カレンダーテーブル
-------------------------------------------------------------*/

.monthTtl { margin: 0 auto; width: 8em; height: 40px; line-height: 40px; font-weight: bold; font-size: 16px; text-align: center; }
table.tableCalendar { width: 100%; }
table.tableCalendar th { padding: 3px 0 1px 0; text-align: center; font-weight: normal; width: 14%; }
table.tableCalendar td { vertical-align: top; }
.calSun { width: 15%; background: #FCF1F1; color: #F66; }
.calSat { width: 15%; background: #EBF1FB; color: #069; }

/*天気*/
.calWeather { float: left; width: 30px; height: 25px; display: block; text-align: right; }
.calWeather img { margin: 4px 0 0 0; }
/*日付*/
.CalDay { float: right; width: 30px; height: 15px; display: block; font-weight: bold; line-height: 15px; text-align: center; color: #666; }
/*祝日*/
.CalHoliday { margin: 0 30px; height: 15px; line-height: 15px; display: block; text-align: right; font-weight: bold; color: #F00; }
/*書き込み*/
.CalPlan { clear: both; margin: 0 0 1px 0; width: 100%; display: block; }
.CalPlan a { padding: 3px 5px 2px 7px; display: block; color: #666 !important; }
.CalPlan a:hover { background: #EAEFF1; }
/*書き込みアクティブ*/
.CalPlanA { clear: both; margin: 0 0 1px 0; width: 100%; display: block; }
.CalPlanA a { padding: 3px 5px 2px 7px; display: block; color: #FFF !important; background: #98B9ED;  }
.CalPlanA a:hover { color: #FFF !important; }
/*時間*/
table.tableCalendarInner { width: 100%; }
table.tableCalendarInner td { padding: 3px; }
table.tableCalendarInner td div { padding: 3px 0 1px 0; text-align: center; line-height: 1em; font-weight: bold; }
/*アクティブ*/
.icoMorning { background: #BCCEF7; border: 1px solid #BCCEF7; color: #FFF; }	/*朝*/
.icoNoon { background: #FBD998; border: 1px solid #FBD998; color: #FFF; }		/*昼*/
.icoEvening { background: #FCB59D; border: 1px solid #FCB59D; color: #FFF; }	/*夕*/
/*非アクティブ*/
.icoMorningOff { border: 1px solid #BCCEF7; color: #BCCEF7; }		/*朝*/
.icoNoonOff { border: 1px solid #FBD998; color: #FBD998; }		/*昼*/
.icoEveningOff { border: 1px solid #FCB59D; color: #FCB59D; }		/*夕*/


/*-------------------------------------------------------------
ファイル管理
-------------------------------------------------------------*/

.fileList { width: 100%; padding: 0 0 25px 0; }
table.tableFileList { width: 100%; }
table.tableFileList th { height: 25px; line-height: 25px; background: #FCFCFC url(../common-img/table_ttl_bg.gif) repeat-x bottom; text-align: center; font-weight: normal; }
table.tableFileList td { padding: 5px; text-align: left; }
table.tableFileList .tdBg td { background: #F5F5F5; }

/*メニューボタン*/
.spBtnList { height: 26px; background: url(../skin-img/btn_sp_bg.gif) repeat-x bottom; }
.spBtnList ul { margin: 0; padding: 0; height: 26px; list-style: none; }
.spBtnList ul li { margin: 0; float: left; display: inline-block; height: 26px; line-height: 27px; text-indent: 28px; font-size: 12px; }
.spBtnList ul li a { display: block; overflow: hidden; height: 26px; font-weight: bold; background-position: 0 0; background-repeat: no-repeat; color: #FFF !important; }
.spBtnList ul li a:hover { background-position: 0 -26px; }
/*追加*/
.btnSpAdd a { width: 67px; background-image: url(../skin-img/btn_sp_add.gif); }
/*削除*/
.btnSpDel a { width: 67px; background-image: url(../skin-img/btn_sp_del.gif); }
/*設定*/
.btnSpSet a { width: 66px; background-image: url(../skin-img/btn_sp_set.gif); }



/*-------------------------------------------------------------
写真管理（写真サムネイル一覧）
-------------------------------------------------------------*/

.photoList { padding: 0 0 25px 0; width: 100%; }
.photoListInner { padding: 0 10px; background: url(../common-img/box_sp_bg.gif) repeat-x top; }
.photoList ul { margin: 0; padding: 0; width: 100%; list-style: none; }
.photoList ul li { float: left; width: 150px; height: 200px; display: block; }
.photoList ul li div { margin: 0 auto; padding: 17px 0 0 0; width: 130px; text-align: center; font-size: 0.8em; }
.photoList ul li div a { margin: 0 0 5px 0; display: block; border: 1px solid #DFE1E3; }
.photoList ul li div a:hover { border: 1px solid #1C4FAD; }


/*---------------------------------------------------------------
プレゼント管理
---------------------------------------------------------------*/

.divPresentHeadArea { width: 100%; }
.divPresentHeadArea h4 { margin: 0 0 10px 0; padding: 8px 10px 5px 10px; }
.divPresentHeadAreaInner { margin: 0 auto; width: 100%; }

/*イメージ*/
.divPresentHeadImg { float: left; margin: 0; width: 350px; }
.divPresentHeadImg .inner { padding: 5px; border: 4px solid #E1E1E1; }
.divPresentHeadImg img { width: 330px; }

/*プレゼント詳細*/
.divPresentHeadData { margin: 0 0 0 360px; }
.divPresentHeadData h5 { margin: 0 0 12px 0; font-size: 20px; line-height: 1.5em; font-weight: bold; }

/*当選者人数*/
.divPresentHeadData .numberPeople { margin: 0 0 10px 0; }
.divPresentHeadData .numberPeople em { padding: 6px 12px 4px 12px; font-size: 16px; line-height: 1.5em; font-style: normal; font-weight: bold; color: #FFF; background: #0028B5; }

.divPresentHeadData p em { margin: 0 0 10px 0; font-style: normal; font-weight: bold; display: block; }
.divPresentHeadData p.detailComment { margin: 0 0 10px 0; display: block; line-height: 1.6em; }

/*提供元*/
.divPresentOffer { margin: 0; width: 100%; background: #F4F4F4; }
.divPresentOffer dl { margin: 0; padding: 15px 15px 10px 15px; border: 1px dotted #E1E1E1; }
.divPresentOffer dt { margin: 0; font-weight: bold; }
.divPresentOffer dd { margin: 0 0 5px 0; }
/*応募方法*/
.divPresentRemarks { margin: 0; border: 4px solid #E1E1E1; }
.divPresentRemarks dl { margin: 0; padding: 12px 12px 10px 12px; }
.divPresentRemarks dt { margin: 0; font-weight: bold; }
.divPresentRemarks dd { margin: 0 0 2px 0; }


/*応募画面*/
.divPresentFormArea { margin: 0 0 20px 0; border: 4px solid #E1E1E1; }
.divPresentFormArea td { vertical-align: top; }
.divPresentFormArea .divPresentHeadData { margin: 0; width: 100%; }
.divPresentFormArea .divPresentHeadData h4 { margin: 0 0 5px 0; padding: 0; font-size: 14px; font-weight: bold; line-height: normal; }
.divPresentFormArea .divPresentHeadData h5 { margin: 0; }
.divPresentFormArea .divPresentHeadData p { margin: 0; font-weight: bold; }


/*-------------------------------------------------------------
過去のプレゼント一覧
-------------------------------------------------------------*/

.unitListSeriesBox { padding: 10px 0 0 0; width: 100%; }
.unitListSeriesBox ul { margin: 0; padding: 0 0 0 5px; list-style: none; }
.unitListSeriesBox li { float: left; width: 215px; height: 250px; display: block; text-align: center; font-size: 12px; }
.unitListSeriesBox li a { width: 195px; display: block; }
.unitListSeriesBox li a img { display: block; }
.unitListSeriesBox li span { margin: 0 auto 8px auto; width: 195px; height: 146px; display: block; overflow: hidden; }
.unitListSeriesBox li em { margin: 0 auto; width: 195px; display: block; font-style: normal; font-weight: bold; color: #333; text-align: left; line-height: 1.2em; }
.unitListSeriesBox li h5 { margin: 0 auto 3px auto; width: 195px; text-align: left; font-size: 12px; line-height: 1.5em; }
.unitListSeriesBox li p { margin: 0 auto; width: 195px; text-align: left; line-height: 1.2em; }

/*ページング*/
#unitPageArea { margin: 0 0 20px 0; border-top: 1px dotted #E1E1E1; border-bottom: 1px dotted #E1E1E1; padding: 3px 0; }
#unitPageNumber { text-align: center; }
#unitPageNumber ul { padding: 0; margin: 0; list-style-type: none; }
#unitPageNumber li { display: inline; }
#unitPageNumber li a { text-decoration: none; font-weight: normal; }
#unitPageNumber li.pagePrev a { padding: 0 6px 0 20px; text-decoration: none; }
#unitPageNumber li.pageNext a { padding: 0 20px 0 6px; text-decoration: none; }
#unitPageNumber li.pageNum { padding: 0 6px 0 6px; }
#unitPageNumber li.pageNum span { font-weight: bold; color: #F60; }



/*-------------------------------------------------------------
フォルダツリー（ダミー）
-------------------------------------------------------------*/

.treeBox { padding: 13px 10px 7px 20px; }
.treeBox ul { margin: 0; padding: 0; list-style: none; width: 100%; }
.treeBox li { margin: 0; line-height: 0; }
.treeBox li a { display: block; line-height: 1.4em; }
.treeBox li.icoFileOpen a { padding: 6px 0 0 34px; font-weight: bold; background: url(../common-images/folder-open.gif) no-repeat left top; }
.treeBox li.icoFileClose { padding: 0 0 0 15px; }
.treeBox li.icoFileClose a { padding: 6px 0 0 32px; background: url(../common-images/folder-close.gif) no-repeat left top; }