@charset "utf-8";
/*
Theme Name: obhana
Theme URI: http://www.ob-hana.net/
Description: Orlando HANA のテーマ
Author: Orlando HANA 管理者
Author URI: http://www.ob-hana.net/
Tags: pink, brown, fixed width, three columns
*/


/*---------------------------------
    Reset Cascading Style Sheets
-----------------------------------*/
body {
	font: 13px/1.231 arial, helvetica, clean, sans-serif;
 *font-size: small;
 *font: x-small;
}
table {
	font-size: inherit;
	font: 100%;
}
pre, code, kbd, samp, tt {
	font-family: monospace;
 *font-size: 108%;
	line-height: 100%;
}
select, input, textarea {
	font-size: 99%;
}
html {
	color:#000;
	background:#FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table, tr, th, td {
	border:none;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input, textarea, select {
*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}
h1 {
	/*18px via YUI Fonts CSS foundation*/
	/*	font-size:138.5%; */
	font-size:123.1%;
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;
}
h1, h2, h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1, h2, h3, h4, h5, h6, strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold;
}
abbr, acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
}
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote, ul, ol, dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol, ul, dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
/*	list-style: decimal outside; */
	list-style: none;
}
ul li {
	/*giving UL's LIs generated disc markers*/
/*	list-style: disc outside; */
	list-style: none;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th, td {
	/*borders and padding to make the table readable*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p, fieldset, table, pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text], input[type=password], textarea {
	width:20.25em;
*width:19.9em;
}
textarea {
	width:30.25em;
*width:29.9em;
}
/*---------------------------------
    Common Cascading Style Sheets
-----------------------------------*/
/* General styles */
html {
	background:#3D3534;
}
body {
	margin:0 auto;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#3D3534;
	min-width:760px;    /* Minimum width of layout - remove line if not required */
	/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
	position:relative; /* 画面サイズ変更時に崩れるのを防ぐ */
}
a {
	color:#d57c7d;
	text-decoration:none;
}
a:hover {
	color:#47312a;
	background:#d57c7d;
	text-decoration:none;
}
h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	margin:0 0 0 5px;
}
.ps {
	font-weight:bold;
	color:#47312B;
}
.fleft{ float:left; }
.fright{ float:right; }
.fclear { clear:both; }

.mr_10 { margin-right:10px; }
.ml_10 { margin-left:10px; }
.mt_20 { margin-top:20px; }
.mb_5 { margin-bottom:5px; }
.mb_15 { margin-bottom:15px; }
.mb_20 { margin-bottom:20px; }

.pl_10 { padding-left:10px; }

/* Wrapper Centering styles */
#wrapperCenter {
	text-align:center;
	width:1024px;
	margin:0 auto;
}
#wrapperLeft {
	text-align:left;
	color:#3b3333;
	background:#FFFFFF;
}
/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
	height:525px;
	background-image: url(./images/bg_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;/* background:#47312a; */
	position:relative;
}
#header p, #header h1, #header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}
#header h1 {
	color:#3D3534;
	font-size:1%;
	line-height:0;
	overflow:hidden;
}
#pt_header_ul{
	padding:400px 0 0 60px; /* IE対策 */	
} 
#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#47312B;
	color:#dfd09b;
	text-decoration:none;
	position:relative;
	line-height:1.3em;
}
#header ul li a:hover {
	background:#dfd09b;
	color:#47312a;
}
#header ul li a.active, #header ul li a.active:hover {
	color:#47312a;
	background:#dfd09b;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}
/* 'widths' sub menu */
	#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
	.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background-image: url(./images/bg_side.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
/* 3 column blog style settings */
.blogstyle {}
.blogstyle .colmid {
	float:left;
	width:200%;
	margin-left:-230px; 	/* Width of right column */
	position:relative;
	right:100%;
}
.blogstyle .colleft {
	float:left;
	width:100%;
	margin-left:-200px; 	/* Width of centre column */
}
.blogstyle .col1wrap {
	float:left;
	width:50%;
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.blogstyle .col1 {
	margin:0 15px 0 510px;	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
	position:relative;
	left:100%;
	overflow:hidden;
	background-image: url(images/bg_col1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
* html .blogstyle .col1 {
	background-position: left -20px;
}
.blogstyle .col2 {
	float:right;
	width:170px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	left:185px;         	/* Width of the left-had side padding on the left column */
}
.blogstyle .col3 {
	float:right;
	width:165px;        	/* Width of right column content (right column width minus left and right padding) */
	position:relative;
	left:530px;
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	color:#dfd09b;
	background-image: url(./images/bg_footer.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#footer p {
	padding:5px 80px;
	margin:0;
}
#footer address {
	visibility:hidden;
}
/*---------------------------------
    Page Cascading Style Sheets
-----------------------------------*/
.smallText {
	font-size:80%;
}
#bread {
	clear:left;
	float:left;
	width:500px;
	margin:0;
	padding:10px 0 0 80px;
}
#search {
	float:left;
	margin:0;
	padding:15px 0 0 43px;
}
.searchBox {
	margin:-18px 0 0 0;
	padding:0;
}
.col2 a {
	color:#ffffff;
}
.col2 a:hover {
	color:#47312a;
	background:#d57c7d;
}
.col2 ul ul {
	margin:0;
	padding:0;
}
.col2 ul ul.children {
	margin-left:1em;
}
input.searchArea { width:110px; }
#home_welcome {
	background-image: url(./images/content_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height:124px;
}
#home_welcome_contents {
	margin-left:180px;
}
h2.bgOn {
	color: #FFFFFF;
	background-image: url(images/bg_h2_title.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 500px;
	overflow: hidden;
	padding: 15px 0;
	margin-bottom:20px;
}
h2 .pt_bgOn{
	display:block;
	padding: 10px 20px;
}
h3 {
	border-left: 5px solid #47312B;
	padding-left: 15px;
	margin-top: 30px;
	clear: both;
}
dt {
	background-image: url(images/content_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-top: 5px;
}
dd {
	padding-left: 20px;
}
.col1 li{
	background-image: url(images/content_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-bottom:10px;
}
.col1 li.reminder{
	background-image: url(images/content_03.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-bottom:10px;
}
table th {
	background-color:#E8D8A0;
	border-bottom:1px solid #FFFFFF;
}
table td {
	border-bottom:1px solid #E8D8A0;
}
.col1 h4 {
	display:block;
	height:30px;
	padding-top:20px;
	padding-left: 15px;
	color: #E8D8A0;
	background-image: url(images/bg_subtitle.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.col3 a:hover {
	background: none;
}
.col1 ul.links li {
	background:none;
	margin:0;
	padding:0;
}

#mailToOb {
	background-image: url(./images/content_02.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height:124px;
}
#mailToOb_contents {
	margin-left:180px;
}
.strong_side {
	font-size:123.1%;
	font-weight:bold;
	margin:.8em 0 .2em 0;
	padding:0;
}
#header .strong_side {
	margin:0;
	padding:.4em 15px 0 15px;
}

#airmail1 {
	background-image: url(./images_upload/mailtoob_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 10px;
	height: 150px;
	width: 200px;
	vertical-align: middle;
	padding-top: 30px;
	padding-left: 150px;
}
#airmail2 {
	background-image: url(./images_upload/mailtoob_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 10px;
	height: 95px;
	width: 220px;
	vertical-align: middle;
	padding-top: 85px;
	padding-left: 130px;
	line-height: 1.5em;
}
blockquote {
	background-color:#E8D8A0;
	padding:5px;
}
p.lineTop {
	border-top: 1px dotted #E8D8A0;
	display: block;
	padding-top: 10px;
}
.gallery-item {width: 33%;}

.divLine { border-bottom:1px dotted #E8D8A0; }

.news_detail {
	width:500px;
	clear: both;
}

.news_detail > p {
	margin-top: 0px;
	width:auto;
}

.news_detail_image {
	float: left;
	width: 60px;
	margin-right: 10px;
}

.news_detail_image img {
	width: 60px;
	height: 60px;
}

/* Filmography*/
.outline_block {
	width:500px;
	clear: both;
}

.outline_block > p {
	margin-top: 0px;
	width:auto;
}

.outline_block_image {
	float: left;
	width: 185px;
	margin-right: 10px;
}

.outline_block_image img {
	width: 175px;
	height: auto;
}

table td.noline {
	border: none;
}
#jvideo {
	background-image: url(./images/content_04.png);
	background-repeat: no-repeat;
	background-position: left top;
	min-height:150px;
}
#jvideo_contents {
	margin-left:150px;
}
.bold {
	font-weight:bold;
}
a.noline,
a.noline:hover {
	background:none;
	text-decoration:none;
	color:#E8D8A0;
}
a.noline_base,
a.noline_base:hover {
	background:none;
	text-decoration:none;
	color:#47312a;
}
.div_half {
	float: left;
	padding: 0;
	margin-bottom:10px;
	width: 240px;
}
h3.information {
	border-left: 5px solid #47312B;
	padding-left: 15px;
	margin-top: 5px;
}
.col1 p.clickinfo{
	background-image: url(images/content_05.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom:1px;
}