@charset "UTF-8";

/*-------------------------------------------------- 共通*/
#mugitohop {
	margin: 0px auto;
	padding: 13px 0px 15px;
	text-align: left;
	width: 756px;
}

#mugitohop .clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/*IE7*/
#mugitohop .clearfix { zoom: 100%; }
#mugitohop img { vertical-align: top; }
#mugitohop .mugi_img {
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

#mugitohop .top_btn,
#mugitohop .page_top {
	margin-right: 6px;
	text-align: right;
}
#mugitohop .top_btn { margin-left: 6px; }
#mugitohop .top_btn .btn_l { float: left; width: 225px; }
#mugitohop .top_btn .btn_r { float: right; width: 355px; }

#mugitohop .page_top { margin: 40px 0px 10px; }
#mugitohop .page_top a { color: #3d5199; }

/*-------------------------------------------------- トップページ*/
#mugitohop .mugi_top {
	background-image: url(../images/sapporo_top_back_img.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 533px;
	margin: 0px 0px 10px;
	padding: 5px;
}

*html #mugitohop .mugi_top { height: 533px; }
*:first-child+html #mugitohop .mugi_top { height: 533px; }

/*ナビ*/
#mugitohop .mugi_top .mugi_navi li { float: left; }

/*ナビ下*/
#mugitohop .mugi_top .more_l {
	float: left;
	width: 248px;
}

#mugitohop .mugi_top .more_r {
	float: right;
	width: 497px;
}

#mugitohop .mugi_top .more_sub { vertical-align: bottom; }
#mugitohop .mugi_top .more_sub span { vertical-align: bottom; }

#mugitohop .mugi_top .more_l_in { padding: 12px 7px 7px 9px; }
#mugitohop .mugi_top .more_r_in { padding: 12px 7px 7px 7px; }

#mugitohop .mugi_top .more_l_in p,
#mugitohop .mugi_top .more_r_in p { color: #333; font-size: 63%; }

*html #mugitohop .mugi_top .more_r_in p { font-size: 82%; margin-bottom: 2px; }
*html #mugitohop .mugi_top .more_l_in p { font-size: 82%; }
*:first-child+html #mugitohop .mugi_top .more_r_in p { font-size: 82%; margin-bottom: 2px; }
*:first-child+html #mugitohop .mugi_top .more_l_in p { font-size: 82%; }

#mugitohop .mugi_top .more_l_in .more_l_btn { margin-top: 2px; text-align: right; }
#mugitohop .mugi_top .more_r_in .more_r_btn { margin-top: 2px; }

*html #mugitohop .mugi_top .more_l_in .more_l_btn { margin-top: 4px; text-align: right; }
*html #mugitohop .mugi_top .more_r_in .more_r_btn { margin-top: 4px; }
*:first-child+htm #mugitohop .mugi_top .more_l_in .more_l_btn { margin-top: 4px; text-align: right; }
*:first-child+htm #mugitohop .mugi_top .more_r_in .more_r_btn { margin-top: 4px; }

#mugitohop .mugi_top .more_r_in .more_r_btn li { float: left; }
#mugitohop .mugi_top .more_r_in .more_r_btn .btn_pr { padding-right: 1px; }

/*Adobe Reader*/
#mugitohop .mugi_adobe .ad_t_l {
	color: #333;
	float: left;
	font-weight: bold;
	line-height: 1;
	width: 456px;
}
#mugitohop .mugi_adobe .ad_t_l img { vertical-align: top; }

#mugitohop .mugi_adobe .ad_t_r {
	color: #333;
	float: right;
	font-size: 63%;
	line-height: 1;
	text-align: right;
	width: 300px;
}

*html #mugitohop .mugi_adobe .ad_t_r { font-size: 82%; }
*:first-child+html #mugitohop .mugi_adobe .ad_t_r { font-size: 82%; }

#mugitohop .mugi_adobe .ad_box {
	background-color: #e3e3e3;
	margin-top: 10px;
	padding: 5px;
}
#mugitohop .mugi_adobe .ad_box .ad_b_l {
	float: left;
	width: 110px;
}

#mugitohop .mugi_adobe .ad_box .ad_b_r {
	color: #333;
	float: right;
	font-size: 63%;
	width: 625px;
}
*html #mugitohop .mugi_adobe .ad_box .ad_b_r { font-size: 82%; line-height: 1.6; }
*:first-child+html #mugitohop .mugi_adobe .ad_box .ad_b_r { font-size: 82%; line-height: 1.6; }

#mugitohop .mugi_adobe .ad_box .ad_b_r a { color: #3d5199; }

/*-------------------------------------------------- 開発の背景*/
#mugitohop .mugi_con01 .con01_lease .shohi_data,
#mugitohop .mugi_con01 .con01_lease .uriage_data {
	background-image: url(../images/sapporo_con01_uri_back_img.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
}
/*消費者心理*/
#mugitohop .mugi_con01 .con01_lease .shohi_data { position: relative; }
#mugitohop .mugi_con01 .con01_lease .shohi_data .sho_ttl {
	float: left;
	width: 136px;
}
#mugitohop .mugi_con01 .con01_lease .shohi_data ul {
	float: right;
	width: 620px;
}
#mugitohop .mugi_con01 .con01_lease .shohi_data .sho_txt {
	color: #727171;
	font-size: 94%;
	font-weight: bold;
	width: 510px;
}

*html #mugitohop .mugi_con01 .con01_lease .shohi_data .sho_txt { font-size: 120%; }
*:first-child+html #mugitohop .mugi_con01 .con01_lease .shohi_data .sho_txt { font-size: 120%; }

#mugitohop .mugi_con01 .con01_lease .shohi_data .sho_txt .s_txt_l { display: block; float: left; width: 280px; }
#mugitohop .mugi_con01 .con01_lease .shohi_data .sho_txt .s_txt_r { display: block; float: right; width: 230px; }
#mugitohop .mugi_con01 .con01_lease .shohi_data .sho_c {
	clear: both;
	position: absolute;
	top: 89px;
	left: 645px;
}

/*売上げデータ*/
#mugitohop .mugi_con01 .con01_lease .uriage_data p {
	float: left;
	width: 138px;
}
#mugitohop .mugi_con01 .con01_lease .uriage_data ul {
	float: right;
	width: 618px;
}
#mugitohop .mugi_con01 .con01_lease .uriage_data .uri_txt {
	color: #727171;
	font-size: 94%;
	font-weight: bold;
}

*html #mugitohop .mugi_con01 .con01_lease .uriage_data .uri_txt { font-size: 120%; }
*:first-child+html #mugitohop .mugi_con01 .con01_lease .uriage_data .uri_txt { font-size: 120%; }

#mugitohop .mugi_con01 .needs_new {
	background-image: url(../images/sapporo_con01_new_back_img.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	position: relative;
}
#mugitohop .mugi_con01 .needs_new .new_txt {
	color: #333;
	font-size: 65%;
	line-height: 1.2;
	padding-left: 135px;
}

*html #mugitohop .mugi_con01 .needs_new .new_txt { font-size: 82%; }
*:first-child+html #mugitohop .mugi_con01 .needs_new .new_txt { font-size: 82%; }

#mugitohop .mugi_con01 .needs_new .new_img {
	position: absolute;
	top: 72px;
	left: 570px;
}

#mugitohop .mugi_con01 .lease_btn,
#mugitohop .mugi_con01 .needs_btn {
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-bottom: 30px;
	text-align: center;
}

#mugitohop .mugi_con01 .lease_btn { background-image: url(../images/sapporo_lease_b_img.gif); margin-bottom: 28px; }
#mugitohop .mugi_con01 .needs_btn { background-image: url(../images/sapporo_needs_b_img.gif); }

/*-------------------------------------------------- うまさの秘密*/
#mugitohop .mugi_con02 {  }
#mugitohop .mugi_con02 .con02_sec {
	margin-bottom: 20px;
	position: relative;
}

#mugitohop .mugi_con02 .con02_sec .sec_txt {
	color: #492305;
	font-weight: bold;
	line-height: 1.4;
	position: absolute;
	top: 556px;
	left: 45px;
	width: 400px;
}

#mugitohop .mugi_con02 .con02_sec .mugi100 { position: relative; }
#mugitohop .mugi_con02 .con02_sec .mugi100_l,
#mugitohop .mugi_con02 .con02_sec .mugi100_r {
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.4;
	position: absolute;
	text-align: center;
	width: 130px;
}
#mugitohop .mugi_con02 .con02_sec .mugi100_l { top: 159px; left: 70px; }
#mugitohop .mugi_con02 .con02_sec .mugi100_r { top: 159px; left: 557px; }

*html #mugitohop .mugi_con02 .con02_sec .mugi100_l { font-size: 120%; }
*html #mugitohop .mugi_con02 .con02_sec .mugi100_r { font-size: 120%; }
*:first-child+html #mugitohop .mugi_con02 .con02_sec .mugi100_l { font-size: 120%; }
*:first-child+html #mugitohop .mugi_con02 .con02_sec .mugi100_r { font-size: 120%; }

#mugitohop .mugi_con02 .con02_sec .mugi100_txt {
	color: #676767;
	font-size: 65%;
	line-height: 1.2;
	vertical-align: top;
	position: absolute;
	top: 395px;
	left: 69px;
}

*html #mugitohop .mugi_con02 .con02_sec .mugi100_txt { font-size: 82%; }
*:first-child+html #mugitohop .mugi_con02 .con02_sec .mugi100_txt { font-size: 82%; }

#mugitohop .mugi_con02 .con02_sec .mugi100_txt img { vertical-align: middle; }

#mugitohop .mugi_con02 .con02_bland {
	background-image: url(../images/sapporo_con02_bland_back_img.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	margin-bottom: 40px;
}

#mugitohop .mugi_con02 .con02_bland .bland_in,
#mugitohop .mugi_con02 .con02_bland .bland_last { margin: 0px 26px; }

#mugitohop .mugi_con02 .con02_bland .bland_in .bland_box .box_top,
#mugitohop .mugi_con02 .con02_bland .bland_in { margin-bottom: 20px; }

#mugitohop .mugi_con02 .con02_bland .bland_in .bland_box {
	float: left;
	width: 524px;
}
#mugitohop .mugi_con02 .con02_bland .bland_in p {
	float: right;
	width: 160px;
}

#mugitohop .mugi_con02 .con02_bland .bland_l {
	float: left;
	width: 120px;
}

#mugitohop .mugi_con02 .con02_bland .bland_r {
	color: #333;
	float: right;
	width: 393px;
}
*html #mugitohop .mugi_con02 .con02_bland .bland_r { font-size: 100%; line-height: 1.6; }
*html #mugitohop .mugi_con02 .con02_bland .bland_r_txt { font-size: 100%; line-height: 1.6; }

#mugitohop .mugi_con02 .con02_bland .bland_ttl {
	font-size: 120%;
	font-weight: bold;
}
*html #mugitohop .mugi_con02 .con02_bland .bland_ttl { font-size: 120%; }

#mugitohop .mugi_con02 .con02_bland .bland_txt {
	background-color: #f5cccc;
	font-weight: bold;
	padding: 0px 3px;
}

#mugitohop .mugi_con02 .con02_bland .bland_r_txt {
	color: #333;
	float: right;
	width: 573px;
}

#mugitohop .mugi_con02 .voice_box {
	background-image: url(../images/sapporo_con02_voice_img.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 332px;
	position: relative;
}
#mugitohop .mugi_con02 .voice_box .voi_l,
#mugitohop .mugi_con02 .voice_box .voi_c,
#mugitohop .mugi_con02 .voice_box .voi_r {
	color: #333;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.8;
	position: absolute;
	top: 88px;
}

#mugitohop .mugi_con02 .voice_box .voi_l { left: 41px; }
#mugitohop .mugi_con02 .voice_box .voi_c { left: 295px; }
#mugitohop .mugi_con02 .voice_box .voi_r { left: 548px; }

#mugitohop .mugi_con02 .voice_box .voi_l_01 { padding-bottom: 5px; }
#mugitohop .mugi_con02 .voice_box .voi_l_02 { padding-bottom: 6px; }
#mugitohop .mugi_con02 .voice_box .voi_l_03 { padding-bottom: 5px; }

#mugitohop .mugi_con02 .voice_box .voi_c_01 { padding-bottom: 6px; }
#mugitohop .mugi_con02 .voice_box .voi_c_02 { padding-bottom: 4px; }
#mugitohop .mugi_con02 .voice_box .voi_c_03 { padding-bottom: 6px; }

#mugitohop .mugi_con02 .voice_box .voi_r_01 { padding-bottom: 40px; }

*html #mugitohop .mugi_con02 .voice_box .voi_c { top: 85px; }
*html #mugitohop .mugi_con02 .voice_box .voi_r { top: 84px; }

*html #mugitohop .mugi_con02 .voice_box .voi_l_01 { padding-bottom: 0px; }
*html #mugitohop .mugi_con02 .voice_box .voi_l_02 { padding-bottom: 0px; }
*html #mugitohop .mugi_con02 .voice_box .voi_l_03 { padding-bottom: 0px; }
*html #mugitohop .mugi_con02 .voice_box .voi_c_01 { padding-bottom: 0px; }
*html #mugitohop .mugi_con02 .voice_box .voi_c_02 { padding-bottom: 0px; }
*html #mugitohop .mugi_con02 .voice_box .voi_c_03 { padding-bottom: 0px; }
*html #mugitohop .mugi_con02 .voice_box .voi_r_01 { padding-bottom: 30px; }

*:first-child+html #mugitohop .mugi_con02 .voice_box .voi_c { top: 85px; }
*:first-child+html #mugitohop .mugi_con02 .voice_box .voi_r { top: 84px; }

*:first-child+html #mugitohop .mugi_con02 .voice_box .voi_l_01 { padding-bottom: 0px; }
*:first-child+html #mugitohop .mugi_con02 .voice_box .voi_l_02 { padding-bottom: 0px; }
*:first-child+html #mugitohop .mugi_con02 .voice_box .voi_l_03 { padding-bottom: 0px; }
*:first-child+html #mugitohop .mugi_con02 .voice_box .voi_c_01 { padding-bottom: 0px; }
*:first-child+html #mugitohop .mugi_con02 .voice_box .voi_c_02 { padding-bottom: 0px; }
*:first-child+html #mugitohop .mugi_con02 .voice_box .voi_c_03 { padding-bottom: 0px; }
*:first-child+html #mugitohop .mugi_con02 .voice_box .voi_r_01 { padding-bottom: 30px; }

/*-------------------------------------------------- 販促プラン*/
#mugitohop .mugi_con03 .con03_top {
	color: #333;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 15px;
}
#mugitohop .mugi_con03 .idea01 {
	background-image: url(../images/sapporo_con03_idea01_back_img.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	margin-top: 15px;
}
#mugitohop .mugi_con03 .idea01 p {
	float: left;
	width: 113px;
}
#mugitohop .mugi_con03 .idea01 ul {
	float: right;
	width: 643px;
}
#mugitohop .mugi_con03 .idea01 .idea01_txt {
	color: #333;
	font-size: 94%;
	font-weight: bold;
	line-height: 1.4;
	margin-left: 10px;
	width: 585px;
}

*html #mugitohop .mugi_con03 .idea01 .idea01_txt { font-size: 120%; }
*:first-child+html #mugitohop .mugi_con03 .idea01 .idea01_txt { font-size: 120%; }

#mugitohop .mugi_con03 .idea02_03 {
	background-image: url(../images/sapporo_con03_idea02_03_back_img.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	color: #333;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.4;
}

#mugitohop .mugi_con03 .idea02 { float: left; width: 378px; }
#mugitohop .mugi_con03 .idea03 { float: right; width: 378px; }

#mugitohop .mugi_con03 .idea02 p { float: left; width: 118px; }
#mugitohop .mugi_con03 .idea03 p { float: left; width: 112px; }
#mugitohop .mugi_con03 .idea02 ul { float: right; width: 260px; }
#mugitohop .mugi_con03 .idea03 ul { float: right; width: 266px; }

#mugitohop .mugi_con03 .idea04 {
	background-image: url(../images/sapporo_con03_idea04_back_img.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

#mugitohop .mugi_con03 .idea04 li {
	color: #333;
	font-size: 94%;
	font-weight: bold;
	line-height: 1.4;
	padding-left: 45px;
	width: 610px;
}

*html #mugitohop .mugi_con03 .idea04 li { font-size: 120%; }
*:first-child+html #mugitohop .mugi_con03 .idea04 li { font-size: 120%; }

#mugitohop .mugi_con03 .menu_ex { position: relative; }
#mugitohop .mugi_con03 .menu_ex .menu_txt {
	color: #333;
	font-size: 94%;
	font-weight: bold;
	line-height: 1.4;
	width: 500px;
	position: absolute;
	top: 76px;
	left: 182px;
}

*html #mugitohop .mugi_con03 .menu_ex .menu_txt { font-size: 120%; }
*:first-child+html #mugitohop .mugi_con03 .menu_ex .menu_txt { font-size: 120%; }