@charset "utf-8";
/* ===================================================================
CSS information

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

/*----------------------------------------------------
    sideTip エラー文言
----------------------------------------------------*/
#right div.sideTip p.ok {
	color: #16D6CF;
	background:url(/images/shared/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(/images/shared/error.gif) no-repeat 0 center;
	padding-left:15px;
}
div.error-message {
	color: #cc3333;
	background:url(/images/shared/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(/images/shared/h1.gif) no-repeat;
	text-indent:-9999px;
}
h3 {
	font-size:14px;
	color:#fff;
}
/* -----------------------------------------------------------
	ヘッダー
----------------------------------------------------------- */
#header {
	margin-bottom:10px;
}
#headerTop {
	height:124px;
	height:74px;
	background:url(/images/shared/bg_headerTop.png) no-repeat;
}
#headerTop #banner {
	width:466px;
	float:right;
	margin:6px 12px 0 0;
}
#headerBottom {
	height:41px;
	background:url(/images/shared/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(/images/shared/gNavi.gif) no-repeat -121px 0;
}
ul#gNaviBefore li.material a {
	background:url(/images/shared/gNavi.gif) no-repeat -242px 0;
}
/*------hover*/

ul#gNaviBefore li.editor a:hover {
	background:url(/images/shared/gNavi.gif) no-repeat -121px -22px;
}
ul#gNaviBefore li.material a:hover {
	background:url(/images/shared/gNavi.gif) no-repeat -242px -22px;
}
/*------active*/
ul#gNaviBefore li.editor a:active {
	background:url(/images/shared/gNavi.gif) no-repeat -121px -44px;
}
ul#gNaviBefore li.material a:active {
	background:url(/images/shared/gNavi.gif) no-repeat -242px -44px;
}
/*------on*/
body#editor ul#gNaviBefore li.editor a {
	background:url(/images/shared/gNavi.gif) no-repeat -121px -44px;
}
body#material ul#gNaviBefore li.material a {
	background:url(/images/shared/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(/images/shared/gNavi.gif) no-repeat 0 0;
}
ul#gNavi li.editor a {
	background:url(/images/shared/gNavi.gif) no-repeat -121px 0;
}
ul#gNavi li.material a {
	background:url(/images/shared/gNavi.gif) no-repeat -242px 0;
}
ul#gNavi li.feed a {
	background:url(/images/shared/gNavi.gif) no-repeat -363px 0;
}
/*------hover*/
ul#gNavi li.atelier a:hover {
	background:url(/images/shared/gNavi.gif) no-repeat 0 -22px;
}
ul#gNavi li.editor a:hover {
	background:url(/images/shared/gNavi.gif) no-repeat -121px -22px;
}
ul#gNavi li.material a:hover {
	background:url(/images/shared/gNavi.gif) no-repeat -242px -22px;
}
ul#gNavi li.feed a:hover {
	background:url(/images/shared/gNavi.gif) no-repeat -363px -22px;
}
/*------active*/
ul#gNavi li.atelier a:active {
	background:url(/images/shared/gNavi.gif) no-repeat 0 -44px;
}
ul#gNavi li.editor a:active {
	background:url(/images/shared/gNavi.gif) no-repeat -121px -44px;
}
ul#gNavi li.material a:active {
	background:url(/images/shared/gNavi.gif) no-repeat -242px -44px;
}
ul#gNavi li.feed a:active {
	background:url(/images/shared/gNavi.gif) no-repeat -363px -44px;
}
/*------on*/
body#atelier ul#gNavi li.atelier a {
	background:url(/images/shared/gNavi.gif) no-repeat 0 -44px;
}
body#editor ul#gNavi li.editor a {
	background:url(/images/shared/gNavi.gif) no-repeat -121px -44px;
}
body#material ul#gNavi li.material a {
	background:url(/images/shared/gNavi.gif) no-repeat -242px -44px;
}
body#feed ul#gNavi li.feed a {
	background:url(/images/shared/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(/images/shared/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(/images/shared/gnavi_login.png) no-repeat 0 0;
}
ul#loginWrap_before li.login a {
	background:url(/images/shared/gnavi_login.png) no-repeat -111px 0;
}
/*------hover*/
ul#loginWrap_before li.newRegist a:hover {
	background:url(/images/shared/gnavi_login.png) no-repeat 0 -22px;
}
ul#loginWrap_before li.login a:hover {
	background:url(/images/shared/gnavi_login.png) no-repeat -111px -22px;
}
/*------active*/
ul#loginWrap_before li.newRegist a:active {
	background:url(/images/shared/gnavi_login.png) no-repeat 0 -44px;
}
ul#loginWrap_before li.login a:active {
	background:url(/images/shared/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(/images/atelier/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(/images/shared/btn_search.gif) no-repeat;
}
#search #searchBox p a:hover {
	width:46px;
	height:24px;
	background:url(/images/shared/btn_search.gif) no-repeat 0 -24px;
}
#search #searchBox p a:active {
	width:46px;
	height:24px;
	background:url(/images/shared/btn_search.gif) no-repeat 0 -48px;
}
#search #searchBox input {
	width: 147px;
	height:16px;
	float:left;
	margin-top:1px;
	margin-right:5px;
	padding: 3px;
}
/* フォロワー
-------------------------------------------------- */
#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(/images/shared/btn_follow.gif) no-repeat;
}
#followList ul#tab li.hover {
	background:url(/images/shared/btn_follow.gif) no-repeat 0 -43px;
}
#followList ul#tab li.off {
	background:url(/images/shared/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(/images/atelier/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(/images/shared/btn_175.gif) no-repeat;
}
.btn51 a {
	background: url(/images/shared/btn_51.gif) no-repeat;
}
.btn195red a {
	background: url(/images/shared/btn_195red.gif) no-repeat;
}
.btn93 a {
	background: url(/images/shared/btn_93.gif) no-repeat;
}
.btn73 a {
	background: url(/images/shared/btn_73.gif) no-repeat;
}
.btn119 a {
	background: url(/images/shared/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(/images/shared/btn_195red.gif) no-repeat;
}
.btn195red a {
	background: url(/images/shared/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("/images/shared/btn_add_L.gif") no-repeat;
}
#btnAdd a {
	background: url("/images/shared/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("/images/shared/btn_add_all.gif") no-repeat;
}
#btnAddAll a {
	background: url("/images/shared/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(/images/shared/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(/images/shared/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(/images/shared/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(/images/atelier/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(/images/shared/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(/images/atelier/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;
}