@charset "utf-8";
/*
clearfix
-----------------------------------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clear{
	clear:both;
}
.clearfix{
	display:inline-table;zoom:1;
	overflow:hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

img {border:none;}
a img:hover {filter:Alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}



body {
	background: url(../img/back.jpg) repeat-x top;
	font-size: 12px;
	line-height: 1.3;
	color: #333333;
	background-color: #FFFFFF;
	margin:0; padding:0;
}

a {color:#FF0066; font-weight:600;}
a:hover {color:#FF6600;}

p {font-size:12px; color:#666666; line-height:1.6em; text-align:left;}
span.red {font-weight:600; color:#ff4c4c;}
span.green {font-weight:600; color:#439e0c;}
#header ,#container{width:800px; margin:0 auto; text-align:left; padding:0;}
#h1area { margin:0; padding:0; font-size:12px; color:#333333; height:22px; display:block; line-height:22px; padding-left:10px;}

#header #header-inner {background:url(../img/menu_bg.jpg) no-repeat top; height:66px;}

#localNav {position:relative;}
#localNav #localNavinner {  margin:0; padding:0;
	position:absolute;
	left: 650px;
	top: -59px;
	width: 133px;
}
#localNav #localNavinner ul {margin:0; padding:0;}
#localNav #localNavinner li {display:inline; float: left; list-style:none; font-size:10px;}

#logo {margin:2px 0 0 14px; padding:0; float:left; display:inline;}
#gmenu ul {padding:8px 0 0 0; margin:0; list-style:none;}
#gmenu ul li {display:inline; float:left; margin-left:10px; width:83px; height:28px;}
#gmenu ul li.menu1 a{background:url(../img/gmenu1.jpg) no-repeat; height:28px; display:block; text-indent:-9999px;}
#gmenu ul li.menu2 a{background:url(../img/gmenu2.jpg) no-repeat; height:28px; display:block; text-indent:-9999px;}
#gmenu ul li.menu3 a{background:url(../img/gmenu3.jpg) no-repeat; height:28px; display:block; text-indent:-9999px;}
#gmenu ul li.menu4 a{background:url(../img/gmenu4.jpg) no-repeat; height:28px; display:block; text-indent:-9999px;}
#gmenu ul li.menu1:hover a{background:url(../img/gmenu1.jpg) 0 -28px no-repeat; height:28px; display:block; text-indent:-9999px;}
#gmenu ul li.menu2:hover a{background:url(../img/gmenu2.jpg) 0 -28px no-repeat; height:28px; display:block; text-indent:-9999px;}
#gmenu ul li.menu3:hover a{background:url(../img/gmenu3.jpg) 0 -28px no-repeat; height:28px; display:block; text-indent:-9999px;}
#gmenu ul li.menu4:hover a{background:url(../img/gmenu4.jpg) 0 -28px no-repeat; height:28px; display:block; text-indent:-9999px;}


#container #container-inner {
	border-left: solid 4px #f4c0b2;
	border-right: solid 4px #f4c0b2;
	border-bottom: solid 4px #f4c0b2;
	background:#FFFFFF;
}

#leftArea ,#rightArea { display:inline; float:left; padding: 12px 0 12px 12px;}
#leftArea { width: 536px;} 


#rightArea { width:220px; height:500px;}
#rMenu ul { margin:5px 0; padding:0;}
#rMenu ul li {background: url(http://www.sapporo-bijin.com/img/menu_list_bg.jpg) no-repeat left;	list-style:none; padding-left:25px; height:41px; margin-bottom:3px; line-height:41px;}
.style1 {color: #E84C8B;font-weight: bold;}

#totopArea {
	text-align: right;
	width: 800px; height:50px;
	margin: 0 auto;
}
#totopArea a img { margin-top:17px; position:relative; top:10px;}

#fOutline {
	width: 100%;
	background-color: #FFFFFF;
	background-image: url(../img/back.jpg);
	background-repeat: repeat-x;
	clear: both;
	height: 200px;
}

#footer {
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 3px;
	padding-left: 3px;
}

#copyArea {
	font-size: 11px;
	width: 270px;
	float: left;
}

p.copyText {
	margin-top: 5px;
}

#fNav {
	float: right;
	width: 500px;
	margin-top: 20px;
	font-size: 11px;
	font-weight: normal;
}
.fNav01 {

	float: left;
	width: 160px;
}

.fNav01 ul {margin:0; padding:0;}
.fNav01 li { line-height:1.5em; list-style:outside circle; margin-left:15px;}
.fNav01 li a { font-size:10px; font-weight:600; color: #FF3366;}
.fNav01 li a:hover { font-size:10px; font-weight:600; color: #6633FF;}
.block {display:block; margin-bottom:10px; clear:both;}
.v-title {
	background:url(../img/icon.jpg) left no-repeat;
	padding-left: 42px;
	text-align:left;
	font-size: 18px;
	font-weight:bold;
}
.v-title .v-name {font-size:10px; color:#FF6633; line-height:1.3em;}
.v-photo {
	border:solid 1px #e2e2e2;
	display:inline;
	float:left;
	margin: 10px;
}
.v-photoinner {
	border: solid 3px #FFFFFF;
	display: inline;
	float: left;
}

#header-top {width:800px; margin:0 auto; text-align:left; padding:0;}
#header-top #header-top-inner {background:url(../img/top_bg.jpg) no-repeat center top ; height:619px;}
#header-top #logo {
	margin: 8px 0 0 21px;
	display: inline;
	float: left;
}
#header-top .top01 {margin-top:8px; }
#header-top img {vertical-align:top;}
#topimges ul {margin:0 0 0 21px; padding:0;}
#topimges ul li {margin:0; padding:0; display:block; list-style:none;}
#topimges ul li img {vertical-align:top;}

#vLeft {
	margin-left: 74px;
	width: 304px;
	margin-top: 10px;
	border:solid 3px #FFFFFF;
	float: left;
}
#localNav-top {position:relative;}
#localNav-top #localNav-topinner {  margin:0; padding:0;
	position:absolute;
	left: 648px;
	top: -613px;
	width: 133px;
}
#localNav-top #localNav-topinner ul {margin:0; padding:0;}
#localNav-top #localNav-topinner li {display:inline; float: left; list-style:none; font-size:10px;}


#vRight {
	clear: right;
	float: left;
	width: 305px;
	margin-top: 95px;
	margin-left: 58px;
}
#vRight ul { list-style:none; margin:0; padding:0; vertical-align:top;}
#vRight ul li {margin-bottom:12px;}

#contents {width:800px; margin:0 auto; text-align:left; padding:0;}
#vblock {background: url(../img/v_bg.jpg) repeat-y;}
#vblock-inner {padding:5px;}
#vblock #vblock-inner .box {background:#FFFFFF; padding:5px;margin-bottom:5px;}
#vblock #vblock-inner .box img {float:left; display:inline; margin-right:5px;}
#vblock #vblock-inner .box .text {width:130px; margin:0; padding:0;display:inline; float:left;}
#vblock #vblock-inner img.top-v {margin-bottom:5px;}
.top-block {display:block; margin-bottom:5px; clear:both; width:210px; overflow:hidden; }
.top-v-photo {
	border:solid 1px #e2e2e2;
	display:inline;
	float:left;
	margin: 10px;
}
.top-v-photoinner {
	border: solid 3px #FFFFFF;
	display: inline;
	float: left;
}

.topbox {background:url(../img/top07.jpg) no-repeat top;width:533px; height:431px; display:block;}
.topbox .btn {padding: 348px 0 0 306px;}

#greet {display:block; width:524px; height:528px; background:url(../img/greet_bg.jpg) no-repeat center;}
#greet-inner {padding:130px 195px 0 30px;}

.mp3 { border: solid 5px #CCCCCC;}
.mp3-inner {padding: 10px;}
.mp3 .mp3-header {
	border-left: solid 10px #FF6699;
	padding-left:5px;
	margin:0;
}
.medeiacomment {
	display: inline;
	width: 250px;
	float: left;
}
.mp3-swf {
	display: inline;
	float: left;
}

.topblock {border: solid 1px #CCCCCC; margin:30px auto; width:450px;}
.topblock p { line-height:1.5em; font-size:10px; padding:10px;}

#thanks {
	width: 90%;
	margin: 50px auto;
	height: 500px;
}

.qa{
	width:513px ;
	margin:10px auto;
	text-align:left;
}

.q{
	background:url(../img/q1.jpg) no-repeat left;
	width:513px;
	height: 25px;
	padding:0 0 10px 40px;
	display:block;
}

.a{
	background:url(../img/a1.jpg) no-repeat left;
	height: 23px;
	padding:0 0 10px 40px;
	display:block;
}
.index-box {background:url(../img/bg_02.jpg) no-repeat bottom center; width:466px; margin:0 auto;}
.inner {padding: 20px; text-align:center;background:url(../img/bg_01.jpg) no-repeat top center; }


#container3 #container-inner3 {
	border-left: solid 4px #f4c0b2;
	border-right: solid 4px #f4c0b2;
	border-bottom: solid 4px #f4c0b2;
	background:#FFFFFF;
}

#container2 {background:url(../img/sel_bg.jpg) repeat-x center top;}
#container2-inner { width:880px; margin:0 auto;}

#container3 {width:800px; margin:0 auto; text-align:left; padding:0;}
#container3-inner {
	border: solid 4px #f4c0b2;
	background:#FFFFFF;
	padding: 16px;
}
.m0 {margin:0; padding:0;}
.y-box {background:#fffaf5; padding:15px;}
.y-box p {background:url(../img/p_bg.gif) repeat; display:block; font-size:14px; line-height:2em; margin:5px 0;}
.model-block {background:url(../img/sel_model_bg.jpg) no-repeat center top; width:759px; height:487px;}
.model-block .prof { font-size:16px; margin:0 0 30px 400px; padding-top:40px; color:#339999;}
.model-block .prof span { font-weight:600;}
.model-block .model-txt { margin-left:400px; width:320px; font-size:12px; line-height:1.8em;}
.voice-box {width:245px; height:501px; display:inline; float:left;background:url(../img/sel_voice_bg.jpg) no-repeat center top; }
#voice-block {
	width:735px;
	margin:20px auto;
}
.p17 {padding:17px;}
.voice-img {
	display:inline;
	float:left;
}
.voice-name {
	display:inline;
	width: 211px;
}
.voice-name p{
	color: #339999;
	font-weight: 600;
	font-size:14px;
}
	
.voice-name span {font-size:10px;}
.model-txt {
	display:block;
	width: 211px;
	line-height: 2em;
}


#qa dl {width:700px; margin:20px auto 0; padding-bottom:20px; border-bottom: dotted 1px #CCCCCC;}
#qa dt { background:url(../img/sel_q.jpg) no-repeat left top; font-size:16px; color:#FF6666; margin-bottom:10px; padding-left:30px; height:26px;}
#qa dd { background:url(../img/sel_a.jpg) no-repeat left top; font-size:14px; line-height:2em; color:#999999; padding-left:30px;}
.btm-btn { text-align:center; margin:50px;}



.liststyle01, .liststyle01 li { list-style:none; margin:0 ; padding:0;}
.liststyle01 li { margin:5px;}
.liststyle01 li a { text-decoration:none; font-weight:normal; color:#666; display:block; background:#FFF; border:solid 1px #999; -webkit-border-radius:6px;padding:5px; }
.liststyle01 li a:hover { background: #FFE8F3;}
.liststyle01 li a span.entrydate { display:block; color: #999 ; text-decoration:none; font-size:10px; margin:0 ; margin-bottom:3px;}
.liststyle01 li a span.entrytitle { display:block; font-weight:bold; color: #F06; border-bottom: dotted 1px #CCC; margin-bottom:3px ; padding-bottom:3px; text-decoration:none;}

.block2 {background:#FFF; border:solid 1px #999; padding:10px; margin:10px; -webkit-border-radius:6px;}
.block2 .entrytitle { font-size:14px; display:block; font-weight:bold; color: #F06; border-bottom: dotted 1px #CCC; margin-bottom:3px ; padding-bottom:3px; }
.block2 .entrybody , .block2 .entrybody p { font-size:14px !important; line-height:2em !important; color:#333 !important;}

.mb20 { margin-bottom:20px;}

.archivebtn { position:relative;}
.archivebtn2 { position:relative;}
.archivebtn .allbtn { position: absolute; top:-51px; right:30px;}
.archivebtn .allbtn a { display:block; width:50px; height:20px; border:solid 1px #F69; background: #FCF; text-align:center; text-decoration:none; color: #666; line-height:20px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.archivebtn .allbtn a:hover { background: #F39; color:#fff;}

.archivebtn2 { height:30px;}
.archivebtn2 .allbtn {
	position: absolute;
	top:1px;
	right:171px;
}
.archivebtn2 .allbtn a { display:block; width:150px; height:20px; border:solid 1px #F69; background: #FCF; text-align:center; text-decoration:none; color: #666; line-height:20px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.archivebtn2 .allbtn a:hover { background: #F39; color:#fff;}


.entrytitles {}
.entrytitles ul { margin:0; padding:0;}
.entrytitles ul li { margin-bottom:10px; list-style:none; padding-bottom:10px; border-bottom: dotted 1px #999;}
.entrytitles ul li a { font-size:14px; display:block; padding-left:20px; background:url(../img/icon2.jpg) no-repeat 5px 5px;}






/**/