@charset "utf-8";


/* 全体構造
---------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, td, th, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0px;
	padding: 0px;
}

body {
	text-align:center;
	font-size:12px;
	color:#666666;
	line-height:1.6;
	font-family:'メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS P Gothic',sans-serif,Arial, Helvetica, Verdana;
	/*background:url(../images/common/bg-header.gif) repeat-x;*/
}
a img,img{border:none; vertical-align:bottom;}
a {outline:none;}
hr{
	margin:0 0 0 0;
	border:none;
	padding:0;
	height:0;
	width:auto;
	visibility:hidden;
	clear:both;
	display: block;
}
fieldset{border:none;}


/* リンク
---------------------------------------------------- */
a:link {
	color:#4b92d3;
	text-decoration:none;
}
a:visited {
	color:#4b92d3;
	text-decoration:none;
}
a:hover, a:active {
	color:#4b92d3;
	text-decoration:underline;
}


/* 汎用スタイルシート
---------------------------------------------------- */
.back {text-align:right;padding-top:20px;margin-bottom: 10px; padding-right:10px;}
.red  {color:#FF0000; font-size:10px;}
.red2 {color:#FF0000;}
.blue {color:blue;}
.img-right {float:right; margin-left:10px;}
.img-left  {float:left; padding-right:10px;}
.img-mb {margin-bottom:20px;}
.none {display:none;}
.clear {clear:both;}

/* 2010/12/01 Tetsuwo Oishi 修正:clearfixのIE6/7対応 */
.clearfix{
	zoom:100%;
}
.clearfix:after {
	content:".";
	display:block;
	visibility:hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height:0;
	clear: both;
}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}/* IE-mac */
.clearfix {display:block;}/* IE-mac */

.mt30 {margin-top:30px;}
.mr20 {margin-right:10px;}

/*10/12 brico追加*/
.mr6  {margin-right: 6px;}
.mr8  {margin-right: 8px;}
.mr10 {margin-right: 10px;}
.mr13 {margin-right: 13px;}
.mr14 {margin-right: 14px;}
.mr16 {margin-right: 16px;}
.ml15 {margin-left: 15px;}
.mb5  {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}

.floL {float: left;}
.floR {float: right;}

.larger {font-size: larger;}
.right  {float: right;}
.left   {float: left;}

.txt-left   {text-align: left;}
.txt-center {text-align: center;}
.txt-right  {text-align: right;}


/* レイアウト
---------------------------------------------------- */
#wrapper{
	width:950px;
	margin:0 auto;
	text-align:left;
	padding:15px 0;
}
#content-sub{
	float:left;
	width:190px;
}
#content-main{
	float:right;
	width:720px;
}


/* ヘッダー
---------------------------------------------------- */
h1{
	width:401px;
	float:left;
	margin:18px 0 25px 0;
}
h1 a{
	background:url(../images/common/logo.gif) no-repeat;
	width:401px;
	height:36px;
	text-indent:-9999px;
	display:block;
}
#exhibit-count {
	margin:0 5px 0 0;
}
#header-right{
	width:549px;
	float:right;
	text-align:right;
}
#header-right p{
	color:#df6c01;
	padding-bottom:5px;
}
#header-right p a,
#header-right p a:visited{
	color:#df6c01;
}
#header-right p strong{
	margin:0 5px;
	font-size:12px;
}
#header-right img{
	margin-bottom:10px;
}
#header-right img:hover{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
#header-right form{
	background:url(../images/common/bg-search.gif) no-repeat 340px 31px;
	padding-bottom:10px;
}
#header-right form select{
	height:20px;
	vertical-align:middle;
}

/*IE7のみ*/
*:first-child+html #header-right form select{
	height:20px;
}
#search-txt{
	background:none;
	height:14px;
	padding:3px;
	border:0;
	width:144px;
	color:#ccc;
	font-size:12px;
	margin-left:10px;
	vertical-align:middle;
}
#search-btn{
	vertical-align:middle;
	margin-bottom:0px;
	_margin-bottom:3px;/*IE6のみ*/
	height:20px;
}

/*IE7のみ*/
*:first-child+html #search-btn{
	margin-bottom:1px;
}

/*FFのみ*/
#search-btn, x:-moz-broken {
	vertical-align:bottom;
	margin-bottom:0px;
}

#header-btn {
	list-style:none;
	overflow:hidden;
	width:549px;
}

#header-btn li {
	display:block;
	float:right;
	margin:0 0 0 4px;
}

#header-btn li.cart-btn {
	margin:0 0 0 10px;
}

#header-btn li.cart-btn a {
	background:url(../images/common/btn-cart.gif) left top no-repeat;
	width:31px;
	height:19px;
	font-size:10px;
	color:#fff;
	text-align:left;
	padding:1px 0 0 67px;
	display:block;
}

#header-btn li.cart-btn a:hover {
	text-decoration:none;
	background:url(../images/common/btn-cart.gif) left bottom no-repeat;
}

/* メインナビ
---------------------------------------------------- */
#navi{
	clear:both;
}
#navi li{
	list-style:none;
	float:left;
	height:45px;
	position:relative;
}
#navi li a{
	display:block;
	float:left;
	height:45px;
	text-indent:-9999px;
}
#navi #navi1 a{background:url(../images/common/new-navi/navi1.gif) no-repeat left top; width:190px;}
#navi #navi2 a{background:url(../images/common/new-navi/navi2.gif) no-repeat left top; width:190px;}
#navi #navi3 a{background:url(../images/common/new-navi/navi3.gif) no-repeat left top; width:190px;}
#navi #navi4 a{background:url(../images/common/new-navi/navi4.gif) no-repeat left top; width:190px;}
#navi #navi5 a{background:url(../images/common/new-navi/navi5.gif) no-repeat left top; width:190px;}

#navi #navi1 a:hover{background:url(../images/common/new-navi/navi1b.gif) no-repeat left top; width:190px;}
#navi #navi2 a:hover{background:url(../images/common/new-navi/navi2b.gif) no-repeat left top; width:190px;}
#navi #navi3 a:hover{background:url(../images/common/new-navi/navi3b.gif) no-repeat left top; width:190px;}
#navi #navi4 a:hover{background:url(../images/common/new-navi/navi4b.gif) no-repeat left top; width:190px;}
#navi #navi5 a:hover{background:url(../images/common/new-navi/navi5b.gif) no-repeat left top; width:190px;}




/*プルダウンナビ　brico101129追加
---------------------------------------------------- */
#navi #navi2 ul{
	clear:both;
	background:#ffffff none;
	width:190px;
	overflow:hidden;
	position:absolute;
	top:35px;
    z-index:1000;
	display:none;
}

#navi #navi2 ul li{
height:37px;
}

#navi #navi2 ul li a{
height:37px;
}

#navi #navi2 ul li#list01 a{
background:url(../images/common/new-navi/navi2_01.jpg) no-repeat;
width:190px;
}

#navi #navi2 ul li#list02 a{
background:url(../images/common/new-navi/navi2_02.jpg) no-repeat;
width:190px;
}

#navi #navi2 ul li#list03 a{
background:url(../images/common/new-navi/navi2_03.jpg) no-repeat;
width:190px;
}

#navi #navi2 ul li#list04 a{
background:url(../images/common/new-navi/navi2_04.jpg) no-repeat;
width:190px;
}

#navi #navi2 ul li#list05 a{
background:url(../images/common/new-navi/navi2_05.jpg) no-repeat;
width:190px;
}


/*オーバー時*/
#navi #navi2 ul li#list01 a:hover{
background:url(../images/common/new-navi/navi2_01b.jpg) no-repeat;
width:190px;
}

#navi #navi2 ul li#list02 a:hover{
background:url(../images/common/new-navi/navi2_02b.jpg) no-repeat;
width:190px;
}

#navi #navi2 ul li#list03 a:hover{
background:url(../images/common/new-navi/navi2_03b.jpg) no-repeat;
width:190px;
}

#navi #navi2 ul li#list04 a:hover{
background:url(../images/common/new-navi/navi2_04b.jpg) no-repeat;
width:190px;
}

#navi #navi2 ul li#list05 a:hover{
background:url(../images/common/new-navi/navi2_05b.jpg) no-repeat;
width:190px;
}


/* フッター
---------------------------------------------------- */
.pagetop{
	text-align:right;
	clear:both;
	padding-top:30px;
}
.pagetop a{
	background:url(../images/common/icon-top.gif) no-repeat 0 3px;
	padding-left:12px;
}
#footer{
	margin-top:20px;
	font-size:10px;
}
#footer ul{
	float:left;
}
#footer ul li{
	list-style:none;
	display:inline;
	border-left:1px solid #ccc;
	padding:0 10px;
}
#footer ul li a{
	color:#666;
}
#footer ul .nobd{
	border-left:none;
}
#footer p{
	text-align:right;
}

/* Form
---------------------------------------------------- */
.form1,.form2,.form3,.form4,.form5,.form6,.form7{
	font-size:14px;
	color:#666;
	padding:4px 5px;
	border:1px solid #ddd;
	background:#fff;
	margin:2px 0;
}
.form1{width:50px;}
.form2{width:100px;}
.form3{width:150px;}
.form4{width:200px;}
.form5{width:250px;}
.form6{width:300px;}
.form7{width:96%;}

.textarea1,
.textarea2{
	font-size: 16px;
	color:#666;
	height:200px;
	padding:3px;
	border:1px solid #ccc;
	background: #fff;
	resize:vertical;
}
.textarea1{width:97%;}
.textarea2{width:97%; height:100px;}


.form-table,
.form-table2{
	width:620px;
	clear:both;
	margin-bottom:30px;
	border:1px solid #ddd;
}
.form-table th,
.form-table td,
.form-table2 th,
.form-table2 td{
	padding:10px 7px;
	border:1px solid #fff;
	background:#eeeeee;
	text-align:left;
}
.form-table th,
.form-table2 th{
	text-align:left;
	font-weight:normal;
	background:url(../images/common/bg-form.gif);
	padding-left:1em;
	border-right:2px solid #fff;
}
.form-table th{width:8em;}
.form-table2 th{width:12em;}

.submit{
	padding:30px 0;
	text-align:center;
}
.submit input{
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	width:285px;
	height:48px;
	zoom:1;
}

.submit .btn-login{background:url(../images/common/btn-form/1.gif) no-repeat;}
.submit .btn-login:hover{background:url(../images/common/btn-form/1.gif) no-repeat 0 -48px;}

.submit .btn-agree{background:url(../images/common/btn-form/2.gif) no-repeat;}
.submit .btn-agree:hover{background:url(../images/common/btn-form/2.gif) no-repeat 0 -48px;}

.submit .btn-refresh{background:url(../images/common/btn-form/3.gif) no-repeat;}
.submit .btn-refresh:hover{background:url(../images/common/btn-form/3.gif) no-repeat 0 -48px;}

.submit .btn-check{background:url(../images/common/btn-form/4.gif) no-repeat;}
.submit .btn-check:hover{background:url(../images/common/btn-form/4.gif) no-repeat 0 -48px;}

.submit .btn-regist{background:url(../images/common/btn-form/5.gif) no-repeat;}
.submit .btn-regist:hover{background:url(../images/common/btn-form/5.gif) no-repeat 0 -48px;}

.submit .btn-submit{background:url(../images/common/btn-form/7.gif) no-repeat;}
.submit .btn-submit:hover{background:url(../images/common/btn-form/7.gif) no-repeat 0 -48px;}

.submit .btn-cancel{background:url(../images/common/btn-form/8.gif) no-repeat; width:152px;}
.submit .btn-cancel:hover{background:url(../images/common/btn-form/8.gif) no-repeat 0 -48px; width:152px;}

.submit .btn-check2{background:url(../images/common/btn-form/9.gif) no-repeat;}
.submit .btn-check2:hover{background:url(../images/common/btn-form/9.gif) no-repeat 0 -48px;}

.submit .btn-buy{background:url(../images/detail/btn-buy3.gif) no-repeat; height:50px;}
.submit .btn-buy:hover{background:url(../images/detail/btn-buy3.gif) no-repeat 0 -50px; height:50px;}

.submit .btn-exhibition{background:url(../images/common/btn-form/10.gif) no-repeat;}
.submit .btn-exhibition:hover{background:url(../images/common/btn-form/10.gif) no-repeat 0 -48px;}

.submit .btn-exhibit-display{background:url(../images/common/btn-form/18.gif) no-repeat;}
.submit .btn-exhibit-display:hover{background:url(../images/common/btn-form/18.gif) no-repeat 0 -48px;}

.submit .btn-save{background:url(../images/common/btn-form/11.gif) no-repeat;}
.submit .btn-save:hover{background:url(../images/common/btn-form/11.gif) no-repeat 0 -48px;}

.submit .btn-kakutei{background:url(../images/common/btn-form/12.gif) no-repeat;}
.submit .btn-kakutei:hover{background:url(../images/common/btn-form/12.gif) no-repeat 0 -48px;}

.submit .btn-back{background:url(../images/common/btn-form/13.gif) no-repeat; width:152px;}
.submit .btn-back:hover{background:url(../images/common/btn-form/13.gif) no-repeat 0 -48px; width:152px;}

.submit .btn-report{background:url(../images/common/btn-form/15.gif) no-repeat;}
.submit .btn-report:hover{background:url(../images/common/btn-form/15.gif) no-repeat 0 -48px;}

.submit .btn-quit{background:url(../images/common/btn-form/16.gif) no-repeat;}
.submit .btn-quit:hover{background:url(../images/common/btn-form/16.gif) no-repeat 0 -48px;}

.submit .btn-save2{background:url(../images/common/btn-form/17.gif) no-repeat; width:152px;}
.submit .btn-save2:hover{background:url(../images/common/btn-form/17.gif) no-repeat 0 -48px; width:152px;}


/* errer information
---------------------------------------------------- */
.success, .error{
    margin:10px 0px;
    padding:15px 10px 15px 30px;
}

.success{
    color: #4F8A10;
    background:url(../images/i-success.jpg) no-repeat #DFF2BF 10px center;
	border:1px solid #4f8a10;
}
.error{
    color: #9F6000;
    background:url(../images/i-error.jpg) no-repeat #f7dfcb 10px center;
	border:1px solid #a9644e;
}