@charset "euc-jp";
/* CSS Document */

body {
	background: #FFF;
	margin: 0px;
	padding: 0px;
	font: 0.9em/1.6em "¥Ò¥é¥®¥ÎÌÀÄ« Pro W3", "Hiragino Mincho Pro","£Í£Ó £ÐÌÀÄ«", "MS PMincho" , serif;
}

a:link,
a:visited,
a:active,
a:hover {
	color: #896436;
}

/*menu*/

#menu {
	background: url(../images/menu_bg.png) repeat-x;
	height: 70px;
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 1;
}

#menu ul {
	margin: 0px auto;
	height: 70px;
	width: 1000px;
	position:relative;
	display: block;
}

#menu ul li{
	margin: 0px;
	float: left;
}


#menu ul li#en {
	margin-top: 22px;
	margin-left: 30px;
}

/*content*/

#main-wrapper {
	width: 100%;
	clear: both;
}

#content-main {
	margin: 0px auto;
	width: 960px;
	min-height:800px;
	position:relative;
	padding: 100px 0px 30px 0px;
}

#content-main h1 {
	margin-bottom:10px;
}

/*news*/

#right-menu {
	float: right;
	width: 240px;
	margin-top:20px;
	font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}

#right-menu h3{
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

#right-menu ul li {
	list-style: url(../images/allow.gif) outside;
}

#right-menu ul li a {
	text-decoration: none;
	
}

#right-menu ul li a:hover {
	text-decoration: underline;
}

#right-menu div#rss a {
	display:block;
	text-decoration: none;
	height: 30px;
	color: #FFF;
	width: 110px;
	text-align: center;
	line-height: 30px;
	margin-top: 2em;
	background: #000;
	border-radius: 3px;        /* CSS3Áð°Æ */
	-webkit-border-radius: 3px;    /* Safari,Google ChromeÍÑ */
	-moz-border-radius: 3px;   /* FirefoxÍÑ */
	font-size: 0.8em;
}

#right-menu div#rss a:hover {
	background: #896436;
	
}

#articles-wrapper {
	float: left;
	width: 650px;
	margin-top:-2em;
}

#articles-wrapper h2#page-name {
	display: block;
	width: 100%;
	margin-top: 2em;
	font: bold 1.4em/1.2em "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}

#articles-wrapper h3 {
	font-size: 1.8em;
	display: block;
	width: 100%;
	font-weight: bold;
	padding-bottom: 0.4em;
	line-height: 1.2em;
	margin-bottom: 0.2em;
	margin-top: 2em;
}

#articles-wrapper h3 a {
	text-decoration: none;
}

#articles-wrapper h3 a:hover {
	color: #830808;
}

#articles-wrapper div.date {
	display: block;
	width: 100%;
	font: 0.8em "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	margin-bottom: 0.8em;
}

#articles-wrapper div.article {
	line-height: 1.6em;
	margin-bottom:1.6em;
}

#articles-wrapper div.article p {
	margin-top:1.2em;
}

#articles-wrapper div.category {
	display: block;
	width: 100%;
	margin-bottom: 0.4em;
	text-align: right;
	font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	background: url(../images/dotline.gif) repeat-x left bottom;
	height: 3em;
}

#articles-wrapper div.category a:hover {
	color: #830808;
}

#articles-wrapper div.article-plugin {
	margin-top:-3.5em;
}

#articles-wrapper div#navi {
	display: block;
	width: 100%;
	margin-top: 2em;
	margin-bottom: 4em;
}

#articles-wrapper div#navi div#back a,
#articles-wrapper div#navi div#next a{
	display:block;
	text-decoration: none;
	height: 30px;
	color: #FFF;
	width: 130px;
	text-align: center;
	line-height: 30px;
	border-radius: 3px;        /* CSS3Áð°Æ */
	-webkit-border-radius: 3px;    /* Safari,Google ChromeÍÑ */
	-moz-border-radius: 3px;   /* FirefoxÍÑ */
	font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}

#articles-wrapper div#navi div#back a {
	background: #000;
}

#articles-wrapper div#navi div#next a {
	background: #000;
}

#articles-wrapper div#navi div#back  a:hover {
	background: #896436;
	color: #FFF;
}

#articles-wrapper div#navi div#next a:hover {
	background: #896436;
	color: #FFF;
}

#articles-wrapper div#navi div#back a {
	float: left;	
}

#articles-wrapper div#navi div#next a {
	float: right;	
}

/*social*/

#social {
	position:relative;
	height: 20px;
	display: inline;
	margin-bottom:40px;
}

#social-right {
	width:960px;
	display: table;
	text-align:right;
}

div#social iframe {
	width: 110px !important;
	display: inline;
}

iframe.twitter-share-button {
	width: 110px!important;
}

/*intro*/


.section {
	width:960px;
	overflow:hidden;
	margin-bottom:30px;
}

.midashi {
	width:960px;
	display:block;
	margin-bottom:15px;
}

.article-left {
	width:460px;
	float:left;
}

.article-right {
	width:460px;
	float:right;
}


/*staff*/

img#picMatsubayashi {
	float: right;
	margin-left: 30px;
	margin-top: -30px;
}

/*trailer*/

#player {
	margin-bottom: 40px;
	text-align: center;
}

#player iframe {
	margin:0 auto;
}

h1#trailer  {
	text-align: right;
	margin-bottom: 20px;
}

/*comments*/

.comment-name {
	margin-bottom: 10px;;
}


/*theater*/

div#theater-schedule {
	position: absolute;
	top:130px;
	left:580px;
}

table#theater-table {
	width:800px;
	font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}

table#theater-table tr td {
	padding: 5px 8px;
	border: 1px solid #c3c3c3;
	background: #FFF;
}

table#theater-table tr.header td {
	color: #FFF;
	background: #896436;
}

/*review*/

h2#review-name {
	font-size: 1.4em;
	margin-top: 30px;
	margin-bottom: 30px;
}

h2#review-name span {
	font-size: 0.6em;	
}

#review-article {
	width:620px;
	float:left;
	line-height: 1.8em;
}

#review-pics{
	width:300px;
	float:right;
}

#review-pics img {
	margin-bottom:34px;
}

#review-prof {
	margin-bottom:30px;
}

#review-prof img {
	margin-bottom:10px;
}
