@charset "utf-8";

/*------------------------------------------------------------------------------
	Title: 管理ページ - Common
	Created: 2010-02-15
	Copyright: (C) Samurai Factory Inc. All Rights Reserved.
------------------------------------------------------------------------------*/

/*============================================================================

	Reset
	
=============================================================================*/

/*	1-1. Html, Body 
-------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 1.0;
	text-decoration: none;
}
html {
	overflow-y: scroll;
	background: #edeeed;
	color: #333333;
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 75%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','osaka','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background: #fff;
}
/*	1-2. Text element
-------------------------------------------------------------*/
	
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}
p {
	margin: 0;
	line-height: 1.6;
}
	
blockquote {  
	margin: 0;  
	padding: 0;  
}  

br {
	letter-spacing: normal;
}
pre, code {
	margin: 0;
	padding: 0;
}
sup {
	vertical-align: text-top;
}
	
sub {
	vertical-align: text-bottom;
}
q:before, q:after {
	content: '';
}
	
abbr, acronym {
	border: 0;
	font-variant: normal;
}
	
address, strong, em, cite, code, dfn, var {
	font-style: normal;
	font-weight: normal;
}
	
span.red {
	color: #f00;
}
	
span.small {
	font-size: 80%;
}
	
	
/*	1-3. Table element
-------------------------------------------------------------*/
	
table {
	border-spacing: 0; 
	font-size: 100%;
}
	
th, td {
	margin: 0;
	padding: 0;
}
caption, th {
	text-align: left;
	font-style: normal;
	font-weight: normal;
}
/*	1-4. List element
-------------------------------------------------------------*/

ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/*	1-5. Form element
-------------------------------------------------------------*/
	
form, fieldset, legend, input, textarea, select {
	margin: 0;
	padding: 0;
}
fieldset {
	border: 0;
}
legend {
	color: #000000;
}
	
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
/*\*//*/
textarea, select, input {
	 font-family: Osaka;
	 }
/**/

input[type="checkbox"],  
input[type="radio"] {  
	position: relative;
	top: 0.1em;
}

/*	1-6. Image element
-------------------------------------------------------------*/

img {
	margin: 0;
	border: 0;
}
/*============================================================================

	Style
	
=============================================================================*/

/*------------------------------------------------------------
	Hypertext
-------------------------------------------------------------*/

/* ベースリンク指定 */
a {
	text-decoration: underline;
	cursor: pointer;
}
a:link,
a:visited {
	color: #444444;
	text-decoration: underline;
}
	
a:hover,
a:active {
	color: #444444;
	text-decoration: none;
}
span.button {
	cursor: pointer;
	text-decoration: underline;
}
	
span.button:hover,
span.button:active {
	color: #989898;
	text-decoration: none;
}
/* ヘッダー内リンク指定 */
div#login div.login_inner a:link,
div#login div.login_inner a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
div#login div.login_inner a:hover,
div#login div.login_inner a:active {
	color: #656565;
	text-decoration: none;
}
/*------------------------------------------------------------
	Common
-------------------------------------------------------------*/
/* for modern brouser */
.clearfix:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
.clearfix {
        display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
        height: 1%;
}
.clearfix {
        display: block;
}
/* End hide from IE-mac */

p.pankuzu {
	margin: 0 0 10px 5px;
}
p.pankuzu a,
p.pankuzu span {
	margin-right: 0.8em;
}
p.link_pagetop {
	position: relative;
	height: 20px;
	text-align: right;
}
p.link_pagetop a {
	display: block;
	position: absolute;
	right: 10px;
	height: 13px;
	padding-left: 26px;
	background: url(/images/ico_arrow_top.gif) top left no-repeat;
}

/* Pager */
div#primary table.pager {
	margin: 10px auto;
}
div#primary table.pager tr td {
	width: 26px;
	height: 20px;
	padding: 0 2px;
	text-align: center;
}
div#primary table.pager tr td a {
	display: block;
	width: 26px;
	height: 21px;
	padding-top: 6px;
	text-align: center;
	border: 1px solid #8f8686;
}
div#primary table.pager tr td a:hover {
	background: #e4e4e4;
}
div#primary table.pager tr td a.wide {
	width: 47px;
	height: 27px;
	border: none;
	padding: 0;
}
div#primary table.pager tr td a.wide:hover {
	background: #fff;
}
div#primary table.pager tr td a.active {
	background: #e4e4e4;
}

/* Right Backer */
div#primary p.list_back a {
	display: block;
	float: right;
	width: 125px;
	height: 12px;
	margin: 30px 0 10px;
	padding-left: 20px;
	background: url(/images/ico_link_arrow.gif) top left no-repeat;
}

/* H2 Right */
div#primary span.h2inner {
	position: absolute;
	top: 11px;
	right: 12px;
}

/* state tag */
div#primary img.state {
	position: absolute;
	top: 0;
	right: 0;
}

/*------------------------------------------------------------
	layout
-------------------------------------------------------------*/

html {
	height: 100%;
	text-align: center;
}
div#login {
	width: 100%;
	min-width: 950px;
	height: 30px;
	text-align: center;
	background: #000000;
	font-size: 1em;
	color: #eaeaea;
}
div#header {
	width: 100%;
	height: 103px;
}
div.middle {
	width: 100%;
	padding-top: 28px;
}
div.middle div.contents {
	width: 950px;
	margin: 0 auto;
}
div#primary {
	float: left;
	width: 630px;
	margin-bottom: 10px;
	text-align: left;
}
div#secondary {	
	float: right;
	width: 300px;
	padding: 5px;
	text-align: left;
}
div#footer {
	margin-top: 70px;
	clear: both;
	height: 180px;
}
/*------------------------------------------------------------
	detail
-------------------------------------------------------------*/

/* login 
-------------------------------------------------------------*/

div#login div.login_inner {
	margin: 0 auto;
	position: relative;
	width: 950px;
	text-align: right;
	color: #eaeaea;
}
/* 左上手裏剣バナー */
div#login div.login_inner p.top {
	position: absolute;
	top: 6px;
	left: 0;
}
div#login div.login_inner p span.ico {
	margin: 0 0.5em 0 1em;
}
/* ボタン部分 */
div#login div.login_inner p span.btn {
	position: relative;
	top: 5px;
	margin-left: 10px;
}
	
div#login div.login_inner p span.btn img {
	margin-left: 5px;
}

/* header
-------------------------------------------------------------*/

div#header {
	text-align: left;
	background: url(/images/bg_header.jpg) top center repeat-x;
}
div#header div.contents {
	position: relative;
	width: 950px;
	height: 103px;
	margin: 0 auto;
}
div#header div.contents h1 {
	float: left;
	width: 235px;
	height: 103px;
}
div#header div.contents ul.submenu {
	padding-top: 8px;
}
div#header div.contents ul.submenu li {
	float: right;
	margin-left: 10px;
}
div#header div.contents ul.submenu li a {
	padding-left: 13px;
	font-weight: bold;
	background: url(/images/ico_header_submenu.gif) top left no-repeat;
}
div#header div.contents ul.menu {
	position: absolute;
	right: 0;
	padding-right: 5px;
	background: url(/images/bg_header_menu.gif) top right no-repeat;
}
html > body div#header div.contents ul.menu {
	bottom: 0;
}
* html div#header div.contents ul.menu { /* for IE6 */
	bottom: -4px;
}
div#header div.contents ul.menu li {
	float: left;
	height: 80px;
}

/* middle
-------------------------------------------------------------*/

div.middle {
	background: url(/images/bg_middle.gif) top center repeat-x;
}
/* contents
-------------------------------------------------------------*/

div.middle div.contents {
	background: url(/images/bg_contents.gif) top right repeat-y;
}
/* secondary
-------------------------------------------------------------*/
div#secondary div.user_info,
div#secondary div.new_work,
div#secondary div.ninja_point {
	clear: both;
	margin: 5px 0 25px;
}
div#secondary div.info_new h2,
div#secondary div.user_info h2,
div#secondary div.new_work h2,
div#secondary div.ninja_point h2 {
	padding-bottom: 5px;
}

/* info_new */
div#secondary div.info_new {
	text-align: center;
	margin: 5px 0 15px;
}

/* user_info */

div#secondary div.user_info ul {
	height: 120px;
	margin-left: 5px;
}
div#secondary div.user_info ul li.img {
	float: left;
	width: 75px;
	margin-right: 10px;
}
div#secondary div.user_info ul li.img img {
	border: 1px solid #626262;
	margin-bottom: 5px;
}
div#secondary div.user_info ul li.img a {
	display: block;
	width: 50px;
	height: 15px;
	padding-left: 25px;
	background: url(/images/ico_pic.gif) top left no-repeat;
	line-height: 1em;
}
div#secondary div.user_info ul li.data {
	float: left;
	width: 200px;
}
div#secondary div.user_info ul li.data ul li {
	margin-bottom: 10px;
}
div#secondary div.user_info dl {
	width: 185px;
	margin-left: 5px;
}
div#secondary div.user_info dt {
float: left;
	z-index: 2;
	width: 110px;
	padding: 0 0 8px 10px;
	background: url(/images/ico_secondary_dotted.gif) top left no-repeat;
}
div#secondary div.user_info dd {
	position: relative;
	margin-left: 110px;
	z-index: 1;
	padding-bottom: 8px;
	text-align: right;
}
html > body div#secondary div.user_info dd span {
	position: absolute;
	top: 0;
	left: 80px;
	color: #0029da;
}
* html div#secondary div.user_info dd span { /* for IE6 */
	position: absolute;
	top: 0;
	right: 90px;
	color: #0029da;
}
/* new_work */

div#secondary div.new_work ul {
	height: 95px;
	margin-left: 5px;
}
div#secondary div.new_work ul li.img {
	float: left;
	width: 75px;
	margin-right: 10px;
}
div#secondary div.new_work ul li.img img {
	border: 1px solid #626262;
	margin-bottom: 5px;
}
div#secondary div.new_work ul li.data {
	float: left;
	width: 200px;
}
div#secondary div.new_work ul li.data ul li {
	margin-bottom: 10px;
}
/* ninja_point */

div#secondary div.ninja_point ul.tag {
	height: 45px;
	padding: 5px;
}
div#secondary div.ninja_point ul.tag li {
	height: 26px;
	padding-top: 12px;
	text-align: center;
}
div#secondary div.ninja_point ul.tag li.left {
	float: left;
	width: 142px;
	background: url(/images/bg_point_red.gif) top center no-repeat;
}
div#secondary div.ninja_point ul.tag li.right {
	float: right;
	width: 147px;
	background: url(/images/bg_point_yellow.gif) top center no-repeat;
}
div#secondary div.ninja_point ul.bottom {
	margin: 0 5px;
}
div#secondary div.ninja_point ul.bottom li {
	float: left;
	margin-right: 15px;
	padding-left: 10px;
	background: url(/images/ico_secondary_dotted.gif) top left no-repeat;
}
/* footer
-------------------------------------------------------------*/
div#footer {
	padding-bottom: 65px;
	background: url(/images/bg_footer_top.jpg) top center repeat-x #edeeed;
}
div#footer div.bg {
	height: 180px;
	text-align: center;
	background: url(/images/bg_footer_bottom.jpg) bottom center no-repeat;
}
div#footer div.bg ul {
	padding: 30px 0 15px;
}
div#footer div.bg ul li {
	display: inline;
}
div#footer div.bg ul li a {
	margin: 0 6px;
	padding-left: 13px;
	background: url(/images/ico_footer.gif) top left no-repeat;
}
div#footer div.bg p {
	margin-bottom: 0;
	line-height: 1.3em;
}