@charset "utf-8";

div#sapporo_body p
{
    margin-top:             10px;
    padding-bottom:         2px;
    font-size:              12px;
    line-height:            1.66em;
}

div#sapporo_body h2
{
    clear:                  both;
/*  height:                 60px;*/
    margin-top:             14px;
    margin-bottom:          14px;
    color:                  #c99928;
    font-size:              20px;
    font-weight:            bold;
    line-height:            30px;
}

div#sapporo_body h3
{
    height:                 20px;
    margin-top:             10px;
    margin-bottom:          5px;
    padding-top:            3px;
    padding-bottom:         3px;
    font-size:              15px;
    font-weight:            bold;
    color:                  #C99928;
    line-height:            20px;
    border-top:             1px solid #c99928;
    border-bottom:          1px solid #c99928;
    border-right-width:     1px;
    border-left-width:      1px;
}

div#sapporo_body span.fontColor
{
    font-weight:            bold;
    color:                  #a6341c;
}


div#sapporo_body .img1
{
    float:                  right;
    margin-left:            20px;
}

div#sapporo_body .img2
{
    float:                  left;
    margin-right:           20px;
}

div#sapporo_body ul#sapporoMenu
{
    margin-top:             5px;
    overflow:               hidden;
}

div#sapporo_body ul#sapporoMenu2
{
    margin-top:             0px;
    overflow:               hidden;
}

div#sapporo_body ul#sapporoMenu li,
div#sapporo_body ul#sapporoMenu2 li
{
    float:                  left;
    display:                inline;
    width:                  195px;
    margin:                 0px 0px 0px 15px 0px;
    padding:                0;
    color:                  #ffffff;
    background-color:       #333333;
}

div#sapporo_body ul#sapporoMenu li.news,
div#sapporo_body ul#sapporoMenu2 li.news
{
    width:                  117px;
}

div#sapporo_body ul#sapporoMenu li img,
div#sapporo_body ul#sapporoMenu2 li img
{
    height:                 60px;
    vertical-align:         bottom;
}

/****************
 contact form
****************/
body#sapporoContact
{
    margin:                 0;
    padding:                0;
    font-size:              12px;
    text-align:             center;
    line-height:            20px;
    background-repeat:      repeat-x;
}

body#sapporoContact div#contents
{
    width:                  956px;
    margin:                 0 auto;
    padding:                15px 0px 15px 0px;
    text-align:             left;
}

body#sapporoContact div#headerBox1
{
    width:                  100%;
    height:                 20px;
    padding:                0px;
    background-color:       #17a700;
}

body#sapporoContact div#headerBox1 h1
{
    width:                  941px;
    height:                 20px;
    margin:                 0 auto;
    padding-left:           15px;
    color:                  #ffffff;
    text-align:             left;
}

body#sapporoContact div#headerBox2
{
    width:                  941px;
    height:                 60px;
    margin:                 0px auto;
    margin-left:            auto;
    padding:                30px 0px 30px 15px;
    text-align:             left;
}

body#sapporoContact p
{
    margin:                 0px 0px 1em;
}

body#sapporoContact h2
{
    height:                 24px;
    margin:                 0;
    margin-bottom:          10px;
    padding-left:           7px;
    padding-bottom:         3px;
    font-size:              18px;
    font-weight:            bold;
    color:                  #17a700;
    border-left:            4px solid #17a700;
    line-height:            24px;
}

body#sapporoContact span.red
{
    color:                  #cc0000;
}

body#sapporoContact td
{
    padding:                5px;
}

body#sapporoContact tr.td_colored td
{
    background-color:       #ececec;
}

/* 09/12/02 */
p.lead
{
/*  padding:                3px 4px;
    border:                 1px dashed #88aacc;*/
}

p.question
{
    color:                  #124E72;
    color:                  #a6341c;
    font-weight:            bold;

}

p.editor
{
    color:                  #3366aa;
}

div.shopdata
{
    margin-top:             30px;
    padding-top:            8px;
    border-top:             2px solid #ff0000;
}

div#midLeft div.shopdata h4.mttl
{
    margin-top:             0px;
    margin-bottom:          8px;
    font-size:              14px;
    font-weight:            bold;
    line-height:            15px;
}

div.shopdata table td
{
    font-size:              105%;
    font-weight:            normal;
    line-height:            1.7em;
    vertical-align:         top;
}

div.shopdata table td.td_ttl
{
    width:                  6em;
}

/* added 20100425 */
dl.rResearch
{
    margin-top:             5px;
    font-size:              105%;
}

dl.rResearch dt
{
    clear:                  both;
    margin:                 0px;
    padding:                3px 5px 3px 5px;
    font-size:              0.95em;
    font-weight:            bold;
    color:                  #1c34a6;
    cursor:                 pointer;
    border:                 1px solid #bbccff;
}

dl.rResearch dt span
{
    font-weight:            normal;
    color:                  #666666;
}

dl.rResearch dd table
{
    border-collapse:        collapse;
    border-spacing:         0px;
}

dl.rResearch dd table td
{
    padding:                0px;
}

dl.rResearch dd p.summary
{
    margin-right:           10px;
    font-size:              1em;
    font-weight:            bold;
    color:                  #a6341c
}

div#sapporo_body h4.secTtl
{
    width:                  98%;
    padding:                3px 0px 3px 15px;
    font-size:              120%;
    border-top:             1px solid #a6341c;
    border-bottom:          1px solid #a6341c;
}

div.shopReport
{
    width:                  98%;
    font-weight:            normal;
    line-height:            1.7em;
}

div.shopReport h5
{
    width:                  53%;
    margin-top:             15px;
    margin-bottom:          15px;
    padding:                3px 0px 3px 15px;
    font-weight:            bold;
    font-size:              105%;
    letter-spacing:         1px;
    color:                  #1c34a6;
    border:                 1px dashed #1c34a6;
}

div.prev_next
{
    margin-top:             20px;
}

div.prev_next a
{
    color:                  #324483;
}

p.res_usage
{
    text-align:             right;
    margin-right:           4em;
    margin-bottom:          5px;
}

p.res_usage a
{
    color:                  #324483;
}

/********************
 第５弾 2010.06.11
********************/
dl.rResearchFlat
{
    margin-top:             30px;
    font-size:              120%;
}

dl.rResearchFlat dt
{
    clear:                  both;
    margin:                 0px;
    padding:                3px 5px 3px 5px;
    font-size:              1.2em;
    font-weight:            bold;
    color:                  #1c34a6;
/*    cursor:                 pointer;*/
    border-top:             1px solid #bbccff;
    border-bottom:          1px solid #bbccff;
}

dl.rResearchFlat dt span
{
    font-weight:            bold;
    color:                  #a6341c;
}

dl.rResearchFlat dd table
{
    border-collapse:        collapse;
    border-spacing:         0px;
}

dl.rResearchFlat dd table td
{
    padding:                0px;
}

dl.rResearchFlat dd p.summary
{
    margin-right:           10px;
    font-size:              1em;
    font-weight:            bold;
    color:                  #a6341c
}

div#sapporo_body h4.secTtl
{
    width:                  98%;
    padding:                3px 0px 3px 15px;
    font-size:              120%;
    border-top:             1px solid #a6341c;
    border-bottom:          1px solid #a6341c;
}

/* 質問リスト */
div#sapporo_body div.qs
{
	margin-top:				20px;
	border-top:				1px dotted #2244aa;
	border-bottom:			1px dotted #2244aa;
}

div#sapporo_body div.qs h4
{
	margin:					5px 0px 5px 0px;
}

div#sapporo_body ul.qlist
{
	margin-left:			1em;
	margin-bottom:			5px;
	line-height:			1.6;
}

div#sapporo_body ul.ans_a
{
	width:					90%;
	margin-top:				10px;
	margin-left:			1.5em;
	margin-bottom:			5px;
	line-height:			1.6;
}

div#sapporo_body ul.ans_a li
{
	padding-left:			20px;
	background:				url(../images/mark_grn_gt.gif) no-repeat left top;
}

/* 分析 */
div#sapporo_body div.section h4
{
	padding-left:			5px;
	border-left:			5px solid #00cc00;
}

div#sapporo_body div.section img#fig1
{
	margin-left:			30px;
}

div#sapporo_body div.section img#fig2
{
	margin-left:			60px;
	margin-bottom:			20px;
}

/* 結論 */
div#sapporo_body p.conclusion
{
	width:					80%;
	margin-top:				20px;
	margin-left:			20px;
	font-weight:			bold;
	color:					#333366;
	letter-spacing:			1px;
	line-height:			1.5;
}

/* アンケートデータ */
div#sapporo_body div.sampling
{
	width:					40em;
	margin-top:				30px;
	margin-left:			30px;
	padding:				5px 10px;
	border:					1px dashed #8888aa;
}

div#sapporo_body div.sampling h5
{
	margin-bottom:			5px;
	font-weight:			bold;
}

div#sapporo_body div.sampling dl dt
{
	clear:					both;
	float:					left;
	padding-right:			1em;
}

div#sapporo_body span.hide
{
	display:				none;
}

/********************
 画像
********************/
img.aLeftx
{
    float:                  left;
    margin:                 10px 0px 20px 0px;
}

img.aRightx
{
    float:                  right;
    margin:                 10px 0px 20px 0px;
}

img.aLeft
{
    float:                  left;
    margin:                 10px 30px 20px 0px;
}

img.aRight
{
    float:                  right;
    margin:                 10px 10px 20px 30px;
}

/********************
 第6弾
********************/
/* 背景 */
p.yoshida1
{
	width:					630px;
	min-height:				197px;
	margin-left:			30px;
	padding:				10px 10px 10px 170px;
	background:				url(../images/chr/bk_yoshida1.gif) no-repeat left top;
}

span.yoshida1
{
	display:				block;
	width:					440px;
}

p.morii1
{
	width:					656px;
	min-height:				201px;
	margin-left:			30px;
	padding:				10px 10px 10px 20px;
	background:				url(../images/chr/bk_morii1.gif) no-repeat left top;
}

span.morii1
{
	display:				block;
	width:					440px;
}

p.yoshida2
{
	width:					590px;
	min-height:				81px;
	margin-left:			30px;
	padding:				10px 10px 10px 115px;
	background:				url(../images/chr/bk_yoshida2.gif) no-repeat left top;
}

span.yoshida2
{
	display:				block;
	width:					450px;
}

p.baba1
{
	width:					630px;
	min-height:				197px;
	margin-left:			30px;
	padding:				10px 10px 10px 180px;
	background:				url(../images/chr/bk_baba1.gif) no-repeat left top;
}

span.baba1
{
	display:				block;
	width:					450px;
}

p.morii2
{
	width:					590px;
	min-height:				96px;
	margin-left:			30px;
	padding:				10px 10px 10px 15px;
	background:				url(../images/chr/bk_morii2.gif) no-repeat left top;
}

span.morii2
{
	display:				block;
	width:					460px;
}

p.nakagawa1
{
	width:					610px;
	min-height:				179px;
	margin-left:			30px;
	padding:				10px 10px 10px 190px;
	background:				url(../images/chr/bk_nakagawa1.gif) no-repeat left top;
}

span.nakagawa1
{
	display:				block;
	width:					410px;
}

p.baba2
{
	width:					590px;
	min-height:				122px;
	margin-left:			30px;
	padding:				10px 10px 10px 20px;
	background:				url(../images/chr/bk_baba2.gif) no-repeat left top;
}

span.baba2
{
	display:				block;
	width:					440px;
}

p.nakagawa2
{
	width:					600px;
	min-height:				81px;
	margin-left:			30px;
	padding:				10px 10px 10px 20px;
	background:				url(../images/chr/bk_nakagawa2.gif) no-repeat left top;
}

span.nakagawa2
{
	display:				block;
	width:					450px;
}

p.baba3
{
	width:					575px;
	min-height:				80px;
	margin-left:			30px;
	padding:				10px 10px 10px 120px;
	background:				url(../images/chr/bk_baba3.gif) no-repeat left top;
}

span.baba3
{
	display:				block;
	width:					430px;
}

p.morii3
{
	width:					597px;
	min-height:				122px;
	margin-left:			30px;
	padding:				10px 10px 10px 120px;
	background:				url(../images/chr/bk_morii3.gif) no-repeat left top;
}

span.morii3
{
	display:				block;
	width:					460px;
}

p.yoshida3
{
	width:					575px;
	min-height:				182px;
	margin-left:			30px;
	padding:				10px 10px 10px 20px;
	background:				url(../images/chr/bk_yoshida3.gif) no-repeat left top;
}

span.yoshida3
{
	display:				block;
	width:					440px;
}

p.summary
{
	padding:				5px 10px;
	border:					1px dashed #4466aa;
}