@charset "utf-8";

/* ------------------------------------------------------------------------------------ ページ共通-- */
* {
    margin: 0;
    padding: 0;
}
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 100%;
	letter-spacing:1px;
	background:#FFFFFF;
	color:#503F3B;
}

img {
	border:none;
}

h1,h2,h3,h4,h5 {
	font-size: 100%;
}
ul,li {
    margin: 0;
    padding: 0;
}
dl,dt {
    margin: 0;
    padding: 0;
}
/* ------------------------------------------ フォントカラー ----*/
.color_red {
	color:#9E3861;
}
.color_red2 {
	color:#F84263;
}

.color_green {
	color:#80976F;
	font-weight:bold;
}
.color_brown {
	color:#A58478;
	font-weight:bold;
}
.color_brown2 {
	color:#503F3B;
	font-weight:bold;
}

/* ------------------------------------------ サイト全体 ----*/
#body-box {
	width:782px;
	text-align:center;
	margin:0 auto;
}

/* ------------------------------------------ HEADER ----*/
div#header {
	margin:0 0 20px 0;
}

div#header #header_seo {
	text-align: left;
	/*font-size: 10px;*/
	font-size: 11px;
	color: #503F3B;
	height:28px;
	overflow:hidden;
}

#head_info{
	width:500px;
	float:left;
}

#header_seo h1{
	font-weight:normal;
	line-height:25px;
}

#header_seo #lang_chg{
	height:25px;
	float:right;
}

#lang_chg img{
	margin-top:5px;
	margin-left:7px;
}

div#header #header_logo {
	float:left;
}
div#header #header_logo_right {
	padding:0 0 25px 0;
	float:left;
}
div#header #header_top {

}
/* ---------------------- メニューボタン ----*/
ul#header_menu {
	width:782px;
	height:21px;
	display:block;
	clear:both;
}

ul#header_menu a{
	float:left;
    overflow:hidden;
}

ul#header_menu li {
	float:right;
	padding:0;
	margin:0;
	list-style:none;
}
/* ---- トップページボタン ----*/
ul#header_menu a#button_top {
	width:112px;
	height:21px;
	background:url("../images/top/b_home.gif") no-repeat;
	text-indent:-6495px;
}

/* ---- ビスクオリジナル商品のブランド紹介ボタン ----*/
ul#header_menu a#button_brand {
	width:112px;
	height:21px;
	background:url("../images/top/b_brand.gif") no-repeat;
	text-indent:-6495px;
}

/* ---- ビスク直営店舗のご紹介ボタン ----*/
ul#header_menu a#button_shop {
	width:109px;
	height:21px;
	background:url("../images/top/b_shop.gif") no-repeat;
	text-indent:-6495px;
}

/* ---- 会社概要と沿革ボタン ----*/
ul#header_menu a#button_cpro {
	width:112px;
	height:21px;
	background:url("../images/top/b_company.gif") no-repeat;
	text-indent:-6495px;
}

/* ---- 商品購入ボタン ----*/
ul#header_menu a#button_shopping {
	width:112px;
	height:21px;
	background:url("../images/top/b_shopping.gif") no-repeat;
	text-indent:-6495px;
}

/* ---- ビスクへのお問い合わせボタン ----*/
ul#header_menu a#button_contact {
	width:112px;
	height:21px;
	background:url("../images/top/b_contact.gif") no-repeat;
	text-indent:-6495px;
}

/* ---- 求人詳細ボタン ----*/
ul#header_menu a#button_recruit {
	width:113px;
	height:21px;
	background:url("../images/top/b_recruit.gif") no-repeat;
	text-indent:-6495px;
}

/* ---------------------- ページメインの始まり ----*/
#main_column {
	text-align:left;
	margin-bottom:15px;
}
/* ---------------------- 点線 ----*/
.common_line {
	clear:both;
}

/* ---------------------- タイトルテキスト ----*/
.main_title {
	line-height:40px;
	height:40px;
	font-size:82%;
	font-weight:bold;
	clear:both;
}

/* ---------------------- トップページ以外 下のボタン ----*/
#bottom_menu_box {
	height:120px;
	margin:10px auto;
	padding:15px 0 0 60px;
	clear:both;
}

#bottom_menu_box a{
	float:left;
    overflow:hidden;
}

#bottom_menu_box li {
	float:left;
	padding:0;
	margin:0 20px 0 0;
	list-style:none;
}
ul#bottom_menu2 {
	clear:both;
}
/* ---- ビスクオリジナル商品のブランド紹介ボタン ----*/
ul#bottom_menu a#bottom_btn_brand {
	width:205px;
	height:46px;
	background:url("../images/common/b_brand_bottom.gif") no-repeat;
	text-indent:-6495px;
}

/* ---- ビスク直営店舗のご紹介ボタン ----*/
ul#bottom_menu a#bottom_btn_shop {
	width:205px;
	height:46px;
	background:url("../images/common/b_shop_bottom.gif") no-repeat;
	text-indent:-6495px;
}

/* ---- 会社概要と沿革ボタン ----*/
ul#bottom_menu a#bottom_btn_cpro {
	width:205px;
	height:46px;
	background:url("../images/common/b_company_bottom.gif") no-repeat;
	text-indent:-6495px;
}

/* ---- 商品購入ボタン ----*/
ul#bottom_menu2 a#bottom_btn_shopping {
	width:205px;
	height:46px;
	background:url("../images/common/b_shopping_bottom.gif") no-repeat;
	text-indent:-6495px;
}

/* ---- ビスクへのお問い合わせボタン ----*/
ul#bottom_menu2 a#bottom_btn_contact {
	width:205px;
	height:46px;
	background:url("../images/common/b_contact_bottom.gif") no-repeat;
	text-indent:-6495px;
}

/* ---- 求人詳細ボタン ----*/
ul#bottom_menu2 a#bottom_btn_recruit {
	width:205px;
	height:46px;
	background:url("../images/common/b_recruit_bottom.gif") no-repeat;
	text-indent:-6495px;
}

/* ------------------------------------------------------------------------------------ トップページ-- */
#main_column #top_image_box {
	width:779px;
	height:410px;
	border:1px solid #b3aca8;
}
#main_column #top_image_text {
	padding:13px 0 0 13px;
	/*font-size:12px;*/
	font-size:12px;
	line-height:16px;
}

#main_column #top_main_box {
	padding:18px 0 0 0;
	width:782px;
}

#main_column #top_main_box #top_left_box {
	width:349px;
	float:left;
}
#main_column #top_main_box #top_right_box {
	width:433px;
	float:left;
}
/* ---------------------- 左側ボタン ----*/
ul#left_menu {
	width:227px;
	padding:32px 0 84px 21px;
	clear:both;
}

ul#left_menu a{
	display:block;
    overflow:hidden;
	clear:both;
}

ul#left_menu li {
	padding-bottom:13px;
	margin:0;
	list-style:none;
}

/* ---- ビスクオリジナル商品のブランド紹介ボタン ----*/
ul#left_menu a#left_btn_brand {
	width:227px;
	height:52px;
	background:url("../images/top/b_brand_left.gif") no-repeat;
	text-indent:-6495px;
}

/* ---- ビスク直営店舗のご紹介ボタン ----*/
ul#left_menu a#left_btn_shop {
	width:227px;
	height:52px;
	background:url("../images/top/b_shop_left.gif") no-repeat;
	text-indent:-6495px;
}

/* ---- 会社概要と沿革ボタン ----*/
ul#left_menu a#left_btn_cpro {
	width:227px;
	height:52px;
	background:url("../images/top/b_company_left.gif") no-repeat;
	text-indent:-6495px;
}

/* ---- 商品購入ボタン ----*/
ul#left_menu a#left_btn_shopping {
	width:227px;
	height:52px;
	background:url("../images/top/b_shopping_left.gif") no-repeat;
	text-indent:-6495px;
}

/* ---- ビスクへのお問い合わせボタン ----*/
ul#left_menu a#left_btn_contact {
	width:227px;
	height:52px;
	background:url("../images/top/b_contact_left.gif") no-repeat;
	text-indent:-6495px;
}

/* ---- 求人詳細ボタン ----*/
ul#left_menu a#left_btn_recruit {
	width:227px;
	height:52px;
	background:url("../images/top/b_recruit_left.gif") no-repeat;
	text-indent:-6495px;
}

#top_left_box #blog_link_box {
	clear:both;
}
#top_left_box a#blog_link_1 {
	margin-right:15px;
	display:block;
	border:1px solid #b3aca8;
	float:left;
}
#top_left_box a#blog_link_2 {
	display:block;
	border:1px solid #b3aca8;
	float:left;
}
/* ---------------------- NEWS ----*/
#top_right_box #news_left_box {
	width:39px;
	float:left;
}
#top_right_box #news_right_box {
	width:394px;
	float:left;
}
#top_right_box #news_right_box #news_line {
	clear:both;
}
#top_right_box #news_right_box #news_main_box {
	width:394px;
	height:585px;
	margin:8px 0 5px 0;
	padding:0 0 0 5px;
	line-height:18px;
	overflow:auto;
	clear:both;
}
#top_right_box #news_right_box iframe {
	border:none;
}

#top_right_box #news_right_box a.news_link {
	color:#503F3B;
	font-size:72%;
}
#top_right_box #news_right_box #news_main_box li {
	margin-bottom:12px;
	font-size:80%;
}
.color_green2 {
	color:#80976F;
	font-size:92%;
	font-weight:bold;
}
#top_right_box #news_right_box #news_main_box .news_text {
	font-size:80%;
}


/* ------------------------------------------------------------------------------------ ブランドページ-- */
#main_column #brand_main_box {
	margin:14px 0 0 0; 
	width:782px;
	clear:both;
}

#main_column #brand_main_box #brand_left_box {
	width:384px;
	margin-right:12px;
	float:left;
}


#main_column #brand_main_box div.brand_main {
	margin:0 0 14px 0;
	padding:0;
}

#main_column #brand_main_box .brand_top {
	width:384px;
	height:9px;
	background:url("../images/brand/brand_box_top.gif") no-repeat;
	text-indent:-6495px;
	clear:both;
}
#main_column #brand_main_box .brand_left {
	width:10px;
	height:584px;
	background:url("../images/brand/brand_box_left.gif") repeat-y;
	text-indent:-6495px;
	_margin-top:-9px;
	float:left;
}
#main_column #brand_main_box .brand_center {
	text-align:center;
	width:364px;
	_margin-top:-9px;
	float:left;
}
#main_column #brand_main_box .brand_right {
	width:10px;
	height:584px;
	background:url("../images/brand/brand_box_right.gif") repeat-y;
	text-indent:-6495px;
	_margin-top:-9px;
	float:left;
}
#main_column #brand_main_box .brand_bottom {
	width:384px;
	height:11px;
	background:url("../images/brand/brand_box_bottom.gif") no-repeat;
	text-indent:-6495px;
	clear:both;
}

#main_column #brand_main_box .brand_column {
	height:470px;
}

#main_column #brand_main_box .brand_logo {
	padding:40px 0 0 0;
}
#main_column #brand_main_box .brand_logo2 {
	padding:30px 0 15px 0;
}
#main_column #brand_main_box .brand_logo3 {
	padding:50px 0 15px 0;
}
#main_column #brand_main_box .brand_image {
	padding:17px 0 0 0;
}
#main_column #brand_main_box .brand_image {
	padding:17px 0 0 0;
}
#main_column #brand_main_box .brand_text_img {
	padding:7px 0 0 0;
}
#main_column #brand_main_box .brand_text {
	padding:7px 0 26px 0;
	width:360px;
	letter-spacing:0;
	line-height:18px;
	/*font-size:68%;*/
	/*font-size:70%;*/
	/*font-weight:bold;*/
}

#main_column #brand_main_box ul.brand_photo {
	width:360px;
	list-style:none;
}

#main_column #brand_main_box ul.brand_photo li {
	float:right;
}
#main_column #brand_main_box ul.brand_photo img {
	border:1px solid #b3aca8;
	padding:8px;
	margin-right:13px;
}

#main_column #brand_main_box #brand_right_box {
	width:384px;

	float:left;
}



/* ------------------------------------------------------------------------------------ 会社概要と沿革-- */
#main_column #campany_profile_box {
	margin:14px 0 0 0; 
	width:782px;
	clear:both;
}

#main_column #campany_profile_img {
	margin:14px 0 28px 0; 
	text-align:center;
	clear:both;
}

#main_column #campany_profile_box .campany_left {
	width:200px;
	padding:21px 0 0 26px;
	float:left;
}
#main_column #campany_profile_box .campany_right {
	/*font-size:72%;*/
	font-size:75%;
	padding:36px 0 0 0;
	width:550px;
	color:#000000;
	float:left;
}

#main_column #campany_profile_box .campany_right #company dt {
	float:left;
	width:120px;
	padding:5px 0 15px 0; 
	clear:both;
	/*font-weight:bold;*/
	line-height:16px;
}
#main_column #campany_profile_box .campany_right #company dd {
	margin-left:120px;
	padding:5px 0 15px 0px;
	line-height:16px;
	/*font-weight:bold;*/
}
#syozai {
	margin:0 0 -15px 0;
}

.text_two {
	letter-spacing:0;
}
.text_four {
	letter-spacing:5px;
}
#main_column #campany_profile_box .campany_right li {
	list-style:none;
	/*font-weight:bold;*/
	line-height:32px;
}

#main_column #campany_profile_box .campany_right #jigyou dt {
	float:left;
	width:130px;
	padding:5px 0 15px 0;
	line-height:18px;
	/*font-weight:bold;*/
	clear:both;
}
#main_column #campany_profile_box .campany_right #jigyou dd {
	margin-left:130px;
	padding:5px 0 15px 0px;
	line-height:18px;
	/*font-weight:bold;*/
}

#main_column #campany_profile_box .campany_right #enkaku dt {
	float:left;
	width:55px;
	padding:5px 0 15px 0; 
	clear:both;
	/*font-weight:bold;*/
	line-height:16px;
}
#main_column #campany_profile_box .campany_right #enkaku dd {
	margin-left:55px;
	padding:5px 0 15px 0px;
	line-height:16px;
	/*font-weight:bold;*/
}




/* ------------------------------------------------------------------------------------ ビスク直営店舗のご紹介-- */
#main_column #shop_box {
	margin:0 0 0 0; 
	width:782px;
	clear:both;
}
#main_column #shop_box .shop_main_box {
	margin:23px 0 0 0; 
	width:782px;
	clear:both;
}

#main_column #shop_box .shop_left {
	width:276px;
	height:340px;
	float:left;
}
#main_column #shop_box .shop_right {
	width:506px;
	height:320px;
	float:left;
}
#main_column #shop_box .shop_logo {
	padding:154px 0 0 0;
}

#main_column #shop_box .shop_right .shop_right_box {
	font-size:75%;
	letter-spacing:0px;
	line-height:17px;
}

#main_column #shop_box .shop_right .shop_right_text {
	width:273px;
	height:245px;
	float:left;
}
#main_column #shop_box .shop_right .shop_right_photo {
	width:233px;
	height:245px;
	float:left;
}



#main_column #shop_box .shop_right .shop_logo_text {
	height:230px;
	list-style:none;
}
#main_column #shop_box .shop_right .shop_text {
	width:263px;
	margin-top:3px;
}
#main_column #shop_box .shop_right .shop_staff_box {
	padding:30px 0 0 0;
	list-style:none;
}

#main_column #shop_box .shop_right .shop_staff_box li {
	float:left;
}

#main_column #shop_box .shop_bottom {
	width:506px;
	height:82px;
}
#main_column #shop_box .shop_bottom .shop_bottom_left {
	width:334px;
	height:72px;
	background:url("../images/shop/shop_comment.gif") no-repeat;
	padding:8px 0 0 0;
	font-size:72%;
	line-height:20px;
	float:left;
}
#main_column #shop_box .shop_bottom .shop_bottom_right {
	width:171px;
	height:82px;
	float:left;
}

#main_column #shop_box .shop_bottom .shop_bottom_left dt {
	float:left;
	width:110px;
	padding:0 0 0 0;
	clear:both;
}
#main_column #shop_box .shop_bottom .shop_bottom_left dd {
	margin-left:110px;
	padding:0 0 0 0px;
}



#main_column #shop_box .shop_right .shop_staff_box .shop_staff1 {
	width:93px;
	height:54px;
	background:url("../images/shop/grande_Maree_staff_1.gif") no-repeat;
	text-indent:-6495px;
}
#main_column #shop_box .shop_right .shop_staff_box .shop_staff2 {
	width:93px;
	height:54px;
	background:url("../images/shop/costacourt_staff_1.gif") no-repeat;
	text-indent:-6495px;
}
#main_column #shop_box .shop_right .shop_staff_box .shop_staff3 {
	width:93px;
	height:54px;
	background:url("../images/shop/briliant_staff_1.gif") no-repeat;
	text-indent:-6495px;
}
#main_column #shop_box .shop_right .shop_staff_box .shop_staff4 {
	width:93px;
	height:54px;
	background:url("../images/shop/cdf_etendue_staff_1.gif") no-repeat;
	text-indent:-6495px;
}
#main_column #shop_box .shop_right .shop_staff_box .shop_staff5 {
	width:93px;
	height:54px;
	background:url("../images/shop/universal_staff_1.gif") no-repeat;
	text-indent:-6495px;
}




/* ------------------------------------------------------------------------------------ 求人詳細-- */
#main_column #recruit_box {
	margin:0 0 0 0; 
	width:782px;
	clear:both;
}

#main_column #recruit_box #recruit_top_text {
	width:600px;
	height:100px;
	font-size:68%;
	line-height:16px;
	float:left;
	clear:both;
}

#main_column #recruit_box #recruit_top_title {
	font-size:13px;
	padding:10px 0 0 0; 
	font-weight:bold;
}

#main_column #recruit_box #recruit_main_box {
	clear:both;
}

#main_column #recruit_box #recruit_left {
	width:586px;
	float:left;
}
#main_column #recruit_box #recruit_right {
	width:196px;
	height:600px;
	float:left;
}


#main_column #recruit_box #recruit_left #recruit_center_text {
	text-align:left;
	font-size:72%;
	padding-bottom:5px;
	font-weight:bold;
}
#main_column .recruit_text_main {
	width:486px;
	padding:20px 0 0 0; 
	float:left;
}

/*#main_column .recruit_text_main .recruit_left_box {
	width:98px;
	padding-bottom:10px;
	float:left;
}*/
#main_column .recruit_text_main .recruit_right_box {
	width:700px;
	font-size:80%;
	line-height:20px;
	padding-bottom:20px;
	float:left;
}

#main_column .recruit_right_box .recruit_dl dt {
	float:left;
	width:75px;
	clear:both;
}
#main_column .recruit_right_box .recruit_dl dd {
	margin-left:75px;
}




/* ------------------------------------------------------------------------------------ FOOTER-- */
#footer {
	width:840px;
	height:16px;
	text-align:center;
	padding-top:75px;
	color:#FFFFFF;
	font-size:10px;
	background:url("../images/footer.gif") no-repeat;
	clear:both;
}