@charset "UTF-8";

/* //////////////////////////////////// */
/* base
/* //////////////////////////////////// */

body {
	text-align:center;
	font-size:12px;
	color:#000000;
	line-height:1.5;
	background:#ececec;
}

/*//Win IE6&IE7//*/
* html body {font-size:82%;}
*:first-child+html body {font-size:82%;}
* html body th {font-size:82%;}
* html body td {font-size:82%;}
/*//end Win IE6&IE7//*/

a:link {
	color:#0600ff;
	text-decoration: underline;
}
a:visited {
	color:#0600ff;
	text-decoration: underline;
}
a:hover {
	color:#0600ff;
	text-decoration: none;
}
a:active {
	color:#0600ff;
	text-decoration: underline;
}

/* /////////////////////////////////////////// */
/* Layout
/* /////////////////////////////////////////// */

#forSmartPhone {
        font-size: 40px;
        background: #008B8B;
        color: #FFFFFF;
        font-weight: bold;
        display: block;
        text-align: center;
        padding: 30px 0;
        text-decoration: none;
}


#container {
	margin:0 auto;
	text-align:left;
	background:#FFF;
	border-left:#cee3bc 1px solid;
	border-right:#cee3bc 1px solid;
	padding:0 13px 0 13px;
		width:1069px;
}

#contents {
	width:787px;
	float:left;
	padding-top:17px;
	margin-right:12px;
		text-align:left;
}

#rightBox {
	width:265px;
	float:left;
	padding-top:7px;
}


/* //////////////////////////////////// */
/* footer
/* //////////////////////////////////// */

#footer {
	clear:both;
	width:787px;
}

#footerlink{
	text-align:center;
	padding-bottom:10px;
}

#footerlink p{
	text-align:center;
	line-height:1.5;
}

#footer #footerlink a{
		line-height:1.5;
		font-size:116%;
}

#copyright{
	clear:both;
	border-top:#CCC 1px dotted;
	padding:10px 5px;
}
#copyright p{
			line-height:1.5;
			color:#6d6d6d;
			font-size:91%;
}

/* //////////////////////////////////// */
/* contents
/* //////////////////////////////////// */


h1{
	width:786px;
}

.title{
	background:#6a6a6a;
	height:34px;
	margin-bottom:10px;
}

.title h2{
	float:left;
}

.sosial{
	float:right;
	padding-top:7px;
}

.sosial div{
	float:left;
}

.sosial .tw{
	width:100px;
	margin-right:5px;
}

.sosial .fb{
	margin-right:0px;
}

.cameraSelect{
	float:right;
	padding-top:2px;
}

#movie{
	width:620px;
	margin:0 auto;
}

#movie dt{
	margin-bottom:5px;
}

#movie dd{
	margin-bottom:5px;
	font-size:116%;
	line-height:1.5;
	text-align:center;
}

#movie dd strong{
	font-size:100%;
	font-weight:bold;
	color:#ff0000;
}

#movie #offline dd strong{
	font-size:100%;
	font-weight:bold;
	color:#offline;
}

#movie dd a{
	font-size:100%;
	color:#0600ff;
}

#movie p{
	padding:10px;
	text-align:center;
}

#ipro{
	padding-top:10px;
}

#ipro .imgL{
	width:135px;
	float:left;
	margin-right:35px;
		text-align:right;
		padding-top:5px;
}


#ipro .imgL img{

}
	
	#ipro ul{
		width:430px;
	float:left;
	text-align:left;

}

	#ipro li{
		text-indent:-1.2em;
			line-height:1.2;
	}


#panasonic{
	background:url(../../images/panabg.jpg) no-repeat;
	width:787px;
	height:179px;
	margin-bottom:20px;
}
#panasonic.second{
	background:url(../../images/panabgb.jpg) no-repeat;
	width:787px;
	height:100px;
	margin-bottom:20px;
}

#panasonic dl{
	padding:27px 0 0 24px;
	height:84px;
}
#panasonic dt{
	width:174px;
	float:left;
	margin-right:30px;
}

#panasonic dd{
	width:534px;
	float:left;
	font-size:116%;
	line-height:1.5;
	font-weight:bold;
}

#panasonic dd span{
	width:534px;
	float:left;
	font-size:83%;
	line-height:1.5;
	font-weight:bold;
}

#panasonic ul{
	padding:0px 0 0 60px;
}

#panasonic li{
	float:left;
	display:inline;
}

#panasonic li#p1{
	padding-top:17px;
	margin-right:79px;
}

#panasonic li#p2{
}

#movieMap{
	width:786px;
	height:auto;
	margin: 10px auto 40px auto;
	padding: 0px;
	text-align: center;
}
.dvBdy p{
	line-height:2;
}

.thdrcell {
background:#ffffff;
font-family:arial;
font-size:12px;
font-weight:bold;
padding:5px;
border-bottom:1px solid #CCC;
}
.tdatacell {
font-family:arial;
font-size:12px;
padding:5px;
background:#ffffff
}
.dvhdr1 {
background:#F5F5F5;
font-family:arial;
font-size:12px;
font-weight:bold;
border:1px solid #CCC;
padding:5px;
width:150px;
}
.dvbdy1 {
background:#ffffff;
font-family:arial;
font-size:12px;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:5px;
width:150px;
}

.dogvdvhdr {
width:300;
background:#F5F5F5;
border:1px solid #CCC;
font-weight:bold;
padding:10px;
}
.dogvdvbdy {
width:300px;
background:#ffffff;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:10px;
}
.pgdiv {
width:320px;
height:250px;
background:#F5F5F5;
border:1px solid #CCC;
padding:10px;
margin-bottom:20px;
font-family:arial;
font-size:12px;
}

/*IE*/

#tooltip {
    position: absolute;
    width: 10em;
    border: 1px solid #FFF;
    background: #EEEEEE;
    color: #333;
    padding: 10px;
    opacity: 0.9;
}
#tooltip h3, #tooltip div {
    text-align: left;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
}
#tooltip.darktip {
    background: #333;
}

#thumCamera{
	clear:both;
	margin-bottom:40px;
}

#thumCamera dl{
	float:left;
	margin-right:6px;
}

#thumCamera dt{
	margin-bottom:6px;
}

#thumCamera dd{
	text-align:center;
}

#thumCamera dd a{
	text-decoration:underline;
	color:#191b19;
	font-size:116%;
}

#thumCamera p{
	line-height:1.6;
}


#thumCamera p span{
	line-height:1.6;
	color:#ff0000;
}


#aboutUstream{
	margin-bottom:20px;
	border-bottom:#CCC 1px solid;
}

#aboutUstream p{
	line-height:1.5;
}
#aboutUstream p.read{
	line-height:1.5;
		padding:0 5px;
		margin-bottom:30px;
		font-size:116%;
}

#aboutUstream dl{
	padding:0px 0 0 0px;
}
#aboutUstream dt{
	width:135px;
	float:left;
	margin-right:10px;
}

#aboutUstream dd{
	width:640px;
	float:left;
	font-size:116%;
	line-height:1.5;
	font-weight:bold;
	background:url(../../images/il_1.gif) no-repeat right 80px;
}

#aboutUstream dd p{
font-size:83%;
padding-bottom:20px;
}

#aboutLive{
	margin-bottom:20px;
	border-bottom:#CCC 1px solid;
	padding-bottom:10px;
}

#aboutLive p strong{
	font-weight:bold;
font-size:116%;
	line-height:1.5;
}

#aboutLive p{
	font-size:83%;
	margin-bottom:20px;
	line-height:1.5;
		padding:0 5px;
}

#kikin{
	background:url(../../images/savethepanda.gif) no-repeat;
	width:787px;
	height:166px;
	margin-bottom:10px;
}

#kikin dl{
	padding:65px 0 0 18px;
	width:620px;
	float:left;
}
#kikin dt{
	margin-bottom:10px;
}

#kikin dd{
font-size:91%;
	line-height:1.5;
	width:555px;
}

#kikin p{
	width:148px;
	float:right;
}


#aboutPanda{
	margin-bottom:10px;
	background:url(../../images/il_2.gif) no-repeat right top;
	height:126px;
	padding-right:160px;
	border-bottom:#CCC 1px solid;
	padding-bottom:10px;
}
#aboutPanda dl{
	padding:7px 0 0 0px;
}
#aboutPanda dt{
	margin-bottom:10px;
}

#aboutPanda dd{
font-size:91%;
	line-height:1.5;
	padding:0 5px;
}

#bnrbox{
	margin-bottom:10px;
	padding:0 0px 5px 8px;
}

#bnrbox li{
	margin-right:16px;
	margin-bottom:13px;
	
}

/*rightbox*/

#rbtm{
	background:url(../../images/rbtm.gif) no-repeat left bottom;
	padding-bottom:14px;
	margin-bottom:15px;
}

#rinner{
	background:url(../../images/rbg.gif) repeat-y;
}

#callenderbox{
	padding-left:6px;
}

#callenderbox .inner{
	background:url(../../images/rbgg.gif) repeat-y;
	margin-left:5px;
}

#callenderbtm{
	background:url(../../images/rtit_callender_btm.gif) no-repeat left bottom;
	height:43px;
	padding:15px 0 0 8px;
	font-size:90%\9;
}

#callenderbtm p{
	color:#FFF;
	font-weight:bold;
	line-height:1.4;
}

#callenderbox .attention{
	font-weight:bold;
	padding:3px 5px 15px 8px;
	line-height:1.5;
	background:url(../../images/rbar.gif) no-repeat left bottom;
}

#callenderbox .attention span.red{
	color:#ff0000;
	line-height:1.5;
	font-weight:bold;
}

#callenderbox .attention a{
	color:#000cff;
	line-height:1.5;
	font-weight:bold;
}

/*calneder*/

.calendar_change {
	position: relative;
	height: 210px;
	width: 230px;
	margin-left:5px;
}

.calendar_change .calendar_change_inner {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.calendar_guide {
	width: 225px;
	background: url(images/bg_calendar_ttl.gif) 0 0 repeat-x;
	margin: 0 0 0 4px;
}

.calendar_guide ul {
	height: 26px;
}

.calendar_guide .prev {
	float: left;
	padding: 6px 0 0 7px;
	width: 25px;
	line-height: 1em;
}

.calendar_guide .month {
	float: left;
	text-align: center;
	width: 160px;
	padding: 5px 0 0 0;
	color: #766b68;
	line-height: 1em;
	font-weight:bold;
}

.calendar_guide .next {
	float: right;
	text-align: right;
	padding: 6px 7px 0 0;
	width: 25px;
	line-height: 1em;
}

.box_calendar {
	margin: 0;
	padding: 0;
}

#callender{
	height:200px;
}

.calendar {
	width: 225px;
	margin: 0 0 0 6px;
	padding: 0 0 3px 0;
}

.calendar table {
	width: 225px;
	margin: 0 auto;
}

.calendar td, .calendar th {
	/*background: #fff;*/
		color: #aca7b6;
		padding:5px 0;
		text-align:center;
		
}

.calendar th {
	font-size: 12px;
	color: #aca7b6;
	text-align: center;
	font-weight:bold;
}

.calendar td {
	color: #aca7b6;
	vertical-align: top;
	width: 27px;
	height: 15px;
	text-align:center;
}

.calendar td a {
	font-weight: bold;
	color: #0866AE;
	vertical-align: top;
	width: 27px;
	height: 15px;
}

.calendar td .h {
	font-weight: bold;
	color: #ff0000;
	text-align: right;
		text-align:center;
}

.calendar .today {
	border: solid 2px #FF9933;
}

.calendar .gray {
	background: #F7F7F7;
}

.calendar .txt_holiday span {
	font-weight: bold;
	color: #ff0000;
}

.txt_holiday {
	padding: 3px 0 5px 6px;
}

.open_time {
	color: #0C666E;
	text-align: center;
	line-height: 1em;
	margin: 2px 0 0;
}

.open_time strong {
	font-size: 16px;
}

.bg_calendar_bottom {
	margin: 0 0 0 4px;
	line-height: 1em;
	padding: 0;
}

.btn_this_month {
	text-align: center;
	padding: 2px 0 0;
}

/**/

#talkbox{
	padding-left:6px;
}

#talkbox .inner{
	background:url(../../images/rbgg.gif) repeat-y;
	margin-left:5px;
	width:244px;
}

#talkbox .inner dl{
	background:#4ac200;
	padding:0px 10px 0px 0px;
}

#talkbox .inner dt{
	color:#FFF;
	font-size:133%;
	font-weight:bold;
	margin-bottom:5px;
	padding-left:10px;
	padding-top:5px;
}

#talkbox .inner dd{
	color:#FFF;
	font-weight:normal;
	line-height:1.5;
	background:url(../../images/rbar2.gif) no-repeat left bottom;
	padding-bottom:15px;
	padding-left:10px;
}

#talkbox .inner dd.barnon{
	color:#FFF;
	font-weight:normal;
	line-height:1.5;
	background:none;
	padding-bottom:5px;
	padding-left:10px;
}

#intro{
	padding-left:6px;
}

#intro .inner{
	background:url(../../images/rbgg.gif) repeat-y;
	width:244px;
}


#intro .inner ul{
	background:#4ac200;
	padding:0px 10px 0px 0px;
}

#intro .attention{
	font-weight:bold;
	padding:6px 5px 15px 8px;
	line-height:1.5;
	background:url(../../images/rbar.gif) no-repeat left bottom;
}

#intro .attention a{
	color:#000cff;
	line-height:1.5;
	font-weight:bold;
}

#stp{
	padding-left:6px;
}

#stp .inner{
	width:244px;
	margin-left:5px;

}
#stp .inner img{
	float:left;
	margin-right:9px;
	width:88px;
}

#stp .inner p{
	float:left;
	width:145px;
		line-height:1.5;

}



/*close*/



#close{
	width:932px;
	margin:0 auto;
	padding-top:40px;
}


#close h1{
	padding-left:56px;
}

#close ul#closetxt{
	padding-left:56px;
	text-align:center;
}

#ueno{
	width:565px;
	float:left;
	margin-bottom:26px;
}

#sbnrbox{
	width:264px;
	float:left;
}
#sbnrbox ul{
	padding-top:19px;
	
}
#sbnrbox li{
	float:left;
	margin-right:12px;
	margin-bottom:5px;
}

#close #footer{
	margin:0 auto;
}