/* yasumoto */


.box_w275 {
	width: 275px;
	float: right;
}

/* top_fb_bnr
---------------------------*/

.top_fb_bnr_01 {
	width: 637px;
	margin-bottom: 20px;
	text-align: center;
	background-color: #edeff4;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right: 1px solid #3b5998;
	border-bottom: 1px solid #3b5998;
	border-left: 1px solid #3b5998;
}

.top_fb_bnr_02 {
	width: 639px;
}



/* top_bnr
---------------------------*/

.top_bnr_01 {
	margin-bottom: 3px;
}


/* news_bnr
---------------------------*/

.news_bnr_01 {
	width: 737px;
	padding-left: 30px;
	padding-top: 50px;
}

/* company/corporate.html
---------------------------*/

#right-container #comp_ab {
	width: 750px;
}

#right-container #comp_ab table {
	width: 750px;
}

#right-container #comp_ab table tr td .comp_a {
	width: 550px;
}

#right-container #comp_ab table tr td comp_b {
	width: 250px;
}


/* company/recruit/index.html
---------------------------*/

.rec_adopt_01 {
	width: 737px;
	margin-bottom: 10px;
}

.rec_adopt_01a {
	float: left;
	width: 239px;
	margin-right: 10px;
	background-color: #FFFFFF;
}

.rec_adopt_02a {
	float: left;
	width: 180px;
	margin-right: 5px;
	background-color: #FFFFFF;
}

.rec_adopt_02aa {
	float: left;
	width: 180px;
	margin-right: 6px;
	background-color: #FFFFFF;
}

.rec_adopt_01a_area {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-left: 6px;
	padding-top: 5px;
	padding-bottom: 2px;
}

.rec_adopt_02a_area {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 2px;
}

.rec_adopt_01b {
	float: right;
	width: 239px;
	background-color: #FFFFFF;
}

.rec_adopt_02b {
	float: right;
	width: 180px;
	background-color: #FFFFFF;
}

.rec_adopt_01b_area {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-left: 6px;
	padding-top: 5px;
	padding-bottom: 2px;
}

.rec_adopt_02b_area {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-left: 3px;
	padding-top: 5px;
	padding-bottom: 2px;
}

.rec_btn_01 {
	margin-bottom: 3px;
}

.rec_mov_main_01 {
	width: 737px;
	margin-bottom: 15px;
}


/* youtube_area_01
---------------------------*/

.youtube_area_01 {
	width: 737px;
	margin-bottom: 10px;
}

.youtube_area_01_l {
	width: 250px;
	float: left;
}

.youtube_area_01_r {
	width: 487px;
	float: right;
}

.youtube_area_02_l {
	width: 330px;
	float: left;
}

.youtube_area_02_r {
	width: 407px;
	float: right;
}

.youtube_area_03_l {
	width: 370px;
	float: left;
}

.youtube_area_03_r {
	width: 365px;
	float: right;
}

.youtube_txt_01 {
	width: 465px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	height: 187px;
}

.youtube_txt_02 {
	width: 385px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	height: 188px;
}

.youtube_txt_03 {
	width: 345px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	height: 241px;
}

.youtube_txt_04 {
	width: 715px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	height: 188px;
}

.youtube_txt_05 {
	width: 715px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	height: 249px;
}

.yt_title {
	border-left: 4px solid #990000;
	padding-left: 10px;
	margin-bottom: 10px;
}

.yt_txt_01 {
	padding-top: 10px;
	border-top: 1px dotted #CCCCCC;
}

.yt_txt_01_b {
	padding-top: 11px;
	border-top: 1px dotted #CCCCCC;
}

.yt_txt_01_c {
	padding-top: 11px;
}

.yt_txt_02 {
	float: left;
	width: 235px;
}

.yt_txt_03 {
	float: left;
	width: 155px;
}

.yt_txt_02 .btn_99 {
	padding-top: 20px;
}

.yt_txt_03 .btn_98 {
	padding-top: 20px;
}

.rec_map_01 {
	float: right;
	width: 220px;
}

.rec_map_02 {
	float: right;
	width: 549px;
}


/* introduce/mov/index.html
---------------------------*/

#mov_title {
	width: 735px;
}

#mov_title #mov_t_left {
	float: left;
	width: 450px;
}

#mov_title #mov_t_right {
	float: right;
	width: 255px;
	float: right;
}

#main #mv_title .mv_bg_2{
	width: 275px;
	background-color:#F1EFE2;
	margin: 5px 0px;
	float: right;
}

#main .mv_title{
	width: 275px;
}

#main .mv_title #mv_l{
	width: 188px;
	padding: 0px 0px 5px 0px;
}

#main .mv_title #mv_r{
	width: 55px;
	padding: 0px 0px 0px 0px;
}

#main .mv_title .mv_bg{
	width: 275px;
	background-color:#F1EFE2;
	margin: 5px 0px 5px 0px;
}

#main .mv_title .movie{
	padding: 10px 0px 10px 23px;
}


/* introduce/kaitori
---------------------------*/

.kaitori_btn_01{
	width:950px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}



/* onecolumn .contact
---------------------------*/

#onecolumn_99{
	position: relative;
	min-height:500px;
	_height:500px;
	padding: 0px 0px 30px 0px;
	background-color: #FFFFFF;
}

#onecolumn_99 .contact{
	padding: 31px 19px 0px 20px;
}

#onecolumn_99 .contact table{
	width:100%;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}
#onecolumn_99 .contact th , #onecolumn_99 .contact td{
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	padding: 5px 5px 5px 5px;
}

#onecolumn_99 .contact th{
	width:230px;
	background-color:#E6E6E6;
	font-weight:normal;
	text-align:left;
	vertical-align:top;

}
#onecolumn_99 .contact td{
	background-color:#FFFFFF;
}

#onecolumn_99 .contact table .title{
	background-color:#CCCCCC;
}

#onecolumn_99 .contact table .button{
	background-color:#E4E0C8;
	padding: 10px 5px 10px 20px;
}
#onecolumn_99 .contact .contactend{
	width:400px;
	margin: 0px auto 0px auto;
	padding: 15px 15px 15px 15px;
	border:1px solid #666666;
	background-color:#E4E0C8;
}
#onecolumn_99 .contact .contactend ul{
	margin: 10px 0px 20px 80px;
	list-style-type: none;
}
#onecolumn_99 .contact .contactend li{
	list-style-type: none;
	color:#CC0000;
}
#onecolumn_99 .contact ul{
	margin: 10px 0px 20px 0px;
	list-style-type: none;
}
#onecolumn_99 .contact li{
	padding: 0px 0px 0px 15px;
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
#onecolumn_99 .contactlist{
	position:relative;/*リストスタイルIE6.0バグ対応*/
}

#onecolumn_99 .contact a{color: #FF6600;text-decoration: underline;}
#onecolumn_99 .contact a:link{color: #FF6600;text-decoration: underline;}
#onecolumn_99 .contact a:visited{color: #FF6600; text-decoration: underline;}
#onecolumn_99 .contact a:active{color: #FF6600;text-decoration: underline;}
#onecolumn_99 .contact a:hover{color: #FF6600;text-decoration: none;}



/*採用お申込み・お問い合わせ-----------------------*/

#onecolumn_99 .contact #recbtn_area {
	width:705px;
	background-color:#E4E0C7;
	padding:10px;
	margin:0px 0px 25px 0px;
}

#onecolumn_99 .contact #recbtn_area .recbtn_box {
	width:350px;
	padding-bottom:10px;
	border-right:1px dotted #666666;
	text-align:center;
	float:left;
}

#onecolumn_99 .contact #recbtn_area .recbtn_box #rec_area {
	margin:8px 0px 0px 30px;
}

#onecolumn_99 .contact #recbtn_area .recbtn_box p {
	width:160px;
	font-size:x-small;
	text-align:left;
	line-height:140%;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}


#onecolumn_99 .contact #recbtn_area .recbtn_box2 {
	width:350px;
	padding-bottom:10px;
	text-align:center;
	float:left;
}

#onecolumn_99 .contact #recbtn_area h5 {
	border-top:none;
	color:#000000;
	font-size:16px;
	padding:10px 0px 15px 0px;
	margin:0px 0px 0px 0px;
}

#onecolumn_99 .contact #recbtn_area .min {
	font-size:x-small;
	line-height:140%;
	text-align:left;
	margin:8px 0px 0px 55px;
	padding:0px 0px 0px 0px;
}



/* shop
---------------------------*/

.subblock3_a{
	width:730px;
	background-color:#ffffff;
}

.subblock3_b{
	width:730px;
	background-color:#ffffff;
	margin-bottom: 10px;
}

.shop_box_01 {
	width: 730px;
	padding-bottom: 8px;
	padding-top: 7px;
	border-bottom: 3px solid #CCCCCC;
	border-top: 3px solid #CCCCCC;
}

.shop_box_01_b {
	width: 726px;
	padding-bottom: 8px;
	padding-top: 7px;
	padding-right: 2px;
	padding-left: 2px;
	border-bottom: 3px solid #CCCCCC;
	border-top: 3px solid #CCCCCC;
}

.shop_box_02 {
	width: 140px;
	float: left;
	text-align: center;
	padding-right: 3px;
	padding-left: 3px;
}

.shop_box_02 a{color: #555555;text-decoration: none;}
.shop_box_02 a:link{color: #555555;text-decoration: none;}
.shop_box_02 a:visited{color: #555555; text-decoration: none;}
.shop_box_02 a:active{color: #FF6600;text-decoration: none;}
.shop_box_02 a:hover{color: #FF6600;text-decoration: underline;}

#container #main .subblock3_a .shop_box_01_b .shop_box_02 a{color: #555555;text-decoration: none;}
#container #main .subblock3_a .shop_box_01_b .shop_box_02 a:link{color: #555555;text-decoration: none;}
#container #main .subblock3_a .shop_box_01_b .shop_box_02 a:visited{color: #555555; text-decoration: none;}
#container #main .subblock3_a .shop_box_01_b .shop_box_02 a:active{color: #FF6600;text-decoration: none;}
#container #main .subblock3_a .shop_box_01_b .shop_box_02 a:hover{color: #FF6600;text-decoration: underline;}

.shop_box_03 {
	width: 115px;
	float: left;
	text-align: center;
	padding-right: 3px;
	padding-left: 3px;
}

.shop_box_03 a{color: #555555;text-decoration: none;}
.shop_box_03 a:link{color: #555555;text-decoration: none;}
.shop_box_03 a:visited{color: #555555; text-decoration: none;}
.shop_box_03 a:active{color: #FF6600;text-decoration: none;}
.shop_box_03 a:hover{color: #FF6600;text-decoration: underline;}

#container #main .subblock3_a .shop_box_01_b .shop_box_03 a{color: #555555;text-decoration: none;}
#container #main .subblock3_a .shop_box_01_b .shop_box_03 a:link{color: #555555;text-decoration: none;}
#container #main .subblock3_a .shop_box_01_b .shop_box_03 a:visited{color: #555555; text-decoration: none;}
#container #main .subblock3_a .shop_box_01_b .shop_box_03 a:active{color: #FF6600;text-decoration: none;}
#container #main .subblock3_a .shop_box_01_b .shop_box_03 a:hover{color: #FF6600;text-decoration: underline;}

.shop_box_04 {
	width: 710px;
	padding: 10px 10px 15px;
}

.shop_box_04_l {
	width: 350px;
	float: left;
}

.shop_box_04_r {
	width: 310px;
	float: right;
	padding-right: 20px;
	padding-left: 20px;
}

.arrow {
	padding: 4px 0px 20px 30px;
	background-image: url(http://www.brandoff.com.hk/common/images/arrowicon.gif);
	background-repeat: no-repeat;
}

.shop_name_01{
	width:710px;
	height:17px;
	padding:10px;
	border-top:3px solid #788A4E;
	font-size:14px;
	font-weight: bold;
	color:#666666;
	background-image: url(http://www.brandoff.com.hk/images/h4_bg.gif);
	background-repeat: repeat-x;
	background-color:#ffffff;
}




/* int_form
---------------------------*/

.kaitori_txt_box_01 {
	width: 952px;
	background-image : url(http://www.brandoff.co.jp/int_form/images/kaitori_bnr_01.jpg);
	background-repeat: no-repeat;
}

.kaitori_txt_box_02 {
	width: 952px;
	background-image : url(http://www.brandoff.co.jp/iryo_form/images/kaitori_bnr_02.jpg);
	background-repeat: no-repeat;
}

.kaitori_txt_box_03 {
	width: 952px;
	background-image : url(http://www.brandoff.co.jp/int_form/images/kaitori_bnr_01.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-left: 5px;
}

.int_form_box_01 {
	width: 650px;
	padding-bottom: 20px;
}

.int_form_box_01_b {
	width: 650px;
}

.int_form_box_02 {
	float: left;
	width: 120px;
	margin-right: 10px;
	text-align: center;
}


/* sitemap
---------------------------*/

.sitemap_box_01 {
	width: 248px;
	padding-bottom: 40px;
	float: left;
	padding-top: 16px;
}



/* ec/login
---------------------------*/


#main_login {
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
}

#h2-title_000 {
	width : 980px;
	height : 54px;
	background-image : url(http://www.brandoff.co.jp/images/ec/h2-bg.gif);
	background-position : left;
	background-repeat : repeat-x;
	margin-bottom: 10px;
}

#h2-title_000 h2 {
  padding : 0px 0px 0px 10px;
  line-height : 52px;
  font-size : 18px;
  color : #000000;
  text-align : left;
}

.m-box000 {
  width : 980px;
}

.m-box000 h3 {
  width : 980px;
  height: 34px;
  line-height : 34px;
  margin : 0px auto;
  padding :0;
  background-image:url(http://www.brandoff.co.jp/images/ec/me-h3-bg.gif);
  background-repeat : no-repeat;
  text-indent : 1em;
  color : #FFFFFF;
  text-align : left;
}

.member_box_000 {
	width: 950px;
	border-right: 1px solid #5a0000;
	border-left: 1px solid #5a0000;
	padding: 10px 14px;
	border-bottom: 1px solid #5a0000;
}

.member_box_000_btm {
	width: 980px;
	padding-bottom: 10px;
}

.member_box_001 {
	width: 950px;
}

.member_box_001_l {
	float: left;
	width: 474px;
	border-right: 1px dotted #999999;
}

.member_box_001_r {
	float: left;
	width: 460px;
	padding-left: 15px;
}

.member_box_001 table {
	width: 460px;
	margin-top: 10px;
}

.member_box_001 table p {
	font-weight: normal;
}

.member_box_001 table th {
	padding-right: 10px;
	padding-left: 10px;
	width: 150px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.member_box_001 table td {
	padding-left: 10px;
	border-bottom: 1px solid #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

.member_box_001 table td p {
	margin-top: 5px;
}

.member_box_001 table td p a{color: #333333;text-decoration: underline;}
.member_box_001 table td p a:link{color: #333333;text-decoration: underline;}
.member_box_001 table td p a:visited{color: #333333; text-decoration: underline;}
.member_box_001 table td p a:active{color: #FFFFFF;text-decoration: underline;}
.member_box_001 table td p a:hover{color: #FFFFFF;text-decoration: none;}

.member_box_001 .member_box_btn_01 {
	background-color: #ff9933;
	border-right-style: none;
}

.member_box_001 .member_box_btn_02 {
	background-color: #cc6666;
	border-right-style: none;
}

.cell-bg-orange {
	background-color: #ff9933;
}

.cell-bg-enji {
	background-color: #cc6666;
}


/* auction.brandoff.co.jp
---------------------------*/

.auc_top_bnr_01 {
	padding-bottom: 8px;
}


/* 404.html
---------------------------*/

#main_area_404{
	width: 999x;
}

#contents_404{
	width: 984px;
	clear: both;
	padding-left: 16px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#contents_404 .contact_02{
	padding: 30px 108px 30px 115px;
}

.contact_02 p a{color: #333333;text-decoration: underline;}
.contact_02 p a:link{color: #333333;text-decoration: underline;}
.contact_02 p a:visited{color: #333333; text-decoration: underline;}
.contact_02 p a:active{color: #FF6600;text-decoration: underline;}
.contact_02 p a:hover{color: #FF6600;text-decoration: none;}

#contents_404 .404_box_01 {
	width: 745px;
}

#contents_404 .404_box_02 {
	text-align: center;
}

.line_box_01 {
	border-bottom: 1px dotted #666666;
	padding-top: 30px;
	width: 745px;
}



/* -----------------------------------------------------------------
   color
----------------------------------------------------------------- */

.gray_01{
	color:#999999;
}

.red{
	color:#FF0000;
}

.red_bold{
	color:#FF0000;
	font-weight: bold;
}

.red_2{
	color:#990000;
}

.red_2_bold{
	color:#990000;
	font-weight: bold;
}

.blue{
	color:#0066ff;
}

.blue_bold{
	color:#0066ff;
	font-weight: bold;
}

.blue_2{
	color:#0033FF;
}

.blue_2_bold{
	color:#0033FF;
	font-weight: bold;
}

.orange{
	color:#FF6600;
}

.orange_bold{
	color:#FF6600;
	font-weight: bold;
}

.white{
	color:#FFFFFF;
}

.marker01{
	color:#990000;
}

.color_01 {
	background: #f8f7f1;
}

.color_02 {
	background-color:#CCCCCC;
}

/* -----------------------------------------------------------------
   margin
----------------------------------------------------------------- */

.mar_t5{
	margin: 5px 0px 0px 0px;
}

.mar_t10{
	margin: 10px 0px 0px 0px;
}

.mar_t15{
	margin: 15px 0px 0px 0px;
}

.mar_t20{
	margin: 20px 0px 0px 0px;
}


.mar_r5{
	margin: 0px 5px 0px 0px;
}

.mar_r10{
	margin: 0px 10px 0px 0px;
}

.mar_r15{
	margin: 0px 15px 0px 0px;
}

.mar_r20{
	margin: 0px 20px 0px 0px;
}


.mar_u2{
	margin: 0px 0px 2px 0px;
}

.mar_u3{
	margin: 0px 0px 3px 0px;
}

.mar_u5{
	margin: 0px 0px 5px 0px;
}

.mar_u10{
	margin: 0px 0px 10px 0px;
}

.mar_u15{
	margin: 0px 0px 15px 0px;
}

.mar_u20{
	margin: 0px 0px 20px 0px;
}


.mar_tu5{
	margin: 5px 0px 5px 0px;
}

.mar_tu10{
	margin: 10px 0px 10px 0px;
}


.mar_l5{
	margin: 0px 0px 0px 5px;
}

.mar_l10{
	margin: 0px 0px 0px 10px;
}

.mar_l15{
	margin: 0px 0px 0px 15px;
}

.mar_l20{
	margin: 0px 0px 0px 20px;
}

