
/* グローバル */
body {background:#111;color: #ccc;font-size: small;margin: 0;padding: 0;line-height: 1.5;}
table {width:100%;}
td {vertical-align: top;border: 0;}
th {vertical-align: middle;text-align:center;}
dt {font-weight:bold;clear:both;font-size:medium;}
p {margin: 0;padding: 5px 0 5px 0;line-height: 1.5;}
a {background: transparent;color: #eee;}
a:hover {color: #39c;}
hr {clear:both;}
ul {text-align: left;margin: 2px 2px 2px 15px;padding: 2px;list-style: square outside;}
img {border:none;}


/* レイアウト */

#outer {
	width:982px;
	margin:0 auto;
	background:#000;
	border-left: solid 1px #555;
	border-right: solid 1px #555;
}
#header {
	background:;
	height:70px;
}
.headerlogo {display:block;width:180px;float:left;}
.headerbanner img {margin:5px;float:right;}
.headerbar {
	text-align:center;
	font-size:10px;
	color:#981;
}
#warapper {
	width:980px;
	margin:10px 0;
	padding:20px 0;
	clear:both;
}
.leftcolumn {
	width:980px;
	clear:both;
	margin-bottom:20px;
}
.centerCcolumn {
	width:640px;
	float:left;
}
.rightcolumn {
	width:320px;
	float:right;
}

#footer {
	clear:both;
	padding:20px 0;
}

.centerLcolumn {width:980px;clear:both;}
.centerRcolumn {}
#footerCode {text-align:center;clear:both;border-top:solid 1px #222;}


.blockTitle {border-bottom: dotted 1px #555;font-weight: bold;padding: 5px;clear:both;}
.blockContent {}


.rBlockTitle {
	background: #171717;
	font-weight: bold;
	padding: 5px;
	clear:both;
	border-left: solid 1px #555;
	border-top: solid 1px #555;
	border-right: solid 1px #555;
	border-bottom: dotted 1px #444;
}
.rBlockContent {
	background:#171717;
	margin-bottom :10px;
	border-left: solid 1px #555;
	border-bottom: solid 1px #555;
	border-right: solid 1px #555;
	overflow: hidden;
}


.content {text-align: left;}
.innerP10 {
	padding:10px 10px 10px 20px;
	}

.accordion_toggle {background:#ddd;cursor: pointer;padding:5px;color:#222;}
.accordion_content {background:#eee;overflow:hidden;padding:5px;color:#222;}
.accordion_content a {}

/* メインメニュー */
ul#navi {
	list-style:none;
	margin:10px;
	padding:0;
	font-weight:bold;
}

ul#navi li {
	width:160px;
	float:left;
	margin:0;
	padding:0;
}
ul#navi li a {
	display:block;
	width:160px;
	text-align:center;
	text-decoration:none;
	border-bottom:solid 2px #999;
	margin-left:1px;
}
ul#navi li a:hover {
	background:#111;
	border-bottom:solid 2px #09F;
	color:#FFFFFF
}

#userMenu{
	text-align:right;
	margin-right:20px;
	}


/* 製品紹介用クラス */
.productsWarraper {display:block;width:280px;padding:2px;margin:2px;float:left;}
.productsWarraperS {padding:2px;margin:2px;border-top:dotted 1px #ddd;}
.productsWarraperNew {padding:2px;margin:2px;background:url(../images/newproducts.gif) no-repeat left bottom #fdd;padding-bottom:50px;}
.productsRecommend {background:url(../images/parts/recommend.gif) no-repeat right bottom #eee;padding:10px 0px 30px 0px;min-height:400px;}
.productsName {margin:5px 5px 0px 5px;border-bottom:solid 2px #222;}
.productsFlag {text-align:center;background:#aaa;color:#fff;font-weight:bold;}
.productsPrice {color:#ff0000;text-align:right;}
.productsSpecification {font-size:x-small;}
.productsPdfdata {text-align:right;padding-right:20px;margin-right:10px;background:url(/images/icons/pdficon_small.gif) no-repeat right;}
.productsImage {float:left;border:none;}
.productsTopic dt {font-size:medium;font-weight:bold;margin-top:10px;border-bottom:dotted 2px #222;clear:both;}
.productsTopic dd {margin:10px 0px 0px 0px;padding-left:35px;line-height:1.5em;min-height:135px;background:url(../images/parts/check.jpg) no-repeat left top;}
.productsTopic img {padding:0px 10px 10px 0px;float:left;}

.productsTopics {width:280px;float:left;margin:10px 5px 5px 0px;}
.productsTopics dt {width:280px;font-size:medium;font-weight:bold;border-bottom:dotted 2px #222;}
.productsTopics dd {margin:10px 0px 0px 0px;padding-left:0px;min-height:100px;}
.productsTopics img {padding:0px 10px 10px 0px;float:left;}

.productsCaption {font-size:medium;line-height:1.5em;}
.productsRelateNews {padding:10px;}
.productsRelateNews strong {color:#ff0000;leter-spacing:0.5em;}

.productsLineups {border-top:solid 1px #555;border-left:solid 1px #555;border-collapse:collapse;}
.productsLineups th {border-bottom:solid 1px #555;border-right:solid 1px #555;vartical-align:top;margin:0px;padding:2px;text-align:center;}
.productsLineups td {border-bottom:solid 1px #555;border-right:solid 1px #555;vartical-align:top;margin:0px;padding:2px;}
.productsLineups caption {background:#555;color:#fff;border-left:solid 1px #555;}
.productsLineups a {text-decoration:none;padding-left:15px;background:url(../images/arow-r.jpg) no-repeat left top;}
.productsLineups a.ltd {background:url(../images/arow-r.jpg) no-repeat left top  ;}
.productsLineups a.new {background:url(../images/arow-r.jpg) no-repeat left top  ;}

.pickupProducts {margin:5px;padding:10px;border:solid 5px #2e2b28;}

.pico_breadcrumbs {padding-left:10px;}

/* その他汎用クラス */
.listTable {border-top:solid 1px #555;border-left:solid 1px #555;border-collapse:collapse;}
.listTable th {border-bottom:solid 1px #555;border-right:solid 1px #555;vartical-align:top;margin:0px;padding:2px;text-align:center;}
.listTable td {border-bottom:solid 1px #555;border-right:solid 1px #555;vartical-align:top;margin:0px;padding:2px;}
.listTable caption {background:#555;color:#fff;border-left:solid 1px #555;}

.stocklist {border-top:solid 1px #555;border-left:solid 1px #555;border-collapse:collapse;}
.stocklist th {border-bottom:solid 1px #555;border-right:solid 1px #555;vartical-align:top;margin:0px;padding:2px;text-align:center;}
.stocklist td {border-bottom:solid 1px #555;border-right:solid 1px #555;vartical-align:top;margin:0px;padding:2px;}
.stocklist caption {background:#555;color:#fff;border-left:solid 1px #555;}

.stdList li {list-style-image:url(../images/icons/next.gif);}

.imgFloatL {float:left;margin:0px 5px 5px 0px;}
.imgFloatR {float:right;margin:0px 0px 5px 5px;}

a.imgIcon {display:block;width:120px;height:67px;padding:5px;background:#ddd;float:left;margin:0px 5px 5px 0px;}
a.imgIcon:hover {background:#edd;}

.imgFloatC {text-align:center;}
.rf {clear:both;}

.alert {color:#ff0000;}
.alertX {border-bottom:solid 2px #ff0000;}
.alertBox {margin:10px;padding:10px;border:dotted 1px #ff0000;}
.floatR {float:right;}


/* ズープス定義クラス */

input.formButton {}

.item {border: solid 1px #dddddd;}
.itemHead {padding: 3px;}
.itemInfo {text-align: right;padding: 3px;}
.itemTitle {font-weight:bold;}
.itemTitle a {background: transparent;font-size:medium;font-weight: bold;}
.itemTitle a:visited {}
.itemPoster {}
.itemPostDate {}
.itemStats {}
.itemBody {padding-left: 5px;}
.itemText {margin: 6px;line-height: 1.5em;}
.itemFoot {text-align: right;margin: 0;padding: 3px;}
.itemAdminLink {}
.itemPermaLink {}

.outer {border: solid 1px #222;}
.head {font-weight: bold;margin: 0;padding: 2px;}
.even {margin: 0;padding: 5px;}
.odd {margin: 0;padding: 5px;border-top:solid 1px #555;}
.foot {font-weight: bold;margin: 0;padding: 2px;}
tr.even td {margin: 0;padding: 5px;border-top:solid 1px #555;}
tr.odd td {margin: 0;padding: 5px;border-top:solid 1px #555;}

div.errorMsg {
	background: #ffcccc;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 10px;
	border-top: solid 1px #ddddff;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	border-left: solid 1px #ddddff;
}

div.confirmMsg {
	background: #ddffdf;
	color: #136c99;
	font-weight: bold;
	text-align: center;
	margin: 10px;
	padding: 10px;
	border-top: solid 1px #ddddff;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	border-left: solid 1px #ddddff;
}

div.resultMsg {
	background: #ddddff;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin: 10px;
	padding: 10px;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #9999cc;
	border-bottom: solid 1px #9999cc;
	border-left: solid 1px #cccccc;
}

div.xoopsCode, div.xoopsQuote { 
	width:98%;
	height: 100%;
	padding: 0;
}

div.xoopsCode pre {
	border: solid 1px #c0c0c0;
	margin:0;
	overflow:auto;
	padding:0 1em;
	min-height:4em;
	height:auto;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
    background-color:#ffffff;
}
/* for IExplorer */
* html div.xoopsCode pre {
	height:4em;
	height:auto;	/* IE 6.x */
	width:40em;
}

div.xoopsQuote blockquote {
	margin: 0;
	padding: 0 6px 6px 6px;
	border: solid 1px #c0c0c0;
    background-color:#ffffff;
}

.comTitle {
	font-weight: bold;
	margin-bottom: 2px;
}

.comText {
	margin: 0;
	padding: 2px;
}

.comUserStat {
	background: #f5f5f5;
	color: #2f5376;
	font-weight:bold;
	margin: 2px;
	padding: 4px 2px 1px 4px;
	border: solid 1px #c0c0c0;
}

.comUserStatCaption {
	font-weight: normal;
}

.comUserRank {
	margin: 2px;
}

.comUserRankText {
	font-size: 0.8em;
}

.comUserRankImg {
	border: 0;
}

.comUserName {}

.comUserImg {
	margin: 2px;
}

.comDate {
	font-size: smaller;
	font-weight: normal;
}

.comDateCaption {
	font-weight: normal;
}

.comUserStatus {
	background: #f5f5f5;
	color: #2f5376;
	font-size: 0.8em;
	font-weight: bold;
	margin: 2px;
	padding: 4px 2px 1px 3px;
	border: solid 1px #c0c0c0;
}

div.newsitem {
	padding:10px;
	}

div.newsitem img {
	padding:0px 10px 10px 0px;
	border:none;
	}

table.dealerInfo {
	background:#222;
	padding:10px;
	}
