@charset "utf-8";
/* CSS Document */

.notice{
	color:#D00;
	font-size:90%;
}
.eg{
	font-size:90%;
}
.small{
	font-size:80%;	
}

p,div,li,ul,ol,dd,dt,dl,form{
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
	padding:0;
	margin:0;
}
img{
	border:none;
}
li{
	list-style:none;
}
table{
	border-collapse:collapse;
}
/* common */
*{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,Helvetica,sans-serif;
}


.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* Global Navigation
-----------------------------------------*/
/* LEVEL ONE */
#gnavi ul a{
	display:block;
	padding:5px 10px;
	margin-right:5px;
	color:#333 !important;
}

#gnavi{
/*	background:url(../img/header_bg.gif) repeat-x; */
}
#gnavi ul {
	width:950px;
	border-left:1px solid #FFF;
}
#gnavi li{
	float: left;
}

/* LEVEL ONE */
#gnavi ul                         { position: relative;}
#gnavi ul li                      { font-weight: normal; float: left; zoom: 1; }
#gnavi ul a	            { text-decoration:none; zoom:1;}
#gnavi ul a:hover		            { color: #000; }
#gnavi ul a:active                { color: #ffa500; }
#gnavi ul li a                    { display: block; }
#gnavi ul li:last-child a         { border-right: none; } /* Doesn't work in IE */
#gnavi ul li.hover,
#gnavi ul li:hover                { background: #CCC; color: black; position: relative; }
#gnavi ul li.hover a              { color: black; }
#gnavi ul li li:hover a               { color: #FFF; }

/* LEVEL TWO */
#gnavi ul ul 						{ width: 190px; visibility: hidden; position: absolute; top: 100%; left: 0; }
#gnavi ul ul li 					{ font-weight: normal; background:#f0f0f0; color: #000; padding:4px 8px;
									  border-bottom: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
 float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
#gnavi ul ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* LEVEL THREE */
#gnavi ul ul ul 					{ left: 100%; top: 0; }
#gnavi ul li:hover > ul 			{ visibility: visible; }


body{
	margin:0;
	padding:0;
	font-size:80%;
}

#header{
	width:100%;
/*	background:url(../img/header_bg2.gif) repeat-x;*/
	background:#FFF;
	position:fixed;
	top:0;
	border-bottom:1px solid #CCC;
	
}
#headerInner{
	width:950px;
	margin:auto;
	position:relative;
}
#header #logo{
	padding:10px;
	border-bottom:1px solid #CCC;
	font-weight:bold;
}
#header #item_category_select{
	position: absolute;
	top: 10px;
	right: 10px;
}
#header #logo img{
	width:59px;
	height:auto;
	vertical-align:middle;
	padding-bottom:2px;
	margin-right:12px;
}
#header #hnavi{
	position:absolute;
	font-size:80%;
	left:700px;
	top:13px;
	width:400px;
}
#header #hnavi li{
	float:left;
	padding-right:20px;
}
#header #hnavi li a{
	display:block;
	padding:3px 0;
}
#header #hnavi li.print a{
	background:url(../img/ic_printer.png) no-repeat 0px;
	padding-left:27px;
}
#header #hnavi li.logout a{
	background:url(../img/ic_logout.png) no-repeat 0px;
	padding-left:25px;
}
#header #company_code{
	background:#F8F8F8;
	padding:3px 8px;
	border-bottom:1px solid #DDD;
	margin-bottom:20px;
	color:#444;
	font-size:90%;
}
#admin #header #company_code{
	background:#D00;
	color:#FFF;
}
#header #company_code p{
	width:950px;
	margin:auto;
}
#page_title{
	margin-top:65px;
}
#content{
	padding:0 25px 25px 25px;
	margin:auto;

}
#breadcrumb{
	font-size:75%;
	background:#F0F0F0;
	padding:5px;
	margin-bottom:25px;
}
.w30{
	width:30px;	
}
.w40{
	width:40px;	
}
.w50{
	width:50px;	
}
.w60{
	width:60px;	
}
.w70{
	width:70px;	
}
.w80{
	width:80px;	
}
.w100{
	width:100px;
}
.w120{
	width:120px;
}
.w150{
	width:150px;
}
.w200{
	width:200px;
}
.w250{
	width:250px;
}
.w300{
	width:300px;
}
.w400{
	width:400px;
}
.w500{
	width:500px;
}
.w600{
	width:600px;
}
.w700{
	width:700px;
}
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.mb25{
	margin-bottom:25px;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.nowrap{
	white-space:nowrap;
}
.alphabet{
	ime-mode:disabled;
}
.block{
	margin-bottom:30px;
}
h1{
	font-size:100%;
	padding:8px;
	color:#fff;
	background:#333;
}
#content h2{
    margin-bottom:15px;
	font-weight:bold;
	padding:3px 8px;
	border-left:5px solid #666;
	border-bottom:1px solid #666;
	font-size:125%;
}
#content h3{
	margin-bottom:18px;
	padding:0 0 5px 0;
	font-weight:bold;
	font-size:100%;
	border-bottom:3px solid #F0F0F0;
}
#content ul{
	margin-bottom:40px;	
}
#content ul ul{
	margin-top:5px;
	margin-bottom:3px;	
}
#content li{	
	margin:0 0 2px 10px;
	padding:0 0 8px 15px;
/*	background:url(../img/arrow.gif) no-repeat 0 6px;*/
}
#content li li{	
	margin:0 0 3px 10px;
	padding:0 0 8px 15px;
}
#content tr.even td{
	background:#F8F8F8;
}
#content td,
#content th{
	border:1px solid #999;
	padding:4px 8px;
}
#content th{
	font-weight:normal;
	background:#BBB;
}
#content tr.dbl_btm th,
#content tr.dbl_btm td{
	border-bottom:3px double #333;
}
#content tr.dbl_top th,
#content tr.dbl_top td{
	border-top:3px double #333;
}
#content td.dbl_left,
#content th.dbl_left{
	border-left:3px double #333;
}
#content td.dbl_right,
#content th.dbl_right{
	border-right:3px double #333;
}
#content tr.dot_btm th,
#content tr.dot_btm td,
#content th.dot_btm,
#content td.dot_btm{
	border-bottom:1px dotted #333;
}
#content table.modify th{
	padding:4px;
}
#content table.modify td{
	padding:0;
}
#content table.caption{
	margin-bottom:3px;	
}
#content table.caption td,
#content table.caption th{
	border:none;
	background:none;
	font-size:125%;
	padding:0;
	font-weight:bold;
}
#content table.caption th{
}
#content table.caption td{
	padding-right:15px;	

}
#content table.species th{
	background:#9CF;
}
#content table table.case td{
	border:none;
	padding:0 10px 0 0;
}

#content table.species th,
#content table.species td{
	font-weight:bold;
}

.mark,
.mark_orange{
	margin: 0 2px;
	padding: 1px 5px;
	text-decoration: none;
	line-height: 1;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	color: #fff;
	font-size:70%;
	white-space:nowrap;
}
.mark{
	background: #b22512;
}
.mark_orange{
	background: #F60;
}

a.mark{
	font-size:80%;
	padding: 2px 5px;
}
a.mark:hover{
	background: #E00;
}
.mark1{
	background: #25b212;
}
.mark2{
	background: #2512b2;
}
#login{
	background:#FAFAFA;
}
#login #container{
	width:400px;
	margin:auto;
	margin-top:15%;
	border-right:2px solid #F0F0F0;
	border-left:2px solid #F0F0F0;
	background:#FFF;
}
#login #content{
	width:auto;
	padding:10px;
	border:5px solid #F0F0F0;
}

.share .article{
	margin-bottom:25px;
	padding: 20px 25px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;	
	border:4px solid #CCC;
}
.share .article .check{
	font-size:80%;
	color:#444;
	margin-bottom:15px;
}
.share .article h3{
	font-size:120%;
	margin-bottom:10px;
	border-left:5px solid #009092;
	padding:0 0 0 10px;
}
.share .article h3 span{
	margin-left:10px;
}
.share .article .img{
	margin-bottom:20px;
}
.share .article .img p{
	float:left;
	padding-right:10px;
}
.share .article .img p:last-child{
	padding:0;
}
.share .article .text{
	margin-bottom:20px;
}

.share .article .footer table{
	width:100%;
}
.share .article .footer th,
.share .article .footer td{
	vertical-align:middle;
	padding:2px 5px;
}
.share .article .footer th{
	font-size:70%;
	width:10%;
	background:#F0F0F0;
}
.share .article .footer td{
	font-size:80%;
	width:23%;
}
.share .article .footer p{
	float:left;
	padding-right:12px;
}
#footer{
	border-top:1px solid #DDD;
	font-size:90%;
	background:#F0F0F0;
	text-align:center;
	padding:10px;
	margin-top:20px;
}
td,th{
	font-size:90%;
}
.item_list td,
.item_list th{
	font-size:80%;
	line-height:140%;
	padding:5px;
}
#index h2{
	clear:both;
}
#index .block{
	width:300px;
	float:left;
}
td.unconfirmed{
	background:#E00 !important;
}
.seikyo_weekly{
	overflow:scroll;
}
.seikyo_weekly th.week{
	width:70px;
	white-space:nowrap;
}
.seikyo_weekly th.company{
	white-space:normal;
/*	width:60px;*/
}
.seikyo_weekly td.number{
	width:30px;
	white-space:nowrap;
}
.seikyo_weekly td.date{
	width:30px;
	white-space:nowrap;
}
/*
#prom .block{
	border:5px solid #F0F0F0;
	padding:15px;
	margin-bottom:25px;
}
*/
#stock h3,
#prom h3{
	font-size:125%;
	font-weight:bold;
	margin-bottom:10px;
}
#stock .warehouse2{
	color:#F60;
}
#stock tr.strong td,
#stock tr.strong th{
	font-size:110%;
	font-weight:bold;
}

#prom h3{
	border-bottom:none;
	padding-bottom:0;
	font-size:160%;
}

#prom .snavi{
	margin-bottom:20px;
	border:none;
	width:auto;
	font-size:120%;
}
#prom .snavi a,
#prom .snavi span{
	padding:10px;
	text-decoration:none;
	display:block;
	float:left;
}
#prom .snavi span{
	font-weight:bold;
}
#prom td.remark{
	padding:0;
}
#prom td.remark textarea{
	padding:1px;
	height:1.5em;
	width:90%;
	-webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s;
}
#prom td.remark input[type="submit"]{
	font-size:90%;
}
#prom table.prom{
	font-size:80%;
}
#content th.sunday,
#content td.sunday{
	background-color:#F90;
}
#content th.saturday{
	background-color:#69F;	
}
#content table.sale td{
	font-size:80%;	
}
#content .button_line>div{
	margin:5px 0;
	float:left;
}
#content td.campaign{
	position:relative;
	background:#E88;
	height:36px;
}
#content td.campaign a{
	display:block;
	position:absolute;
	height:36px;
	overflow:hidden;
	top:6px;
	left:5px;
}
#content tr.cut{
//	display:none;
}
#content tr.week th,
#content tr.date th{
	font-size:80%;
}
#content .campaign a{
	text-decoration:none;
	color:#FFF;
}
#content td.exp{
	background:#CEF;
}
#content td.cut{
	background:#EEF;
}
#content tr.fix td{
	background:#FFC;
}
#content tr.reserve td{
	background:#6CF;
}
#content tr.alert td{
	background:#F99;
}
#content tr.hidden{
	display:none;
}

#content .deliv_table{
	width:100%;
}
#content .deliv_table .sum{
	border-left:3px double #AAA;
}
#content .deliv_table td.sum{
	text-align:right;
}
#content .deliv_table .case{
	padding:6px;
	vertical-align:top;
	border-left:none;
	border-right:none;
}
#content .deliv_table .case:last-child{
	border-right:1px solid #AAA;
}
#content .deliv_table .case p{
	margin-bottom:3px;
}
#content .deliv_table .case table{
	width:100%;
}
#content .deliv_table .case th{
	white-space:nowrap;
	background:#FFF;
	text-align:left;
}
#content .deliv_table .case td{
	text-align:right;
}
#content #index ul{
	float:left;
	width:250px;
}
#content #index>ul>li{
	margin-bottom:20px;
}
#content #index>ul>li a{
	display:block;
	padding-left:20px;
}
#content #index li li a{
	background:none;
}
#content #index li ul{
	margin-bottom:20px;
}
#graph table .val{
	width:51px;
	text-align:right;
}
#graph table td{
	font-size:70%;
}
#graph h3 span{
	font-size:80%;
	font-weight:normal;
}
#graph .remark{
	font-size:80%;
	width:700px;
	margin-top:3px;
	text-align:right;
}

/* 表のストライプ */


table.stripe tr:nth-child(2n+1) td{
	background:#FFF;
}
table.stripe tr:nth-child(2n+1) td{
	background:#EEE;
}

#analytics_inbox table.stripe tr:nth-child(2n+1) td{
	background:#FFF;
}
#analytics_inbox table.stripe tr:nth-child(4n) td,
#analytics_inbox table.stripe tr:nth-child(4n+1) td{
	background:#EEE !important;
}

#analytics td.minus{
	color:#C00;
}
span.saturday{
	color:#00D;
}
span.sunday{
	color:#D00;
}

td.minus{
	color:#C00;
}
.font-l{
	font-size:120%;
}
.font-s{
	font-size:80%;
}
.strong{
	font-weight:bold;
}
#deliv td.reserve{
	color:#D00;
	font-weight:bold;
}
.fLeft{
	float:left;
}
.fRight{
	float:fRight;
}
#outbox .fLeft{
	margin-right:15px;
}