@charset "EUC-JP";

/*
-----------------------------------------------------
livedoor Blog CSS
FileName: TogetheR
Version: 2007.08.03
-----------------------------------------------------
*/


/*  table of content
=1 global
=2 header
=3 mainColumn
=4 mainColumn2 (cmt trb)
=5 subColumn
=6 footer
=7  ad
*/


/*
search key =
hack search key =hack

color code 
 background: #bd1313
 h: #5b280c
 link: #844435;
 visited: #511102;
 hover: #b77768;
*/



/* =1 global */
*{
	word-break:break-all;
	font-family:verdana, arial, sans-serif;
	margin: 0;
	padding: 0;
}

blockquote {
	height: auto!important;
	height: 1%;/* =hack for ie6 */
	margin: 0 25px 10px;
	padding: 10px 15px;
	background: #f2e3d5;
}

input {
	padding-top: 2px;
}


/* 最上段のtable */
table#header{
	font-size:12px;
	width:100%;
	color:#fff;
	background: #f54dea;
}
table#header th{
	width:1%;
}
table#header th img{
	margin:2px 10px;
	width:132px;
	height:24px;
}
table#header td.catprbox{
	width:1%;
	white-space:nowrap;
}
table#header td.catprbox span{
	margin-right:15px;
}
table#header td.newstickerbox{
	width:97%;
	text-align:right;
	padding-right:10px;
}
table#header td.startblogbox{
	width:1%;
	padding-right:10px;
	white-space:nowrap;
}
table#header td.startblogbox img{
	width:17px;
	height:16px;
	border:0px;
	vertical-align:middle;
	margin-right:3px;
}
table#header a{
	color:#fff;
}

/* 全体的な設定 */
body {
	line-height: 1.5;
	background: #ffffff url(http://www.ongakuza-musical.com/together_img/bg.jpg) repeat-x 0 28px;
}

div#container {
	width: 918px;
	margin: 0 auto;
	background: #ffffff url(http://www.ongakuza-musical.com/together_img/width.jpg) repeat-y;
}



/* =2 header */
div#banner {
	width: 918px;
	height: 306px;
	margin: 0 auto; 
	background: url(http://www.ongakuza-musical.com/together_img/header.jpg) -52px 0;
}

div#banner h1.blogtitle {
	position: relative;
	z-index: 500;/* =hack for ie */
}

div#banner h1.blogtitle a {
	display: block;
	position: absolute;
	top: 10px;
	left: 26px;
	overflow: hidden;
	width: 220px;
	height: 155px;
	text-indent: -99999px;
}

div#banner div.description {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
}

/* main と side のwrap */
div#blogcontainer {
	width: 814px;
}



/*  =3 mainColumn */
div#content {
	display: inline;
	float: right;
	width: 528px;
	margin: 0 15px 0 0;
}

div#content div#contentin {
	position: static!important;
	position: relative;/* =hack for ie */
	z-index: 100;/* =hack for ie */
	margin: -115px 0 0 0;
}
/* = 画像のサイズとメインコンテンツの上下位置、IEのネガティブmarginの仕様からposition:relativeで対応。
念のためにモダンブラウザ用にstaticで上書き
日付部分が潜る事にz-indexで対応 */


/* コンテンツ部分の上中下 */

div#contentin div.fullbody,
div#contentin div#articlebody {
	position: relative;/* = IEがheightを拡張する不具合→日付の表示不具合を修正する為の布石 */
	width: 528px;
	background: url(http://www.ongakuza-musical.com/together_img/entry_bg.jpg) repeat-y -4px 0;
}

div.formbodybottom {
	width: 528px;
	height: 30px;
	background: url(http://www.ongakuza-musical.com/together_img/entry_under.jpg) -4px 0;
}


/* 見出し系 */
div.datebody {
	width: 473px;
	height: 0;
}

div.datebody h2.date {
	position: absolute;
	right: 40px;
	padding: 34px 0 0 0;
	color: #5b280c;
	font-size: 80%;
	text-align: right;
}


div.blogbody div.titlebody {
	width: 473px;
	height: auto!important;
	height: 94px;/* =hack for ie */
	min-height: 94px;
	margin: 0 23px 0;
}
div.blogbody div.titlebody {
	width: 528px;
	height: auto!important;
	height: 136px;/* =hack for ie */
	min-height: 136px;
	margin: 0;
	background: url(http://www.ongakuza-musical.com/together_img/entry_header.jpg) no-repeat -4px 0;
}

div.titlebody h3.title {
	margin: 0px 29px 0 78px;
	padding: 78px 0 0 0;
	color: #5b280c;
}

div.blogbody div.main {
	margin: 0 50px;
	padding: 10px 0 0 0;
	font-size: 90%;
}
	div#contentin div.fullbody div.blogbody div.main a:link {
		color: #844435;
	}
	div#contentin div.fullbody div.blogbody div.main a:visited {
		color: #511102;
	}
	div#contentin div.fullbody div.blogbody div.main a:hover {
		color: #b77768;
	}

div.blogbody div.main img {
	margin: 5px;
}

div.article_tags {
	margin: 0 35px;
	font-size: 80%;
}
	div.article_tags a:link,
	div.article_tags a:visited {
		color: #0bb8c3;
	}
	div.article_tags a:hover {
		color: #4ffee5;
	}


/* 記事ごとのフッタ */
div.posted {
	color: #5b280c;
	font-size: 60%;
	text-align: center;
}div.blogbody>div.posted {
	font-size: 70%;/* =hack for ie6 */
}*+html div.blogbody>div.posted {
	font-size: 60%;/* =hack for ie7 */
}
	div.posted a:link,
	div.posted a:visited {
		color: #0bb8c3;
	}
	div.posted a:hover {
		color: #4ffee5;
	}
div.fullbody div.posted {
	position: relative;
	top: 60px;
	width: 528px;
	height: 136px;
	margin: 0;
	padding: 58px 0 0 0!important;
	padding: 60px 0 0 0;/* =hack for ie6 */
	background: url(http://www.ongakuza-musical.com/together_img/entry_under_full.jpg) no-repeat -4px 0px;
}
div#articlebody div.posted {
	width: 473px;
	height: 48px;
	margin: 0 23px;
	padding: 37px 0 0 0;
	background: url(http://www.ongakuza-musical.com/together_img/gosenfu.jpg) no-repeat 0 -20px;
}


div.posted img {
	border: none;
	vertical-align: bottom;
}

div.dateend {
	height: 50px;
}



/* =4 mainColumn 2 */
/* 個別記事用 */
div#contentin div.menu {
	margin: 0 41px 5px 0;
	color: #fff;
	font-size: 80%;
	text-align: right;
}	div#contentin div.menu a:link {
		color: #555;
	}
	div#contentin div.menu a:visited {
		color: #555;
	}
	div#contentin div.menu a:hover {
		color: #999;
	}

div.blogbody div.mainmore {
	margin: 0 35px;
	padding: 10px 0 0 0;
	font-size: 90%;
}


/* トラバ・コメント表示 */
div.subspace a:link,
div.subspace a:visited {
	color: #844435;
}
div.subspace a:hover {
		color: #b77768;
}

a.adtitle:hover,
a.adld:hover {
		color: #b77768;
}

div.subspace div.trackbackurlbody,
div.subspace div#trackback,
div.subspace div#comment {
	margin: 20px 45px 0 35px;
	font-size: 80%;
}

div.subspace div#trackback h3.trackbackhead,
div.subspace div#comment h3.commenthead {
	margin: 5px 0 0 0;
	color: #5b280c;
}

div.subspace div#trackback #trackbackbody div.trackbackttl,
div.subspace div#comment div#commentbody div.commentttl {
	margin: 5px 0 0 10px;
}

div.subspace div#trackback #trackbackbody div.trackbacktext,
div.subspace div#comment div#commentbody div.commenttext {
	margin: 5px 0 0 15px;
}


/* クイックトラバ */
div.trackbackurlbody div.trackbackurl table input {
	width: 60px;
	margin: 0 30px 0 0;
}
div.trackbackurlbody div.trackbackurl table input.trackbackbox {
	width: 345px;
	margin: 0 10px 0 0;
}

div.trackbackurlbody h3.trackbackurlttl {
	color: #5b280c;
}


/* コメントフォーム */
div#takecomment {
	margin: 20px 45px 0 35px;
	color: #5b280c;
	font-size: 80%;
}

div#formbody {
	width: 300px;
	margin: 5px 45px 20px 35px;
	color: #5b280c;
	font-size: 80%;
}

#takecommentbody {
	margin: 0 0 0 15px;
}

div#formbody table.form tr th{
	padding: 10px 0;
}

div#formbody table.form tr th.auther,
div#formbody table.form tr th.email,
div#formbody table.form tr th.url {
	padding: 10px 5px 0 0;
	text-align: right;
	vertical-align: bottom;
}

div#formbody table.form tr input#author,
div#formbody table.form tr input#email,
div#formbody table.form tr input#url {
	width: 250px;
}

div#formbody table.form textarea#text {
	width: 350px;
}


/* = 顔文字 */
div#formbody {
	position: relative;
}
div#formbody table.form #emoji {
	top: 165px!important;
	left: 60px!important;
}


/* カテゴリページ・記事ページ */
div#contentin div#categorytitlebody {
	margin: 0 41px 5px 0;
	text-align: right;
}

div#contentin div#categorytitlebody h2#categorytitle {
	position: relative;/* =hack for ie7 */
	color: #666;
}

div.nextpage {
	margin: 0 41px 50px 0;
	font-size: 80%;
	text-align: right;
}	div.nextpage a:link {
		color: #fff;
	}
	div.nextpage a:visited {
		color: #ccc;
	}
	div.nextpage a:hover {
		color: #999;
	}



/* =5 subColumn */
div#sidecolumn {
	float: right;
	position: relative;
	width: 244px;
	height: auto!important;
	height: 1339px;/* =hack for ie */
	min-height: 1339px;
	margin: -306px 11px 0 0;/* =hack for ie6 */
	padding: 250px 0 0 0;
	background: url(http://www.ongakuza-musical.com/together_img/obi.jpg) no-repeat;
}div#blogcontainer>div#sidecolumn {
	margin-right: 13px;
}
	div#sidecolumn a:link{
		color: #FFF;
text-decoration: underline;
	}
	div#sidecolumn a:visited {
		color: #999;
text-decoration: underline;
	}
	div#sidecolumn a:hover {
		text-decoration: none;
	}


/* サブコンテントの枠 */
div#sidecolumnbody div.sidetitlebody {
	width: 222px;
	margin: 0 12px;
	background: #363636 url(http://www.ongakuza-musical.com/together_img/left_box_header.jpg) no-repeat;
}

div#sidecolumnbody div.sidetitlebody div.sidetitle {
	margin: 0 15px;
	padding: 6px 0 6px 0;
	color: #FFF;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
}

div#sidecolumnbody div.side {
	width: 222px;
	margin: 0 12px;
	padding: 10px 0 30px 0;
	background: #FFF
url(http://www.ongakuza-musical.com/together_img/left_box_bg.jpg);
}

div#sidecolumnbody div.side div {
	margin: 0 12px;
}

div#sidecolumnbody div.side div.sidebody {
	margin: 5px 10px 0 20px;
	font-size: 80%;
color: #5b280c;
}

div#sidecolumnbody div.side div.sidebody a {
	display: block;
	padding: 0 0 0 20px;
	background: url(http://www.ongakuza-musical.com/together_img/star.jpg) no-repeat 0 4px;
color: #5b280c;
}


/* サイドバーフォーム */
div#sidecolumnbody div.side form input {
	width: 130px;
	margin: 0 0 0 12px;
}

div#sidecolumnbody div.side form input.sfbtn {
	width: 50px;
	margin: 0 12px 0 0;
}

div#sidecolumnbody div.sidebottom {
	width: 222px;
	height: 20px;
	margin: 0 12px 40px 12px;
	background: url(http://www.ongakuza-musical.com/together_img/left_box_under.jpg);
}


/* リスログ */
div.lislog {
	margin: 0 12px 40px;
}


/* バナー */
div#sidecolumnbody div.officialbanner {
	margin: 0 0 40px 0;
	text-align: center;
}

div#sidecolumnbody div.officialbanner a {
	display: block;
	margin: 0 0 20px 0;
}

div#sidecolumnbody div.officialbanner a img {
	border: none;
}


/* カレンダー上部分 */
div.calendarheadbody {
	text-align: center;
}

div.calendarheadbody div.calendarhead {
	margin: 0 0 10px 0;
	color: #fff;
	font-weight: bold;
}
	div.calendarheadbody div.calendarhead a:link,
	div.calendarheadbody div.calendarhead a:visited {
		color: #fff!important;
	}


/* カレンダー下部分 */
div.calbody {
	text-align: center;/* =hack for ie5 */
}

div.calbody table.calendartable {
	width: 180px;
	margin: 0 auto 20px;
}

div.calbody table.calendartable table.caltblwk tr td {
	color: #fff;
	font-weight: bold;
}

div.calbody table.calendartable table.caltblday tr td {
	padding: 3px;
	color: #fff;
	font-size: 80%;
}
	div.calbody table.calendartable table.caltblday tr td a:link {
		color: #fff!important;
		font-weight: bold!important;
	}
	div.calbody table.calendartable table.caltblday tr td a:visited {
		color: #ccc!important;
		font-weight: bold!important;
	}
	div.calbody table.calendartable table.caltblday tr td a:hover {
		color: #999!important;
	}


/* ミニバナー */
div.elsebody div {
	margin: 15px 0;
	text-align: center;
}

div.side iframe {
	margin: 0 0 0 50px;
}



/* =6 footer */
div#footer {
	position: relative;
	clear: both;
	width: 814px;
	height: 83px;
	padding: 0 0 10px 0;
	background: url(http://www.ongakuza-musical.com/together_img/footer_link.jpg) no-repeat 330px 0;
}

div#footer a {
	display: block;
	position: absolute;
	top: 45px;
	left: 335px;
	width: 235px;
	height: 20px;
	text-indent: -9999px;
}

div#outfooter {
	width: 918px;
	height: 21px;
	margin: 0 auto;
	background: #fff url(http://www.ongakuza-musical.com/together_img/footer.jpg) no-repeat;
}



/* =7  ad */
#ad {
	margin: 0 35px 0 25px;
	padding: 10px 20px 0;
	background: #fff;
}

.blogbody iframe{
	width:420px;
	margin:0 auto;
}
a.adtitle{
	color:#3d78f9;
	font-weight:bold;
	text-decoration:underline;
}
a.addescription{
	color:#666;
	text-decoration:none;
}
a.adurl{
	color:#666;
	text-decoration:none;
}
a.adld{
	color:#666;
	text-decoration:underline;
}
body.ad{
	background: #fff;
}

a.adtitle:link,
a.adtitle:visited,
a.adld:link,
a.adld:visited {
	color: #844435;
}

a.adtitle:hover,
a.adld:hover {
		color: #b77768;
}