@charset "shift-jis";

/* ##################################### common/common.css ##################################### */

/* *********************** structure *********************** */
/* ++++++ base  ++++++ */
#base { width:795px; margin:0 auto; padding:0 85px 30px 85px; background:url(../../img/common/base_bg.gif) repeat-y; }


/* ************************************ common parts ************************************ */
h2.left, h3.left, h4.left, h5.left, p.left { float:left; }
p.right, input.right, img.right { float:right; }


/* ========================== left column ========================== */
.L .roundCorner01 { margin-bottom:10px; }

.L .roundCorner01 .head , .L .roundCorner01 .bottom { width:202px; height:5px; }
.L .roundCorner01 .head { background:url(../../img/common/roundCorner01_head.gif) no-repeat; }
.L .roundCorner01 .bottom { background:url(../../img/common/roundCorner01_bottom.gif) no-repeat; }
.L .roundCorner01 .inBox { width:190px; padding:5px 6px; background:url(../../img/common/roundCorner01.gif) repeat-y; }
.L .roundCorner01 .headline, .L .roundCorner01 .qr { margin-bottom:12px; color:#000; }
.L .roundCorner01 p { padding:0 5px; }

.L .roundCorner_base01 { width:190px; }
.L .roundCorner_base01 .head , .L .roundCorner_base01 .bottom { width:190px; height:10px; }
.L .roundCorner_base01 .head { background:url(../../img/common/roundCorner_base01_head.gif) no-repeat; }
.L .roundCorner_base01 .bottom { background:url(../../img/common/roundCorner_base01_bottom.gif) no-repeat; }
.L .roundCorner_base01 { background:url(../../img/common/roundCorner_base01.gif) repeat-y; text-align:center; }
.L .roundCorner_base01 p { margin:0; padding:0; }



.L .menuBox { margin-bottom:20px; padding:5px 10px 13px 10px; background:#fff; border:1px solid #666; line-height:1.2em; }
.L .menuBox.padEqually { padding:10px 10px 5px 10px; }
.L .menuBox.center { text-align:center; }
.L .menuBox.end { margin-bottom:0; }
.L .menuBox .headline, .L .menuBox .qr { margin-bottom:12px; color:#000; }
.L .menuBox .headline.border { padding-bottom:2px; border-bottom:1px solid #666; }

/* cloubmy / clubmem */
.L .inside { width:212px; margin:0 15px; }
.L .inside.gap { margin:10px 15px 0 15px; }
.L .LmenuGap { margin-bottom:14px; }

.L .menuBox.noPad { padding:0; }
.L .menuBox.noPad .insideBoxHead { margin:5px 10px; }
.L .menuBox.noPad .insideBox { margin:5px 10px 13px 10px; }

.L .menuBox table.clubMember { margin-bottom:10px; }
.L .menuBox table.clubMember td { padding:2px 3px; vertical-align:top; }

.L .useAttention { margin-bottom:7px; text-align:center; }

.L .menuBox.attentionLink { }
.L .menuBox.attentionLink a:link, .L .menuBox.attentionLink a:visited { color:#E50012; text-decoration:underline; }
.L .menuBox.attentionLink a:hover { color:#FF6F79; text-decoration:underline; }


/* left column menuBox */
.L .menuBox.articleUpdate dl { margin-bottom:14px; }
.L .menuBox.articleUpdate dt { margin-bottom:4px; color:#888; }
.L .menuBox.articleUpdate dd { margin-bottom:6px; }

.L .menuBox.eventCalendar .last, .L .menuBox.eventCalendar .next { margin-bottom:0; }
.L .menuBox.eventCalendar .last { float:left; }
.L .menuBox.eventCalendar .next { float:right; }
.L .menuBox.eventCalendar .month { clear:both; margin-bottom:5px; padding-bottom:1px; border-bottom:1px dotted #000; font-weight:bold; text-align:center; }

.L .menuBox.eventCalendar table { margin-bottom:5px; }
.L .menuBox.eventCalendar th, .L .menuBox.eventCalendar td { width:14%; color:#000; text-align:center; font-weight:normal; }
.L .menuBox.eventCalendar th.month { background:#C1E1F7; }
.L .menuBox.eventCalendar td { font-size:10px; }
.L .menuBox.eventCalendar td.written { background:#FBC600; }

.L .menuBox.eventCalendar .orangeBg { margin-bottom:7px; padding:7px; background:#FBC600; }
.L .menuBox.eventCalendar .orangeBg th, .L .menuBox.eventCalendar .orangeBg td { background:none; }
.L .menuBox.eventCalendar .orangeBg .month { color:#fff; border-bottom:1px solid #fff; }
.L .menuBox.eventCalendar .orangeBg td.written { background:#fff; }

.L .menuBox .link, .L .news .link { margin:0; text-align:right; }



/* ************************************ right column ************************************ */
/* ++++++ box infomation ++++++ */
.R .boxInfomation01 { height:50px; margin-bottom:15px; padding:13px 15px 0 120px; background:url(../../img/club/boxInfomation01.gif) no-repeat;
	font-size:14px; line-height:1.2em; }
.R .boxInfomation01 ul { margin:0 0 0 20px; }
.R .boxInfomation01 li { margin-bottom:4px; color:#0085D0; list-style:disc; }

/* ++++++ box title (common) ++++++ */
.R .boxTitle01, .R .boxTitleReceived, .R .boxTitleSubmitted, .R .boxTitleWrite, .R .boxTitlePencil, .boxTitleOne
 { height:29px; line-height:1.3em; }
.R .boxTitle01 h2, .R .boxTitleReceived h2, .R .boxTitleSubmitted h2, .R .boxTitleWrite h2, .R .boxTitlePencil h2, .boxTitleOne h2
 { float:left; color:#EA6000; font-size:14px; font-weight:normal; }
.R .boxTitle01 p, .R .boxTitleReceived p, .R .boxTitleSubmitted p, .R .boxTitleWrite p, .R .boxTitlePencil p, .boxTitleOne p
 { float:right; font-size:12px; }

/* ++++++ box title (orange) ++++++ */
.R .boxTitle01 { margin-bottom:15px; padding:16px 14px 0 14px; background:url(../../img/clubmy/boxTitle01.gif) no-repeat; }
.R .boxTitle01.padSmall {height:33px; padding:12px 14px 0 14px; }
.R .boxTitle01 td { background:transparent; vertical-align:middle; }

/* ++++++ box title (variation) ++++++ */
.R .boxTitleReceived { margin-bottom:10px; padding:16px 14px 0 47px; background:url(../../img/clubmy/boxTitle_received.gif) no-repeat; }
.R .boxTitleSubmitted { margin-bottom:10px; padding:16px 14px 0 47px; background:url(../../img/clubmy/boxTitle_submitted.gif) no-repeat; }
.R .boxTitlePencil { margin-bottom:15px; padding:16px 14px 0 47px; background:url(../../img/clubmy/boxTitle_pencil.gif) no-repeat; }


/* ++++++ box title (variation) ++++++ */
/* boxTop01 */
.R .boxTop01 { clear:both; height:22px; padding:9px 15px 0 15px; background:url(../../img/common/boxTop01.gif) no-repeat; line-height:1.3em; }
.R .boxTop01 h2, .R .boxTop01 h3 { color:#000; font-size:14px; font-weight:bold; }
.R .boxTop01 p { font-size:14px; }
.R .boxTop01 p.j10 { font-size:10px; }
.R .boxTop01 .j12Black p { color:#000; font-size:12px; }

.R .boxTop01.noBottom { background:url(../../img/common/boxTop01_noBottom.gif) no-repeat; }
.R .boxTop01.noBottom.smallGap { margin-bottom:1px; }

.R .boxTop01.bottomHigh { height:40px; }

/* boxTop02 */
.R .boxTop02 { clear:both; height:30px; padding:15px 15px 0 15px; background:url(../../img/common/boxTop02.gif) no-repeat; }
.R .boxTop02 p.about, .R .boxTop02 h3 { float:left; line-height:1em; }
.R .boxTop02 p.about { padding:5px 5px 0 0; color:#000; font-size:14px; }
.R .boxTop02 h3 { font-size:22px; font-weight:bold; }

/* boxTop02 (club name) */
.R .boxTop02.clubName { clear:both; width:500px; height:auto; padding:15px 15px 5px 15px; background:url(../../img/common/boxTop02_long.gif) no-repeat;
	border-bottom:1px solid #888; }
.R .boxTop02.clubName p.about { float:left; width:54px; line-height:1em; }
.R .boxTop02.clubName p.about { padding:5px 5px 0 0; color:#000; font-size:14px; }
.R .boxTop02.clubName h3 { float:left; width:440px; font-size:22px; font-weight:bold; }
.R .boxTop02.clubName h3.smallName { float:none; color:#666; font-size:12px; font-weight:bold; }

/* box common */
.R .boxText01, .R .boxText02, .R .boxText03 { margin:0 0 13px 0; background:#fff; color:#000; font-size:14px; }
.R .boxText01.j12, .R .boxText02.j12, .R .boxText03.j12 { font-size:12px; }
.R .boxText01.noColor, .R .boxText02.noColor, .R .boxText03.noColor { color:#888; }
.R .boxText01.mgb0, .R .boxText02.mgb0, .R .boxText03.mgb0 { margin:0; }
.R .boxText01, .R .boxText02 { padding:14px 14px 12px 14px; }
.R .boxText01.noTopPad, .R .boxText02.noTopPad { padding:0 14px 12px 14px; }

/* box no frame */
.R .boxText01 {}
.R .boxText01.mgb0 { margin-bottom:0; padding-bottom:0; } 
.R .boxText01 h3 { font-size:16px; font-weight:bold; line-height:1.2em; } 
.R .boxText01 p { margin-bottom:25px; line-height:1.7em; }
.R .boxText01.diary p { margin-bottom:3px; }
.R .boxText01 p.date { margin-bottom:10px; color:#888;line-height:1.2em; }

/* box frame */
.R .boxText02 { border:1px solid #888; border-top:none; }
.R .boxText02 p { margin-bottom:3px; line-height:1.5em; }

/* box no frame pad narrow */
.R .boxText03 { padding:10px 7px; }
.R .boxText03 .img {  }

.R ul.more, .selectLink { float:right; }
.R ul.moreLeft, .selectLinkLeft { float:left; }
.R ul.more li, .selectLink li, .R ul.moreLeft li, .selectLinkLeft li
 { display:inline; border-right:1px solid #888; margin-right:7px; padding-right:3px; color:#888; }
.R ul.more.black li, .selectLink.black li, .R ul.moreLeft.black li, .selectLinkLeft.black li
 { color:#000; border-right:1px solid #000; }
.R ul.more li.end , .selectLink li.end, .R ul.more.black li.end, .selectLink.black li.end, .R ul.moreLeft li.end, .selectLinkLeft li.end
 { border:none; margin-right:0; padding-right:0; }
.R p.more, .R p.comment { margin:0 !important; text-align:right; }
.R p.comment { color:#888; }

/* ------------- box album list ------------- */
.R .boxText01.album {}
.R .boxText01.album .left { float:left; width:185px; }
.R .boxText01.album .right { float:right; width:315px; }
.R .boxText01.album .right p {}

/* ------------- box album top ------------- */
.R .boxText01.photoHead, .R .boxText01.photoBody, .R .boxText01.photoComment, .R .boxText01.photoCommentList { margin-bottom:1px; }
.R .boxText01.photoHead { padding:10px 14px 5px 14px; color:#666; }
.R .boxText01.photoHead.photoDetail { color:#000; }
.R .boxText01.photoHead p.date, .R .boxText01.photoHead p.viewSelect { margin-bottom:0; color:#888; }

.R .boxText01.photoBody { padding:50px 0; text-align:center; }
.R .boxText01.photoBody img { padding:10px; border:1px solid #000; }

.R .boxText01.photoComment { padding:10px 14px 8px 14px; line-height:1.7em; }
.R .boxText01.photoComment p { margin-bottom:0; }

.R .boxText01.photoCommentList { padding:10px 14px 8px 14px; }
.R .boxText01.photoCommentList .commentTitle { margin-bottom:5px; color:#888; }

.R .boxText01.photoCommentInput { margin-bottom:20px; }

table.photoList { margin-bottom:10px; }
table.photoList th { text-align:left; }
table.photoList td { width:25%; vertical-align:top; }
table.photoList td .photoSpace { margin-bottom:6px; text-align:center; }

/* album list (orange) */
table.orangeFrame { margin:0 0 13px 0; background:#EA6000; color:#000; font-size:14px; }
table.orangeFrame td { padding:14px 14px 12px 14px; background:#FFFDED; }
table.orangeFrame h3 { font-size:16px; font-weight:bold; line-height:1.2em; } 
table.orangeFrame p { margin-bottom:25px !important; line-height:1.7em; }
table.orangeFrame p.date { margin-bottom:10px !important; color:#888;line-height:1.2em; }
table.orangeFrame.album .left { float:left; width:185px; }
table.orangeFrame.album .right { float:right; width:315px; }

/* album top (orange) */
table.orangeFrame td.photoHead { padding:10px 14px 5px 14px; color:#666; }
table.orangeFrame td.photoHead.photoDetail { color:#000; }
table.orangeFrame td.photoHead p.date, table.orangeFrame td.photoHead p.viewSelect { margin-bottom:0 !important; color:#888; }

table.orangeFrame td.photoBody { padding:50px 0; text-align:center; }
table.orangeFrame td.photoBody img { padding:10px; border:1px solid #000; }

table.orangeFrame td.photoComment { padding:10px 14px 8px 14px; line-height:1.7em; }
table.orangeFrame td.photoComment.whiteBack { background:#fff; }
table.orangeFrame td.photoComment p { margin-bottom:0 !important; }

.editOwnComment, .nextComment{ margin-bottom:10px; font-size:14px; }
.nextComment { text-align:right; }
.commentTitleOrange { margin-bottom:5px !important; color:#EA6000; font-size:14px; }

table.orangeFrame td.photoCommentInput { margin-bottom:20px; }

table.orangeFrame.photoList { margin-bottom:10px; font-size:12px; }
table.orangeFrame.photoList th { color:#666; text-align:left; }
table.orangeFrame.photoList td { width:25%; padding:5px 7px; vertical-align:top; }
table.orangeFrame.photoList td .photoSpace { margin-bottom:6px; text-align:center; }



/* ------------- turn up photo ------------- */
.turnUpPhoto { margin:10px 0; font-size:14px; }
.turnUpPhoto.gapSmall { margin:0 0 7px 0; }
.turnUpPhoto .back { float:left; margin-left:7px; }
.turnUpPhoto .next { float:right; margin-right:7px; }

/* ------------- square box ------------- */
.R .squareBox_000 { padding:5px; border:1px solid #000; }
.R .squareBox_666 { padding:5px; border:1px solid #666; }
.R .squareBox_888 { padding:5px; border:1px solid #888; }
.R .squareBox_888.greyBG { background:#eee; }
.R .squareBox_888.height50 { padding:50px 5px 50px 5px; border:1px solid #888; }
.R .squareBox_red { padding:5px; border:1px solid #BF1920; }
.R .squareBox_red.pad10 { padding:10px; border:1px solid #BF1920; }
.R .squareBox_orange { padding:5px; border:1px solid #EA6000; }
.R .squareBox_orange.pad10 { padding:10px; border:1px solid #EA6000; }
.R .squareBox_yellowBG.pad10 { padding:10px; border:1px solid #EA6000; background:#FFFDED; }

/* ========================== list ========================== */
/* ul */
ul.inTable { margin:0 0 0 16px; }
ul.inTable li { list-style:disc; }

.squareLightGray ul {}
.squareLightGray ul li { padding:0 0 0 14px; background:url(../../img/common/square01.gif) no-repeat 0 2px; }

.circleBlue ul { margin-bottom:10px; }
.circleBlue ul li { margin-bottom:6px; padding:0 0 0 20px; background:url(../../img/common/circle01.gif) no-repeat; line-height:1.2em; }
.circleBlue ul li.end { margin-bottom:0; }
.L .menuBox .circleBlue ul { margin-bottom:0; }

.diamond01 ul { margin-bottom:10px; }
.diamond01 ul li { margin-bottom:6px; padding:0 0 0 15px; background:url(../../img/common/i_diamond01.gif) no-repeat; line-height:1.2em; }
.diamond02 ul { margin-bottom:10px; }
.diamond02 ul li { margin-bottom:6px; padding:0 0 0 15px; background:url(../../img/common/i_diamond02.gif) no-repeat; line-height:1.2em; }

.noStyle01 ul {}
.noStyle01 li { margin-bottom:6px; }

.noStyle02 ul {}
.noStyle02 li { margin-bottom:15px; padding:0 0 0 25px; }

.mailBox li { margin-bottom:6px; }

li.pencil01 { padding:4px 0 5px 25px; background:url(../../img/common/i_pencil01.gif) 2px 1px no-repeat; }
li.received { padding:4px 0 3px 25px; background:url(../../img/common/i_receivedBox01.gif) no-repeat; }
li.submitted { padding:4px 0 3px 25px; background:url(../../img/common/i_submittedBox01.gif) no-repeat; }
li.draft { padding:5px 0 3px 25px; background:url(../../img/common/i_draftBox01.gif) no-repeat; }
li.trashBox { padding:4px 0 5px 25px; background:url(../../img/common/i_trashBox01.gif) 2px 1px no-repeat; }
li.vertical_L01 { margin-left:23px; padding:4px 0 5px 12px; background:url(../../img/common/i_vertical_L01.gif) 2px 1px no-repeat; }
li.noIcon { padding:0 0 0 25px; }

p.trashBoxRight { padding:6px 20px 4px 0; background:url(../../img/common/i_trashBox01.gif) right center no-repeat; text-align:right; }

/* list right column */
.R .list01 ul { margin:0 0 20px 40px; }
.R .list01 ul li { margin-bottom:6px; list-style:disc; }

.R .list02 ul { margin:0 0 20px 40px; }
.R .list02 ul li { margin-bottom:6px; }

.R .list03 ul { margin:0 0 20px 20px; }
.R .list03 ul li { margin-bottom:6px; list-style:disc; }

.R .list01 ol { margin:0 0 20px 40px; }
.R .list01 ol li { margin-bottom:6px; list-style:decimal; }

.R .list01 li.end, .R .list02 li.end, .R .list03 li.end { margin-bottom:0; }
.list01.noBoderList li, .list02.noBoderList li, .list03.noBoderList li { border:none; }

/* ========================== icon list ========================== */
ul.pencil01 { margin-bottom:10px; }
ul.pencil01 li { margin-bottom:6px; padding:1px 0 0 25px; background:url(../../img/common/i_pencil01.gif) no-repeat; line-height:1.2em; }
p.pencil01 { margin-bottom:6px; padding:1px 0 3px 25px; background:url(../../img/common/i_pencil01.gif) no-repeat; line-height:1.2em; }

ul.group01 { margin-bottom:10px; }
ul.group01 li { margin-bottom:6px; padding:1px 0 0 25px; background:url(../../img/common/i_group01.gif) no-repeat; line-height:1.2em; }

ul.flag01 { margin-bottom:10px; }
ul.flag01 li { margin-bottom:6px; padding:1px 0 0 25px; background:url(../../img/common/i_flag01.gif) no-repeat; line-height:1.2em; }

ul.camera01 { margin-bottom:10px; }
ul.camera01 li { margin-bottom:6px; padding:1px 0 0 30px; background:url(../../img/common/i_camera01.gif) no-repeat; line-height:1.2em; }
p.camera01 { margin-bottom:6px; padding:1px 0 3px 30px; background:url(../../img/common/i_camera01.gif) no-repeat; line-height:1.2em; }



/* ========================== link ========================== */
.noColor a:link, .noColor a:visited { color:#656363; text-decoration:none; }
.noColor a:hover { color:#0085D0; text-decoration:underline; }
.noDecoration a:link, .noDecoration a:visited { text-decoration:none; }
.noDecoration a:hover { text-decoration:underline; }


/* ========================== buttons ========================== */
.btn { display:block; text-indent:-9999px; overflow:hidden; }
.btn a, .btn a:hover { display:block; }

.btn.sendMessage a { width:179px; height:32px; margin:0 0 14px 7px; background: url(../../img/common/b_sendMessage.gif) no-repeat 0 0; }
.btn.sendMessage a:hover { background: url(../../img/common/b_sendMessage.gif) no-repeat 0 -32px; }

/* to the top of this page */
.pageTop { clear:both; margin-bottom:0; text-align:right; line-height:1.2em; }

/* ========================== img ========================== */
img.pad_000_5 { padding:5px; border:1px solid #000;}
img.pad_aaa_5 { padding:5px; border:1px solid #aaa;}
img.pad_000_10 { padding:10px; border:1px solid #000;}
img.pad_666_10 { padding:10px; border:1px solid #666;}
img.pad_888_10 { padding:10px; border:1px solid #888;}

img.border_888 { border:1px solid #888;}

img.Email { margin-bottom:5px; }
p.middle img, img.middle { vertical-align:middle; }
p.top img, img.top { vertical-align:top; }

/* ========================== pagenation ========================== */
.pagenation { margin:0 0 10px 0; text-align:center; }
.pagenation ul {}

.pagenation li { display:inline; margin-right:4px; padding:0 4px 0 4px; color:#fff; font-size:14px; letter-spacing:1px; }
.pagenation li a:link, .pagenation li a:visited { text-decoration:underline; }
.pagenation li a:hover { text-decoration:underline; }
/*current
.pagenation .on, .pagenation .on a, .pagenation .on a:visited { text-decoration:underline; }*/
/*pagger*/
.pagenation li.pager { white-space:nowrap; }
.pagenation li.pager.next { margin-right:0; padding-right:0; border-right:none; }

/* ----------- light gray ----------- */
.pagenation.lightGray li { margin-right:2px; padding:0 1px 0 1px; color:#888; }
.pagenation.lightGray li a:link, .pagenation.lightGray li a:visited { color:#888; text-decoration:underline; }
.pagenation.lightGray li a:hover { color:#aaa; }


/* ========================== turn up ========================== */
span.this { margin:0 10px; }
span.last { }
span.next { }


/* ========================== reset ========================== */
.reset { display:block; clear:both; font-size:1px; height:1px; line-height:1px; }


/* ========================== dot ========================== */
.dot01 { display:block; clear:both; border-top:1px dotted #888; font-size:1px; height:1px; line-height:1px; }


/* ========================== line, belt ========================== */
hr.lightGray { background:#e2e2e2 !important; }

.line { display:block; clear:both; font-size:1px; height:1px; line-height:1px;}
.doubleLine { display:block; clear:both; font-size:1px; height:3px; line-height:1px;}
.line.lightGrayBG, .line.diaryBottom { background:#888; }
.line.redBG { background:#BF1920; }
.line.diaryBottom { margin-bottom:5px; }

/* ========================== turn up ========================== */
.turnUp { text-align:center; font-size:14px; line-height:1.2em; }
.turnUp .this { margin:0 15px; }
.turnUp .last a, .turnUp .last a:hover,
.turnUp .next a, .turnUp .next a:hover { text-decoration:underline; }

/* ========================== calendar ========================== */
.calendarHead .left { float:left; font-weight:bold; }
.calendarHead .right { float:right; }
.calendarHead .this { margin:0 10px; }
.calendarHead .last { }
.calendarHead .next { margin-right:20px; }

/* ----------- month ----------- */
.calendarMonth table { margin-bottom:13px; color:#000; font-size:18px; }
.calendarMonth table th, .calendarMonth table td { vertical-align:top; }
.calendarMonth table th { padding:12px 12px 8px 12px; font-weight:bold; line-height:1em; }
.calendarMonth table td { width:14%; height:80px; padding:10px 12px; }

.calendarMonth table td p.day { margin-bottom:3px; text-align:right; }
.calendarMonth table td dl { font-size:14px; line-height:1em; }
.calendarMonth table td dt { margin-bottom:2px; color:#666; }
.calendarMonth table td dd { margin-bottom:5px; }

/* ----------- week ----------- */
.calendarWeek table { margin-bottom:13px; }
.calendarWeek table th, .calendarWeek table td { padding:10px 12px; }
.calendarWeek table th { width:13%; height:35px; }
.calendarWeek table td { width:87%; }

.calendarWeek table th .dayL, .calendarWeek table th .dayS { color:#000; }
.calendarWeek table th .dayL { font-size:18px; font-weight:bold; }
.calendarWeek table th .dayS { font-size:10px; color:#000; }
.calendarWeek table th .dayS.sunday { color:#E50012; }
.calendarWeek table th .dayS.saturday { color:#0085D0; }

.calendarWeek dl { font-size:14px; line-height:1.3em; }
.calendarWeek dt { display:block; clear:both; float:left; width:55px; }
.calendarWeek dd { display:block; float:left; width:600px; margin-bottom:10px; }
.calendarWeek dd.end { margin-bottom:0; border:none; }

/* ----------- day ----------- */
.calendarDay table { margin-bottom:13px; }
.calendarDay table td { height:25px; padding:10px 12px; }

.calendarDay dl { font-size:14px; line-height:1.3em; }
.calendarDay dt { display:block; clear:both; float:left; width:60px; }
.calendarDay dd { display:block; float:left; width:695px; }
.calendarDay dd.end { margin-bottom:0; border:none; }

.dateLightGray { color:#aaa; }

/* ========================== diary list ========================== */
.diaryListHead { clear:both; height:26px; padding:7px 14px 0 14px; background:#FFFDED; border:1px solid #EA6000; font-size:14px; line-height:1.3em; }
.diaryListHead h3 { font-size:14px; font-weight:normal; }
.diaryListBody { padding:5px 14px 15px 14px; border:1px solid #888; border-top:none; line-height:2em; }
.diaryListBottom { padding:5px 14px; border-left:1px solid #888; border-right:1px solid #888; text-align:right; }
.diaryListBottom.end { margin-bottom:10px; border-right:1px solid #888; border-bottom:1px solid #888; font-size:12px; }

/* ========================== diary detail ========================== */
.diaryDetail { margin-bottom:25px; color:#000; }
.diaryDetail h3 { margin-bottom:15px; padding-bottom:10px; font-size:22px; font-weight:bold; border-bottom:1px solid #666; }
.diaryDetail p { margin-bottom:0px; font-size:14px; line-height:1.5em; }
.diaryDetail p.tagdisplay {}
.diaryDetail ul.more li { border-right:1px solid #000; color:#000; font-size:14px; }

/* ========================== table ========================== */
/* table common */
table { clear:both; width:100%; line-height:1.3em; }
table p { margin-bottom:0 !important; }
th, td { background:#fff; line-height:1.7em; }
table.lineHeightShort th, table.lineHeightShort td, tr.lineHeightShort th, tr.lineHeightShort td, th.lineHeightShort, td.lineHeightShort
{ line-height:1.3em; }
th { font-weight:normal; }

/* table under box top */
table.underBoxTop { margin-bottom:13px; }
table.underBoxTop td, table.underBoxTop th { padding:3px 4px; background:#eee; }
table.underBoxTop.white td, table.underBoxTop.white th { background:#fff; }

/* table width variation */
table.widthAuto { width:auto !important; }
table.widthTwoThirds { width:60% !important; }
table.widthHalf { width:50% !important; }

/* table text align */
table.tdLeft td { text-align:left; }

/* td padding */
table.normalSpace th, table.normalSpace td { padding:5px 12px; }
table.wideSpace th, table.wideSpace td { padding:10px 12px; }
table.normalSpace01 th, table.normalSpace01 td { padding:3px 3px; }
table.normalSpace02 th, table.normalSpace02 td { padding:5px 5px; }
table.normalSpace03 th, table.normalSpace03 td { padding:7px 7px; }
table.noPad td, table.wideSpace table.noPad td, td.noPad { padding:0 !important; }

/* td width */
th.w50, td.w50 { width:50px; }
th.w70, td.w70 { width:70px; }
th.w100, td.w100 { width:100px; }
th.w110, td.w110 { width:110px; }
th.w120, td.w120 { width:110px; }
th.w135, td.w135 { width:135px; }
th.w145, td.w145 { width:145px; }
th.w150, td.w150 { width:150px; }
th.w170, td.w170 { width:170px; }
th.w180, td.w180 { width:180px; }
th.w200, td.w200 { width:200px; }
th.w250, td.w250 { width:250px; }

/* td padding */
th.inPadding10, td.inPadding10 { padding:10px 18px !important; }
th.inPadding15, td.inPadding15 { padding:15px 20px !important; }

th {}
tr.top th, tr.top td, td.top { vertical-align:top !important; }
tr.middle th, tr.middle td, td.middle { vertical-align:middle !important; }
tr.bottom th, tr.bottom td, td.bottom { vertical-align:bottom !important; }
tr.left th, tr.left td, th.left, td.left { text-align:left; }
tr.center th, tr.center td, th.center, td.center ,
tr.left th.center, tr.left td.center { text-align:center; }
th.right, td.right { text-align:right; }

tr.bold th, tr.bold td, th.bold, td.bold { font-weight:bold; }

/* td color variation */
table.redBG { background:#BF1920; }
table.grayBG { background:#888; }
table.orangeBG { background:#EA6000; }
table.orangeBG th, table.orangeBG td { background:#FFFDED; }
th.orange, td.orange { color:#EA6000; }
table.gray01 tr, table.gray01 td { background:#eee; }
table.transparent, table.transparent td { background:transparent; }

th.white, td.white, th.pink, td.pink, th.pinkNoColor, td.pinkNoColor, th.gray, td.gray { text-align:center; font-weight:normal; }
th.white.al-l, td.white.al-l, th.pink.al-l, td.pink.al-l, th.pinkNoColor.al-l, td.pinkNoColor.al-l, th.gray.al-l, td.gray.al-l { text-align:left; }
th.largeBlackBold, td.largeBlackBold { color:#000; font-size:14px; font-weight:bold; }
tr.pink th, tr.pink td, th.pink, td.pink, th.pinkNoColor, td.pinkNoColor, tr.pinkBlack th, th.pinkBlack td, th.pinkBlack, td.pinkBlack
{ background:#FCEDE4; }
th.white, td.white, th.pink, td.pink { color:#BF1920; }
tr.pinkBlack th, th.pinkBlack td, th.pinkBlack, td.pinkBlack { color:#000; }
th.pinkNoColor, td.pinkNoColor, th.noColor, td.noColor { color:#666; }
th.gray, td.gray { background:#eee; }
td.gray.bold { font-weight:bold; }
th.yellowBG, td.yellowBG { background:#FFFDED; }
tr.white th, tr.white td, th.white, td.white { background:#fff !important; }
tr.skin th, tr.skin td, th.skin, td.skin { background:#FDEBD1; }

/* td color variation Premium Plan */
/*th.bluePlan, th.greenPlan, th.orangePlan ,th.redPlan { color:#fff; }*/

th.bluePlan { border-top:5px solid #009FE8; } .bluePlan { background:#DEF1FB; color:#009FE8; }
th.greenPlan { border-top:5px solid #128F2E; } .greenPlan { background:#EBF4E2; color:#128F2E; }
th.orangePlan { border-top:5px solid #F29600; } .orangePlan { background:#FFFCE4; color:#F29600; }
th.redPlan { border-top:5px solid #E50012; } .redPlan { background:#FAE5EE; color:#E50012; }


/* td line / dot */
tr.dot th, tr.dot td, th.dot, td.dot { border-bottom:1px dotted #888; }
tr.topDot th, tr.topDot td, th.topDot, td.topDot { border-top:1px dotted #888; border-bottom:1px dotted #888; }
tr.dotOrange th, tr.dotOrange td, th.dotOrange, td.dotOrange { border-bottom:1px dotted #EA6000; }
tr.lineRed th, tr.lineRed td, th.lineRed, td.lineRed { border-bottom:1px solid #BF1920; }

div.inputGap input, div.inputGap textarea, div.inputGap select, td.inputGap input, td.inputGap textarea, td.inputGap select  { margin-bottom:5px; }

/* ========================== image add delete  ========================== */
tr.addDelete img, td.addDelete img { margin-bottom:5px; }


/* ========================== footer ========================== */
.footerTop { display:block; clear:both; margin-bottom:15px; background:#888; font-size:1px; height:1px; line-height:1px;}
/* footer menu-copy */
#footer { }
#footer .left { float:left; width:160px; }
#footer .left img { margin:5px 0 0 20px; }
#footer .right { float:left; width:635px; text-align:center; }

#footer ul { margin-bottom:6px; }
#footer li { display:inline; border-right:1px solid #0068B5; margin-right:5px; padding-right:3px; }
#footer li.end { border:none; margin-right:0; padding-right:0; }
#footer a:link, #footer a:visited { color:#0068B5; text-decoration:underline; }
#footer a:hover { color:#37B9FF; text-decoration:underline; }

#footer p { text-align:center; }

/* ========================== form ========================== */
/*form*/
textarea { line-height:1.7em; }

input.w40px { width:40px; }
input.w50px { width:50px; }
input.w70px { width:70px; }
input.w100px { width:100px; }
input.w120px { width:120px; }
input.w150px { width:150px; }
input.w200px { width:200px; }
input.w210px { width:210px; }
input.w220px { width:220px; }
input.w230px { width:230px; }
input.w240px { width:240px; }
input.w250px { width:250px; }
input.w280px { width:280px; }
input.w300px { width:300px; }
input.w350px { width:350px; }
input.w400px { width:400px; }
input.w450px { width:450px; }
input.w500px { width:500px; }
input.w550px { width:550px; }

/*input space on item*/
.inputOnItem { margin-bottom:7px; }

textarea { overflow:auto; }
textarea.w100px { width:100px; }
textarea.w150px { width:150px; }
textarea.w200px { width:200px; }
textarea.w230px { width:230px; }
textarea.w250px { width:250px; }
textarea.w300px { width:300px; }
textarea.w350px { width:350px; }
textarea.w400px { width:400px; }
textarea.w450px { width:450px; }
textarea.w500px { width:500px; }
textarea.w550px { width:550px; }

textarea.border_aaa { border:1px solid #888; }
textarea.border_orange { border:1px solid #EA6000; }

.must { color:#BF1920; font-weight:bold; }
.confirmationNumber { margin:5px 0; }

.errorMessage { margin-bottom:15px; padding:10px 12px; font-size:14px; font-weight:bold; }
.attentionOnItem { margin-bottom:5px; color:#F29600; font-weight:bold; }
.errorText { color:#E50012; }
.createNote { padding:5px 10px; background:#FFFFC1; border:1px dotted #BF1920; color:#BF1920; }

.selectFile { margin-bottom:7px; }
.selectFile input { margin:0 5px 0 10px; vertical-align:middle; }

/*read file*/
.readFile { margin-bottom:7px; }
.readFile input, .readFile .decideButton , .decideButton input { float:left; }
.readFile input, .decideButton input { margin-right:10px; }
.decideButton { width:265px; padding:3px 5px 0 5px; background:#c8c8c8; border-right:1px solid #666; border-bottom:1px solid #666; }
.decideButton input { vertical-align:middle; }
.decideButton input.image { margin:0 0 0 5px; }

/* paragraph */
p {}
p.mgb50 ,ul.mgb50 ,ol.mgb50 ,dl.mgb50, table.mgb50 { margin-bottom:50px !important; }
p.mgb40 ,ul.mgb40 ,ol.mgb40 ,dl.mgb40, table.mgb40 { margin-bottom:40px !important; }
p.mgb30 ,ul.mgb30 ,ol.mgb30 ,dl.mgb30, table.mgb30 { margin-bottom:30px !important; }
p.mgb25 ,ul.umgb25 ,ol.mgb25 ,dl.mgb25, table.mgb25 { margin-bottom:25px !important; }
p.mgb20 ,ul.mgb20 ,ol.mgb20 ,dl.mgb20, table.mgb20 { margin-bottom:20px !important; }
p.mgb15 ,ul.mgb15 ,ol.mgb15 ,dl.mgb15, table.mgb15 { margin-bottom:15px !important; }
p.mgb10 ,ul.mgb10 ,ol.mgb10 ,dl.mgb10, table.mgb10 { margin-bottom:10px !important; }
p.mgb7 ,ul.mgb7 ,ol.mgb7 ,dl.mgb7, table.mgb7 { margin-bottom:7px !important; }
p.mgb5 ,ul.mgb5 ,ol.mgb5 ,dl.mgb5, table.mgb5 { margin-bottom:5px !important; }
p.mgb3 ,ul.mgb3 ,ol.mgb3 ,dl.mgb3, table.mgb3 { margin-bottom:3px !important; }
p.mgb0 ,ul.mgb0 ,ol.mgb0 ,dl.mgb0, table.mgb0 { margin-bottom:0 !important; }
p.end { margin:0 0 25px 0; padding:0; }

p.indent10 { padding-left:10px; }
p.indent20 { padding-left:20px; }
p.indent40 { padding-left:40px; }

p.leftGapRight { float:left; margin-right:15px !important; }
p.leftGapleft { float:left; margin-left:15px !important; }
p.leftGapleftLarge { float:left; margin-left:30px !important; }
p.rightGapRight { float:right; margin-right:15px !important; }
p.rightGapLeft { float:right; margin-left:15px !important; }

/* arrow */
.arrowBlack { padding:0 0 0 13px; background: url(../../img/common/arrowBlack.gif) no-repeat 0 1px; line-height:1.2em; }
.arrowBlack a:link, .arrowBlack a:visited { text-decoration:underline; }
.arrowBlack a:hover { text-decoration:underline; }

.arrowGray { padding:0 0 0 13px; background: url(../../img/common/arrowGray01.gif) no-repeat 0 1px; line-height:1.2em; }
.arrowGray a:link, .arrowGray a:visited { text-decoration:underline; }
.arrowGray a:hover { text-decoration:underline; }


/* fonts */
.lh1, table.lh1 th, table.lh1 td { line-height:1em; }
.lh11, table.lh11 th, table.lh11 td { line-height:1.1em; }
.lh12, table.lh12 th, table.lh12 td { line-height:1.2em; }
.lh13, table.lh13 th, table.lh13 td { line-height:1.3em; }
.lh14, table.lh14 th, table.lh14 td { line-height:1.4em; }
.lh15, table.lh15 th, table.lh15 td { line-height:1.5em; }

.j10, .j10bold { font-size:10px; }
.j12, .j12bold { font-size:12px; }
.j14, .j14bold { font-size:14px; }
.j16, .j16bold { font-size:16px; }
.j18, .j18bold { font-size:18px; }
.j20, .j20bold { font-size:20px; }
.j22, .j22bold { font-size:22px; }
.j24, .j24bold { font-size:18px; }
.j26, .j26bold { font-size:18px; }
.j10bold, .j12bold, .j14bold, .j16bold, .j18bold, .j20bold, .j22bold, .j24bold, .j26bold { font-weight:bold; }

.noColor, .noColorBold { color:#666; }
.noColor a:link, .noColor a:visited, .noColorBold a:link, .noColorBold a:visited { color:#0085D0; text-decoration:underline; }
.noColor a:hover, .noColorBold a:hover { color:#37B9FF; text-decoration:underline; }

.black, .blackBold { color:#000; }
.black a:link, .black a:visited, .blackBold a:link, .blackBold a:visited { color:#0085D0; text-decoration:underline; }
.black a:hover, .blackBold a:hover { color:#37B9FF; text-decoration:underline; }

.lightGray, .lightGraykBold { color:#888; }
.lightGray a:link, .lightGray a:visited, .lightGrayBold a:link, .lightGrayBold a:visited { color:#0085D0; text-decoration:underline; }
.lightGray a:hover, .lightGrayBold a:hover { color:#37B9FF; text-decoration:underline; }

.lightRed, .lightRedBold { color:#E50012; }
.lightRed a:link, .lightRed a:visited, .lightRedBold a:link, .lightRedBold a:visited { color:#E50012; text-decoration:underline; }
.lightRed a:hover, .lightRedBold a:hover { color:#FF7D87; text-decoration:underline; }

.red, .redBold { color:#BF1920; }
.red a:link, .red a:visited, .redBold a:link, .redBold a:visited { color:#BF1920; text-decoration:underline; }
.red a:hover, .redBold a:hover { color:#EC6C73; text-decoration:underline; }

.blue, .blueBold { color:#0085D0; } 
.blue a:link, .blue a:visited, .blueBold a:link, .blueBold a:visited { color:#0085D0; text-decoration:underline; }
.blue a:hover, .blueBold a:hover { color:#37B9FF; text-decoration:underline; }

.deepBlue, .deepBlueBold { color:#00469B; } 
.deepBlue a:link, .deepBlue a:visited, .deepBlueBold a:link, .deepBlueBold a:visited { color:#00469B; text-decoration:underline; }
.deepBlue a:hover, .deepBlueBold a:hover { color:#0073FF; text-decoration:underline; }

.yellow, .yellowBold { color:#F29600; } 
.yellow a:link, .yellow a:visited, .yellowBold a:link, .yellowBold a:visited { color:#F29600; text-decoration:underline; }
.yellow a:hover, .yellowBold a:hover { color:#FFBE53; text-decoration:underline; }

.orange, .orangeBold { color:#EA6000; } 
.orange a:link, .orange a:visited, .orangeBold a:link, .orangeBold a:visited { color:#EA6000; text-decoration:underline; }
.orange a:hover, .orangeBold a:hover { color:#FF9D5B; text-decoration:underline; }

.blackBold, .redBold, .lightRedBold, .yellowBold { font-weight:bold; }


/**/