@charset "utf-8";

/*
	Site Name: 繁盛ネット基本システム　４．０
	Description: initial setting
	Version: SAMPLE
	Author: ビービーネット株式会社
*/

/*
===== CONTENTS ===========================================

	1: universal reset 
	2: body and base setting
		: general params
		: acronyms and abbreviations styles
	3: clearfix
	4: link setting
	5: base layout
	6: HEADER
	7: FOOTER
	8: NAVIGATION
	9: MENU
	10: TOP

	99: LOGI-SP

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


/*
===== 1: universal reset =================================
*/
/*ブラウザ毎で違うスタイル指定をある程度合わせています*/
* {
margin:0;
padding:0;
font-size:12px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Verdana, Arial,sans-serif;
lineheight:1.0;
}
img {
	margin: 0;
	padding: 0;
	border:0;
}
img, input, select {
vertical-align:middle;
}
h1,h2,h3,h4,p {
	margin: 0;
	padding: 0;
}
ul,ol,li {
	margin: 0;
	padding: 0;
}
dl,dt,dd {
	margin: 0px;
	padding: 0;
	font-size: 1em;
	line-height: 160%;
}

/*
===== 2: body and base setting ===========================
*/
/*全体に対しての指定*/
html {
	font-size: 12px;
}
body {
	text-align:center;
	margin: 0px;
	padding: 0px;
	/*background:url(../img/fudo.jpg);*/
	background:url(../img/back_page.gif);
	font-family: Arial, Helvetica, Verdana, "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	color: #666666;
}
/* general params
--------------------*/
table {
	margin : 0;
	empty-cells: show;
}
h1 {
	margin: 5px 0px 5px 0px;
}
.dynamic h1.cate{
padding:10px 0 10px 25px;
height:auto;
line-height:1.2;
}
h2 {
	font-size: 100%; /*renders 13px */
	font-weight: bold;
	clear: both;
}
h3 {
	font-size: 107%; /*renders 14px */ 
	font-weight: bold;
	margin: 1em 0 1em 0;
	color: #000000;
	clear: both;
}
h4 {
	font-size: 107%; /*renders 14px */ 
	font-weight: bold;
	color: #405B66;
	clear: both;
}
h5 {
	font-size: 92%; /*renders 12px */ 
	font-weight: bold;
	color: #405B66;
	clear: both;
}
h6 {
	font-size: 92%; /*renders 12px */ 
	font-weight: bold;
	color: #405B66;
	clear: both;
}
hr,
.areaAnchor,
.anchor {
	display : none;
}
img {
	margin:0;
	padding:0;
}
ul {
	list-style: none;
}
li {
	list-style: none;
}/* link do not want a dot */


input,textarea {
	text-align: left;
	padding: 1px;
}
input.button {
	text-align: center;
}
label input {
	margin: 0 3px 3px 0;
}

.error,
span.error a,
p.error a {
	display: block;
	color: #CC0000;
}

span.caution {
	display: block;
	color: #6D9A47;
	font-size: 80%;
}
p.caution {
	color: #66CB01;
}
span.must {
	color: #CC0000;
	padding: 0 0.3em;
}

.clear {
	clear: both;
}
.nowrap {
	white-space: nowrap;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.bottom {
	vertical-align: bottom;
}
.top {
	vertical-align: top;
}
.middle {
	vertical-align: middle;
}


/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{cursor:help;}


/*
===== 3: clearfix ==========================================
*/

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

/*for IE 5.5-7*/
.clearfix {
  display: inline-table;
  zoom:1;
 }

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

/*
===== 4: link setting ===========================
*/
a:link{
	color:#666666;
}
a:visited{
	color:#999999;
}
a:hover{
	color:#82B559;
	text-decoration:underline;
}
a:active{
	color:#82B559;
}

div.footer a:link{
	color:#FFFFFF;
	text-decoration:none;
}
div.footer a:visited{
	color:#FFFFFF;
}
div.footer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
div.footer a:active{
	color:#FFFFFF;
	text-decoration:underline;
}
/*パンくずリンク*/
ul.crumb li a {
font-weight:normal;
font-size:100%;
}
/*　動的ページ内のリンク*/
.dynamic p a {
color:#FF6600;
}

/*
===== 5: base layout =====================================
*/

div.container{
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	background-color:white;
	padding: 0;
}
div.header {
	width: 760px;
	height: auto;
	padding:0;
	background-color:#F3F8EF;
}
div.naviup {
	clear: both;
	padding:10px 0;
	}
div#naviup {
	display: none;
}
div.footer {
	background:url(../img/back_footer.jpg) repeat-x left center;
	padding:10px;
	width: 740px;
	clear:both;
	color:#FFFFFF;
	height:60px;
}
div.wrap {
	width:740px;
	padding:10px 10px 0 10px;
	clear: both;
	text-align:left;
}
div.navi {
	float: right;
	width: 195px;
	padding-left:5px;
	height: auto;
}
div.main {
	background-color: #FFFFFF;
	float: left;
	width: 530px;
	padding-right:10px;
}
div.contents {
	width: 530px;
}
div.contents_nomenu {
	width: 530px;
	padding: 0;
	border-top: 3px solid #B6C9D1;
}

/*
===== 6: HEADER ==========================================
*/
div.header p.sitename {
	color:#333333;
	vertical-align:middle;
	padding:5px;
	float:left;
}
p.description{
  vertical-align:middle;
	float:left;
	padding:10px;
	font-size: 85%;
	font-weight: bold;
}

.menu_wrp {
	height: auto;
	vertical-align:text-bottom;
}

.headernavi {
	clear:both; 
	padding: 5px;
	background:url(../img/back_header.jpg) repeat-x left top;
	}
.header p.logi{
float:right;
padding:10px 5px 0 0;
}
.headernavi ul{
	line-height: 1.7em;
	float:left;
	padding:0 3px;
	width:400px;
}
.headernavi li{
	display:inline;
	list-style-type:none;
	float:left;
	color:#999999;
	padding: 0 2px;
	background:url(../img/icn_navi01.gif) no-repeat left center;
	padding-left:12px;
	vertical-align:middle;
	padding-right:8px;
}
.headernavi p.meminfo{
float:right;
padding:2px 5px 0 0;
}
div.headernavi a:link,
div.headernavi a:visited,
div.headernavi a:hover,
div.headernavi a:active{
	font-size:85%;
	color:#FFFFFF;
	text-decoration:none;
}

/*ログイン後*/
div.meminfo{
clear:both;
background-color:#EDF4E8;
width:750px;
text-align:right;
padding:5px;
}
div.meminfo ul{
}
div.meminfo ul li{
	display:inline;
	list-style-type:none;
	color:#6A8A4E;
	padding: 0 2px;
	background:none;
	vertical-align:middle;
	padding-right:8px;
	font-size:85%;
	font-weight:bold;
}
div.meminfo ul li a {
	font-size:100%;
	color: #6A8A4E!important;
	background:url(../img/icn_list01.gif) no-repeat left center;
	padding-left:12px;
	font-weight:normal;
}
/*
===== 7: FOOTER ==========================================
*/
.footernavi {
	color:#333333;
}
.footernavi ul{
	text-align: center;
	line-height: 1.8em;
}
.footernavi li{
	display: inline;
	list-style-type: none;
	margin: 0;
	font-size: 85%; /*renders 11px */ 
	background: url(../img/icn_navi01.gif) no-repeat left center;
	padding-right:10px;
	padding-left:15px;
}

div.footer-txtnavi {
margin:3px 0 0 0;
}
div.footer-txtnavi li{
	display: inline;
	list-style-type: none;
	margin: 0;
	font-size: 85%; /*renders 11px */ 
	background:none;
	color:white;
	padding-right:0;
	padding-left:0;
}
.footernavi li a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
}
.footernavi li a em{
	font-style: normal;
	font-weight: bold;
}
.copyright address {
	color:#FFFFFF;
	font-size: 85%; /*renders 11px */ 
	font-style: normal;
	font-weight: normal;
	text-align: center;
	margin-bottom:5px;
}
.naviup {
	text-align: right;
	font-size: 77%; /*renders 10px */ 
	font-style: normal;
	font-weight: normal;
	padding-right:20px;
	}
.naviup a {
	color:#666666;
	background:url(../img/icn_pagetop.gif) no-repeat left center;
	padding-left:15px;
	font-size:95%;
}

.contentswrap .naviup {
	border-top: 0;
	margin-bottom: 5px;
	margin-top: 0px;
	height:15px;
}

/*
===== 8: NAVIGATION ======================================
*/
.help-info h1{
padding:1px 0 2px 17px;
background:url(../img/icn_top_info.gif) no-repeat left center;
margin-bottom:5px;
height:13px;
}
.help-info h1 img{
vertical-align:top;
}

.help-info ul{
width:178px;
border:1px solid #cccccc;
background-color:#F9F9F7;
padding:5px;
margin-bottom:15px;
}
.help-info ul li{
border-left:5px solid #666666;
border-bottom:1px dashed #cccccc;
padding:5px;
margin-bottom:5px;
}

ul.banner{
margin-top:10px;
margin-bottom:15px;
}
ul.banner li{
margin-bottom:5px;
}
/*
===== 9: MENU ======================================
*/

/*8:NAVIGATIONと同じ*/

/*
===== 10: TOP ======================================
*/

.main-img-bottom {
margin:5px 0;
width:760px;
padding-bottom:15px;
text-align:center;
background:url(../img/back_main_img_bottom.gif) no-repeat center bottom;
}
.main-img-top {
width:760px;
padding-top:10px;
text-align:center;
background:url(../img/back_main_img_top.gif) no-repeat center top;
}
.main-img-middle {
width:726px;
text-align:center;
background:url(../img/back_main_img_middle.gif) repeat-y center top;
padding:0 17px
}
.main-img-middle h1{
margin:5px auto 0 auto;
text-align:center;
width:704px;
height:40px;
background:url(../img/back_sihyo_top.gif) no-repeat left top;
padding:5px 0 10px;
}
p.s-link{
text-align:right;
margin:-20px 60px 0 0;
}
.s-link a {
color:#FF6600 !important;
font-size:110%;
font-weight:bold;
}
.tbl-sihyo {
text-align:center;
width:704px;
background:url(../img/back_sihyo_bottom.gif) no-repeat left bottom;
margin:0 auto;
padding:2px 0 7px;
}
.tbl-sihyo table{
text-align:center;
border-collapse:collapse;
border:1px solid #cccccc;
margin:3px auto;
}
.tbl-sihyo table th,.tbl-sihyo table td{
border:1px solid #cccccc;
padding:2px;
width:15%;
font-size:100%!important;
color:black;
}
.tbl-sihyo table td span{
font-size:90%;
}
.tbl-sihyo thead{
background-color:#EDF4E8;
}
.tbl-sihyo tbody{
font-weight:bold;
white-space:nowrap;
}
.tbl-sihyo tbody span{
font-weight:normal;
}
.tbl-sihyo tfoot{
background-color:#FFF8E8;
}
/*flash*/
.flash{
background-color:white;
width:720px;
height:180px;
padding:1px;
margin:0 auto;
}
/*top-news*/
h1.loginews{
background:url(../img/back_h01.gif) repeat-x left bottom;
margin:0;
padding:0;
height:20px;
}
.to-list{
text-align:right;
margin:-21px 0 0 0;
}
.to-mall{
text-align:right;
margin:-22px 5px 2px 0;
_margin:-20px 5px 2px 0;
position:relative;
}
.top-ad{
margin:5px 0 10px;
padding:0;
}
h1.estatenews{
background:url(../img/back_h02.gif) repeat-x left bottom;
margin:0;
padding:0;
height:20px;
}
h1.topic{
background:url(../img/back_h03.gif) repeat-x left bottom;
margin:0;
padding:0;
height:20px;
}
h1.top-goods{
background:url(../img/back_h04.gif) repeat-x left bottom;
margin:0;
padding:0;
height:32px;
position:relative;
}
/*h1.top-goods span{
padding:2px 5px 10px 100px;
margin-bottom:5px;
}*/

table.goodlist01 {
background-color:#F8FBF4;
margin-top:0;
padding-bottom:5px;
}
table.goodlist01 td {
padding:5px;
border-bottom:1px dashed #cccccc;
}
table.goodlist01 img{
background-color:white;
border:1px solid #cccccc;
padding:3px;
}
table.goodlist01 td a {
color:#0099FF!important;
}

/*
===== 99: LOGI-SP ======================================
*/
/* ヘッダ部の用語集インデックス */
#sp-words {
  height: 68px;
  width: 760px;
  background: url(../img/sp/yougo_back.gif) repeat-x;
  border-bottom: 1px solid #999999;
}
#sp-words-box {
  margin: 6px 0 0 15px;
}
#sp-words-box img {
  margin-right: 10px;
}
#sp-words-box table td {
  padding: 0 5px 1px 0;
  font-size: 12px;
  text-align: center;
  font-weight: normal;
}
#sp-words-box table td.space1 {
  width: 8px;
}
#sp-words-box table td.space2 {
  width: 16px;
}
#sp-words a:link {
  color: #1B539E;
}
#sp-words a:visited {
  color: #1B539E;
}
#sp-words a:hover {
  color: #ffffff;
  background-color: #3366cc;
  text-decoration: none;
}
#sp-words a:active {
  color: #1B539E;
}

/* LOGI-SPコンテンツ */
#sp-content {
  width: 530px;
}
#sp-content-body {
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 15px 10px 20px 10px;
  line-height: 160%;
}

/* 物流用語集 */
#sp-content .title {
  font-size: 19px;
  color: #000066;
  border-bottom: 3px dotted #CCCCCC;
  font-weight: bold;
  line-height: 1.4;
}
#sp-content .kana {
  margin-top: 5px;
  font-size: 14px;
  color: #000066;
}
#sp-content .body {
  line-height: 1.6;
  margin-top: 10px;
  font-size: 13px;
}
#sp-content .key {
  font-size: 17px;
  font-weight: bold;
  margin-top: 20px;
}
#sp-content .list {
  margin-top: 10px;
  font-size: 14px;
}
#sp-content .list li {
  list-style-position: inside;
}
#sp-words-left {
  float: left;
  height: 512px;
  width: 152px;
  background-image: url(../img/sp/butu-back.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
#sp-words-right {
  float: right;
  height: auto;
  width: 333px;
  margin-top: 15px;
}
#sp-words-left table {
  margin: 10px auto 0 auto;
}
#sp-words-left table td {
  font-size: 14px;
  width: 22px;
  text-align: center;
  color: #FFFFFF;
}
#sp-words-left a:link {
  color: #FFFFFF;
}
#sp-words-left a:visited {
  color: #FFFFFF;
}
#sp-words-left a:hover {
  color: #E6E6E6;
}
#sp-words-left a:active {
  color: #FFFFFF;
}

/* メールマガジン */
#sp-mag-body a, #sp-mag-body a:visited, #sp-mag-body a:active {
  color: #666666;
}
#sp-mag-body a:hover {
  color: #3333FF;
}
#sp-mag-body .magamoji {
  font-weight:600;
  font-size:14px;
  margin:30px 0px 5px 0px;
}
#sp-mag-body .keyword {
  color: red;
  background-color: yellow;
}
#sp-mag-body .pager {
  text-align: right;
}
#sp-mag-body .pager span {
  color: #A0A0A0;
}
#sp-mag-body table.message {
  margin-top: 15px;
  margin-bottom: 15px;
  border-collapse: collapse;
}
#sp-mag-body table.message tr td {
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding-top: 20px;
  padding-bottom: 20px;
}
div.sp-mag-box {
  width: 190px;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  margin-bottom: 10px;
  padding: 0 0 5px 0;
}
div.sp-mag-box img {
  margin-bottom: 7px;
}
ul.sp-mag-navi {
  list-style-type: none;
}
ul.sp-mag-navi li {
  text-align: left;
}
ul.sp-mag-navi li.title img {
  margin-bottom: 1px;
}
ul.sp-mag-navi li.item {
  background: url(../img/sp/navimaru.gif) no-repeat left 1px;
  padding-left: 15px;
  border-bottom: 1px solid #CCCCCC;
}
ul.sp-mag-navi li.new {
  background: url(../img/sp/maga-sankaku.gif) no-repeat left 3px;
  padding-left: 15px;
  border-bottom: 1px solid #CCCCCC
}
ul.sp-mag-navi li.item-last {
  background: url(../img/sp/navimaru.gif) no-repeat left 1px;
  padding-left: 15px;
}
ul.sp-mag-navi li.item a, ul.sp-mag-navi li.item-last a {
  text-decoration: none;
  margin: 2px 0 3px 0;
  display: block;
  width: 145px;
}
ul.sp-mag-navi li.item-last a {
  margin-bottom: 4px;
}
ul.sp-mag-navi li.item a:link, ul.sp-mag-navi li.item-last a:link {
  color: #333333;
}
ul.sp-mag-navi li.item a:visited, ul.sp-mag-navi li.item-last a:visited {
  color: #333333;
}
ul.sp-mag-navi li.item a:active, ul.sp-mag-navi li.item-last a:active {
  color: #333333;
}
ul.sp-mag-navi li.item a:hover, ul.sp-mag-navi li.item-last a:hover {
  color: #009900;
}
div.sp-mag-navi {
  font-size: 13px;
  text-align: center;
  line-height: 1.4;
  margin: 5px;
}
div.sp-mag-navi a:link, div.sp-mag-navi a:visited, div.sp-mag-navi a:hover, .mag-navi a:active {
  color: blue;
}
#sp-mag-rss {
  margin: 5px 0 7px 0;
  text-align: center;
}

/* 雑誌寄稿 */
#sp-article table {
  border-collapse: collapse;
  width:100%;
}
#sp-article table td {
  border: 1px solid #999999;
  padding: 4px;
}
#sp-article h2 {
  font-size: 14px;
  border-bottom: 3px dotted #CCCCCC;
  margin-top: 8px;
  margin-bottom: 8px;
  line-height: 1.5;
  font-weight: bold;
}
#sp-article .head {
  border-bottom: 3px dotted #CCCCCC;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
#sp-article .head img {
  margin-left: 5px;
  float:right;
}
#sp-article .a-navi {
  margin: 10px 5px 10px 0;
  text-align: right;
}
.text10-red {
  font-size: 11px;
  line-height: 140%;
  color: #FF0000;
}
.text10-333333 {
  font-size: 11px;
  color: #333333;
  line-height: 140%;
}

/* ネタリンク */
#sp-event p {
  line-height:160%;
  margin:5px 0px 15px 0px;
}
#sp-event img {
  margin:30px 0px 10px 0px;
}
#sp-event td {
  padding:2px 5px;
}
#sp-event a:link {
  color: #996600;
}
#sp-event a:visited {
  color: #996600;
}
#sp-event a:hover {
  color: #F0A55F;
}
#sp-event a:active {
  color: #996600;
}