/* ==================== レイアウト ==================== */

#container {
   width: 810px;			/* === 全体の横幅を指定 === */
   margin: auto;			/* === コンテナまわりの余白サイズを指定(コンテンツをブラウザの中央に配置) === */
}

#wrapper {
   padding: 5px;			/* === containerの内側に5pxの余白を入れる === */
   background-color: #ffffff;		/* === wrapper内の背景色を白に設定 === */
}

body {
   background-image: url(../images/bg_1.jpg);
   background-attachment: fixed;
   background-repeat: repeat;
   background-color: #ffffff;
   font-family: Verdana, Arial, sans-serif; 
}


/* ==================== ヘッダー ==================== */

#header h1{				/* === 見出し文字(タイトル)のため、h1とする。 === */
   margin: 0;				/* === 標準で挿入される余白を削除 === */
}


/* ==================== Menu Tabs ==================== */

#tabs {
   font-size: 0.77em;
   font-weight: bold;
   font-family: 'メイリオ', Meiryo,Verdana;
   float: left;
   width: 100%;
   background: change-background;
   line-height: normal;
}

#tabs ul {
   margin: 0;
   padding: 5px 0 0 0;	/*- Menu 上右下左- */
   list-style: none;
}

#tabs li {
   display: inline;
   margin: 0;
   padding: 0;
}

#tabs a {
   float: left;
   background: url("../images/menu/tableft.jpg") no-repeat left top;
   margin: 0;
   padding: 0 0 0 4px;
   text-decoration: none;
}

#tabs a span {
   float: left;
   display: block;
   background: url("../images/menu/tabright.jpg") no-repeat right top;
   padding: 10px 12px 10px 12px;
   color: #A5151A;
}

#tabs a span {
   float: none;
}

#tabs a: hover span {
   color: #FFF;
}

#tabs a:hover {
   background-position: 0% -42px;
}

#tabs a:hover span {
   background-position: 100% -42px;
}


/* ==================== サブタイトル ==================== */

.post {
   width: 800px;					/* === 見出しと文章の横幅を指定 === */
}

.post h2 {						/* === サブタイトルの設定 === */
   font-size: 1.2em;					/* === 見出しの文字サイズを指定 === */
   background-image: url(../images/subtitle.png);		/* === 区切り線の画像を指定 === */
   background-repeat: no-repeat;			/* === 画像を繰り返し表示しない === */
   background-position: left bottom;			/* === 画像の表示位置を指定 === */
   padding-top: 10px;					
   padding-left: 10px;
   padding-bottom: 5px;
   text-align: left;
   margin: 0;
   margin-bottom: 15px;
   font-family: "Comic Sans MS",Verdana,Arial,sans-serif; 
}

.postinfo {						/* === サブタイトル横の日本語説明 === */
   font-size: 0.95em;
   text-align: right;
   margin-top: -40px;
   margin-bottom: 25px;
   padding-right: 0.5em;
   font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; /* === IEはsans-serifがないとダメ === */
}


/* ==================== 文字の設定 ==================== */

.posttext {				/* === 基本の文字サイズを指定 === */
   font-size: 0.9em;
   padding-left: 0.5em;			/* === 文章の左側に1emの余白をあける。=== */
   padding-right: 0.3em;
   line-height: 1.5;
}

.posttext p {
   margin: 0;
   margin-bottom: 20px;
}

.posttext link {
   padding-left: 2em;
   font-size: 1.2em;
}

.posttext concert {
   padding-left: 3em;
   font-size: 1.2em;
   font-family: sans-serif;
   font-weight: bold;
}

.postinfo span {
   color: #000000;
   padding: 2px 4px:
}


#content {
   width: 800px;
   float: left;
   margin: 10px 0;
}

.imgright {
   float: right;
   margin-bottom: 10px;
   margin-left: 10px;
}

.imgleft {
   float: left;
   margin-bottom: 10px;
   margin-right: 10px;
}

.update {
   margin-left: 252px;
}

.imgcaption {
   text-align: center;
   font-size: 0.85em;
}

.imgcaption img {
   margin-bottom: 5px;
}

.imgcaption p {
   margin: 0;
}

@font-face {
   font-family: KOKUTETSU;
   src: url('../WebFont/KOKUTETSU.otf') format("opentype");
}

.imgcaption2 {
   text-align: right;
   font-size: 0.85em;
}

.imgcaption2 img {
   margin-bottom: 5px;
}

.imgcaption2 p {
   margin: 0;
}








p3 {
   padding-left: 3em;
   font-size: 0.95em;
}


p4 {
   font-size: 5em;
   font-family: "MS Pゴシック",sans-serif;
   font-weight: bold;
}

p5 {
   font-size: 1.2em;
}



/* ==================== 背景の設定 ==================== */






/* ==================== フォーム ==================== */
#myform label {
   display: block;
   width: 100px;
   float: left;
   font-size: 0.875em;
}

#user,#mail {
   width: 350px;
}

#mes {
   width: 500px;
   height: 250px;
}

#submit {
   width: 100px;
   margin-left: 100px;
}


/* ============ 次回演奏会のお知らせ ==================== */

.concert_title {
   font-size: 1.6em;
   font-weight: bold;
   font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; /* === IEはsans-serifがないとダメ === */
}

.next_concert {
   font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; /* === IEはsans-serifがないとダメ === */
   font-weight: bold;
   font-size: 1.3em;
}

.next_concert_program1 {
   font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; /* === IEはsans-serifがないとダメ === */
   font-size: 1.0em;
}

.next_concert_program2 {
   font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; /* === IEはsans-serifがないとダメ === */
   font-weight: bold;
   font-size: 1.2em;
}

.line {
   text-decoration: line-through;
}

.reschedule {
   font-size: 0.8em;
   background-color: white;
   color: #A5151A;
}

.large_marker {
   background-color: white;
   padding: 0.3em;
}

.marker {
   background-color: white;
}


.personal_data {
   font-size: 1.2em;
   font-weight: bold;
   text-align: left;
   padding-left: 2.5em;
   line-height: 2em;
}

/* ==================== 弦ドル ==================== */
.string_title {

   font-size: 1.2em;
   font-family: "MS Pゴシック", sans-serif; /* === IEはsans-serifがないとダメ === */
   padding-left: 2em;
   font-weight: bold;
}

.string_info {
   font-family: "MS Pゴシック", sans-serif; /* === IEはsans-serifがないとダメ === */
   font-size: 1.05em;
   padding-left: 3.5em;
}

/* ==================== 演奏会の履歴 ==================== */

.table_history {
   width: 750px;
   border-collapse: collapse;
   table layout: fixed;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   font-family: メイリオ,"MS Pゴシック",sans-serif; /* === IEはsans-serifがないとダメ === */
}

.td_history {					/* === データ === */
   border: solid 3px #11a642;
   padding: 5px;
}

.title {
   font-size: 1.6em;
   font-weight: bold;
}

.date {
   font-size: 0.9em;
}

.composer {
   font-size: 1.0em
}

.music {
   font-size: 1.1em
}

.soloist {
   font-size: 1.0em
}




/* ==================== 練習予定 ==================== */

.table_practice {
   width: 750px;
   border-collapse: collapse;
   table layout: fixed;
   margin-left: auto;
   margin-right: auto;
   font-family: "MS Pゴシック",sans-serif; /* === IEはsans-serifがないとダメ === */
}


.th_practice {					/* === 見出し === */
   width: auto;
   border: solid 3px #11a642;
   padding: 5px;
   background-color: #b8e964;
   font-size: 1em;
   text-align: center;
}

.td_number {					/* === データ === */
   border: solid 3px #11a642;
   padding: 3px;
   text-align: center;
   font-size: 0.9em;
}

.td_date {					/* === データ === */
   border: solid 3px #11a642;
   padding: 3px;
   text-align: center;
   font-size: 0.9em;
}

.td_place {					/* === データ === */
   border: solid 3px #11a642;
   padding: 5px;
   text-align: left;
}

.td_etc {					/* === データ === */
   border: solid 3px #11a642;
   padding: 5px;
   text-align: center;
   font-size: 0.9em;
}

/* ==================== お問い合わせフォーム ==================== */

.ttl {
   text-align: left;
   border-left: solid 4px #A5151A;
   display: block;
   padding: 2px 5px;
   margin-top: 2em;
   font-weight: bold;
}

.form {
   border: 1px solid #7777bb;
   border-collapse: collapse;
   margin-top: 1em;
}


.th_inquiry {
   background: #cccce6;
   text-align: left;
   border: 1px solid #7777bb;
   padding: 8px;
   font-weight: normal;
}

.td_inquiry {
   background: #f0f0f0;
   text-align: left;
   border: 1px solid #7777bb;
   padding: 8px;
   font-weight: normal;
}


/* ==================== フッター ==================== */

#foot {
   clear: both;
}

#footer {
   width: 800px;
   border-top: solid 5px #11a642;
   padding-top: 0px;
   padding-bottom: 0px;
}









/* ==================== Menu Tabs 2==========

#footer p {
   color: #000000;
   font-size: 0.75em;
   margin: 0;
   text-align: right;
}

/* ドルチェ室内オーケストラ */
/* 楽団紹介 */
/* 次回演奏会のお知らせ */
/* 活動履歴 */
/* ドルチェ弦楽合奏団 */
/* お問い合わせ */
/* サイトマップ */
/* 練習予定 */








#content {
   width: 800px;			/* === contentの横幅を指定(両脇に5pxの余白が入るため、800pxを指定 === */
   margin: 5px 0;
}

=== */






 



 
/* ==================== コンテンツ ==================== */
 

 
/* ==================== サイドバー ==================== */
 


/* ====
   float: left;
   background-image: url("images/bg087_09.gif");
   background-repeat: repeat;
==== */