/* CSS Document */

/*カラム
------------------------------------------------------------------ */

#left-column {
    width:775px;
    float:left;}

#right-column {
    width:185px;
    float:right;}





/*左カラム
------------------------------------------------------------------ */

#start {
	width:775px;
	text-align:center;
	margin-bottom:50px;}

#start a img { margin: 0 10px;}


/*最近のニコニ広告
------------------------------------------------------------------ */
#latest-nicouad {
    background:url(../image/background/latest_nicouad.gif) repeat-y;
    width:766px;
    margin-top:20px;
}
#latest-nicouad-cnt {
    background:url(../image/frame/latest_nicouad_bottom.gif) bottom no-repeat;
    padding-bottom:10px;}


/*人気の広告タグ
------------------------------------------------------------------ */
#tag_popular { margin-bottom:10px;}


ul.tag {
    marin: 0;
    padding: 0.5em 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

ul.tag li {
    margin: 0;
    padding: 1px;
	display: inline-block; /display:inline; /zoom:1;
    font-size: 100%;
}

ul.tag li a {
    text-decoration: none;
    line-height: 1.2;
    padding: 0 5px;
    border: 1px solid #e1dfbf;
    white-space: nowrap;}

/* タグレベル1～10 */

ul.tag li.tag10 a {
    font-size: 260%;
    font-weight: bold;
    color: #8e010e;
	background: #e1dfbf;
	border: 2px solid #cfcca2;}

ul.tag li.tag9 a {
    font-size: 240%;
    color: #940a18;
	background:#e2e0c2;
	border: 1px solid #cfcca2;}

ul.tag li.tag8 a {
    font-size: 220%;
    color: #9b1220;
	background:#e4e3c6;
	border: 1px solid #cfcca2;}

ul.tag li.tag7 a {
    font-size: 220%;
    color: #9f202d;
	background:#e7e6ca;}

ul.tag li.tag6 a {
    font-size: 200%;
    font-weight: bold;
    color: #a6353f;
	background:#ebe9d0;}

ul.tag li.tag5 a {
    font-size: 180%;
    font-weight: bold;
    color: #ae515a;
	background:#edecd5;}

ul.tag li.tag4 a {
    font-size: 160%;
    font-weight: bold;
    color: #ae515a;
	background:#f2f1dd;}

ul.tag li.tag3 a {
    font-size: 140%;
    color: #ae515a;
	background:#f4f3e0;}

ul.tag li.tag2 a {
    font-size: 120%;
    color: #ae515a;
	background:#f7f5e5;}

ul.tag li.tag1 a {
    font-size: 90%;
    color: #ae515a;
	background:#f9f8e9;
	border: 1px dotted #e1dfbf;}

ul.tag li a:hover {
    color: #000;
	background: #cac79a;
}

/*もうひとつの広告タグ
------------------------------------------------------------------ */

#tag-find {}
#tag-find table { margin-top:2px; margin-left:2px;}
td.tag-find-top {
	background:url(../image/frame/tag_find_top.gif) no-repeat top;
	text-align:center;
	margin: 0 auto;
	width:188px;
	height:40px;}
.tag-find-top-inner {
	width:184px;
	margin: 0 auto;
	word-break:break-all;
	word-wrap:break-word;}

td.tag-find-top a {
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding-left:5px;
	padding-right:5px;
	color:#5182ab;}
td.tag-find-top a:hover {
	color:#000000;
	text-decoration:underline;
}
td.tag-find-bottom {
	background:url(../image/frame/tag_find_bottom.gif) top no-repeat;
	height:146px;
	padding-top:8px;
	overflow:hidden;
	display:block;}
.tag-find-cnt {
	width:184px;
	margin: 0 auto;
	padding-bottom:4px;
	text-align:center;
	background:#e3e0d3;
	word-break:break-all;
	word-wrap:break-word;}
.tag-find-cnt a { display:block; padding-left:5px; padding-right:5px;}
.tag-find-cnt img { margin: 4px 0;}
#tag-find-other {
	width:750px;
	padding:5px 5px 0 5px;
	word-break:break-all;
}
#tag-find-other ul li {
    margin: 0;
    padding: 1px;
	display: inline-block; /display:inline; /zoom:1;
    font-size: 100%;}
#tag-find-other ul li a {
	border: 2px #d9d4c1 solid;
	color:#5182ab;
	font-weight:bold;
	text-decoration:none;
	margin-right:10px;
	line-height:2.2;
	padding:1px;
    white-space: nowrap;}
#tag-find-other a:hover {
	color:#000000;}



/*チケット詳細テーブル
------------------------------------------------------------------ */
#ticket-detail {
    position:relative;
    width:766px;
    margin-top:20px;
}

#ticket-detail h2 {
    float:left;
}

#ticket-detail #link-to-ticket-help {
    float:right;
    font-size:larger;
    font-weight:bold;
    color:#4682b4;
}
#ticket-detail #deadline-notice {
    height:21px;
    vertical-align:bottom;
    color:#FF0000;
    position:absolute;
    right:0;
}

#ticket-detail table{
    width:100%;
    clear:both;
}
#ticket-detail table, #ticket-detail tr, #ticket-detail td{
    border:solid 1px #FFFFFF;
}

#ticket-detail th{
    border:solid 1px #FFFFFF;
    border-bottom:solid 3px #FFFFFF;
}

#ticket-detail th{
    background-color:#b3b1a3;
    height:30px;
    padding-left:10px;
    color:#FFFFFF;
}

#ticket-detail tr{
    height:25px;
}
#ticket-detail tr:nth-child(odd){
    background-color:#efefe3;
}

#ticket-detail tr:nth-child(even){
    background-color:#e2dfd0;
}

#ticket-detail td{
    height:25px;
    padding-left:10px;
}

#ticket-detail .new-mark {
    color : #FF0000;
    font-weight : bold;
    font-size:115%;
    float:left;
}

#ticket-detail .exclamation-mark {
    width:15px;
    height:15px;
    float:left;
    margin:0 5px;
    background:url("../image/mark/exclamation.png");
    background-size:15px;
    float:right;
}

#ticket-detail #deadline-notice .exclamation-mark {
    float:left;
}


/*右カラム
------------------------------------------------------------------ */
#info,
#maintenance,
#ticket-info{
    margin-bottom:10px;
    background:url(../image/frame/_side.png) repeat-y; }
#info-cnt,
#maintenance-cnt,
#ticket-info-cnt{ background:url(../image/frame/_side_bottom.png) bottom no-repeat; }
#maintenance-cnt{ padding:10px;}

#info-cnt dl {
    padding: 0 0 5px;
    margin: 10px 10px 0 10px;
    border-bottom:1px dotted #999999; }
#info-cnt dt {}
#info-cnt dt img {  vertical-align:-3px; margin-right:3px;}
#info-cnt dd { line-height:1.2; margin-top:3px; margin-bottom:3px;}

#info-btm {
    text-align:right;
    padding:8px 5px;
    font-size:11px;}

#anniversary {
    margin-bottom:10px;
    background:url(../image/frame/_side.png) repeat-y; }
#anniversary-cnt{ background:url(../image/frame/_side_bottom.png) bottom no-repeat; }
#anniversary-cnt ul { 
    padding: 0;
    margin: 10px 10px 0 26px; }
#anniversary-cnt ul li a { color:#EE6801; }
#anniversary-cnt ul li {
    list-style-position:outside;
    list-style-type:none;
    list-style-image: url(../image/mark/_li_circle_o.png);
    padding-bottom:5px;}
#anniversary-cnt ul li:hover {
    list-style-image: url(../image/mark/_li_circle_o_over.png);}
#anniversary-btm {
    text-align:right;
    padding:10px 5px;
    font-size:11px;}

#ticket-info-notice {
    position:relative;
    display:inline-block;
    width:100%;
    background-color:#FFFFFF;
    line-height:34px;
    text-align:center;
    border:solid 3px #898474;
    border-radius:6px;             /* CSS3草案 */
    -webkit-border-radius:6px;     /* Safari,Google Chrome用 */
    -moz-border-radius:6px;        /* Firefox用 */
    margin-bottom:10px;
    z-index:2;
}
#ticket-info-notice:before {
    content:'';
    position:absolute;
    bottom:-8px;
    left:50%;
    margin-left:-9px;
    width:0px;
    height:0px;
    border-style:solid;
    border-width:9px 9px 0 9px;
    border-color:#ffffff transparent transparent transparent;
    z-index:2;
}
#ticket-info-notice:after {
    content:'';
    position:absolute;
    bottom:-12px;
    left:50%;
    margin-left:-10px;
    width:0px;
    height:0px;
    border-style:solid;
    border-width:10px 10px 0 10px;
    border-color:#898474 transparent transparent transparent;
    z-index:1;
}

#ticket-info-cnt>span {
    font-weight:bold;
    padding: 0 10px;
}

#ticket-info-cnt dl {
    padding: 0 0 5px;
    margin: 10px 10px 0 10px;
    border-bottom:1px dotted #999999;
}

#ticket-info dt img {
    vertical-align:-3px;
    margin-right:3px;
}

#ticket-info dd {
    line-height:1.2;
    margin-bottom:3px;
}

#ticket-info dd .ticket-count {
    font-weight:bold;
}


#ticket-info-btm {
    text-align:right;
    padding:8px 5px;
    font-size:11px;
}

#ticket-info #deadline-notice {
    background-color:#FF0000;
    color:#FFFFFF;
    padding:5px;
    margin-bottom:10px;
}

#ticket-info #deadline-notice #exclamation-mark {
    width:20px;
    height:20px;
    float:left;
    margin:5px;
    background:url("../image/mark/exclamation.png");
}

#ticket-info .new-mark {
    color : #FF0000;
    font-weight : bold;
    font-size:115%;
}