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


/*
div {
	border: 1px dotted #FF0000;
}
*/

/***********************
ページ全体
***********************/

body *{
  font-size:12px;
  margin: 0;
  padding: 0;
}
body {
  margin: 0;
  padding: 0;
  color: #653818;
width: 800px;
border-right: 1px solid #CCCCCC;}

a {
  color:#076CAE;
}
a:hover {
  color:#E5B2B4;
}
.style1 {
  font-size: 9px;
}

/***************************
縦３段
****************************/

#h_l_t {
width: 800px;
position:static;}


/***************************
ヘッダ・ナビゲーション・検索
****************************/
#header {
/*
border-right: 1px solid #CCCCCC;
*/
width: 800px;
height: 164px;
color: #653818;
background:top left no-repeat url(pict/header.gif);
}

#header img {
	padding: 0px;
	margin: -0px;
　  border: none;
}

/*------リンク------*/

#header ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#header li {
  position: absolute;
  top: 137px;
  left:0px;
  display: block;
  margin: 0;
  padding: 0;
  height: 21px;
  text-indent: -9999px;
}

#header li a {
  text-decoration: none;
  display: block;
  height: 21px;
}
#header li#navi_1 {
  background: url(pict/navi.gif) 0 0 no-repeat;
  left:0px;
  width: 167px;
}
#header li#navi_2 {
  background: url(pict/navi.gif) -167px 0 no-repeat;
  left: 167px;
  width: 124px;
}

#header li#navi_3 {
  background: url(pict/navi.gif) -291px 0 no-repeat;
  left: 291px;
  width: 140px;
}
#header li#navi_4 {
  background: url(pict/navi.gif) -431px 0 no-repeat;
  left: 431px;
  width: 127px;
}
#header li#navi_5 {
  background: url(pict/navi.gif) -558px 0 no-repeat;
  left: 558px;
  width: 240px;
}

#header li#navi_1 a:hover{
  background: url(pict/navi.gif) 0 -21px no-repeat;
  left:0px;
  width: 167px;
}
#header li#navi_2 a:hover{
  background: url(pict/navi.gif) -167px -21px no-repeat;
  left: 167px;
  width: 124px;
}
#header li#navi_3 a:hover{
  background: url(pict/navi.gif) -291px -21px no-repeat;
  left: 291px;
  width: 140px;
}
#header li#navi_4 a:hover{
  background: url(pict/navi.gif) -431px -21px no-repeat;
  left: 431px;
  width: 127px;
}

#header li#navi_5 a:hover{
  background: url(pict/navi.gif) -558px -21px no-repeat;
  left: 558px;
  width: 240px;
}

/*------検索------*/

#search {
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 100px;
    left:587px;
    height: 32px;
/*border: 1px solid red;*/
}

#search1 {
	height: 18px;
	width: 158px;
	float: left;
    padding: 0px 0px;
	margin: 0px 0px;
}
#search1 input{
width: 150px;
}

#search2 {
        height: 21px;
	width: 45px;
	margin: 11px 0 0 0 ;
        padding: 0;
        float: left;
}

#search_title {
color:#FFFFFF;
font-size:8px;
padding: 0 0 0 22px;
line-height:11px;
}

/*#h_l_t #header #search #search2 input {
	margin-bottom: 0px;
}*/

/*#search form {
padding: 10px;
width: 300px;}
*/

/***********************
ログインメニュー
***********************/
#login {
	clear: both;
	width: 800px;
	height: 27px;
	background: url(pict/login.gif) top left ;
	}
/*------ようこそ------*/
#login_l {
	width:485px;
	margin: 0;
	padding: 0.5em 5px;
	color:#000066;
	background:trancparent;
	list-style: none;
	font-weight: bold;
    float:left;
}

/*------ログインメニューリンク------*/

#login_r {
	width:300px;
    float:left;
}

#login_r ul {
	margin: 0;
	padding: 0.5em 0 0 5px;
	color:#000066;
	background:trancparent;
	list-style: none;
	font-weight: bold;
	text-align: right;
}

#login_r li {
  display: inline;
}

#login_r li a {
  padding: 0.2em 0.8em;
  color: #000066;
}

#login_r li a:hover{
  color:#FF6600;
}
#login_r ul .guest {
	text-align: left;
}
/***********************
今日のモーツァルト
***********************/
#today {
clear: both;
margin: 0;
padding: 5px 0 10px 20px;
width: 779px;
background-image: url(pict/today_left.gif);
background-repeat: repeat-y;
word-break:break-all;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

/***********************
コンテンツ
***********************/
#content {
	width: 800px;
	margin: 0;
	padding:0;
        positions:static;
/*↓floatのブラウザ問題回避設定*/
overflow:auto;
background:url(pict/content_bg.gif) left top ;}
/*      position:ralative;	*/
/*border-RIGHT:1px solid RED;*/

/***********************
左コンテンツ
***********************/
/*------全体------*/
#content_l {
width: 199px;
float: left;
margin: 0;
padding: 0;
background:url(pict/content_l_top.gif) top left no-repeat #e6c3b2;
position: static;
/*border: 1px solid red;*/
}

/*------テキスト位置設定------*/
#content_l p {
width: 167px;
margin: 0;
padding:70px 0 0 6px;
/*border: 1px solid blue;*/
}

#content_l a {
/*border: 1px solid blue;*/
}


.content_l_link{
text-align: right;
padding:0 6px 0 0 ;
/*margin: 0;*/}
/*------作品一覧------*/
/*
#content_l_list {
padding: 0;
margin: 200px auto 5px 4px;
width: 190px;
height: 155px;
background:url(pict/content_l_list.gif) no-repeat top left;
}
*/
/*------国際モーツァルテウム------*/
/*#content_l_aotate{
padding: 0;
margin: 5px auto 5px 4px;
width: 190px;
height: 155px;
background:url(pict/content_l_aotate.gif) top left;
}
*/
/*------モーツァルト生誕イベント------*/
/*#content_l_report{
padding:0;
margin: 5px auto 5px 4px;
width: 190px;
height: 155px;
background:url(pict/content_l_report.gif) top left;
}
*/
/*------対話レポート------*/
/*#content_l_dialog{
padding: 0;
margin: 5px auto 5px 4px;
width: 190px;
height: 155px;
background:url(pict/content_l_dialog.gif) top left;
}
*/
/*------モーツァルト関連リンク------*/
/*#content_l_mlink{
padding: 0;
margin: 5px auto 5px 4px;
width: 190px;
height: 155px;
background:url(pict/content_l_link.gif) top left;
}
*/
/*------オペラ２２------*/
/*#content_l_opera22{
padding: 0;
margin: 5px auto 5px 4px;
width: 190px;
height: 155px;
background:url(pict/content_l_opera22.gif) top left;
}
*/
/*------左下スペース------*/
#content_l_space{
	padding: 0;
	width: 190px;
	height: 40px;
	background: #e6c3b2;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: 4px;
}

/*ボタンリニューアル20060419*/
#content_l_ranking a{
	display:block;
	padding: 0;
	margin: 200px auto 5px 4px;
	width: 190px;
	height: 70px;
	background:url(pict/content_l_r_ranking2006.gif) no-repeat top left;
	text-indent: -99999px;
}
#content_l_mozartyear a{
	display:block;
	padding: 0;
	margin: 2px auto 5px 4px;
	width: 190px;
	height: 70px;
	background:url(pict/content_l_r_mozartyear.gif) top left;
	text-indent: -99999px;
	}
#content_l_list a{
	display:block;
	padding: 0;
	margin: 2px auto 5px 4px;
	width: 190px;
	height: 70px;
	background:url(pict/content_l_r_list.gif) top left;
	text-indent: -99999px;
	}
#content_l_aotate a{
	display:block;
	padding: 0;
	margin: 2px auto 5px 4px;
	width: 190px;
	height: 70px;
	background:url(pict/content_l_r_aotate.gif) top left;
	text-indent: -99999px;
	}

#content_l_hall a{
	display:block;
	padding: 0;
	margin: 2px auto 5px 4px;
	width: 190px;
	height: 70px;
	background:url(http://www.mozart.jp/skins/mozartskin/pict/content_l_r_hall.gif) top left;
	text-indent: -99999px;
	}

/*mozart.jp について*/
#content_l_mozart a{
	display:block;
	padding: 0;
	margin: 2px auto 5px 4px;
	width: 190px;
	height: 70px;
	background:url(http://www.mozart.jp/skins/mozartskin/pict/content_l_r_mozart.gif) top left;
	text-indent: -99999px;
	}

/***********************
中央コンテンツ・右コンテンツ
***********************/

#wrapper {
width: 592px;
float: right;
/*
border-RIGHT:1px solid RED;
*/
}

/***********************
中央コンテンツ
***********************/
#content_c {
width: 360px;
float: left;
margin: 0 auto;
/*
background:#999999;
*/
}

/*------トピックス------*/
#topics {
	width: 360px;
	border:1px solid #CCCCCC;
	background: url(pict/topics_bg.gif) no-repeat left top ;
	margin: 5px 0;
	padding: 0px;
	background-position:0 15px;}

#topics img {
border: 0;
}

#topics p {
padding: 10px;
	border-bottom:1px dotted #666666;
}

#topics .topics_title {
	padding:5px 0 0 5px;
	font-weight:800;
}

/*------コンサート-----*/

#concert {
	width: 360px;
	border:1px solid #CCCCCC;
	margin: 5px 0;
	padding: 0px;
	background-position:0 15px;
}

#concert img{
border: 0;
}

/***-今日のコンサート-***/
/*画像部分*/
#concert_tblock_top{
	width: 340px;
	margin: 5px 5px 0 5px;
	padding: 0px;
}

/*外枠部分*/
#concert_tblock{
    clear:right;
	width: 348px;
    border:1px solid #999999;
/*	border:1px solid blue;*/
	margin: 0px 5px 5px 5px;
	padding: 0px;
	background-position:0 15px;
}


/*個々の外枠(点線)部分*/
.concert_tbox{
	padding: 5px 5px 30px 5px;
	margin: 5px auto;
	width:320px;
	border:1px dotted #CCCCCC;
	background-image: url(pict/concert_to_bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
/*	background-color: red;*/
}

/*画像*/
.concert_tbox img {
padding: 0 5px 0 0;
}

/*#concertlist {
padding: 4px 0px;
margin-bottom: 0px;
float:right;}
*/

/*.concertlist {
padding: 4px 0px;
margin-top: -35px;
float:right;}
*/

/*内容部分*/
.concert_tbox_title a{
	color:#FF9999;
	font-weight:800;
	text-decoration: underline;
/*background: red;*/
}

.concert_tbox_title a:link{
    color:#FF9999;
/*background: red;*/
}

.concert_tbox_title a:hover{
    color:#996699;
}

/*内容部分*/
.concert_tbox p{
width: 320px;
padding: 0;
margin: 7px 0 7px 0;
line-height: 1em;
/*background: pink;*/
}

.concert_tbox_a{
	font-size: 12px;
	margin-top: 10px;
    padding: 0 10px 0 0;
    margin: 0;
/*	background: blue;*/
}
	
/***-注目のコンサート-***/


/*画像部分*/
#concert_kblock_top{
	width: 340px;
	margin: 5px 5px 0 5px;
	padding: 0px;
	/*background-position:0 15px;*/
}
/*外枠部分*/
#concert_kblock{
    clear:right;
	width: 348px;
    border:1px solid #999999;
/*	border:1px solid blue;*/
	margin: 0px 5px 5px 5px;
	padding: 0px;
	background-position:0 15px;
	background-color:#EFEFEF;
}


/*個々の外枠(点線)部分*/
.concert_kbox{
	padding: 5px 5px 30px 5px;
	margin: 5px auto;
	width:320px;
	border:1px dotted #CCCCCC;
	background-image: url(pict/concert_ke_bg.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #FFFFFF;
}

/*画像*/
.concert_kbox img {
padding: 0 5px 0 0;
}


/*内容部分*/

/*↓一応リンク設定*/
.concert_link {
text-align:right;}
.concert a {
text-decoration:underline;
margin: 0;
padding:0 auto 0 6px;
}

/*↓一応段落設定*/

.concert_kbox p{
	width: 320px;
	padding: 3px 0 0 0;
	line-height: 1em;
/*background:#FFEEEE;*/
}

/*↓一応段落設定*/

.concert_kbox a{
	font-size: 13px;
    padding: 0 10px 0 0;
/*background: blue;*/
}
	
/***********************
右コンテンツ
***********************/
#content_r {
width: 226px;
float: right;
margin: 0 auto;
/*background:#CCCCCC*/;
}

/*------マイページ-----*/

#mypage {
	width: 226px;
	margin: 5px auto;
	text-align:center;}
#mypage img{
	border:0;
	margin: auto;}

#mypage_img {
	margin: 0px auto 5px auto;
	}

/*------肖像画-----*/
#pictures {
	width: 220px;
	margin: 0 auto 0 0;
	text-align:center;
    border:1px solid #999999;
	padding: 2px auto;}

/*------ライブカメラ-----*/
#livecam {
	width: 226px;
	margin: 0 auto 0 0;
	text-align:center;
 	padding: 0;}

/*------モーツァルトが生まれてから-----*/
#time {
	width: 226px;
	margin: 5px 0;
	text-align:center;
 	}
	
#time_top{
	background:url(pict/time_bg.gif) left top no-repeat;
	width: 226px;
	height:46px;
	margin: 0 auto 0 0;
	border-color: #0066FF;
    padding:50px 0 0 0;
line-height: 1.5em;}	

#time_caption{
	border:1px solid #999999;
	width: 210px;
	font-size: x-small;
	line-height: 1em;
    text-align: left;
	padding: 5px;
	margin: 0 auto 0 0;
	margin-top:5px;}

#content #wrapper #content_r #time #time_top input {
  border:0px #FFFFFF none;
  font-size:9px;
  letter-spacing:0.1em;
  color: #653818;
  background:transparent;
  font-weight:400;
  height:1.5em;
  text-align:center;
}

/*------モーツァルトランキング-----*/

.ranking{
	width: 226px;
	margin: 10px 0;
/*        border:1px solid red;*/
}

.ranking_block{
	width: 220px;
        border:1px solid #FF667B;
	margin: 0 0 0 1px;
	padding: 0px;
}


/*------記事掲載-----*/

.kiji{
	width: 226px;
	margin: 10px 0;
/*        border:1px solid red;*/
}

.kiji_block{
	width: 220px;
	margin: 0 0 0 1px;
	padding: 0px;
	background-image: url(pict/media_banner.gif);
	background-repeat: no-repeat;
}

.kiji_blist{
    margin: 0 auto;
	width: 200px;
    /*border:1px solid blue;*/
	padding: 0px;
        line-height: 1.8em;
}
.kiji_blist_2 {
	padding: 4px 0;
	width: 200px;
	line-height: 15px;
	font-size: 12px;
	font-weight: 600;
        line-height: 1.8em;
}
/******タイトル部分******/

.ranking_btitle{
    margin: 5px auto;
 	width: 202px;
    /*border:1px solid #FF667B;*/
	padding: 0px;
}

.ranking_btitle_bg{
	background: url(pict/ranking_title_bg.gif);
}
.ranking_btitle_text{
	font-size:15px;
	font-weight: 600;
	color: #FF9C9C;
	width: 190px;
	margin: 0 auto;
}

/******順位部分******/

.ranking_blist{
    margin: 0 auto;
	width: 200px;
    /*border:1px solid blue;*/
	padding: 0px;
        line-height: 1.8em;
}

.ranking_blist_1 {
	width: 200px;
	padding: 2px 0;
    margin:0 ;
	line-height: 20px;
	font-size: 14px;
	font-weight: 900;
        line-height: 1.8em;
	}

.ranking_blist_2 {
	padding: 4px 0;
	width: 200px;
	line-height: 15px;
	font-size: 12px;
	font-weight: 600;
        line-height: 1.8em;
}

.ranking_blist_3 {
	padding: 4px 0;
	width: 200px;
	line-height: 10px;
	font-size: 11px;
	font-weight: 400;
        line-height: 1.8em;
}

.ranking_blist_4 {
	padding: 4px 0;
	width: 200px;
	line-height: 10px;
	font-size: 10px;
	font-weight: 400;
        line-height: 1.8em;
}

.ranking_blist_5 {
	padding: 4px 0;
	width: 200px;
 	line-height: 10px;
	font-size: 9px;
	font-weight: 400;
        line-height: 1.8em;
}

.ranking_bdata{
    margin: 10px auto;
	text-align: right;
    width: 200px;
    /*border:1px solid #FF667B;*/
	padding: 0px;
}

/***********************
フッタ
***********************/
#footer {
	clear: both;
	padding:0;
	width:800px;
	position:static;
	background: transparent url(pict/footer.gif) no-repeat left top;
	height: 50px;
	margin:0px;
}

/*------会員募集------*/
#content_l_news {
padding: 0;
margin: 5px auto 5px 4px;
width: 190px;
height: 170px;
background:url(pict/content_l_r_news.gif) top left;
}

/*------会員募集テキスト位置------*/
.content_l_news{
width: 175px;
margin: 0;
padding:45px 0 0 6px;
}












/*モーツァルトランキング2009-2010*/
#content_l_ranking a{
	display:block;
	padding: 0;
	margin: 200px auto 5px 4px;
	width: 190px;
	height: 70px;
	background:url(pict/content_l_r_ranking2010.gif) no-repeat top left;
	text-indent: -99999px;
}