/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------ clearfix ----------------------------*/
/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}

img {
	border:0;
	vertical-align:top;
}

html,body {
	height: 100%;
}

body {
	color: #333;
	font-family: Myriad, Helvetica, Arial, "Meiryo", "メイリオ", sans-serif; 
	_font-family: 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	*font-size: 82%;
	line-height: 1.6;
	background:#262626;
	text-align:center;
}

#wrapper {
	width:852px;
	margin:0 auto;
	text-align:left;
	height: 100%;
	min-height: 100%;
	background:#f0f0f0;
}

body > #wrapper {
　height: auto;
}

/*------ header ----------------------------*/

header#header {
	background:url("http://www.mandmdesign.net/images/common/header_back.jpg") repeat-x;
	padding:37px 10px 0px 0px;
}
	h1 {
		text-align:right;
		padding:10px 10px 0px 0px;
	}
	#groval-navi {
		margin-top:-2px;
		position: relative;
	}	
	
	#groval-navi li {
		float:left;
		 position: relative;
	}
	
	#groval-navi ul { 
		display: none;
		position: absolute;
		top: 41px;
		left: 0;
	}
	
	#groval-navi ul li { float: none; }

	#groval-navi ul { width: 120px; }
	#groval-navi ul ul { top: 0; left: 121px; }

	#groval-navi ul a { 
		display: block;
		width: 108px;
		background:#121212;
		padding: 6px;
		color: #FFF;
		border-bottom: 1px solid #FFF;
		opacity: 0.9;
		filter: alpha(opacity=90);
		zoom: 1;
		line-height: 1;
		text-decoration:none;
	}
	
	.border {
		height:5px;
	}

/*------ contents ----------------------------*/

#contents {
	background:url("http://www.mandmdesign.net/images/common/contents_back.jpg") repeat-x #f0f0f0;
}

	#contents div {
		float:left;	
	}

	#contents div h2#information {
		font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
		font-size: 20px;
		margin:20px 30px 20px 20px;
	}
	#contents div#top-information {
		margin:25px 0px 0px 20px;
		height:180px;
	}
	#contents div#top-information2 {
		height:190px;
		width:380px;
		float:left;

	}
	#contents div#top-information2 ul {
		margin:0px 0px 0px 20px;
	}
	#top-right {
		margin:10px 0PX 0PX;

		float:left;
		width:470px;
	}
	#top-right div {
		width:235px;
		margin-top:5px;
	}
	#contents-image {
		text-align:right;
	}
	
	#contents-container {
		background-image:url("../images/common/productsback.gif");
		background-position:0px 0px;
	}
	
		
	/*------------------------------*/
	
	.products {
		width:800px;
		margin:30px auto;
	}

	.products2 {
		margin:15px 30px 0px;
	}
	#topics {
		width:600px;
		margin:30px auto ;

	}
	

	h2.product-title {
		margin:0px;
		font-size:14px;
		line-height:14px;		
		color:#fff;
		background:#B5B5B6;
		padding:5px;
		border-left:10px solid #898989;
		font-family: Myriad, Helvetica, Arial, "Meiryo", "メイリオ", sans-serif; 
		_font-family: 'ＭＳ Ｐゴシック', sans-serif;		
	}
	
	h3.product-title {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:24px;
		line-height:24px;
		padding:0px 0px 2px 20px;
	}
	h3.product-title-pin {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:24px;
		line-height:24px;
		padding:0px 0px 2px 5px;
		border-bottom:1px #0071bb solid;
		color:#0071bb;
	}
	h3.product-title-pin span {
		font-size:10px;
		line-height:10px;
		font-weight:bold;

		padding:0px 0px 0px 130px;

	}
	p.price-pin {
		padding:3px 0px 2px 7px;
	}
	p.price-pin span{
		font-size:10px;
	}


	h4.product-sub-title {
		padding:2px 0px 4px 20px;
		margin:0px;
		border-bottom:1px solid #898989;
		font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	}
	p.price {
		padding:0px 0px 2px 20px;
	}

	h4 {
		font-weight:bold;
		margin:0px 0px 0px 0px;
		padding:0px;
		font-size:10px;
		line-height:10px;
	}
	
	.pricelist-box {


	}
	
	.pricelist {
		width:350px;
		margin:10px 0px 0px 0px;

	}
		.pricelist em {
			font-size:10px;
			line-height:140%;
		}
	
	.product-box-left {
		float:left;
		width:400px;

	
	}
	
	.product-box-right {
		float:left;
		width:330px;
		padding-left:30px;
	}

	.product-box-left2 {
		float:left;
		width:280px;
		margin-top:10px;	
		margin-bottom:5px;
	}
	
	.product-box-right2 {
		float:left;
		width:325px;
		margin-top:10px;
		padding-left:0px;
		margin-bottom:20px;
	}


	.product-box-left-pin {
		float:left;
		width:303px;
		margin-top:10px;	
		margin-bottom:5px;
	}
	
	.product-box-right-pin {
		float:left;
		width:300px;
		margin-top:10px;
		padding-left:0px;
		margin-bottom:20px;
	}
	
	
	#spspec {
		font-size:10px;
		width:100%;
	}
	#spspec td {
		border-bottom:1px #333 solid;
		text-align:center;
	}
	#spspec_attention {
		font-size:10px;
		margin-top:5px;
	}

	.spec2 {
		font-size:10px;
		width:230px;
		margin-top:5px;
	}
	.spec {
		font-size:10px;
		width:370px;
		margin-top:10px;
	}
	.spec th{
		text-align:left;
		padding:2px;
		width:130px;
	}	
	.spec td{
		text-align:left;
		padding:2px;
	}
	.spec2 th{
		text-align:left;
		padding:0px;
		width:60px;
	}	
	.spec2 td{
		text-align:left;
		padding:0px;
	}
	.even-row {
		background:#ddd;
	}

	h2.speaker-read {
		font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
		font-size: 20px;
		margin-bottom:5px;
	}
	h2.cable-read {
		font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
		font-size: 16px;
		margin:10px 0px 0px;
	}

	div#top-img {
		position:relative;
	}
	h2#page-title {
		font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
		font-size: 35px;
		top:250px;
		left:20px;
		position:absolute;
	}
	h2#page-title2 {
		font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
		font-size: 35px;
		top:100px;
		left:30px;
		position:absolute;
		color:white;
	}

	#contents-left {
		width:666px;
		float:left;
	}
	.catalog-down {
		text-align:right;
		margin-bottom:10px;
	}
	
	#contents-right {
		width:186px;
		float:left;
		background-color:#DCDDDD;
		padding:0px;
		color:white;
		font-family:"Century Gothic";

	}
	#products-menu a{
		width:171px;
		height:22px;		
		display:block;
		background:#898989;
		padding:7px 5px 7px 10px;
		border-bottom:1px dotted #333;
		text-decoration:none;
		color:white;
	}
	#products-menu .spmenu a{
		width:171px;
		height:22px;		
		display:block;
		background:#595757;
		padding:7px 5px 7px 10px;
		border-bottom:1px dotted #333;
		text-decoration:none;
		color:white;
	}

	.left-menu-banner {
	padding:20px 15px 0px;
	
	}

	#contents-right strong{
		font-weight:bold;
		color:white;
	}
	

	.topics-h2 {
		margin-top:20px;
		font-size:25px;
		font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	}	
	.topics-h2 .small {
		font-size:23px;
	}	
	.topics-date {
		display:block;
		text-align:right;
		color: #666;
	}	
	.topics-box {
		margin-bottom:20px;
}
	.topics-box strong {
		font-weight:bold;
}
	.topics-read {
		padding:15px 0px
	}
	.topics-left {
		width:300px;
		float:left;
	}
	.topics-right {
		width:254px;
		height:190px;
		float:left;
		position:relative;
	}
	.topics-right p {
		position:absolute;
		bottom:0;
		font-size:11px;
	}
	
	/*-- WORKS --*/
	#works-h1 {
		font-size:28px;
		text-align:center;	
	}
	#works-h1-read {
		font-size:16px;
		text-align:center;
	}
	#works-h1-comment {
		font-size:12px;
		text-align:right;
		color:#666;
		margin:0px 0px 20px;
	}
	.works-read {
		clear:left;
		padding:10px 0px 5px;
	}
	.works-left {
		width:294px;
		float:left;
	}
	.works-right {
		width:254px;
		height:190px;
		float:left;
		position:relative;
	}
	.big {
	font-size:16px;
	font-weight:bold;
}

	.feature-comment {
		font-size:11px;
		line-height:130%;
		float:left;
		width:415px;
	}
	.feature-comment-full {
		font-size:11px;
		line-height:130%;
		float:left;

	}

	.right-img {
		float:left;
		margin-left:10px;
	}
	
	.cable-box,.topics {
		width:554px;
		margin:0 auto;
	}
	.cable-box h2 {
		margin-top:10px;
		margin-bottom:10px;
	}
	.cable-box h3 {
		font-size:12px;
		/*border-bottom:solid 1px #000;*/
		font-weight:bold;
		margin-top:15px;
	}
	.cable-box p{
		font-size:11px;
	}
	.cable-box h3.cable-title {
		font-size:20px;
		font-family:tahoma;
		font-weight:normal;
		margin:0px;
		padding:0px;
	}
	.cable-img {
		margin-top:25px;
		margin-bottom:15px;
	}
	.cable-box-left {
		float:left;
		width:380px;
	}
	.cable-spec {
		margin-top:5px;
		width:250px;
	}
	.cable-spec span {
		font-family:"ＭＳ Ｐゴシック";
	}
	.cable-box-right {
		float:left;
		width:174px;
		padding-top:5px;

	}
	
	.cable-spec2 {
		margin-top:10px;
		padding-top:10px;
		border-top:1px solid #000;
	}
		
	.button_pinrouter-sheet {
		margin:5px 0 15px 0;
	}
	
	.button_pinrouter-sheet img {
		vertical-align:middle;
		margin-right:5px;
	}
	
	.button_pinrouter-sheet a {
		color:#333;
	}
	
	ul.pinrouter-spec {
		font-size:12px;
		margin-left:20px;
	}
	ul.pinrouter-spec li{
		font-size:12px;
		list-style-type: square;
	}

	.fl1 {
		width:101px;
		float:left;
	}
	.fl2 {
		width:202px;
		float:left;
	}
	.fl3 {
		width:303px;
		float:left;
	}
	.fl4 {
		width:404px;
		float:left;
	}
	.fl5 {
		width:505px;
		float:left;
	}
	.fl6 {
		width:606px;
		float:left;
	}

/*------- news ----------------------------*/

.news-box {
	background:#ddd;
	border:solid 1px #fff;
	padding:5px;
	margin-bottom:10px;
	clear:left;
}
.news-box strong {
	font-weight:bold;
}
.news-box a.news-img{
	float:left;
}
.news-box p.news-read {
	float:left;
	text-align:right;
	width:360px;
}
.news-box p.news-read2 {
	float:left;
	text-align:right;
	width:300px;
}

/*------ footer ----------------------------*/

#footer {
	background:url('http://www.mandmdesign.net/images/common/footer_image.jpg') right no-repeat #f0f0f0;
	padding-top:250px;
	text-align:center;
}

#footer2 {
	padding-top:0px;
	text-align:center;
	background:#f0f0f0;
}


address {
	padding:20px;
}

/*------ bussiness ----------------------------*/

ul.laten {
	margin-left:30px;
}

ul.laten li {
	list-style-type: lower-latin;
}

.normalcontents {
	padding:20px 30px 0px;
}
.normalcontents h2 {
		font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
		font-size: 16px;
		margin:0px 0px 0px;
}
.normalcontents h2.b-read {
	font-size:12px;
	font-weight:bold;
	font-family: Myriad, Helvetica, Arial, "Meiryo", "メイリオ", sans-serif; 
	_font-family: 'ＭＳ Ｐゴシック', sans-serif;

}

/*---------- company ------------------------------*/

table.company {
	margin:15px;
}

table.company th{
	width:120px;
	text-align:left;
	font-weight:bold;
	padding:5px;
}

.h20 {
	height:20px;
}

/*---------- acc ----------------------*/

/**ACC**/

ul.acc, ul.acc li ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.acc a{
		width:171px;
		height:22px;		
		display:block;
		background:#595757;
		padding:7px 5px 7px 10px;
		border-bottom:1px dotted #333;
		text-decoration:none;
		color:white;}

ul.acc a.h40{
	display: block;
	height: 40px;
	line-height: 150%;
	color: #ffffff;
}

ul.acc a:hover{
	color:#000000;
	background:#aaa;
}

ul.acc {
	background-color: #333333;
}

ul.acc li ul {
	background-color: #222222;
}

ul.acc li {
	text-align:left;
}
ul.acc li.cabletitle {
	padding:5px;
}
/**ACC**/

h3.tit_h3 {
	width:171px;
	height:22px;		
	display:block;
	background:#898989;
	padding:7px 5px 7px 10px;
	border-bottom:1px dotted #333;
	text-decoration:none;
	color:white;
}


/*----------shoplist---------------------*/

table#shoplist {
    width: 530px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#shoplist th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#shoplist td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
table#shoplist td.todofuken {
	font-weight:bold;
	background-color:#eee;
}
ul.entrylist01,
ul.entrylist02,
ul.entrylist03,
ul.entrylist04,
ul.entrylist05 {
	display:none;
}