/*
----------------------------------------------------------------------
	レイアウト
----------------------------------------------------------------------
*/
body {
	font:13px 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
 *font-size:small;
 *font:x-small;
	color:#333333;
}

#fb_wrapper {
	width:100%;
	text-align:center;
	margin:0px auto;
}

#fb_main {
	width:520px;
	margin:0px auto;
	padding:0;
	text-align:left;
}

/*検索窓*/
#fb_searchform {
    display:block;
	width:520px;
	height:30px;
    vertical-align: bottom;
}
#fb_searchform input {
    float:left;
}
#fb_searchform .searchWindow {
	width:150px;
	height:17px;
	padding:2px;
	margin:0;
	border:solid 1px #cccccc;
}

#fb_searchform .searchBtn {
	background: url(../images/searchBtn.png) 0 0 no-repeat;
	border:none;
	margin:0px;
	width:23px;
	height:23px;
	cursor: pointer;
}


.fb_WarterMarkText {
    color: #999999; 
	width:150px;
	height:17px;
	padding:2px;
	margin:0;
	border:solid 1px #cccccc;
}


#wrapper {
	width:100%;
	text-align:center;
	border-top:solid 9px #076ab6;
}

#header {
	width:880px;
	padding:0 30px 0 0px;
	margin:0 auto 0 auto;
	position:relative;
    top: 0px;
    left: 0px;
}

#main {
	width:850px;
	margin:0px auto;
	padding:10px 0 0 0;
	text-align:left;
}

#main2 {
	width:850px;
	margin:0px auto;
	padding:10px 0 0 0;
	text-align:left;
}

#contentLeft {
	width:210px;
	margin:0px 20px 0 0;
	padding:10px;
	/*background-color:#f5f5f5;*/
	border-top:solid 3px #f39806;
	float:left;
}

#contentRight {
	width:578px;
	margin:0 0 50px 0;
	padding:10px;
	float:right;
	border-top:solid 3px #076ab6;
}

#footer {
	width:100%;
	height:170px;
	padding:0px;
	margin:0 auto;
	background:url(../images/footerBg.png) 0 0 repeat-x;
}

/*
----------------------------------------------------------------------
	共通
----------------------------------------------------------------------
*/

.left { float:left; }

.right { float:right; }

.clear { clear:both; }

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.mb1 { margin-bottom:1em;}/*-----------------------------------------------------------------------101115追加*/

.mb30 { margin-bottom:30px; }

.mb50 { margin-bottom:50px; }

* html .clearfix { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */

a:link {
	color:#076ab6;
	text-decoration:none;
}

a:visited {
	color:#076ab6;
	text-decoration:none;
}

a:hover {
	color:#f39806;
	text-decoration:none;
}

a:active {
	color:#076ab6;
	text-decoration:none;
}

/*
----------------------------------------------------------------------
	文字
----------------------------------------------------------------------
*/
h2 { margin-bottom:20px; }

h3 { font-size:123.1%; margin-bottom:15px; }

h4 { margin-bottom:5px; }

.text10 { font-size:77%; }

.text11 { font-size:85%; }

.text12 { font-size:93%; }

.text13 { font-size:100%; }

.text14 { font-size:108%; }

.text15 { font-size:116%; }

.text16 { font-size:123.1%; }

.text17 { font-size:131%; }

.text18 { font-size:138.5%; }

.text19 { font-size:146.5%; }

.text20 { font-size:153.9%; }

.text21 { font-size:161.6%; }

.text22 { font-size:167%; }

.text23 { font-size:174%; }

.text24 { font-size:182%; }

.text25 { font-size:189%; }

.text26 { font-size:197%; }

.txt_orange { color:#f39806; }

.txt_blue { color:#076ab6; }

.txt_b { font-weight:bold; }

.txt_c { text-align:center; }

.txt_r { text-align:right; }

/*
----------------------------------------------------------------------
	メイン画面
----------------------------------------------------------------------
*/

/*	ヘッダー  */
#header h1 a {
	display:block;
	float:left;
	padding:20px 0;
}


/*
----------------------------------------------------------------------
	#header p.logout_btn a ota add 20101111
----------------------------------------------------------------------
*/
#header p.logout_btn { float:right; }
/*
#header p.logout_btn a { float:right; }
*/

/*	バー  */
#nav {
	width:100%;
	height:48px;
	background:url(../images/barBg.png) 0 0 repeat-x;
}

#nav .navInner {
	width:850px;
	margin:0px auto;
	padding:0;
	text-align:left;
}

#nav p.user {
	height:48px;
	padding:10px 0 0 90px;
	margin-right:30px;
	background:url(../images/user.png) 0 5px no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
}

#nav p.size {
	height:48px;
	padding:10px 0 0 90px;
	margin-right:30px;
	background:url(../images/size.png) 0 5px no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	float:left;
}

#nav p.sort {
	height:48px;
	padding:10px 0 0 65px;
	margin:0px;
	background:url(../images/sort.png) 0 5px no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	float:right;
}

/*	レフトナビ  */
#contentLeft ul li { margin:0 0 0.75em 2em; }

/*	右コンテンツ　リスト表示  */
#contentRight table td.listTable {
padding:0 0 0 20px;
}

#contentRight table td.listTable ul {
	list-style-type:none;
	margin:0 0 20px 0px;
}

#contentRight table td.listTable ul li a{
	width:12em;
	padding:5px 10px;
	margin:0 0 0.4em 0;
	color:#ffffff;
	text-decoration:none;
	display:block;
}

#contentRight table td.listTable ul li a:link,
#contentRight table td.listTable ul li a:visited {
	background-color:#076ab6;
}

#contentRight table td.listTable ul li a:hover {
	background-color:#f39806;
}

#contentRight table td.listTable ul li a:active {
	background-color:#d48404;
}

td.h3_content{
    vertical-align:top;
	padding:30px 0;
	border-bottom:dotted 1px #076ab6;
}

/*	右コンテンツ　詳細内容  */
.detailBox{
	width:400px;
	float:right;
}
.detailBox p{
word-break: break-all;
}

.detailBox ul {
	list-style-type:none;
	margin:0 0 20px 0px;
}

.detailBox ul li a{
	width:12em;
	padding:5px 10px;
	margin:0 0 0.4em 0;
	color:#ffffff;
	text-decoration:none;
	display:block;
}

.detailBox ul li a:link,
.detailBox ul li a:visited {
	background-color:#076ab6;
}

.detailBox ul li a:hover {
	background-color:#f39806;
}

.detailBox ul li a:active {
	background-color:#d48404;
}

td.h3_content{
	padding:30px 0;
	border-bottom:dotted 1px #076ab6;
}


/*-----------------------------------------------------------------------101115追加　ここから*/
.detailBox .field {
padding:2px;
width:100%;
}
.btnUpdate{
	width:102px;
	height:33px;
	/*background:url(../images/btn_update.png) 0 0 no-repeat;*/
	cursor:pointer;
	border:none;
}
.btnBack{
	width:102px;
	height:33px;
	/*background:url(../images/btn_back.png) 0 0 no-repeat;*/
	cursor:pointer;
	border:none;
}
/*-----------------------------------------------------------------------101115追加　ここまで*/


/*-----------------------------------------------------------------------101115追加　ここから*/
/*ログイン画面のアスタリスク*/
#login span{
	color:#FF0033;
	font-size:22px;
}
/*-----------------------------------------------------------------------101115追加　ここまで*/


/*
----------------------------------------------------------------------
	ログイン
----------------------------------------------------------------------
*/
/*
----------------------------------------------------------------------
	#login_wrapper ota add 20101111
----------------------------------------------------------------------
*/
#login_wrapper {
	width:500px;
	margin:0px auto;
}

#login {
	width:390px;
	height:240px;
	padding:200px 50px 50px 50px;
	background:url(../images/loginBg.png) 0 0 no-repeat;
	margin:110px auto;
	position:relative;
}

#login p { color:#FFFFFF; }

/*
----------------------------------------------------------------------
	width 100%→90% ota add 20101111
----------------------------------------------------------------------
*/

input.loginField {
	font-size:14px;
	padding:0.4em;
	width:90%;
	border:solid 1px #666666;
}

#login p.loginBtn {
	width:159px;
	height:65px;
	position:absolute;
	right:50px;
	bottom:38px;
}


/*
----------------------------------------------------------------------
	.total_cnt_words ota add 20101111
----------------------------------------------------------------------
*/

.total_cnt_words{
    color: red;
    font-size:20px;
    vertical-align:text-bottom;
}

/*
----------------------------------------------------------------------
	101112更新
----------------------------------------------------------------------
*/

/*#nav p.sort {
	height:48px;
	padding:10px 0 0 65px;
	margin:0px;
	background:url(../images/sort.png) 0 5px no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	float:right;
}*/

/*並べ替え*/
#contentRight p.sort {
	height:48px;
	padding:0;
	margin:0px;
	float:right;
}

/*検索窓*/
#searchform {
	display: block;
	width:300px;
	height:80px;
	position:absolute;
	top:25px;
	right:30px;
}

#searchform input { float:left; }

#searchform .searchWindow {
	width:270px;
	height:15px;
	padding:2px;
	margin:0;
	border:solid 1px #cccccc;
}

#searchform .searchBtn {
	background: url(../images/searchBtn.png) 0 0 no-repeat;
	border:none;
	margin:0px;
	width:24px;
	height:21px;
	cursor: pointer;
}

#check_area {
	width:300px;
	overflow:hidden;
	float: left;
    text-align:left;	 
}
.check, .radio {
	vertical-align:middle;
}

.CheckBoxLabelClass {
	margin-right:10px;
 /margin-right:5px;
	margin-bottom:6px;
	display: inline-block;
}


/*-----------------------------------------------------------------------101115追加　ここから*/
/*　画像ボーダー*/
td.h3_content img { border:solid 1px #cccccc; }

td.h3_content td.listTable img { border:none; }
/*-----------------------------------------------------------------------101115追加　ここまで*/

/*-----------------------------------------------------------------------101119追加　ここから*/
.WarterMarkText {
    color: #999999; 
	width:270px;
	height:15px;
	padding:2px;
	margin:0;
	border:solid 1px #cccccc;
}
/*-----------------------------------------------------------------------101119追加　ここまで*/


/*tbl-list
----------------------*/
table.tbl-list{
    border-top:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    margin:10px auto 20px 0px;
}

/*card-order ヘッド汎用
----------------------*/
table.tbl-list th{
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    color:#000000;
    padding:0.5em;
    font-size: 12px;
    background-color:#DCDCDC;
}

/*card-order ヘッド汎用
----------------------*/
table.tbl-list th.l-cell{
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    color:#000000;
    text-align:left;
    padding:0.5em;
    font-size: 12px;
    background-color:#DCDCDC;
}

/*card-order 項目汎用
----------------------*/
table.tbl-list td.l-cell{
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    padding:0.5em;
    text-align:left;
    vertical-align:middle;
    font-size: 12px;
}

/*card-order 項目汎用
----------------------*/
table.tbl-list td.m-cell{
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    padding:0.5em;
    text-align:center;
    vertical-align:middle;
    font-size: 12px;
}

/*card-order 項目汎用
----------------------*/
table.tbl-list td.r-cell{
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    padding:0.5em;
    text-align:right;
    vertical-align:middle;
    font-size: 12px;
}

/*ページャー汎用
----------------------*/
.list-pager{
    border-right:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    padding:0.5em 1em 0.5em 1em;
    font-size: 12px;
    background-color:#ffffff;
}

/*-----------------------------------
	noborderTable
-----------------------------------*/
table.noborderTable th, table.noborderTable td {
	background:none;
	padding:6px;
	border:none !important;
}


/*******文字スタイルなど**************/

/*アラート用（赤）*/
.Indispensability{
    color: red;
}

.cnt_words{
    color: red;
}

.total_cnt{
    color: red;
    font-size:20px;
}
.total_cnt_words{
    color: red;
    font-size:20px;
    vertical-align:text-bottom;
}

.stock_cnt_Black{
    color: black;
    font-size:16px;
}

.stock_cnt_Red{
    color: red;
    font-size:16px;
}

.stock_cnt_blue{
    color: blue;
    font-size:16px;
}

/*Panel_pub_date
----------------------*/
.Panel_pub_date{
	padding:2px;
    background-color:#dcf1fa;
}

.t_center
{
	width:100%;
	text-align:center;
	margin:0px auto;
    
    }


.thumbnail_frame{
	border:solid 0.5px #000000;
	width:100%;
	text-align:center;
	margin:0px auto;
}
/*-------------太田ついかぶん--------------*/
.panelbg
{
    background-color:Black;
    /*-------------for IE--------------*/
    filter: alpha(opacity=20);
    /*-------------for FF3.5.2以降--------------*/
    opacity:0.2;
  }

.overall
{
    height:100%;
    width: 100%;
    background-color:Black;
    /*-------------for IE--------------*/
    filter: alpha(opacity=20);
    /*-------------for FF3.5.2以降--------------*/
    opacity:0.2;

    position:fixed;

}

.overallobj
{
/*margin:5% 0% 0% 45%;*/
 margin: 0px auto auto 0px;
 position:absolute;
}

.list_fname_fsize{
	font-size: 12px;
}

.total_cnt_words{
    color: red;
    font-size:20px;
    vertical-align:text-bottom;
}

/*BulletedList_Selected
----------------------*/
.BulletedList_Selected{
    background-color:#dcf1fa;
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*Left_Nav*/
.hr_Nav 
{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

.txt_total_num {
    color:#076ab6;
	font-weight:bold;
	font-size:120%;
}