@charset "UTF-8";

/* ninja*arts CSS */

/*===== BASIC =====*/
body {
 background-color	:#000000;
 color			:#333333;
 font-family: 'Raleway', sans-serif;
 font-size		:12px;
}
.wrap {
 width			:100%;
 margin: 12px 0px 0px 0px;
 background-color	:#ffffff;
}
.wrap_middle {
 width			:100%;
 margin: 0px 0px 0px 0px;
 padding: 8px 0px;
 background-color	:#ffffff;
}

/*===== HEADER =====*/
#header {
 position		:relative;
 height			:72px;
}
#header_logo {
 width			:140px;
 height			:72px;
}
#header_logo a {
 display		:block;
 width			:180px;
 height			:72px;
 background		:url(/img/logo_head_01.jpg) no-repeat top center;
 text-indent		:-9999px;
}

/*===== MAIN =====*/
#main_visual {
 margin			: 0px auto 0px;
}
.red_text {
 color			: #ff0000;
}






/*===== CUSTOM =====*/
.top_copy_box {
 display: block;
 margin			:4px 0px;
 padding:8px 24px;
 background-color: #000000;
 color:#ffffff;
 text-align		:left;
 font-size		:12px;
 border-radius			:16px;        /* CSS3草案 */  
 -webkit-border-radius	:16px;    /* Safari,Google Chrome用 */  
 -moz-border-radius		:16px;   /* Firefox用 */  
}
.top_copy {
 padding: 0px 0px 0px 24px;
 border-left: 12px solid #ff0000;
}
.top_copy_box h4 {
 margin: 0px;
 padding: 0px;
 color: #ff0000;
 font-size: 16px;
 text-align: 18px;
}
.profile_thumbnail_list {
 margin			:0px;
 padding		:0px;
}
.profile_thumbnail_list li {
 position: relative;
 margin			:0px;
 padding		:0px;
 width			:235px;
 height: 235px;
 list-style		:none;
 line-height: 14px;
}
.profile_thumbnail {
 text-align		:center;
}
.profile_thumbnail a {
 display		:block;
}

.profile_thumbnail a img {
 width					:231px;
 border-radius			:16px;        /* CSS3草案 */  
 -webkit-border-radius	:16px;    /* Safari,Google Chrome用 */  
 -moz-border-radius		:16px;   /* Firefox用 */  
}
.user_name {
 position: absolute;
 top: 8px;
 left: 8px;
 width		:220px;
}
.user_info {
 position: absolute;
 bottom: 8px;
 left: 8px;
 width		:220px;
}





#modal_box{ 
 position: absolute;
 width			:940px;
 margin: auto;
 top: 0px;
 height: 160px;
}
#ax2013 {
	width: 600px;
}
.modal-body {
	text-align: center;
}





.hero-unit {
 background-color	:#000 !important;
 color			:#3a87ad;
}
.hero-unit h1 {
 color			:red;
}
#footer {
 border-top		:6px solid #3a87ad;
 padding		:20px 0px 16px;
 background-color	:#000000;
 color			:#999999;
 text-align		:center;
 font-size		:12px;
}
#footer a:hover {
 color			:#00abff;
 text-decoration	:none;
}
#control {
 float			:right;
 margin			:8px 16px;
 text-align		:left;
}
.popover-title {
 background-color	:#000000 !important;
 color			:#ff0000 !important;
}
.thumbnail {
 text-align		:center;
}
.ninjutsu {
 height			:64px;
 text-align		:left;
}
#snsbtn_box {
	margin: 40px 0px 8px;
}
.bs-docs-sidenav > li.navi-control > a {
 background-color	:#000000;
 color			:#ffffff;
}
.user-list th, .user-list td.ico {
 text-align		:center;
}
#user-id {
 padding		:4px 8px 4px 8px;
}
.user-list a {
 display		:block;
}
.user-list a:hover {
 text-decoration	:none;
}
.confirm-label {
 padding-top		:5px !important;
 font-size		:14px !important;
}
.th_btn {
 width			:24px;
}










#slider {
	width:100%;
	height:280px;
	margin: 0px 0px;
	padding: 0px  !important;
	overflow:hidden;
	background-color: #ffcc00;
}
#slider .slider_item {
	float:left;
	margin:20px 4px 10px;
	height:280px;
	line-height:32px;
	cursor:default;
}
#slider .slider_img {
	margin:7px;
	height: 200px;
	background-color:#eeeeee;
	box-shadow:0 0 4px #624e47;
	-moz-box-shadow:0 0 4px #624e47;
	-webkit-box-shadow:0 0 4px #624e47;
}
#slider .slider_item:hover .slider_img {
	margin:0;
	border:7px solid #fff;
	box-shadow:0 0 20px #562514;
	-moz-box-shadow:0 0 20px #562514;
	-webkit-box-shadow:0 0 20px #562514;
}
#slider .slider_item .slider_text {
	padding: 0px 0px;
	color:#000;
	font-size:10px;
	text-align: center;
}