/*
########################################################################
STUDIO MAGRiT
########################################################################
*/

/* ################################################################## */
/* TABLE OF CONTENTS                                                  */
/*                                                                    */
/* CONTAINER					##################################### */
/* HEADER						##################################### */
/* BODY							##################################### */
/* BODY-RIGHT AREA				##################################### */
/* BODY-LEFT AREA				##################################### */
/* FOOTER						##################################### */
/* ################################################################## */

/* @charset "UTF-8"; */
@import url("share.css");
@import url("parts.css");

/* CONTAINER					##################################### */
div#container{
	overflow: hidden;
	margin: 0 auto; 
	width: 1180px;
	background: url("../i/bg_right.jpg") no-repeat right top;
}
div#sub-container{
	background: url("../i/main_bg.jpg") no-repeat;
}
	.hide{display: none;}
	.clear{clear: both;}


/* BODY							##################################### */
div#main{
	margin: 0 0 0 30px;
	width: 980px;
}
	a#logo{
		position: absolute;
		margin-top: 114px;
		width: 344px; height: 151px;
		background: url("../i/title.png") no-repeat;
		text-indent: -2000px;
	}
	div#main div#col-main{
		overflow: hidden;
		width: 980px;
	}
		div#col-main div#col-left{
			float: left;
			width: 380px; height: 900px;
		}
			div#col-left div#global-navi{
				float: right;
				margin: 0 25px 20px 0;
				width: 160px;
			}
				div#global-navi a#logo-rhythm{
					display: block;
					width: 160px; height: 37px;
					background: url("../i/rhythm.jpg") no-repeat;
					text-indent: -2000px;
				}
				div#global-navi a:hover#logo-rhythm{
					background-position: left bottom;
				}
				div#global-navi a#logo-takahashi{
					display: block;
					margin: 248px 0 0 3px;
					width: 154px; height: 21px;
					background: url("../i/takahashi.jpg") no-repeat;
					text-indent: -2000px;
				}
				div#global-navi ul#menu{
					margin: 25px 0 0 0;
					width: 160px;
				}
					div#global-navi ul#menu li{
						margin: 0;
					}
					ul#menu a{
						display: block;
						width: 160px; height: 20px;
						text-indent: -2000px;
					}
					ul#menu a:hover{
						background-position: left bottom;
					}
					ul#menu a#menu-tobira{
						background: url("../i/menu_tobira.png") no-repeat;
					}
					ul#menu a:hover#menu-tobira{
						background-position: left bottom;
					}
					ul#menu a#menu-magrit{
						background: url("../i/menu_magrit.png") no-repeat;
					}
					ul#menu a:hover#menu-magrit{
						background-position: left bottom;
					}
					ul#menu a#menu-rensa{
						background: url("../i/menu_rensa.png") no-repeat;
					}
					ul#menu a:hover#menu-rensa{
						background-position: left bottom;
					}
					ul#menu a#menu-movie{
						background: url("../i/menu_movie.png") no-repeat;
					}
					ul#menu a:hover#menu-movie{
						background-position: left bottom;
					}

					ul#menu a#menu-otayori{
						background: url("../i/menu_otayori.png") no-repeat;
					}
					ul#menu a:hover#menu-otayori{
						background-position: left bottom;
					}
					ul#menu a#menu-log{
						background: url("../i/menu_log.png") no-repeat;
					}
					ul#menu a:hover#menu-log{
						background-position: left bottom;
					}
					ul#menu a#menu-link{
						background: url("../i/menu_link.png") no-repeat;
					}
					ul#menu a:hover#menu-link{
						background-position: left bottom;
					}
				div#global-navi a#bn-qr{
					margin: 20px auto 0 auto;
					display:block;
					width: 90px; height:110px;
					background: url("../i/qr.jpg") no-repeat;
				}

		div#col-main div#col-right{
			float: left;
			margin: 0 0 0 60px;
			padding: 115px 0 0 0;
			width: 540px;
		}
		div.entry{
			padding: 0 10px 5px 10px;
			width: 520px;
			background: url("../i/entry.png") no-repeat;
			overflow: hidden;
		}
		div.entry-bottom{
			clear: both;
			margin-bottom: 10px;
			width: 540px;
			height: 5px;
			background: url("../i/entry_bottom.png") no-repeat;
		}
			div.p-box{
				margin: 10px auto 5px auto;
				width: 520px;
				overflow: hidden;
			}
			div.p-detail{
				padding: 10px 15px;
				width: 490px;
				line-height: 1.5;
				background: url("../i/text_line.jpg");
				color: #fff;
			}
			div.p-comment{
				padding: 5px;
				width: 510px;
				background: url("../i/text_line.jpg");
				color: #fff;
				line-height: 1.5;
			}
			div.p-comment a{
				color: #fff;
				background: #ff0000;
			}
			div.p-comment a:hover{
				background: #fb3b00;
			}
			a.btn-next{
				position: absolute;
				float: right;
				display: block;
				margin: -5px 0 0 440px;
				width: 100px; height: 30px;
				background: url("../i/btn_next.png") no-repeat;
				text-indent: -9999px;
			}
			a:hover.btn-next{
				background-position: left bottom;
			}
		ul#ul-banner{
			overflow: hidden;
			clear: both;
			width: 100%;
		}
		ul#ul-banner li{
			margin: 0; padding: 0;
			padding-right: 30px;
			text-indent: -2000px;
		}
			ul#ul-banner li a{
				display: block;
				width: 335px; height: 35px;
				background: no-repeat;
			}
			ul#ul-banner li a:hover{
				background-position: left bottom;
			}
			ul#ul-banner li a#bn01{
				background-image: url("../i/bn01.jpg");
			}
			ul#ul-banner li a#bn02{
				background-image: url("../i/bn02.jpg");
			}
			ul#ul-banner li a#bn03{
				background-image: url("../i/bn03.jpg");
			}
			ul#ul-banner li a#bn04{
				height: 60px;
				background-image: url("../i/bn04.jpg");
			}

/* BODY-LEFT AREA				##################################### */

/* FOOTER						##################################### */
div#footer{
	clear: both; 
	margin: 0 0 0 168px; padding: 20px 0 5px 10px;
	width: 628px; height: 62px;
	background: url("../i/top/footer02.gif") no-repeat;
	line-height: 1.2; letter-spacing: 1px;
	font-family: arial; font-size: 8pt; color: #949494;
}
div#footer-banner{
	margin: 30px 20px 10px 10px;
	font-size: 10px;
}
div#footer-banner h6{
	font-size: 10px;
}
div#footer-banner a{
/*	color: #a3ddf9;*/
}