@charset "UTF-8";
/*
Theme Name: bask
Theme URL: http://www.mec-com.co.jp
Description: meccommunications
Author: Mec
Author URI: http://www.mec-com.co.jp
*/

/*全体の設定*/
html {
	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical; 
}
* {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	font-weight: normal;
}
/*リンク画像の枠を消す、テキストのセンターに配置*/
img {
	border-width: 0px;
	vertical-align: middle;
}
body {
	font: 0.75em/1.6em "Verdana","ＭＳ Ｐゴシック", Osaka;
	color: #666666;
	background:#641518 url(css/head-bg.gif) repeat-x top;
	text-align: center;
}
table {
	empty-cells:show; 
	border-collapse:collapse; 
	border-spacing:0;
}

/*標準のリンク*/
a:link {
	color: #C9304C;
	text-decoration: underline;
}
a:visited {
	color: #C9304C;
	text-decoration: underline;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}
a:active {
	color: #FF0000;
	text-decoration: none;
}


/* 左右分けレイアウト*/
.box:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.box {
  min-height: 1px;
}

* html .box {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}




/*レイアウト枠：全体の枠と横幅・背景色*/

/*影*/
#sotowaku {
	margin: 0px auto;
	width: 920px;
	background: #641518 url(css/bg.gif) repeat-y center;
}
/*ヘッダー*/
#head {
	margin: 0px auto;
	width: 920px;
	height: 160px;
	position: relative;
	background: url(css/head.jpg) top center no-repeat;
	text-align: left;
}
#head h1 {
	font-size: 12px;
	font-weight:normal;
	color:#FFF7E7;
	line-height: 16px;
	padding: 10px 0px 0px 10px;
	letter-spacing:1px;
	text-align: left;
}
#head p {
	padding: 72px 28px 8px 10px;
	font-size: 12px;
	line-height: 14px;
	color:#510B10;
	text-align: right;
}
/* ヘッダーメニュー-----------------*/
#head ul{list-style: url(none) none outside; margin:0;height: 30px; padding:0px 10px;/*¥*/float: left/* */}
#head li {float: left}
#head li a { height: 30px; text-indent: -700em; background-repeat: no-repeat; display: block}
#head li a:hover { background-position: 0px -30px}
/* ヘッダーメニュー個別 */
#menu01 a:link, #menu01 a:visited { background-image: url(css/menu_01.gif); width: 100px}
#menu02 a:link, #menu02 a:visited { background-image: url(css/menu_02.gif); width: 100px}
#menu03 a:link, #menu03 a:visited { background-image: url(css/menu_03.gif); width: 190px}
#menu04 a:link, #menu04 a:visited { background-image: url(css/menu_04.gif); width: 190px}
#menu05 a:link, #menu05 a:visited { background-image: url(css/menu_05.gif); width: 110px}
#menu06 a:link, #menu06 a:visited { background-image: url(css/menu_06.gif); width: 90px}
#menu07 a:link, #menu07 a:visited { background-image: url(css/menu_07.gif); width: 120px}
#head li.on a:link, #head li.on a:visited {  background-position: 0px -30px}

/*コンテンツ*/
#contents {
	margin: 0px auto;
	width: 860px;
	position: relative;
	text-align: left;
}
/*コンテンツ：本文*/
#honbun {
	width: 630px;
	float: right;
	color:#333333;
}
#honbun h2 {
	font-size: 26px;
	line-height:30px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体";
	font-weight:bold;
	color:#641518;
	margin-bottom:5px;
}
#honbun ul li{margin:5px 0px 5px 18px; list-style-type:square}
#honbun ol li{margin:5px 0px 5px 24px; list-style:decimal outside}
#honbun strong{
	font-weight: bold;
}

/*コンテンツ：パンくず*/
#path {
	padding: 0px 0px 20px 0px;
	font-size: 10px;
	line-height:12px;
}
#path a:link, #path a:visited {
	background: url(css/path.gif) no-repeat right;
	padding-right: 18px;
}

/*コンテンツ：左ナビ*/
#lnavi {
	width: 190px;
	padding: 5px;
	background:#E9C8AE; 
	float: left;
}

/*コンテンツ：左ナビ・上段*/
#lmenu a {
	font-size:12px;
	line-height:14px; 
	background:#E3D4C5 url(css/lmenu.gif) no-repeat;
	padding:8px 8px 8px 22px;
	width:160px;
	display: block;
	text-decoration:none;
	color:#641518;
}

#lmenu a:hover, #lmenu a:active, #lmenu a.onlink {
	background:#E3D499 url(css/lmenu-on.gif) no-repeat;
}

#lmenu .level2 a {
	font-size:12px;
	line-height:14px; 
	background:#FBF8F5 url(css/lmenu2.gif) no-repeat;
	padding:3px 8px 3px 22px;
	width:160px;
	display: block;
	text-decoration:none;
	color:#641518;
}

#lmenu .level2 a:hover, #lmenu .level2 a:active, #lmenu .level2 a.onlink {
	background:#FBEEC5 url(css/lmenu2.gif) no-repeat;
}
#lmenu .level2 a:hover, #lmenu .level2 a:active {
	color: #FF0000;
	text-decoration: underline;
}


/*コンテンツ：左ナビ・下段*/
#cart {
	padding: 6px;
	background:#FFFFFF;
}
#cartmiru a:link, #cartmiru a:visited {
	text-indent: -700em; 
	background:#E3D4C5 url(css/lnavi-cartmiru.gif) top no-repeat;
	width:178px;
	height:35px;
	display: block;
}
#cartmiru a:hover, #cartmiru a:active {
	background:#E3D4C5 url(css/lnavi-cartmiru.gif) bottom no-repeat;
}
#cart ul{
	padding: 0px 4px 2px 4px;
}
#cart li {
	font-size:12px;
	line-height:20px; 
}
#carttensu{
	border-bottom: 1px solid #CFA097;
	padding: 2px;
	margin-top:4px;
}
#cartgoukei{
	border-bottom: 1px solid #CFA097;
	padding: 2px;
	margin-bottom:4px;
}
#cartgoukei span{
	font-weight: bold;
	color:red;
}
#carttensu{
	border-bottom: 1px solid #CFA097;
	padding: 2px;
	margin-top:4px;
}
#cart li.cartsyohin{
	margin:4px 0px;
	line-height:18px;
	font-weight:bold;
	color:red;
}
.cartinfo a:link, .cartinfo a:visited {
	padding-left: 18px;
	background: url(css/lnavi-ya.gif) left top no-repeat;
	text-decoration: none;
}
#cart li#telfax{
	margin-top:4px;
	line-height:16px; 
}
.card{
	margin-top:4px;
	font-size:10px;
	line-height:14px; 
	color:#333333;
	text-align:center;
}

.waku{
	border:1px solid #641518;
	background:#FFFFFF;
}
 h3{
	font-size: 16px;
	line-height:24px;
	font-weight:bold;
	color:#FFFFFF;
	background:#641518;
	padding:6px 5px 6px 12px;
}

/*フッター*/
#footer {
	clear:both;
	margin: 0px auto;
	padding:0px 30px 20px 30px;
	background: url(css/foot-bg.gif) repeat-x bottom;
	position: relative;
	text-align: center;
}

/*ページトップへ戻るためのリンク*/
#up-link {
	width: 860px;
	border-bottom: 1px solid #DEBCB5;
}
#up-link a:link, #up-link a:visited {
	display: block;
	text-align:right;
	padding:0px 20px ;
	height:40px;
	line-height:40px;
	color: #AF3746;
	background: url(css/up-link.gif) no-repeat 730px 14px;
	text-decoration: none;
}
#up-link a:hover, #up-link a:active {
	background: #F7DFDB url(css/up-link.gif) no-repeat 730px 14px;
	text-decoration: none;
}

#footer p {
	margin: 1px 0px 0px 0px;
	border-top: 1px solid #DEBCB5;
}
#footlink {
	padding: 2px 0px;
	background: #DEBCB5;
}
#footdata {
	padding: 30px 0px 2px 0px;
	background: url(css/foot.gif) no-repeat center top;
	font-size:10px;
	color: #641518;
}
#copyright {
	padding: 2px 0px;
	font-size:10px;
	color: #B06C64;
}
#footlink a:link, #footlink a:visited {
	color: #641518;
	padding:0px 10px; 
	text-decoration: none;
}
#footlink a:hover, #footlink a:active {
	color: #FF0000;
	text-decoration:underline
}

/*矢印付きリンク（1行のみの場合に使用）*/
.ya{
	background: url(css/ya.gif) no-repeat left;
	padding-left:12px;
}

/* 編集する-----------------*/
p.hensyu{margin:0px; text-align:center}
.hensyu a {background:#FFFF99; border:1px solid #FFCC66; color:#993300; padding:0px 5px ;text-decoration: none}
.hensyu a:hover{background:#FFCCCC; border:1px solid #FF9999; color:#660000; text-decoration:none}