@charset "shift_jis";

/*------------------------------------------------------------------------------
	K-MIX - SSS CSS
	URL: http://www.k-mix.co.jp/
	Date: 2008-07-11
	Copyright (C) K-MIX All Rights Reserved.
------------------------------------------------------------------------------*/

html,body{
	background: url(../img/bg_body.gif) center -360px;
}


/* content header
----------------------------------------------------*/

div#contentHead{

}
div#contentHead h1{
	margin-bottom: 0px;
}


/* main content
----------------------------------------------------*/
div#mainContent{
	position:relative;
	width: 800px;
	color:#70707a;
}
#mainContent #icons{
	position:absolute;
	top:5px;
	right:0;
}
#mainContent #icons p{
	margin:10px 10px 5px;
}
#mainContent #cameraView{
	background:#e8f5f7 url(../img/2010/bg_rbox_btm.png) no-repeat left bottom;
}
#mainContent #cameraView .navigation{
	height:80px;
	margin:0;
	padding-bottom:10px;
	padding-left:20px;
	background:#fff url(../img/2010/bg_rbox_top.png) no-repeat left bottom;
}
#mainContent #cameraView .navigation li{
	float:left;
	margin-right:5px;
}
#mainContent #cameraView .contents{
	position:relative;
	clear:both;
	overflow:hidden;
	width:800px;
}
#mainContent #cameraView .contents ul{
	position:relative;
	left:-800px;
	width:999em;
}
#mainContent #cameraView .contents ul li{
	float:left;
	width:760px;
	padding:20px;
}
#mainContent #cameraView .contents .cInner{
	width:400px;
	margin:50px auto;
}
#mainContent #cameraView .contents p.banner{
	margin-bottom:0;
	text-align:center;
}
#mainContent #cameraView .contents .camera{
	width:400px;
	padding:5px;
	border-bottom:3px solid #c1cdcd;
	background:#fff;
}
#mainContent #cameraView #shizunami .floatL,
#mainContent #cameraView #shizunami .floatR,
#mainContent #cameraView #shizunami .camera{
	margin:0 0 10px;
}
#mainContent #cameraView #shimoda .camera{
	width:344px;
	margin:50px 0 10px;
}
#mainContent #cameraView #shizunami .camera{
	width:320px;
	margin:0 0 10px;
}
#mainContent #program{
}
#mainContent #program h2{
	margin-bottom:20px;
}
#mainContent #program p{
	margin-left:20px;
}
#mainContent #program .photos{
	width:360px;
	margin-left:10px;
}
#mainContent #program .photos p{
	float:left;
	margin-left:0;
}
#mainContent #program .photos a{
	display:block;
}
#mainContent #program table{
	margin-bottom:1em;
	margin-left:10px;
}
#mainContent #program table,
#mainContent #program table tbody{
	width:400px;
	border:none;
	background:transparent;
}
#mainContent #program table,
#mainContent #program table th,
#mainContent #program table td{
	border:none;
	background:url(../img/2010/bg_line_dot_cyan.png) repeat-x;
	color:#70707a;
}
#mainContent #program table th{
	background-position:right bottom;
	white-space:nowrap;
}
#mainContent #program table td{
	background-position:left bottom;
}
#mainContent #program .note{
	margin-left:0;
	padding:7px 20px 10px;
	letter-spacing:-1px;
	line-height:1.3;
}

#mainContent #twitter{
	background:url(../img/2010/bg_line_dot_gray.png) repeat-x;
}
#mainContent #twitter #tweetHeader{
	padding:20px 0;
	margin-bottom:20px;
	background:url(../img/2010/bg_line_dot_gray.png) repeat-x left bottom;
}
#mainContent #twitter #tweetHeader h2{
	margin-left:10px;
}
#mainContent #twitter #tweetHeader #account{
	position:relative;
	width:360px;
	margin:-55px 0 0 440px;
}
#mainContent #twitter #tweetHeader #account dl dt{
	margin-bottom:0.25em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:x-small;
}
#mainContent #twitter #tweetHeader #account dl dt .tweetIcon{
	margin-bottom:-55px !important;
}
#mainContent #twitter #tweetHeader #account dl dd{
	line-height:1.2;
}
#mainContent #twitter #tweetBox{
	width:400px;
	height:220px;
	padding-left:10px;
	background:url(../img/loading.gif) no-repeat center center;
}
#mainContent #twitter #attention{
	width:360px;
}
#mainContent #twitter #tweetTimeLine{
	clear:both;
	border:1px solid #e5e5e7;
	min-height:60px;
	background:url(../img/loading.gif) no-repeat center center;
}
#mainContent #twitter #tweetTimeLine ul{
	overflow-y:scroll;
	margin-bottom:-1px;
	max-height:620px;
}
#mainContent #twitter #tweetTimeLine li{
	min-height:55px;
	padding:5px 10px;
	border-bottom:1px solid #e5e5e7;
	background:#fff;
}
#mainContent #twitter dl{
	margin-left:60px;
	margin-bottom:0;
}
#mainContent #twitter dl dt{
	line-height:1.2;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
}
#mainContent #twitter dl dt .tweetIcon{
	display:block;
	margin:0 5px -50px -60px;
}
#mainContent #twitter dl dd{
	line-height:1.3;
}
#mainContent #twitter .note{
	padding:10px;
	font-size:x-small;
}
#mainContent #twitter .time{
	font-family:Helvetica, Arial, sans-serif;
	font-size:x-small;
	color:#ccc;
}
#mainContent #twitter .floatL{
	margin-right:0;
}
#mainContent #twitter .floatR{
	margin-left:0;
}
#mainContent #twitter #ssi{
	padding:5px 10px;
	background:#f3fda4;
}
#mainContent #twitter #ssi p{
	margin:0;
}

/* footer
----------------------------------------------------*/

div#footer{
}
div#footer p.toTop {
	margin-bottom:30px;
}
div#footer p#copyright {
	color:#666666;
}


/* general
----------------------------------------------------*/