/*
     FILE ARCHIVED ON 17:16:52 May 14, 2012 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 22:15:21 Sep 29, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* ============ End of import.css ============ */

/* ============ Start of jScrollPane.css ============ */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
/*
     FILE ARCHIVED ON 10:13:35 May 14, 2012 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 22:15:23 Sep 29, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* ============ End of jScrollPane.css ============ */

/* ============ Start of userName.css ============ */
@charset "utf-8";
/* ===================================================================
CSS information

 file name  :userName.css
 style info :ピッカーのcss
=================================================================== */

.bubble {
    /*width: 160px !important;*/
	position: absolute;
	-border-bottom-color: white; /* for IE6 */
	z-index: 3;
	/*padding:3px;*/
	text-align:center;
    top: -20px;
    left: -67px;
	background: none !important;
	font-size:9px;
}
.bubble:hover {
  
}
.bubble .body {
	background: #000;
	color: white;
	-position: relative; /* for IE6 */
	padding:3px;
}

#followList #icon .bubble p {
    font-size: 12px;
}

/*
     FILE ARCHIVED ON 16:58:45 May 15, 2012 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 22:15:24 Sep 29, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* ============ End of userName.css ============ */

/* ============ Start of shared.css ============ */
@charset "utf-8";
/* ===================================================================
CSS information

 file name  :shared.css
 style info :共通のcss
=================================================================== */

/*----------------------------------------------------
    sideTip エラー文言
----------------------------------------------------*/
#right div.sideTip p.ok {
	color: #16D6CF;
	background:url(https://images.staticjw.com/ker/3022/accept.gif) no-repeat 0 center;
	padding-left:15px;
}
#right div.sideTip p.tip {
	color: #808080;
}
#right div.sideTip div.error-message {
	color: #cc3333;
	background:url(https://images.staticjw.com/ker/3172/error.gif) no-repeat 0 center;
	padding-left:15px;
}
div.error-message {
	color: #cc3333;
	background:url(https://images.staticjw.com/ker/3172/error.gif) no-repeat 0 center;
	padding-left:15px;
	text-align: left;
	margin-left: 10px;
}
/* -----------------------------------------------------------
	全てのコンテンツ
----------------------------------------------------------- */
#wrap {
	width:1000px;
	margin:0 auto;
	text-align:left;
	font-size:12px;
}
h1 {
	width:326px;
	padding:14px 0 0 27px;
	float:left;
}
h1 a {
	display:block;
	height:53px;
	background: url(https://images.staticjw.com/ker/5932/h1.gif) no-repeat;
	text-indent:-9999px;
}
h3 {
	font-size:14px;
	color:#fff;
}
/* -----------------------------------------------------------
	ヘッダー
----------------------------------------------------------- */
#header {
	margin-bottom:10px;
}
#headerTop {
	height:124px;
	height:74px;
	background:url(https://images.staticjw.com/ker/5037/bg_headertop.png) no-repeat;
}
#headerTop #banner {
	width:466px;
	float:right;
	margin:6px 12px 0 0;
}
#headerBottom {
	height:41px;
	background:url(https://images.staticjw.com/ker/4875/bg_headerbottom.png) no-repeat;
	padding:9px 0 0 15px;
}
#headerBottom #user {
	float:left;
}
#headerBottom #user .headerImg {
	width:28px;
	height: 28px;
	float:left;
	background: #000;
}
.headerImgCenter {
  width: 28px;
  height: 28px;
  vertical-align: middle;
  display: table-cell;;
  text-align: center;
  clear: both;
}
#headerBottom #user p {
	width:127px;
	float:left;
	padding:8px 8px 0 11px;
}
/* -----------------------------------------------------------
	非ログイン：グローバルナビゲーション
----------------------------------------------------------- */

ul#gNaviBefore {
	width:484px;
	height:22px;
	margin:3px 0 0 14px;
	float:left;
}
ul#gNaviBefore li {
	display:inline;
}
ul#gNaviBefore li a {
	width:121px;
	height:22px;
	display:block;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
/*------default*/
ul#gNaviBefore li.editor a {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -121px 0;
}
ul#gNaviBefore li.material a {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -242px 0;
}
/*------hover*/

ul#gNaviBefore li.editor a:hover {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -121px -22px;
}
ul#gNaviBefore li.material a:hover {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -242px -22px;
}
/*------active*/
ul#gNaviBefore li.editor a:active {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -121px -44px;
}
ul#gNaviBefore li.material a:active {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -242px -44px;
}
/*------on*/
body#editor ul#gNaviBefore li.editor a {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -121px -44px;
}
body#material ul#gNaviBefore li.material a {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -242px -44px;
}
/* -----------------------------------------------------------
	グローバルナビゲーション
----------------------------------------------------------- */
ul#gNaviBefore {
	width:250px;
	height:22px;
	margin:3px 0 0 464px;
	float:left;
}
ul#gNavi {
	width:484px;
	height:22px;
	margin:3px 0 0 14px;
	float:left;
}
ul#gNavi li {
	display:inline;
}
ul#gNavi li a {
	width:121px;
	height:22px;
	display:block;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
/*------default*/
ul#gNavi li.atelier a {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat 0 0;
}
ul#gNavi li.editor a {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -121px 0;
}
ul#gNavi li.material a {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -242px 0;
}
ul#gNavi li.feed a {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -363px 0;
}
/*------hover*/
ul#gNavi li.atelier a:hover {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat 0 -22px;
}
ul#gNavi li.editor a:hover {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -121px -22px;
}
ul#gNavi li.material a:hover {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -242px -22px;
}
ul#gNavi li.feed a:hover {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -363px -22px;
}
/*------active*/
ul#gNavi li.atelier a:active {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat 0 -44px;
}
ul#gNavi li.editor a:active {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -121px -44px;
}
ul#gNavi li.material a:active {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -242px -44px;
}
ul#gNavi li.feed a:active {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -363px -44px;
}
/*------on*/
body#atelier ul#gNavi li.atelier a {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat 0 -44px;
}
body#editor ul#gNavi li.editor a {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -121px -44px;
}
body#material ul#gNavi li.material a {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -242px -44px;
}
body#feed ul#gNavi li.feed a {
	background:url(https://images.staticjw.com/ker/5245/gnavi.gif) no-repeat -363px -44px;
}
ul#gNaviDetail {
	float:right;
	text-align:right;
	margin:7px 5px 0 0;
}
ul#gNaviDetail li {
	float:right;
	display:inline;
	font-size:10px;
}
/*設定*/
ul#gNaviDetail li.setting {
	float:left;
	padding-right:10px;
}
ul#gNaviDetail li a.setting {
	display:block;
	overflow:hidden;
	float:right;
}
/*ログアウト*/
ul#gNaviDetail li.logout {
	float:left;
	padding-right:7px;
}
/*メール*/
ul#gNaviDetail li.mail {
	float:left;
	padding-right:5px;
}
ul#gNaviDetail li.mailIcon {
	float:left;
	background:#A12447;
	text-align:right;
	padding:0 3px;
	margin-right:7px;
	color:#FFF;
}
ul#gNaviDetail li a.mail {
	display:block;
	overflow:hidden;
	float:right;
}
ul#gNaviDetail li a.mailIcon {
	display:block;
	overflow:hidden;
	float:right;
	color:#FFF;
}
ul#gNaviDetail li.mailIcon a {
	color:#FFF;
	text-decoration:none;
}
/*コメント*/
ul#gNaviDetail li.comments {
	float:left;
	padding-right:5px;
}
ul#gNaviDetail li.commentsIcon {
	float:left;
	background:#A12447;
	text-align:right;
	padding:0 3px;
	margin-right:7px;
	color:#FFF;
}
ul#gNaviDetail li a.comments {
	display:block;
	overflow:hidden;
	float:right;
}
ul#gNaviDetail li a.commentsIcon {
	display:block;
	overflow:hidden;
	float:right;
	color:#FFF;
}
ul#gNaviDetail li.commentsIcon a {
	color:#FFF;
	text-decoration:none;
}
/* -----------------------------------------------------------  ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	グローバルナビゲーション 非ログイン時
----------------------------------------------------------- */
#headerBottom_before {
	height:41px;
	background:url(https://images.staticjw.com/ker/4527/bg_headerbottom_before.png) no-repeat;
	padding:9px 13px 0 13px;
}
ul#gNavi_before {
	width:484px;
	margin:3px 0 0 0;
	float:left;
}
ul#gNavi_before li {
	display:inline;
	float: left;
}
ul#gNavi_before li a {
	width:121px;
	height:22px;
	display:block;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
ul#loginWrap_before {
	float: right;
	margin-top: 3px;
}
ul#loginWrap_before li {
	display:inline;
	float: left;
}
ul#loginWrap_before li a {
	width:109px;
	height:22px;
	float:left;
	text-indent:-9999px;
}
#headerBottom_before ul li.newRegist {
	float:left;
	width:109px;
	height:22px;
	padding-right: 5px;
	display: block;
}
#headerBottom_before ul li.login {
	float:left;
	width:99px;
	height:22px;
}
/*
------default*/
ul#loginWrap_before li.newRegist a {
	background:url(https://images.staticjw.com/ker/5519/gnavi_login.png) no-repeat 0 0;
}
ul#loginWrap_before li.login a {
	background:url(https://images.staticjw.com/ker/5519/gnavi_login.png) no-repeat -111px 0;
}
/*------hover*/
ul#loginWrap_before li.newRegist a:hover {
	background:url(https://images.staticjw.com/ker/5519/gnavi_login.png) no-repeat 0 -22px;
}
ul#loginWrap_before li.login a:hover {
	background:url(https://images.staticjw.com/ker/5519/gnavi_login.png) no-repeat -111px -22px;
}
/*------active*/
ul#loginWrap_before li.newRegist a:active {
	background:url(https://images.staticjw.com/ker/5519/gnavi_login.png) no-repeat 0 -44px;
}
ul#loginWrap_before li.login a:active {
	background:url(https://images.staticjw.com/ker/5519/gnavi_login.png) no-repeat -111px -44px;
}
/*----------------------------------------------------
    ボタン btn175
----------------------------------------------------*/
#btnWrapHeader.left {
	float:left;
	width:175px;
}
/* -----------------------------------------------------------
	タグクラウド
----------------------------------------------------------- */
#tagCloud ul {
	padding:14px 20px;
	border-top:1px solid #323232;
}
#tagCloud ul li {
	display:inline;
}
#tagCloud ul li.level2 {
	font-size:14px;
	font-weight:bold;
}
#tagCloud ul li.level3 {
	font-size:16px;
	font-weight:bold;
}
#tagCloud ul li.level4 {
	font-size:18px;
	font-weight:bold;
}
#tagCloud ul li.level5 {
	font-size:20px;
	font-weight:bold;
}
#tagCloud ul li.level6 {
	font-size:22px;
	font-weight:bold;
}
/* -----------------------------------------------------------
	右カラム
----------------------------------------------------------- */
/*
===== 共通 ================================================= */

#right {
	width:240px;
	float:right;
}
#right h3 {
	margin-bottom:10px;
}
#search, #followList {
	background:#000;
	border:2px solid #f82977;
	border-radius:6px;/* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	padding:9px;
	margin-bottom:18px;
}
#userInfo, #comment {
	background:#000;
	border:2px solid #f82977;
	border-radius:6px;/* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	padding:12px 10px;
	margin-bottom:18px;
}
/* ユーザー情報
-------------------------------------------------- */
#userInfo #box {
	width:214px;
	background:#222222;
}
#userInfo #box #tit {
	font-size:14px;
	padding:10px;
	border-bottom:1px solid #070707;
}
#userInfo #box #userDetail {
	width:194px;
	padding:10px 10px 5px;
	border-top:1px solid #323232;
	border-bottom:1px solid #070707;
	float:left;
}
#userInfo #box #userDetail #userImg {
	width:86px;
	float:left;
}
#userInfo #box #userDetail #userImg div{
  width: 86px;
  height: 86px;
  vertical-align: middle;
  display: table-cell;;
  text-align: center;
  background: #000;
  margin-bottom:12px;
}

#userInfo #box #userDetail dl {
	float:left;
	width:97px;
	margin-left:10px;
}
#userInfo #box #userDetail dt {
	font-weight:bold;
	margin-bottom: 3px;
	font-size: 10px;
	line-height:10px;
}
#userInfo #box #userDetail dd {
	background:#000000;
	padding:2px;
	text-align:right;
	margin-bottom:5px;
	border-bottom:1px solid #323232;
}
#userInfo #box #amount {
	width:194px;
	padding:8px 10px 10px 10px;
	border-top:1px solid #323232;
	clear:both;
}
#userInfo #box #amount span.tit {
	float:left;
}
#userInfo #box #amount span.count {
	text-align:right;
	float:right;
}
#userInfo #box #amount #metor {
	width:190px;
	height:8px;
	padding:2px;
	clear:both;
	margin-top:12px;
	background:#000;
}
#userInfo #box #amount #metor p {
	height:8px;
	width:20px;
	background:url(https://images.staticjw.com/ker/4038/bg_metor.gif) repeat-x left center #000;
}
/*
===== 生年月日 住所 職業 プロフィール ================================================= */

#gender, #date, #job, #address, #otherContacts {
	padding:0 10px 0 10px;
}
#gender .tit, #date .tit, #job .tit, #address .tit, #profile .tit, #otherContacts .tit {
	width:194px;
	margin-bottom: 2px;
	font-weight:bold;
}
#gender .bg, #date .bg, #job .bg, #address .bg, #profile .bg, #otherContacts .bg {
	width:188px;
	background:#000;
	margin-bottom: 5px;
	padding:3px;
	color:#CCC;
}
/* プロフィール
-------------------------------------------------- */
#profile {
	padding:0 10px 5px 10px;
}
/* 検索
-------------------------------------------------- */
#search #searchBox {
	width:206px;
	height:28px;
	background:#1C1C1C;
	border:1px solid #373B3D;
	border-radius:6px;/* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	padding:4px 4px 0;
}
#search #searchBox p a {
	width:46px;
	height:24px;
	display:block;
	float:left;
	text-indent:-9999px;
	background:url(https://images.staticjw.com/ker/7717/btn_search.gif) no-repeat;
	position: relative;
    top: -13px;
}
#search #searchBox p a:hover {
	width:46px;
	height:24px;
	background:url(https://images.staticjw.com/ker/7717/btn_search.gif) no-repeat 0 -24px;
	position: relative;
    top: -13px;
}
#search #searchBox p a:active {
	width:46px;
	height:24px;
	background:url(https://images.staticjw.com/ker/7717/btn_search.gif) no-repeat 0 -48px;
	position: relative;
    top: -13px;
}
#search #searchBox input {
	width: 147px;
	height:16px;
	float:left;
	margin-top:1px;
	margin-right:5px;
	padding: 3px;
	position: relative;
    top: -13px;
}
/* フォロワー
-------------------------------------------------- */
#followList ul#tab li {
	width:95px;
	height:34px;
	padding:9px 6px 0;
	display:block;
	float:left;
	font-weight:bold;
	font-size:10px;
}
#followList ul#tab li.active {
	background:url(https://images.staticjw.com/ker/6475/btn_follow.gif) no-repeat;
}
#followList ul#tab li.hover {
	background:url(https://images.staticjw.com/ker/6475/btn_follow.gif) no-repeat 0 -43px;
}
#followList ul#tab li.off {
	background:url(https://images.staticjw.com/ker/6475/btn_follow.gif) no-repeat 0 -86px;
}
#followList ul#tab li p.count {
	text-align:right;
}
/*#followList #icon p {
	text-align:right;
	padding-top:5px;
	clear:both;
}*/

/* ユーザーアイコン userIcon  -------------------------------------------------- */
.userIcon {
	width:200px;
	height:77px;
	background:#222222;
	padding:8px;
	clear:both;
}
.userIcon.hover {
	background:#252c33;
}
.userIcon ul {
	width:202px;
}
.userIcon ul li {
	width:32px;
	height:32px;
	float:left;
	margin:0 5px 5px 0;
	border:2px solid #a12447;
	position: relative;
}
.userIcon ul li .imgAlign{
  width: 32px;
  height: 32px;
  vertical-align: middle;
  display: table-cell;;
  text-align: center;
  background: #000;
}
.userIcon ul li.end {
	margin-right:0;
}
/* ユーザーアイコン部分素材ページ userIcon10column  -------------------------------------------------- */
.userIcon10column {
	width:442px;
	height: 135px;
	background:#222222;
	padding:8px 8px 0 8px;
	clear:both;
}
.userIcon10column:hover {
	background:#252c33;
}
.userIcon10column.hover {
	background:#252c33;
}
.userIcon10column ul {
}
.userIcon10column ul li {
	width:32px;
	height:32px;
	float:left;
	margin:0 9px 9px 0;
	border:2px solid #a12447;
	position: relative;
}
.userIcon10column ul li span{
  width:32px;
  height:32px;
  vertical-align: middle;
  display: table-cell;;
  text-align: center;
  background-color: #000;
}
.userIcon10column ul li.end {
	margin-right:0;
}
.userIcon10column ul li.bottom {
	margin-bottom:0;
}
/* ゲーム・素材ログ表示アイコン Icon7  -------------------------------------------------- */
.counticon {
	font-size:10px;
	padding-top:5px;
}
.counticon img {
	padding-right:5px;
	vertical-align: middle;
}
/* moreボタン部分 more  -------------------------------------------------- */
.more196 {
	width:196px;
	clear:both;
	text-align:right;
	border-top:1px solid #323232;
	padding:10px;
	background:#222222;
}
.more196:hover {
	background:#252c33;
}
.more166 {
	width:166px;
	clear:both;
	text-align:right;
	border-top:1px solid #323232;
	padding:10px;
}
.more166:hover {
	background:#252c33;
}
/* コメント comment
-------------------------------------------------- */
#right h3 {
	margin-bottom:10px;
}
#comment {
	background:#000;
	border:2px solid #f82977;
	border-radius:6px;/* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	padding:12px 10px;
	margin-bottom:18px;
}
#comment h3 {
	float:left;
}
#comment .btnPullDownComment {
	float:right;
}
#comment #userCommentWrap {
	clear:both;
	width:214px;
	background:#151515;
	border-bottom:1px solid #070707;
	margin-top:10px;
	overflow:hidden !important;
	height:476px;
}
#comment #userCommentWrap #userCommentList {
	height:300px;
	background:#222222;
	border-bottom:1px solid #323232;
	height:476px;
}
#comment #userCommentWrap #userCommentList .thumb {
	margin-right: 5px;
	border:2px solid #a12447;
	float:left;
}
#comment #userCommentWrap #userCommentList .thumb div{
  width: 16px;
  height: 16px;
  vertical-align: middle;
  display: table-cell;;
  text-align: center;
  background: #000;
}
#comment #userCommentWrap #userCommentList .commentBox {
	clear:both;
	border-top:1px solid #323232;
	border-bottom:1px solid #070707;
	padding: 10px 5px 10px 10px;
	width: 187px;
}
#comment #userCommentWrap #userCommentList .commentBox.hover {
	background:#252c33;
}
#comment #userCommentWrap #userCommentList .commentBox dl {
	float: left;
	width:169px;
}
#comment #userCommentWrap #userCommentList .top {
	border-top:none;
	padding-top:10px;
}
#comment #userCommentWrap #userCommentList .commentBox .checkbox2 {
	float: right;
}
#comment #userCommentWrap #userCommentList .commentBox dl dt {
	font-size: 10px;
}
#comment #userCommentWrap #userCommentList .commentBox dl dt input {
	float:left;
	margin-right: 5px;
}
#comment #userCommentWrap #userCommentList .commentBox dl dt a {
	display:block;
}
#comment #userCommentWrap #userCommentList .commentBox dl dd {
	margin-top:5px;
	width:182px;
}
#comment #userCommentWrap #userCommentList .commentBox dl dd .date {
	text-align:right;
	font-size:10px;
}
#comment #userCommentWrap #scrollBar {
	width:8px;
	background:#3b3b3b;
	float:left;
	margin:0 2px;
	height:10px;
}
#comment #userCommentWrap #userCommentList .commentBox dl dt div.userName {
}
#comment #userCommentField {
	width:206px;
	height:28px;
	padding:4px 4px 0;
	clear:both;
	background:#1C1C1C;
	border:1px solid #373B3D;
	border-radius:6px;/* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
}
#comment #userCommentField a {
	width:46px;
	height:24px;
	display:block;
	float:right;
	background:url(https://images.staticjw.com/ker/3533/btn_edit.gif) no-repeat;
}
#comment #userCommentField a:hover {
	background-position:0 -24px;
}
#comment #userCommentField a:active {
	background-position:0 -48px;
}
#comment #userCommentField input.textfield {
	height:16px;
	float:left;
	margin-top:1px;
	padding: 3px;
    width: 147px;
}
/* スクロールバー変更
----------------------------------------------------------- */
.jScrollPaneDrag {
	background:#3B3B3B !important;
	width:8px !important;
	margin:0 2px !important;
}
.jScrollPaneTrack {
	background:#151515 !important;
	width:12px !important;
}
/* サイト内バナー comment
-------------------------------------------------- */
#siteBanner ul {
}
#siteBanner ul li {
	padding-bottom:20px;
	width:241px;
	height:80px;
}
#siteBanner a {
}
#siteBanner a:hover {
}
/* -----------------------------------------------------------
		ボタン
----------------------------------------------------------- */
.btn175 {
	height: 29px;
	margin: auto;
	width: 175px;
}
.btn51 {
	width:51px;
	height:29px;
}
.btn195red {
	height: 39px;
	margin: auto;
	width: 195px;
}
.btn93 {
	height: 17px;
	width: 93px;
}
.btn73 {
	height: 22px;
	width: 73px;
}
.btn119 {
	height: 22px;
	width: 119px;
}
.btn175 a,.btn175 button {
	background: url(https://images.staticjw.com/ker/7771/btn_175.gif) no-repeat;
}
.btn51 a {
	background: url(https://images.staticjw.com/ker/4579/btn_51.gif) no-repeat;
}
.btn195red a {
	background: url(https://images.staticjw.com/ker/7314/btn_195red.gif) no-repeat;
}
.btn93 a {
	background: url(https://images.staticjw.com/ker/2856/btn_93.gif) no-repeat;
}
.btn73 a {
	background: url(https://images.staticjw.com/ker/4777/btn_73.gif) no-repeat;
}
.btn119 a {
	background: url(https://images.staticjw.com/ker/6628/btn_119.gif) no-repeat;
}
.btn175 a,.btn175 button, .btn51 a {
	display:block;
	text-align:center;
	line-height:30px;
	font-weight:bold;
	width:100%;
	height:100%;
	text-decoration:none !important;
}
.btn175 a:hover,.btn175 button:hover, .btn51 a:hover {
	background-position:0 -29px;
	color:#fff;
	text-decoration:none !important;
}
.btn175 a:active,.btn175 button:active, .btn51 a:active {
	background-position:0 -58px;
	color:#666;
	text-decoration:none !important;
}
.btn195red a {
	display:block;
	text-align:center;
	line-height:41px;
	font-weight:bold;
	width:100%;
	height:100%;
	text-decoration:none !important;
	color:#FFF;
}
.btn195red a:hover {
	background-position:0 -39px;
	color:#fff;
	text-decoration:none !important;
}
.btn195red a:active {
	background-position:0 -78px;
	color:#666;
	text-decoration:none !important;
}
#btnBoxPopup.center {
	padding: 15px 0 10px;
	clear: both;
	width:100%;
}
.btn93 a {
	display:block;
	text-align:center;
	line-height:18px;
	font-weight:bold;
	width:100%;
	height:100%;
	text-decoration:none !important;
	font-size:10px;
}
.btn93 a:hover {
	background-position:0 -17px;
	color:#fff;
	text-decoration:none !important;
}
.btn93 a:active {
	background-position:0 -34px;
	color:#666;
	text-decoration:none !important;
}
.btn73 a {
	display:block;
	text-align:center;
	line-height:22px;
	font-weight:bold;
	width:100%;
	height:100%;
	text-decoration:none !important;
	font-size:10px;
}
.btn73 a:hover {
	background-position:0 -22px;
	color:#fff;
	text-decoration:none !important;
}
.btn73 a:active {
	background-position:0 -44px;
	color:#666;
	text-decoration:none !important;
}
.btn119 a {
	display:block;
	text-align:center;
	line-height:22px;
	font-weight:bold;
	width:119px;
	height:100%;
	text-decoration:none !important;
	font-size:10px;
}
.btn119 a:hover {
	background-position:0 -22px;
	color:#fff;
	text-decoration:none !important;
}
.btn119 a:active {
	background-position:0 -44px;
	color:#666;
	text-decoration:none !important;
}
/*----------------------------------------------------
    リストをクリップ
----------------------------------------------------*/
/*------クリップ前*/
.btn195red {
	background: url(https://images.staticjw.com/ker/7314/btn_195red.gif) no-repeat;
}
.btn195red a {
	background: url(https://images.staticjw.com/ker/7314/btn_195red.gif) no-repeat;
	width: 195px;
	height:40px;
	line-height:40px;
	font-size: 12px;
	font-weight: bold;
	color:#FFF;
	text-align: center;
	display: inline-block;
}
.btn195red a:hover {
	background-position:0 -39px;
	text-decoration:none !important;
}
.btn195red a:active {
	background-position:0 -78px;
	text-decoration:none !important;
}
/*------クリップ後*/
.btn195red.complete {
	background-position: 0px -117px;
	text-decoration:none;
	color:#d3194d;
	width: 195px;
	height:40px;
	line-height:40px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
}
/*----------------------------------------------------
    素材をストック
----------------------------------------------------*/
/*------ストック前*/
#btnAdd {
	background: url(https://images.staticjw.com/ker/3117/btn_add_l.gif) no-repeat;
}
#btnAdd a {
	background: url(https://images.staticjw.com/ker/3117/btn_add_l.gif) no-repeat;
	width:105px;
	height:28px;
	line-height:28px;
	font-size: 10px;
	font-weight: bold;
	padding-left: 20px;
	text-align: center;
}
#btnAdd a:hover {
	background-position: 0 -28px;
	text-decoration:none;
	color:#fff;
}
#btnAdd a:active {
	background-position: 0px -56px;
	text-decoration:none;
	color:#333;
}
/*------ストック後*/
#btnAdd.complete {
	background-position: 0px -84px;
	text-decoration:none;
	color:#d3194d;
	width:105px;
	height:28px;
	line-height:28px;
	font-size: 10px;
	font-weight: bold;
	padding-left: 20px;
	text-align: center;
}
/*----------------------------------------------------
    リストごと全てストック
----------------------------------------------------*/
/*------ストック前*/
#btnAddAll {
	background: url(https://images.staticjw.com/ker/9087/btn_add_all.gif) no-repeat;
}
#btnAddAll a {
	background: url(https://images.staticjw.com/ker/9087/btn_add_all.gif) no-repeat;
	width:136px;
	height:28px;
	line-height:28px;
	font-size: 10px;
	font-weight: bold;
	padding-left: 20px;
	text-align: center;
}
#btnAddAll a:hover {
	background-position: 0 -28px;
	text-decoration:none;
	color:#fff;
}
#btnAddAll a:active {
	background-position: 0px -56px;
	text-decoration:none;
	color:#333;
}
/*------ストック後*/
#btnAddAll.complete {
	background-position: 0px -84px;
	text-decoration:none;
	color:#d3194d;
	width:136px;
	height:28px;
	line-height:28px;
	font-size: 10px;
	font-weight: bold;
	padding-left: 20px;
	text-align: center;
}
/* -----------------------------------------------------------
		MT_ページングの設定
----------------------------------------------------------- */

/* 現在位置 current_page, 2個目以降 link_page, 次の五件 link_next
-------------------------------------------------- */
.current_page, .link_page, .link_next, .link_before {
	float:left;
	padding-right: 5px;
	background: url(https://images.staticjw.com/ker/1864/btn_pagenavi.gif) no-repeat 0 0;
	width: 29px;
	height: 25px;
	display:block;
	margin: auto;
	vertical-align: middle;
	line-height:2.3;
	font-weight: bold;
}
a.current_page:hover, a.link_page:hover, a.link_next:hover, a.link_before:hover {
	background-position:0 -25px;
	color:#fff;
	text-decoration:none !important;
}
a.current_page:active, a.link_page:active, a.link_next:active, a.link_before:active {
	background-position:0 -50px;
	color:#666;
	text-decoration:none !important;
}
/* 最後 link_last
-------------------------------------------------- */
a.link_last {
	float:left;
	padding-right: 0;
	background: url(https://images.staticjw.com/ker/3258/btn_pagenavi50.gif) no-repeat 0 0;
	width: 50px;
	height: 25px;
	display:inline-block;
	margin: auto;
	vertical-align: middle;
	line-height:2.3;
	font-weight: bold;
}
a.link_last:hover {
	background-position: 0 -25px;
	color:#fff;
	text-decoration:none !important;
}
a.link_last:active {
	background-position: 0 -50px;
	color:#666;
	text-decoration:none !important;
}
/* -----------------------------------------------------------
		フッター
----------------------------------------------------------- */
#footer, #loginFooter {
	clear:both;
	font-size:10px;
	padding-top:30px;
	text-align:center;
	margin-bottom:20px;
}
#footer ul {
	padding-bottom:12px;
	border-bottom:#333333 1px solid;
}
#footer ul li, #loginFooter ul li {
	margin-right:20px;
	display:inline;
}
#footer p {
	clear:both;
	padding-top:12px;
}
/*----------------------------------------------------
    フォーム
----------------------------------------------------*/
select {
	background-color: #DBDBDB;
	border:1px solid #1C1C1C;
	outline:0 none;
	height:26px;
	width:auto;
	border-radius:6px;/* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
}
input, textarea {
	background: url(https://images.staticjw.com/ker/1824/bg_textarea.jpg) no-repeat;
	border:1px solid #1C1C1C;
	border-radius: 4px 4px 4px 4px;
	outline:0 none;
	border-radius:6px;/* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	margin-right: 5px;
}
input.checkbox {
	background:none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	outline: none;
	border-radius: 0;/* CSS3草案 */
	-webkit-border-radius: 0; /* Safari,Chrome用 */
	-moz-border-radius: 0; /* Firefox用 */
	behavior: none;/* IE7,8用 */
	vertical-align:middle;
}
input.imageUpload {
	background-color: #DBDBDB;
	border: none;
	border-radius: 0;
	box-shadow: none;
	outline: none;
	border-radius: 0;/* CSS3草案 */
	-webkit-border-radius: 0; /* Safari,Chrome用 */
	-moz-border-radius: 0; /* Firefox用 */
	behavior: none;/* IE7,8用 */
}
.checkbox.end {
	margin-left:10px;
}
/* -----------------------------------------------------------
		アドセンス
----------------------------------------------------------- */
.adsens {
	width:1000px;
	text-align: left;
	margin:0 auto;
	padding-top:40px;
}
/* -----------------------------------------------------------
		プルダウン
----------------------------------------------------------- */

.btnTxt a.tit {
	text-align:center;
	display:block;
}
.btnTxt a.tit:hover {
	color:#fff;
	text-decoration:none;
	text-align:center;
}
.btnTxt a.tit:active {
	color:#505050;
	text-decoration:none;
	text-align:center;
}
.btnPullDown sequenceS a {
	width:19px;
	height:17px;
	float:none !important;
	background:none;
	font-size:10px;
}
.btnPullDown a.tit {
	width:19px;
	height:17px;
	float:left;
	background:url(https://images.staticjw.com/ker/5161/btn_pulldown.png) no-repeat;
	font-size:10px;
}
.btnPullDown a:hover {
	background-position:0 -17px;
}
.btnPullDown a:active {
	background-position:0 -34px;
}
.btnPullDownComment a {
	width:19px;
	height:17px;
	float:left;
	background:url(https://images.staticjw.com/ker/4286/btn_delete19.gif) no-repeat;
	font-size:10px;
}
.btnPullDownComment a:hover {
	background-position:0 -17px;
}
.btnPullDownComment a:active {
	background-position:0 -34px;
}
.btnPullDownL a.tit {
	width:93px;
	height:14px;
	padding-top:3px;
	margin-left: 8px;
	background:url(https://images.staticjw.com/ker/6567/btn_pulldownl.gif) no-repeat;
	font-size:10px;
}
.btnPullDownL a.tit:hover {
	background-position:0 -17px;
}
.btnPullDownL a.tit:active {
	background-position:0 -34px;
}
/* --- word-break */
.word_wrap {
	word-wrap: break-word;
	word-break: break-all;
}

/*
     FILE ARCHIVED ON 17:17:37 May 14, 2012 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 22:15:26 Sep 29, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/* ============ End of shared.css ============ */

/* ============ Start of top.css ============ */
@charset "utf-8";
/* ===================================================================
CSS information

 file name  :top.css
 style info :各ページのスタイル
=================================================================== */


/* -----------------------------------------------------------
	ヘッダー
----------------------------------------------------------- */

#header {
	margin-bottom:16px;
}
/* -----------------------------------------------------------
	メインエリア
----------------------------------------------------------- */

#main {
	width:530px;
	float:left;
	margin:0 20px;
}
/*
===== 共通 ================================================= */

#recommend, #pickup, #tagCloud {
	width:530px;
	background:#1c1c1c;
	border:2px solid #373b3d;
	border-radius:6px;/* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	margin-bottom:18px;
}
/* Recommend
-------------------------------------------------- */

#recommend h2 {
	padding:14px 22px;
	border-bottom:1px solid #070707;
	width: 250px;
}
#recommend {
	position:relative;
}
#recommend .moreRight {
	position:absolute;
	top:15px;
	right:15px;
}
#recommend div.box {
	padding:14px 20px;
	border-top:1px solid #323232;
	border-bottom:1px solid #070707;
}
#recommend div.end {
	border-bottom:none;
}
#recommend div.box div {
	float:left;
	width:133px;
	height:100px;
	border:2px solid #a12447;
}
#recommend div.box dl {
	float:left;
	width:333px;
	margin-left:20px;
}
#recommend div.box dl dt {
	font-size:16px;
	margin-bottom:5px;
}
#recommend div.box dl dd p {
	font-size:10px;
	text-align:right;
	margin-top:5px;
}
#recommend div.box dl dd p {
	text-align:right;
	margin-top:10px;
}
/* pickup
-------------------------------------------------- */

#pickup h2 {
	padding:14px 22px;
	border-bottom:1px solid #070707;
}
#pickup .boxGroup {
	clear:both;
	border-top:1px solid #323232;
	border-bottom:1px solid #070707;/*
Få fram färgkoder: #


 Visa exempelinnehåll från www.example.n.nu
URL att visa nedan: 
Meny: /Extra sida: /editors/

 











Copyright TodaysWeb.com





  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-168084-17']);
  _gaq.push(['_setDomainName', 'n.nu']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'https://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();




(function() { // Redistats, track version 1.0
	var global_id = 2; // Global ID
	var property_id = 2; // Property ID, change this
	var url = encodeURIComponent(window.location.href.split('#')[0]);
	var referrer = encodeURIComponent(document.referrer);
	var x = document.createElement('script'), s = document.getElementsByTagName('script')[0];
	x.src = 'https://redistats.com/track.js?gid='+global_id+'&pid='+property_id+'&url='+url+'&referrer='+referrer;
	s.parentNode.insertBefore(x, s);
})();