@charset "utf-8";

#notification .main{
	color:red;
}
#notification .on{
	color:blue;
}
div.child{
	display:none;
}

ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#attention_org {
	position:relative;
	border:1px solid white;
}

#attention_org #child_wrapper1 #child_box:after,
#attention_org #child_wrapper1 #child_box:before {
	left:25px;
}

/* //position */
.activity {
	position: absolute;
    right: 0;
    top: 0;
	width:100%;
}
#attention_org #child_box {
	position: relative;
	width:100%;
	background: #ffffff;
	border-size:2px;
	border-style:solid;
	border-color:#b59c82;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	box-shadow:5px 5px 5px #999;
	z-index:999;
	
}

#attention_org #child_box:after,
#attention_org #child_box:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#attention_org #child_box:after {
	border-color:rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width:10px;
	margin-left:-10px;
}

#attention_org #child_box:before {
	border-color: rgba(181, 156, 130, 0);
	border-width:14px;
	margin-left:-14px;
}
.child_header {
	position:relative;
	padding:15px 5px 10px;
	text-align:center;
	border-bottom-style:solid;
	border-bottom-width:1px;
	font-size:14px;
	font-weight:bold;
}

.child_header .setting {
	position:absolute;
	top:10px;
	right:10px;
	display:block;
	width:24px;
	height:26px;
}

.child_header a.setting:hover {
	background-position:-30px 0;
}

#child_box li.read, {
	background:#efefef;
}


#child_box li a {
	display:block;
	padding:5px 10px;
	font-size:11px;
	text-decoration:none;
	color:#666666;
	border-bottom-width:1px;
	border-bottom-style:solid;
	text-align:left;
}

#attention_org p.zero {
	margin:0;
	padding:10px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	color:#999;
	font-size:13px;
	text-align:center;
}

.view-all a {
	display:block;
	padding:10px;
	text-align:center;
	font-size:12px;
}


/* Border Color Setting */
#notification p.zero,
#child_box li a,
.child_header,
#attention_org #child_box:before {border-bottom-color: #b59c82;}
#attention_org #child_box {border-color:#b59c82;}
/* //Border Color Setting */

.activity #notification .mypage .main span {
    background: none repeat scroll 0 0 red;
    box-shadow: 0 0 1px white;
    color: white !important;
    height: 1em;
    line-height: 14px;
    opacity: 1;
    padding: 0 2px;
    position: absolute;
    left: -1em;
    top: 0.3em;
    vertical-align: middle;
    width: auto;
    z-index: 9999;
}
.activity #notification .mypage .main span.new {
    display: block;
    font-size: 12px;
    font-weight: bold;
	line-height:1em;
}	
#notification {
	position:relative;
	border:none;
	width:100%;
}
#notification p{
	margin:0;
}

/* position */

#notification #child_wrapper1 {
	position: absolute;
	top:55px;
	width:96%;
/*	background:#FFF;  */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

#notification #child_wrapper1 { right:2%; margin-left:4%;}
#notification #child_wrapper1 #child_box:after,
#notification #child_wrapper1 #child_box:before {
	left:94%;
}

/* //position */
#notification #child_box {
	position: relative;
	width:96%;
	background: #ffffff;
	border-width:2px;
	border-style:solid;
	border-color:#b59c82;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	box-shadow:3px 3px 3px #999,0px 0px 2px #fff inset;
	z-index:999;
}
#notification #child_box .title {
	text-align:center;
	font-weight:bold;
	font-size:14px;
	line-height:14px;
	background-color:#eee5e3;
	color:#542d1c;
	display:block;
	padding:8px 0;
	border-top: 2px dotted #c6d07c;
	border-bottom: 2px dotted #c6d07c;
}
#notification #child_box .osirasearea.none .title {
    text-align:center;
	font-weight:bold;
	font-size:14px;
	line-height:14px;
	background-color:#eee5e3;
	color:#542d1c;
	display:block;
	padding:8px 0;
	margin:5px 0 0;
	border-top: 2px dotted #c6d07c;
	border-bottom: 2px dotted #c6d07c;
}
#notification #child_box:after,
#notification #child_box:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#notification #child_box:after {
	border-color:rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width:6px;
	margin-left:-6px;
}

#notification #child_box:before {
	border-color: rgba(181, 156, 130, 0);
	border-width:10px;
	margin-left:-10px;
}

#notification .child_header {
	position:relative;
	padding:15px 5px 10px;
	text-align:center;
	border-bottom-style:solid;
	border-bottom-width:1px;
	font-size:14px;
	font-weight:bold;
}

#notification .child_header .setting {
	position:absolute;
	top:10px;
	right:10px;
	display:block;
	width:24px;
	height:26px;
}
#notification .child_header a.setting:hover {
	background-position:-30px 0;
}

#notification #child_box li.read, .attention_list.activity tr.read {
	background:#fff;
}
#notification #child_box li, .attention_list.activity tr {
	background:#ffffeb;
}
#infolist .activity{
	position:static;
}
#infolist table.attention_list {
    empty-cells: show;
    margin:0;
    width: 100%;
	padding:10px;
}
#infolist table.attention_list th, #infolist table.attention_list td {
    /*background: url("http://cookingschool.jp/image/line04.gif") repeat-x scroll left bottom rgba(0, 0, 0, 0);*/
	border-bottom:dotted 1px #dddaa8;
    padding: 8px 0;
    vertical-align: middle;
	line-height:16px;
}

#infolist table.attention_list tr td.morerow {
	border:none;
	background-color:#fff;
	line-height:20px;
}

#info #infolist table.attention_list td a.activitylink{
	text-decoration:none;
	color:#000;
	background: url(/image/sp/new/list_right_1.png) no-repeat right center;
	display: block;
    padding: 8px 10px 8px 10px;
}
#notification #child_box li {
	width:100%;
	border-bottom:1px dotted #c6d07c;
	text-align:left;
	line-height:14px;
	padding:5px 0;
}
#notification .newsarea {
	margin:1px;
}
#notification .newsarea li a{
	color:#000;
	font-size:14px;
	border-bottom:none;
	vertical-align:middle;
	text-decoration:none;
	padding:0;
	display:block;
}
#notification #child_box li:last-child{
	border:none;
}
#notification #child_box li a:hover{
	text-decoration:none;
}
#notification #child_box li .date {
	display:inline-block;
	color:#666;
	margin-right:10px;
	border-left:none;
}
#notification #child_box li .time {
	display:inline-block;
	color:#666;
}
#notification #child_box li p {
	display: block;
	line-height:16px;
	vertical-align:middle;
	margin-bottom:5px;
}
#notification #child_box li .read_button {
    display: table-cell;
    width: 50px;
	padding-left:10px;
	vertical-align:middle;
}
#notification a.linktype0 {
	font-size:14px !important;
	color:#000 !important;
	padding: 5px 10px !important;
}
#notification #child_box .view-all{
	border-top: 1px solid #c6d07c;
	margin:0;
	text-align:center;
	padding:0 15px;
}

/* Border Color Setting */
#notification p.zero,
#child_box li a,
.child_header,
#notification #child_box:before {border-bottom-color: #c6d07c;}
#notification #child_box {border-color:#c6d07c;}
/* //Border Color Setting */

#notification #child_box .midokuarea {
	background-color:#fff;
	margin:0 20px 5px;
}
#notification #child_box .osirasearea.none .midokuarea{
	display:none;
}
#notification #child_box .midokuarea li {
	vertical-align:middle;
	background:none;
	border:none;
}
#notification #child_box .midokuarea .midoku_btn {
	display:block;
}
#notification .midokuarea a.btnType1 {
	background:url(/image/sp/icon_mail.png) no-repeat 10% #eee;
	background-size:22px auto ;
    color: #5b3219 ;
    font-size: 14px ;
	font-weight:bold;
    max-height: 16px ;
    padding: 15px 0 15px 20px;
	display:block;
	border-radius:5px;
	text-align:center;
	border:1px solid #ddd;
}
#notification #child_box .tomypage {
	background-color:#fff;
	margin:5px 20px 0;
}
#notification #child_box .tomypage li {
	vertical-align:middle;
	background:none;
	border:none;
}
#notification #child_box .tomypage .tomypage_btn {
	display:block;
}
#notification .tomypage .tomypage_btn a.btnType2 {
	background:url() no-repeat #b99984;
    color: #fff ;
	border:1px solid #a88b77;
    font-size: 14px ;
	font-weight:bold;
    padding: 15px 0;
	display:block;
	border-radius:5px;
	text-align:center;
}
#notification #child_box .tomypage .tomypage_btn a::after {
	position: absolute;
	top: 30px;
	right: 30px;
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	margin-top: -4px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


#notification p.zero {
	margin:0;
	padding:10px;
	width:100%;
	border-bottom-width:1px;
	border-bottom-style:solid;
	color:#999;
	font-size:13px;
	text-align:center;
}