@charset "UTF-8";


#container { margin-left:48px;_margin-left:48px;}

/*　メインスクリーン
**********************************************************/
#main_screen {
	display: block;
	float: left;
	width: 836px;
	_width: 838px;
	height: 270px;
	margin:0 0 10px 0;
	background:#FF009C;
	border:3px solid #FF0099;
}

#main_screen span {
	float: left;
	height: 270px;
	background: #CCCCCC;
}

#main_screen ul {
	float: left;
	list-style-type: none;
	width:154px;
	margin: 0px;
	padding: 0px;
}

#main_screen ul li {
	background-image:url(../img/material/main_screen_btn_bg.gif);
	display: block;
	width:154px;
	height:45px;
	margin: 0px;
	padding: 0px;
}

#main_screen ul li  a { 
	background-image:url(../img/material/main_screen_btn.gif);
	display: block;
	width: 154px;
	height: 45px;
}

#main_screen ul li a.event { background-position: 0 0;}
#main_screen ul li a.movie { background-position: 0 -45px;}
#main_screen ul li a.pickup { background-position: 0 -90px;}
#main_screen ul li a.access { background-position: 0 -135px;}
#main_screen ul li a.guide { background-position: 0 -180px;}
#main_screen ul li a.ranking { background-position: 0 -225px;}

#main_screen ul li a:hover.event { background-position: -154px 0;}
#main_screen ul li a:hover.movie { background-position:  -154px -45px;}
#main_screen ul li a:hover.pickup { background-position:  -154px -90px;}
#main_screen ul li a:hover.access { background-position:  -154px -135px;}
#main_screen ul li a:hover.guide { background-position:  -154px -180px;}
#main_screen ul li a:hover.ranking { background-position:  -154px -225px;}

#main_screen iframe { float:right; }


/*　メインページ_テスト用　更新情報(マーキー)
**********************************************************/
#main_marquee_t {
	float: left;
	width: 845px;
	height: 35px;
	margin: 0 0 10px 0px;
	background: url(../img/material/updateBG.gif);
	}

#main_marquee_t marquee {
	display:block;
	float:left;
	width:725px;
	margin:0 0 0 110px;
	_margin:0 0 0 57px;
	padding-top:12px;
	_padding-top:12px;
	font-size:12px;
}


/*　メインページ_テスト用　新着情報＋本日の出勤情報　表示枠
**********************************************************/
#bottom_left {
	width:630px;
	float:left;
}

/*　メインページ_テスト用　新着情報
**********************************************************/
#main_info_t {
	float: left;
	width: 610px;
	background-image: url(../img/material/mainInfo_BG.jpg);
	background-position: -12px 50px;
	background-repeat: no-repeat; 
}


#main_info_box_t {
	width: 610px;
	height: 280px;
	padding: 0 5px;
	border: 3px solid #FF0099;
	text-align:left;
	overflow:auto;
}

#main_info_title_t {
	width: 570px;
	background: #FFE0F3;
	border: 1px solid #FF0099;
	margin:8px 0 0 0;
	padding:4px;
	font-size:12px;
	font-weight:bold;
	color: #FF0099;
}

#main_info_date_t {
	width: 570px;
	padding: 5px 2px;
	font-size:12px;
	color: #FF0099;
}

#main_info_honbun_t {
	width: 570px;
	padding: 0 2px;
	font-size:12px;
}

#main_info_honbun_t img {
	border:1px solid #FF0099;
}


/*　メインページ_写メ日記
**********************************************************/

#main_photoboard { 
	width:230px;
	height: 580px;
	margin: 5px 0 0;
	float: left;
}

#main_photoboard_box {
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: #FF0099;
	border-style: solid;
	border-width:3px;
	width: 218px;
	height: 510px;
	margin: 0;
	padding: 5px 0 5px 6px;
	text-align: left;
	overflow: auto;
}


#main_photoboard_wrap {
	margin:0;
	padding:8px 0;
}


#main_photoboard_title {
	width:186px;
	padding:2px 4px;
	background:#ffccff;
	border:1px solid #ff0099;
	border-bottom:0;
	font-size:12px;
	font-weight:bold;
	color: #FF0099;
}

#main_photoboard_log {
	width:185px;
	margin-bottom:10px;
	background:#ff0099;
	font-size:12px;
	color: #FF0099;
	text-align:left;
}

#main_photoboard_log th {
	width:185px;
	background:#ffccff;
	font-weight:bold;
	text-align:left;
}

#main_photoboard_log td {
	width:185px;
	background:#fff1f9;
	font-weight:normal;
	text-align:left;
	overflow:hidden;
}

#main_photoboard_log .date { 
	display:block;
	width:185px;
	font-weight:bold;

}

#main_photoboard_log .photo { 
	display:block; 
	width:185px;
	margin:0 auto;
	text-align:center; 
}

#main_photoboard_log .text { 
	display:block; 
	width:185px;
	margin:0 auto;
	text-align:left; 
	word-break: break-all;
}

#main_photoboard_log .bottom { 
	display:block; 
	width:185px;
	margin:0 auto;
	text-align:right; 
}

#main_photoboard_pager {
    margin: 0;
    padding: 0;
    text-align: center;
	float:right;

}


#main_photoboard_pager ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

#main_photoboard_pager ul li {
	font-size:12px;
	float: left;
	margin: 3px;
	padding: 0;
}

#main_photoboard_pager  a {
    color: #E4007F;
}

#main_photoboard_pager a:hover { 
	color:#ffccff;
}

/*　メインページ_本日の出勤情報
**********************************************************/
#main_schedule_s {
	float: left;
	width: 380px;
	height: 580px;
	margin: 5px 0 0 16px;
}

#main_schedule_box_s {
	width: 364px;
	height: 490px;
	margin: 0;
	padding: 5px;
	border: 3px solid #FF0099;
	border-bottom: 0px;
	background: #FFFFFF;
	text-align:left;
	overflow:auto;
}
#main_schedule_thumb_s {
	display: block;
	float: left;
	width: 92px;
	height: 160px;
	margin: 5px 0 5px 10px;
	padding: 10px 0 0 10px;
	background:url(../img/material/main_schedule_frame.gif) top center no-repeat;
}

#main_schedule_thumb_s span.photo{
	display: block;
	float: left;
	width: 80px;
	height: 104px;
	margin: 0;
	padding: 0;
	border: 1px solid #FF0099;
}

#main_schedule_thumb_s span.name{
	display: block;
	float: left;
	width: 82px;
	height: 17px;
	margin: 0;
	padding: 5px 0;
	font-size: 11px;
	color: #860356;
	text-align: center;
}

#main_schedule_thumb_s span.hour{
	display: block;
	float: left;
	width: 82px;
	height: 15px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}

#main_schedule_all_s { 
	width:374px;
	height:18px;
	margin:0;
	padding:3px;
	font-size:12px;
	text-align:right;
	background:#FF0099;
	float:left;
}


/*　メインページ_テスト用　本日の出勤情報
**********************************************************/
#main_schedule_t {
	float: left;
	width: 610px;
	height: 430px;
	margin: 5px 0 0 0;
}

#main_schedule_box_t {
	width: 610px;
	height: 344px;
	margin: 0;
	padding: 5px;
	border: 3px solid #FF0099;
	border-bottom: 0px;
	background: #FFFFFF;
	text-align:left;
	overflow:auto;
}
#main_schedule_thumb_t {
	display: block;
	float: left;
	width: 92px;
	height: 160px;
	margin: 5px 0 5px 14px;
	padding: 10px 0 0 10px;
	background:url(../img/material/main_schedule_frame.gif) top center no-repeat;
}

#main_schedule_thumb_t span.photo{
	display: block;
	float: left;
	width: 80px;
	height: 104px;
	margin: 0;
	padding: 0;
	border: 1px solid #FF0099;
}

#main_schedule_thumb_t span.name{
	display: block;
	float: left;
	width: 82px;
	height: 17px;
	margin: 0;
	padding: 5px 0;
	font-size: 11px;
	color: #860356;
	text-align: center;
}

#main_schedule_thumb_t span.hour{
	display: block;
	float: left;
	width: 82px;
	height: 15px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}

#main_schedule_all_t { 
	width:620px;
	height:18px;
	margin:0;
	padding:3px;
	font-size:12px;
	text-align:right;
	background:#FF0099;
	float:left;
}


/*　メインページ_テスト用　ピックアップ
**********************************************************/
#main_pickup_t {
	float: left;
	width: 200px;
	height: 771px;
	margin: 0 0 0 15px;
}

#main_pickup_box_t {
	width: 194px;
	height: 540px;
	border: 3px solid #FF0099;
	background: #FFFFFF;
	text-align:left;
	overflow:auto;
}


#pickup_frame_t {
	background: url(../img/material/pickupFrame_middle.gif) top center;
	width: 160px;
	margin: 10px 0 10px 10px;
}

#pickup_frame_t span.top {
	background: url(../img/material/pickupFrame_top.gif) top center;
	display:block;
	width:160px;
	height:10px;
	margin: 0;
}

#pickup_frame_t span.bottom {
	background: url(../img/material/pickupFrame_bottom.gif) bottom center;
	display:block;
	width:160px;
	height:10px;
	margin: 0;
}

#pickup_frame_t span.name {
	background: url(../img/material/main_pickup_name_bg.gif) no-repeat;
	display: block;
	width: 150px;
	height: 20px;
	margin:0 0 0 5px;
	padding: 7px 0 0 0;
	text-align: center;
	color: #860356;
	font-size: 13px;
}

#pickup_frame_t span.size {
	display: block;
	width: 160px;
	height: 16px;
	margin-top: 0px;
	padding:6px 0 0 0;
	text-align: center;
	font-size: 12px;
	color: #FF0099;
}

#pickup_frame_t img {display:block;margin:0 auto;	border: 1px solid #FF0099;}

#pickup_frame_t span.comment_title {
	display: block;
	width: 160px;
	margin-top:4px;
	text-align: center;
	font-size: 12px;
	color: #FF0099;
}

#pickup_frame_t span.comment {
	display:block;
	width:144px;
	margin-top:4px;
	padding:0 8px;
	font-size: 12px;
	text-align:left;
}


/*　メインページ_ツイッター
**********************************************************/
#main_twitter {
	width: 200px;
	height: 821px;
	margin: 0 0 0 15px;
}

#main_twitter_box_t {
	width: 194px;
	height: 277px;
	border: 3px solid #FF0099;
	background: #FFFFFF;
	text-align:left;
	overflow:hidden;
}

#main_twitter_box_t iframe {
	width:200px;
	height:278px;
}




/*　メインページ用　新着情報
**********************************************************/
#main_info {
	float: left;
	width: 220px;
}

#main_info_box {
	width: 204px;
	height: 449px;
	padding: 0 5px;
	border: 3px solid #FF0099;
	background: #FFFFFF;
	text-align:left;
	overflow:auto;
}

#main_info_title {
	width: 175px;
	background: #FFE0F3;
	border: 1px solid #FF0099;
	margin:8px 0 0 0;
	padding:4px;
	font-size:12px;
	font-weight:bold;
	color: #FF0099;
}

#main_info_date {
	width: 180px;
	padding: 5px 2px;
	font-size:12px;
	color: #FF0099;
}

#main_info_honbun {
	width: 180px;
	padding: 0 2px;
	font-size:12px;
}

#main_info_honbun img {
	width: 160px;
	border:1px solid #FF0099;
}

/*　メインページ用　更新情報(マーキー)
**********************************************************/
#main_marquee {
	float: left;
	width: 600px;
	height: 35px;
	margin: 30px 0 10px 20px;
	background: url(../img/material/update_bg.gif);
	}

#main_marquee marquee {
	display:block;
	float:left;
	width:475px;
	margin:0 0 0 114px;
	_margin:0 0 0 57px;
	padding-top:12px;
	_padding-top:12px;
	font-size:12px;
}

/*　メインページ用　本日の出勤情報
**********************************************************/
#main_schedule {
	float: left;
	width: 380px;
	height: 430px;
	margin: 0 0 0 20px;
}

#main_schedule_box {
	width: 364px;
	height: 344px;
	margin: 0;
	padding: 5px;
	border: 3px solid #FF0099;
	border-bottom: 0px;
	background: #FFFFFF;
	text-align:left;
	overflow:auto;
}
#main_schedule_thumb {
	display: block;
	float: left;
	width: 92px;
	height: 160px;
	margin: 5px;
	padding: 10px 0 0 10px;
	background:url(../img/material/main_schedule_frame.gif) top center no-repeat;
}

#main_schedule_thumb span.photo{
	display: block;
	float: left;
	width: 80px;
	height: 104px;
	margin: 0;
	padding: 0;
	border: 1px solid #FF0099;
}

#main_schedule_thumb span.name{
	display: block;
	float: left;
	width: 82px;
	height: 17px;
	margin: 0;
	padding: 5px 0;
	font-size: 11px;
	color: #860356;
	text-align: center;
}

#main_schedule_thumb span.hour{
	display: block;
	float: left;
	width: 82px;
	height: 15px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}

#main_schedule_all { 
	width:374px;
	height:18px;
	margin:0;
	padding:3px;
	font-size:12px;
	text-align:right;
	background:#FF0099;
	float:left;
}


/*　メインページ用　ピックアップ
**********************************************************/
#main_pickup {
	float: left;
	width: 200px;
	height: 430px;
	margin: 0 0 0 20px;
}

#main_pickup_box {
	width: 194px;
	height: 374px;
	border: 3px solid #FF0099;
	background: #FFFFFF;
	text-align:left;
	overflow:auto;
}


#pickup_frame {
	background: url(../img/material/pickupFrame_middle.gif) top center;
	width: 160px;
	margin: 10px 0 10px 10px;
}

#pickup_frame span.top {
	background: url(../img/material/pickupFrame_top.gif) top center;
	display:block;
	width:160px;
	height:10px;
	margin: 0;
}

#pickup_frame span.bottom {
	background: url(../img/material/pickupFrame_bottom.gif) bottom center;
	display:block;
	width:160px;
	height:10px;
	margin: 0;
}

#pickup_frame span.name {
	background: url(../img/material/main_pickup_name_bg.gif) no-repeat;
	display: block;
	width: 150px;
	height: 20px;
	margin:0 0 0 5px;
	padding: 7px 0 0 0;
	text-align: center;
	color: #860356;
	font-size: 13px;
}

#pickup_frame span.size {
	display: block;
	width: 160px;
	height: 16px;
	margin-top: 0px;
	padding:6px 0 0 0;
	text-align: center;
	font-size: 12px;
	color: #FF0099;
}

#pickup_frame img {display:block;margin:0 auto;	border: 1px solid #FF0099;}

#pickup_frame span.comment_title {
	display: block;
	width: 160px;
	margin-top:4px;
	text-align: center;
	font-size: 12px;
	color: #FF0099;
}

#pickup_frame span.comment {
	display:block;
	width:144px;
	margin-top:4px;
	padding:0 8px;
	font-size: 12px;
	text-align:left;
}