@charset "utf-8";

@import url("base.css");
@import url("login.css");
@import url("common.css");
@import url("navi.css");

/*
@import url("pager.css");
@import url("table.css");
@import url("button.css");
@import url("blue_form.css");
@import url("form.css");
@import url("index.css");
@import url("new_magazine.css");
@import url("f_item.css");
@import url("mail.css");
@import url("design.css");
@import url("system.css");
@import url("admin.css");
*/

@import url("inline_sample.css");


/* 2010.10.05 tanimori 追加 START */

/* タイトルバー
*********************************/
.title_home{
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 950px;
	height: 80px;
	background-image: url(../img/index/title.png);
}
.title_new_magazine{
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 950px;
	height: 80px;
	background-image: url(../img/new_magazine/title.png);
}
.title_magazine{
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 950px;
	height: 80px;
	background-image: url(../img/magazine/title.png);
}
.title_member{
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 950px;
	height: 80px;
	background-image: url(../img/member/title.png);
}
.title_errormail{
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 950px;
	height: 80px;
	background-image: url(../img/errormail/title.png);
}
.title_landing{
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 950px;
	height: 80px;
	background-image: url(../img/landing/title.png);
}
.title_report{
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 950px;
	height: 80px;
	background-image: url(../img/report/title.png);
}
.title_admin{
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 950px;
	height: 80px;
	background-image: url(../img/admin/title.png);
}

/* 大枠
*********************************/
.table950_top{
	width: 930px;
	height: 48px;
	float:left;
	background: url(../img/common/table950_top.png) no-repeat;
	background-position: 0 center;
	padding-top:17px;
	padding-left:20px;
	color:#FFF;
	font-size:1.6em;
	font-weight:bold;
}
.table950_middle{
	width: 930px;
	float:left;
	background-image: url(../img/common/table950_middle.png);
	padding-top: 8px;
	padding-left: 20px;
	padding-bottom:5px;
}
.table950_under{
	width: 950px;
	height: 20px;
	float:left;
	background-image: url(../img/common/table950_under.png);
}
.table700_top{
	width: 680px;
	height: 48px;
	float:left;
	background-image: url(../img/common/table700_top.png);
	padding-top:17px;
	padding-left:20px;
	color:#FFF;
	font-size:1.6em;
}
.table700_middle{
	width: 680px;
	float:left;
	background-image: url(../img/common/table700_middle.png);
	padding-top: 8px;
	padding-left: 20px;
	padding-bottom:5px;
}
.table700_under{
	width: 700px;
	height: 20px;
	float:left;
	background-image: url(../img/common/table700_under.png);
}
#search_box{
	float:left;
	width:585px;
}
#search_box .search_top{
	background-image:url("../img/common/search_top.png");
	float:left;
	height:50px;
	width:585px;
}
#search_box .search_middle{
	background-image:url("../img/common/search_middle.png");
	float:left;
	height:55px;
	padding-left:20px;
	padding-right:20px;
	width:545px;
}
#search_box .search_under{
	background-image:url("../img/common/search_under.png");
	float:left;
	height:15px;
	width:585px
}
#linknavi{
	float:right;
	height:120px;
	width:335px;
}
#linknavi .link1,
#linknavi .link1,
#linknavi .link1,
#linknavi .link1,
#linknavi .link1,
#linknavi .link1{
	background-repeat:no-repeat;
	float:left;
	height:60px;
	width:335px;
}
#linknavi .link1{
	background-image:url("../img/common/linknavi1.png");
}
#linknavi .link2{
	background-image:url("../img/common/linknavi2.png");
}
#linknavi .link1,
#linknavi .link2{
	background-position:right center;
}
#linknavi .link1:hover,
#linknavi .link2:hover,
#linknavi .link1_on,
#linknavi .link2_on{
	background-position:left center;
}

/* ボタン
*********************************/
.button a,
.button2 a,
.button3 a{
		height: 20px;
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top:5px;
	color:#FFF;
	font-weight:bold;
	background-position: top;
}
.button a:hover,
.button2 a:hover,
.button3 a:hover{
	background-position: bottom;
}
.button a{
	background-image: url(../img/common/button.png);
	width: 80px;
}
.button2 a{
	background-image: url(../img/common/button2.png);
	width: 110px;
}
.button3 a{
	background-image: url(../img/common/button3.png);
	width: 140px;
}

/* divタグ枠
********************************/
.p0{ padding:0; }
.p3{ padding:3px; }
.p5{ padding:5px; }
.p10{ padding:10px;}
.p20{ padding:20px; }
.m0{ margin:0; }
.m3{ margin:3px; }
.m5{ margin:5px; }
.m10{ margin:10px; }
.m20{ margin:20px; }
.l_m10{ margin-left:10px; }
.l_m20{ margin-left:20px; }
.t_m10{ margin-top:10px; }
.t_m20{ margin-top:20px; }
.b_m10{ margin-bottom:10px; }
.b_m20{ margin-bottom:20px; }
.tb_m10{ margin-top:10px; 	margin-bottom:10px; }
.tb_m20{ margin-top:20px; margin-bottom:20px; }
.center{ text-align:center; }

/* テーブル
********************************/
table th{
	padding:5px;
	vertical-align:middle;
	text-align:center;
	background-color:#6CBFCE;
	font-weight:bold;
}
table th a{ color:#3B3B3B;font-weight:bold; }
table th a:hover{ color:#3B3B3B;font-weight:bold; }
table td{
	padding:5px;
	vertical-align:middle;
}

/* フォーム
********************************/
input,
select,
radio,
checkbox,
textarea{
	font-size:1.1em;
	font-family:Osaka,sans-serif;
	padding:2px;
}

/* 横幅/縦幅
********************************/
.w20{ width:20px; }
.w30{ width:30px; }
.w50{ width:50px; }
.w80{ width:80px; }
.w100{ width:100px; }
.w150{ width:150px; }
.w200{ width:200px; }
.w250{ width:250px; }
.w300{ width:300px; }
.w350{ width:350px; }
.w400{ width:400px; }
.w450{ width:450px; }
.w500{ width:500px; }
.w550{ width:550px; }
.w600{ width:600px; }
.w650{ width:650px; }
.w700{ width:700px; }
.w750{ width:750px; }
.w800{ width:800px; }
.w850{ width:850px; }
.w900{ width:900px; }
.w950{ width:950px; }
.h20{ height:20px; }
.h30{ height:30px; }
.h50{ height:50px; }
.h80{ height:80px; }
.h100{ height:100px; }
.h150{ height:150px; }
.h200{ height:200px; }
.h250{ height:250px; }
.h300{ height:300px; }
.h350{ height:350px; }
.h400{ height:400px; }
.h450{ height:450px; }
.h500{ height:500px; }
.h550{ height:550px; }
.h600{ height:600px; }
.h650{ height:650px; }
.h700{ height:700px; }
.h750{ height:750px; }
.h800{ height:800px; }
.h850{ height:850px; }
.h900{ height:900px; }
.h950{ height:950px; }

/* 文字
*********************************/
.bold{ font-weight:bold; }
.mini{ font-size:0.8em; }
.big{ font-size:1.5em; }
.inpact{ font-weight:bold;color:#F00; }
.red{ color:#F00; }
.green{ color:#0F0; }
.blue{ color:#00F; }
.yellow{ color:#FF0; }
.sky{ color:#0FF; }
.purple{ color:#F0F; }

/* 画像
*********************************/
.img8{ width:8px;height8:px;}
.img16{ width:16px;height:16px;}
.img24{ width:24px;height:24px;}
.img32{ width:32px;height:32px;}

/* その他
*********************************/
.none{ display:none; }

/* 見出し
*********************************/
h2{
	color:#0A7690;
	font-size:1.3em;
	border-left:1px solid #0A7690;
	border-bottom:1px solid #0A7690;
	padding-left:5px;
	margin-bottom:10px;
	width:300px;
}

/* 2010.10.05 tanimori 追加  END  */


/* 2011.01.31 tanimori 追加 START */

/* アイコン
*********************************/
.mail_icon{		background: url(../img/icon/mail.png) no-repeat;			padding:0 0 0 20px; height:18px; }
.mail_open{		background: url(../img/icon/mail_open.png) no-repeat;		padding:0 0 0 20px; height:18px; }
.mail_add{ 		background: url(../img/icon/mail_add.png) no-repeat;		padding:0 0 0 20px; height:18px; }
.mail_click{	background: url(../img/icon/mail_click.png) no-repeat;		padding:0 0 0 20px; height:18px; }
.mail_edit{		background: url(../img/icon/mail_edit.png) no-repeat;		padding:0 0 0 20px; height:18px; }
.mail_change{	background: url(../img/icon/mail_change.png) no-repeat;		padding:0 0 0 20px; height:18px; }
.mail_delete{	background: url(../img/icon/mail_delete.png) no-repeat;		padding:0 0 0 20px; height:18px; }
.mail_cancel{	background: url(../img/icon/mail_cancel.png) no-repeat;		padding:0 0 0 20px; height:18px; }
.mail_reply{	background: url(../img/icon/mail_reply.png) no-repeat;		padding:0 0 0 20px; height:18px; }
.mail_copy{		background: url(../img/icon/mail_copy.png) no-repeat;		padding:0 0 0 20px; height:18px; }
.mail_draft{	background: url(../img/icon/mail_draft.png) no-repeat;		padding:0 0 0 20px; height:18px; }

.maga_icon{		background: url(../img/icon/magazine.png) no-repeat;		padding:0 0 0 20px; height:18px; }
.maga_new{		background: url(../img/icon/magazine_new.png) no-repeat;	padding:0 0 0 20px; height:18px; }
.maga_edit{		background: url(../img/icon/magazine_edit.png) no-repeat;	padding:0 0 0 20px; height:18px; }
.maga_delete{	background: url(../img/icon/magazine_delete.png) no-repeat;	padding:0 0 0 20px; height:18px; }

.user_icon{		background: url(../img/icon/user.png) no-repeat;			padding:0 0 0 20px; height:18px; }
.users_icon{	background: url(../img/icon/users.png) no-repeat;			padding:0 0 0 20px; height:18px; }
.user_add{		background: url(../img/icon/user_add.png) no-repeat;		padding:0 0 0 20px; height:18px; }
.users_add{		background: url(../img/icon/users_add.png) no-repeat;		padding:0 0 0 20px; height:18px; }

.back_icon{		background: url(../img/icon/back.png) no-repeat;			padding:0 0 0 20px; height:18px; }
.download_icon{	background: url(../img/icon/download.png) no-repeat;		padding:0 0 0 20px; height:18px; }
.error_icon{	background: url(../img/icon/error.png) no-repeat;			padding:0 0 0 20px; height:18px; }
.landing_icon{	background: url(../img/icon/landing.png) no-repeat;			padding:0 0 0 20px; height:18px; }
.report_icon{	background: url(../img/icon/report.png) no-repeat;			padding:0 0 0 20px; height:18px; }
	


/* 2011.01.31 tanimori 追加  END  */

.btn_writers{
	position: relative;
	margin-bottom: 15px;
}


.btn_writers a{
	
	border-radius: 5px;
	display: block;
	background: #2294A5;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 8px;
}

.btn_writers:after{
	content: "";
	position: absolute;
	right: 8%;
	top: 11px;
	border: 6px solid transparent;
	border-left: 6px solid #fff;
}



.btn_writers a:hover{
	background: #FF6600;
}