@charset "utf-8";

/* Table Of Contents
---------------------------------------------------------------------------- 
General Elements
header
gNav
visual
topicPath
footer
---------------------------------------------------------------------------- */

/*General Elements
---------------------------------------------------------------------------- */	
body{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	color:#333;
}
.mac body{
	font-size: 11px;
}
a{
	text-decoration:underline; 
	color: #2c6cd6;
	outline: none;
}
a:hover{ text-decoration: none; }

/*l-header
---------------------------------------------------------------------------- */
.l-header{
	width:100%;
	background-color:#4a8431;
	color:#fff;
}

/* ナビメニュー */
.l-header-nav{
	padding:10px 10px 0;
	float:left;
}
.l-header-nav li{
	display:inline-block;
	width:60px;
	height:70px;
	margin-right:10px;
	font-weight:bold;
	text-align:center;
	background-position:center 6px;
	background-repeat:no-repeat;
	vertical-align:middle;
}
.l-header-nav li a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	text-decoration:none;
	padding-top:45px;
}
.l-header-nav #search{
	padding-top:45px;
}


/* ロゴ */
.l-header-nav-logo{
	width:auto !important;
	height:auto !important;
	margin-right:40px !important;
	vertical-align:top;
}
.l-header-nav-logo a{
	padding-top:0 !important;
}

/* ホバー・カレント表示 */
.l-header-nav li:hover,
.l-header-nav li.is-current,
.l-header-nav #search:hover{
	background-color:#fff;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}
.l-header-nav li:hover a,
.l-header-nav li.is-current a,
.l-header-nav #search:hover{
	color:#4a8431;
}

/* 個別アイコン設定 */
.l-header-nav li.l-header-nav-01order{
	background-image:url("/images/common/icn_01order.png");
}
.l-header-nav li.l-header-nav-01order:hover,
.l-header-nav li.l-header-nav-01order.is-current{
	background-image:url("/images/common/icn_01order_on.png");
}

.l-header-nav li.l-header-nav-02deliver{
	background-image:url("/images/common/icn_02deliver.png");
}
.l-header-nav li.l-header-nav-02deliver:hover,
.l-header-nav li.l-header-nav-02deliver.is-current{
	background-image:url("/images/common/icn_02deliver_on.png");
}

.l-header-nav li.l-header-nav-03product{
	background-image:url("/images/common/icn_03product.png");
}
.l-header-nav li.l-header-nav-03product:hover,
.l-header-nav li.l-header-nav-03product.is-current{
	background-image:url("/images/common/icn_03product_on.png");
}

.l-header-nav li.l-header-nav-04inventory{
	background-image:url("/images/common/icn_04inventory.png");
}
.l-header-nav li.l-header-nav-04inventory:hover,
.l-header-nav li.l-header-nav-04inventory.is-current{
	background-image:url("/images/common/icn_04inventory_on.png");
}

.l-header-nav li.l-header-nav-05print{
	background-image:url("/images/common/icn_05print.png");
}
.l-header-nav li.l-header-nav-05print:hover,
.l-header-nav li.l-header-nav-05print.is-current{
	background-image:url("/images/common/icn_05print_on.png");
}

.l-header-nav li.l-header-nav-06search{
	background-image:url("/images/common/icn_06search.png");
	margin-left:50px;
}
.l-header-nav li.l-header-nav-06search:hover,
.l-header-nav li.l-header-nav-06search.is-current{
	background-image:url("/images/common/icn_06search_on.png");
}

/* ログイン者名 */
.l-header-login-name{
	float:right;
	font-weight:bold;
	padding:30px 50px 30px 0;
}

/* l-main
---------------------------------------------------------------------------- */
.l-main{
	padding:30px 30px 130px;
}

/* ローカルナビ */
.l-main-nav{
	margin:0 0 20px;
}
.l-main-nav li{
	display:inline-block;
	margin:0 10px 10px 0;
}
.l-main-nav li a{
	display:block;
	text-decoration:none;
	font-size:15px;
	width:150px;
	height:36px;
	color:#4a8431;
	border:1px solid #4a8431;
	text-align:center;
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	padding-top:6px;
	font-weight:bold;
}
.l-main-nav li a:hover,
.l-main-nav li.is-current a{
	color:#fff;
	background-color:#4a8431;
}

/* 警告エリア */
.l-main-alert{
	color:#c1272d;
	padding:6px 0 6px 35px;
	background-image:url("/images/common/icn_caution.png");
	background-repeat:no-repeat;
	background-position:left center;
	margin:0 0 30px;
}

/* 汎用ボックスエリア */
.l-main-box{
	margin:0 0 20px;
	clear:both;
}
.l-main-box .m-box{
	min-width:120px;
	margin-right:15px;
}

/* 合計 */
.l-main-total{
	text-align:right;
	margin:0 0 15px;
}
.l-main-total span{
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	height:30px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background-color:#4a8431;
	display:inline-block;
	padding:5px 15px 0;
	margin-left:15px;
}


/* l-footer
---------------------------------------------------------------------------- */
.l-footer{
	width:100%;
	background-color:#4a8431;
	position:fixed;
	left:0;
	bottom:0;
	padding:15px;
}

.l-footer-left{
	text-align:left;
	position:absolute;
	display:inline-block;
	float:left;
}
.l-footer-center{
	width:100%;
	text-align:center;
}

/* フッター専用　実行系ボタン */
.l-footer-btn-submit{
	background-color:#fff;
	padding:15px 80px;
}

/* フッター専用　キャンセル系ボタン */
.l-footer-btn-cancel{
	background-color:#fff;
	color:#666 !important;
	padding:15px 30px;
}