@charset "utf-8";
/* CSS Document */

#sapporo-special-contents-area {
	background:#f1ebdf!important;
}

#sapporo-special-contents-area #wrapper {
	background:url(../img/bg_01.gif) no-repeat left top #FFF;
	width:950px;
	margin:0 auto;
	padding-bottom:0px;
}

#sapporo-special-contents-area #wrapper #content {
background:url(../img/bg_02.gif) no-repeat left bottom;
border:none;
width:950px;
margin:0 auto;
}



#sapporo-special-contents-area #wrapper #content img{
	font-size:0%;
	line-height:0;

}

#sapporo-special-contents-area #wrapper #content #kvBlock img,
#sapporo-special-contents-area #wrapper #content #contNaviBlock img{
	vertical-align:top;
}

#sapporo-special-contents-area #wrapper #content img {
	vertical-align:middle;
}	

#sapporo-special-contents-area #wrapper #content .displayB img {
	display:block;
}	

body.special-ht #sapporo-special-contents-area div#pagebody div#contents h2.image {
	width:566px;
}

body.special-ht #sapporo-special-contents-area div#pagebody div#contents .textArea {
	width:581px;
	}
	
#sapporo-special-contents-area div.h2Block p.h2Text {
font-size:120%;
}

#sapporo-special-contents-area div.h2Block p.codicil {
	font-size:100%;
}
	
body.special-ht #sapporo-special-contents-area div#pagebody div#contents .start {
	width:581px;
	margin:0 auto !important;
	text-align:center;

}

body.special-ht #sapporo-special-contents-area div#pagebody div#contents .start a {
	display:block;
}
	


#sapporo-special-contents-area #header a:link, 
#sapporo-special-contents-area #body a:link, 
#sapporo-special-contents-area #footer a:link {
	color:#3D5199;
	text-decoration:none;
}

#sapporo-special-contents-area div#header a:visited,
#sapporo-special-contents-area div#body a:visited,
#sapporo-special-contents-area div#footer a:visited{
	color:#8B97C2;
	text-decoration: none;
}

#sapporo-special-contents-area #header a:hover, 
#sapporo-special-contents-area #body a:hover, 
#sapporo-special-contents-area #footer a:hover	{
	color:#25315C;
	text-decoration:underline;
}

#sapporo-special-contents-area #wrapper #content a:hover {
	text-decoration:underline;
	color:#25315C;
}


/*body class*/
body.index #sapporo-special-contents-area div#contentBlock{
	margin-top: -10px;
}


/*  </tekisei/index.html>
---------------------------------------------------------- */
body.index #sapporo-special-contents-area div#contNaviBlock{
	margin-left: 1px;
	margin-bottom: 7px;
	padding-top: 3px;
	padding-left: 14px;
	width: 764px;
	height: 76px;
	background: #ffffff url(../../img/index/bg_subnavi_01.gif) no-repeat;
}
body.index #sapporo-special-contents-area #kvBlock .contentsmap{
	position: absolute;
	left: 649px;
	top: 14px;
}
body.index #sapporo-special-contents-area .contNavi-sub li a,
body.index #sapporo-special-contents-area .contNavi-sub li a:hover{
	background-position: 6px 18px;
	/* for all IE only */
	background-position: 6px 16px\9;
	padding: 13px 10px 13px 21px;
}
body.index #sapporo-special-contents-area #cont-sub01,
body.index #sapporo-special-contents-area #cont-sub02,
body.index #sapporo-special-contents-area #cont-sub03,
body.index #sapporo-special-contents-area #cont-sub04,
body.index #sapporo-special-contents-area #cont-sub05,
body.index #sapporo-special-contents-area #cont-sub06,
body.index #sapporo-special-contents-area #cont-sub07{
	top: 208px;
}

body.index #sapporo-special-contents-area li#contNavi-main-01{
	background: url(../../img/index/bg_sub_01.gif) top no-repeat;
}

body.index #sapporo-special-contents-area li#contNavi-main-02{
	background: url(../../img/index/bg_sub_02.gif) no-repeat;
}
body.index #sapporo-special-contents-area li#contNavi-main-03{
	background: url(../../img/index/bg_sub_03.gif) no-repeat;
}
body.index #sapporo-special-contents-area li#contNavi-main-04{
	background: url(../../img/index/bg_sub_04.gif) no-repeat;
}
body.index #sapporo-special-contents-area li#contNavi-main-05{
	background: url(../../img/index/bg_sub_05.gif) no-repeat;
}
body.index #sapporo-special-contents-area li#contNavi-main-06{
	background: url(../../img/index/bg_sub_06.gif) no-repeat;
}
body.index #sapporo-special-contents-area li#contNavi-main-07{
	background: url(../../img/index/bg_sub_07.gif) no-repeat;
	margin-left: 3px;
}


/*  paragraph
---------------------------------------------------------- */


body.special-ht #sapporo-special-contents-area table p.note {
	margin-left: 1em;
	text-indent: -1em;
}

body.special-ht #sapporo-special-contents-area div.box p {
	text-align: center;
	color: #6B3D2B;
}

body.special-ht #sapporo-special-contents-area div.box table p {
	text-align: left;
}

body.special-ht #sapporo-special-contents-area div.box p.link {
	margin-bottom: 5px;
}

body.special-ht #sapporo-special-contents-area p.start {
	padding: 15px 0 25px 0;
	text-align: center;
}


body.special-ht #sapporo-special-contents-area div.last p.image {
	margin: 35px 0;
	text-align: center;
}

body.special-ht #sapporo-special-contents-area p.more {
	padding: 6px 0 14px 19px;
}

body.special-ht #sapporo-special-contents-area div.last p.note {
	position: absolute;
	bottom: 82px;
	left: 96px;
}

body.special-ht #sapporo-special-contents-area div#navi {
	margin-top: -3px;
	height: 72px;
}

/*  div#pagebody
---------------------------------------------------------- */

body.special-ht #sapporo-special-contents-area div#pagebody {
	padding-bottom: 67px;
	margin-bottom: 0;
	background: url(../../special/check_quiz/img/shared/bg_contents_bottom.gif) no-repeat scroll 0 100%;
}

body.special-ht #sapporo-special-contents-area div#pagebody div#contents.contents {
	position: static;
	padding: 25px 101px 0 96px;
	_padding: 25px 91px 0 96px;
	background:url(../../special/check_quiz/img/shared/bg_contents.gif) repeat-y scroll 0 0 #fff ;
	line-height: 1.5;
}


	
body.special-ht #sapporo-special-contents-area div#answer h3 {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #ccc;
	height: 18px;
}

body.special-ht #sapporo-special-contents-area div#answer h4 {
	padding: 25px 0 5px 0;
}

body.special-ht #sapporo-special-contents-area div#answer div.description {
	width: 333px;
}


/* paragraph
---------------------------------------------------------- */

body.special-ht #sapporo-special-contents-area p.badge {
	position: absolute;
	top: -20px;
	right: 59px;
}

body.special-ht #sapporo-special-contents-area p.lead {
	position: absolute;
	top: -20px;
	left: 30px;
}

body.special-ht #sapporo-special-contents-area div.question p.icon {
	position: absolute;
	top: -20px;
	left: 30px;
}


body.special-ht #sapporo-special-contents-area div.question p.image {
	margin: 35px 0;
	text-align: center;
}

body.special-ht #sapporo-special-contents-area div.question p.text {
	margin-right: 100px;
	font-size: 11px;
	*font-size: 84%; /* for Win IE6-7 */
	color: #666;
}

body.special-ht #sapporo-special-contents-area div#question p {
	text-align: center;
}

body.special-ht #sapporo-special-contents-area div#question p img#select {
	cursor: pointer;
}

body.special-ht #sapporo-special-contents-area div#answer p.image {
	float: right;
	margin-top: -3px;
	padding-bottom: 5px;
}

body.special-ht #sapporo-special-contents-area div#answer.question_02 p.image,
body.special-ht #sapporo-special-contents-area div#answer.question_03 p.image {
	margin-top: -38px;
}

body.special-ht #sapporo-special-contents-area p.next {
	clear: both;
	padding-bottom: 10px;
	text-align: right;
}

body.special-ht #sapporo-special-contents-area p.page {
	position: relative;
	_height: 1px;
}

body.special-ht #sapporo-special-contents-area p.page img {
	position: absolute;
	bottom: -32px;
	right: -58px;
}

/*  list
---------------------------------------------------------- */

body.special-ht #sapporo-special-contents-area div#answer div.description ul {
	padding-left: 20px;
	font-size: 11px;
	*font-size: 84%; /* for Win IE 6-7 */
}

/*  inline
---------------------------------------------------------- */

body.special-ht #sapporo-special-contents-area strong {
	color: #BF0000;
}


body.naiyou #sapporo-special-contents-area div.glayBox-bottom p{
	font-size: 100%;
}

/**/
#sapporo-special-contents-area .topicpath p {
	font-size:100%;
}

/* footer SSI
-------------------------------------------------------------*/
/*
#sapporo-footer-area .site-info,
#sapporo-related-area .related-area {
	font-size:small;
}

#sapporo-related-area h2.headingA02{
	background:none;
	border:none;
}

#sapporo-related-area div.figure-blockA01 p {
	font-size:100%;
}
*/

/*sapporo-topicpath-area
-------------------------------------------------------------*/
/*
#sapporo-topicpath-area .topicpath{
	font-size:small;
}
*/