/*---------------------------------------------------------------------
*
*	style.css
*
---------------------------------------------------------------------*/

html, body, a, td, th, p, li, div, span, b {
	font-size: 10pt;
	color: #333333;
	font-family: "MS PGothic";
	font-family:"���C���I","Meiryo" ;
}

html, body{
	margin:0;
	padding:0;
}

a:link    { color:#0000ff; text-decoration:none;}
a:visited { color:#800080; text-decoration:none;}
a:hover   { color:#ff0000; text-decoration:underline;}
a:active  { color:#ff0000; text-decoration:underline;}





#page { background: url("images/kubrickbg-ltr.jpg") repeat-y top; border: none; }
/* wrapper
---------------------------------------------------------------------*/
#wrapper {
	width:100%;
	margin : 0 auto ;
}

/* header
---------------------------------------------------------------------*/
#header {
	height:160px;
	background:url(../images/bg-header.png) no-repeat top center;
}

#header h1 {
	background:url(../images/bg-h1.png) repeat top center;
}

#header h1 span {
	width:950px;
	height:25px;
	display:block;
	margin:0 auto;
	color:#ffffff;
	font-weight:bold;
	line-height:25px;
	font-size:8pt;
}

#header-in {
	width:950px;
	margin:0 auto;
}

#header-in .info {
	width:950px;
	margin:0 auto;
	position:relative;
	top:15px;
	left:0;
	z-index:2;
}

#header-in .info p {
	float:right;
}




/* visual
---------------------------------------------------------------------*/
#visual {
	background:url(../images/bg-visual.png) no-repeat top center;
}

#visual p {
	width:950px;
	height:400px;
	margin:0 auto;
}



/* ivy
---------------------------------------------------------------------*/
.top-only #ivy {
	height:126px;
	background:url(../images/bg-ivy.png) no-repeat top center;
	position:relative;
	top:0;
}

#ivy {
	height:90px ;
	background:none;
	position:relative;
	top:-30px;
}

#ivy p {
	height:126px;
	background:url(../images/ivy.png) repeat top center;
}

#ivy p span {
	display:none;
}

/* contents
---------------------------------------------------------------------*/
#contents {
	background:url(../images/bg-contents.jpg) repeat top center;
	xpadding:10px 0 0 0 ;
}

#contents-inner {
	width:1020px;
	margin:0 auto;
	background:url(../images/bg-contents-inner.png) repeat-y top center;
}

#contents-in {
	width:950px;
	margin:0 auto;
	background:#ffffff;
	padding:30px 25px 0 25px;

}

/* sub
---------------------------------------------------------------------*/
#sub {
	float:left;
	width:260px;
}

#sub #menu {
	height:660px;
	background:url(../images/bg-menu.jpg) repeat top center;
	position:relative;
	padding:35px 0 0 0 ;
}

#sub #menu #stem-top {
	position:absolute;
	top:-20px;
	left:-20px;
}

#sub #menu #stem-bottom {
	position:absolute;
	top:665px;
	left:-20px;
}

#sub #menu ul {
	list-style:none;
	background:url(../images/bg-ul-menu.png) repeat top center;
	width:225px;
	margin:0 auto;
	padding:25px 0;
}

#sub #menu ul li {
	margin:0 auto 10px;
	font-size:1pt;
	line-height:0;
}
#sub #menu ul li#m-houi {
	margin:0 auto ;
}

#sub #menu ul li a {
	width:200px;
	height:55px;
	display:block;
	margin: 0 auto;
	font-size:1pt;
}

#sub #menu ul li#m-top       a { background:url(../images/m-top.jpg) no-repeat 0 0 ; }
#sub #menu ul li#m-about     a { background:url(../images/m-about.jpg) no-repeat 0 0 ; }
#sub #menu ul li#m-naritasan a { background:url(../images/m-naritasan.jpg) no-repeat 0 0 ; }
#sub #menu ul li#m-question  a { background:url(../images/m-question.jpg) no-repeat 0 0 ; }
#sub #menu ul li#m-hand      a { background:url(../images/m-hand.jpg) no-repeat 0 0 ; }
#sub #menu ul li#m-name      a { background:url(../images/m-name.jpg) no-repeat 0 0 ; }
#sub #menu ul li#m-house     a { background:url(../images/m-house.jpg) no-repeat 0 0 ; }
#sub #menu ul li#m-love      a { background:url(../images/m-love.jpg) no-repeat 0 0 ; }
#sub #menu ul li#m-houi      a { background:url(../images/m-houi.jpg) no-repeat 0 0 ; }


#sub #menu ul li#m-top       a:hover ,
#sub #menu ul li#m-about     a:hover ,
#sub #menu ul li#m-naritasan a:hover ,
#sub #menu ul li#m-question  a:hover ,
#sub #menu ul li#m-hand      a:hover ,
#sub #menu ul li#m-name      a:hover ,
#sub #menu ul li#m-house     a:hover ,
#sub #menu ul li#m-love      a:hover ,
#sub #menu ul li#m-houi      a:hover  { background-position: 0 -55px ; }

#sub #menu ul li#m-top       a.on ,
#sub #menu ul li#m-about     a.on ,
#sub #menu ul li#m-naritasan a.on ,
#sub #menu ul li#m-question  a.on ,
#sub #menu ul li#m-hand      a.on ,
#sub #menu ul li#m-name      a.on ,
#sub #menu ul li#m-house     a.on ,
#sub #menu ul li#m-love      a.on ,
#sub #menu ul li#m-houi      a.on  { background-position: 0 -55px ; }

#sub #menu ul li#m-top       a span,
#sub #menu ul li#m-about     a span,
#sub #menu ul li#m-naritasan a span,
#sub #menu ul li#m-question  a span,
#sub #menu ul li#m-hand      a span,
#sub #menu ul li#m-name      a span,
#sub #menu ul li#m-house     a span,
#sub #menu ul li#m-love      a span,
#sub #menu ul li#m-houi      a span { display:none; }








/* main
---------------------------------------------------------------------*/
#main {
	float:right;
	width:665px;
}

#main #greeting {
	background:url(../images/bg-greeting.jpg) no-repeat top center;
	padding:140px 25px 25px 25px ;
	margin:0 0 20px 0 ;
}

#main #greeting p {
	line-height:250%;
}

#main ul.bnr3 {
	list-style:none;
	width:615px;
	margin:0 auto 15px;
}

#main ul.bnr3 li {
	float:left;
}

#main h2 {
	background:url(../images/bg-h2.jpg) repeat top center;
	padding:0 15px;
	line-height:43px;
	height:43px;
	-moz-border-radius:5px 5px 0 0 ;
	border-radius: 5px 5px 0 0;         /* css3 */
	-webkit-border-radius: 5px 5px 0 0; /* Safari,Google Chrome */
	-moz-border-radius: 5px 5px 0 0;    /* Firefox */
	margin:0 0 20px 0;
	font-weight:bold;
	color:#ffffff;
	font-size:12pt;
}

#main .sitemap {
	margin:0 0 30px 20px ;
}


#main .sitemap li {
	margin:0 0 10px 0 ;
}

#main .dl-note {
	margin:0 0 20px 0 ;
}

#main .dl-note dt {
	font-weight:bold;
}

#main .dl-note dd {
	padding:10px 0;
}


#main .dl-note dd .soudan {
	padding:10px 20px;
	background:#fae1fc;
}

#main .dl-note dd .soudan strong {
	font-weight:bold;
	display:block;
	color:#b44dbd;
}

#main #uranai {
	height:395px;
	background:url(../images/img-uranai.jpg) no-repeat top center;
	position:relative;
}

#main #uranai p {
	width:101px;
	font-size:8pt;
	line-height:120%;
	text-shadow:
	-1px -1px #fff,
	1px -1px #fff,
	-1px 1px #fff,
	1px 1px #fff;
}

#main #uranai p a {
	display:block;
	margin:5px 0;
}

#main #uranai p#u-name {
	position:absolute;
	top:105px;
	left:277px;
}


#main #uranai p#u-hand {
	position:absolute;
	top:159px;
	left:43px;
}

#main #uranai p#u-house {
	position:absolute;
	top:159px;
	left:527px;
}

#main #uranai p#u-love {
	position:absolute;
	top:280px;
	left:200px;
}

#main #uranai p#u-houi {
	position:absolute;
	top:280px;
	left:370px;
}










#main .topic-path {
	font-size:8pt;
	margin:0 0 5px 0;
	padding:0 5px;
}

#main .topic-path a {
	font-size:8pt;
}

#main .tbl-basic {
	width:100%;
	margin:0 auto 20px;
}

#main .tbl-basic th,
#main .tbl-basic td {
	padding:5px 10px;
	border:1px solid #cccccc;
}

#main .tbl-basic th {
	background:#f2f2f2;
	text-align:left;
	font-weight:bold;
}

#main .tbl-basic td input {
	margin:5px 0;
}


/* full
---------------------------------------------------------------------*/
#full {
	clear:both;
	width:950px;
	padding:20px 0 0 0 ;
}

#full ul#mat {
	list-style:none;
	width:927px;
	margin:0 auto;
}

#full ul#mat li {
	height:270px;
	background:url(../images/bg-mat.jpg) no-repeat top center;
	margin: 0 0 15px 0;
}
#full ul#mat li .mat-in {
	width:830px;
	margin:0 auto;
	padding:50px 0 0 0;
}

#full ul#mat li .mat-in dl {
	width:527px;
}
#full ul#mat li .mat-in dl dd {
	padding:10px;
}


/* footer
---------------------------------------------------------------------*/
#footer {
	width:100%;
	clear:both;
	margin:0 auto;
	background:url(../images/bg-contents.jpg) repeat top center;
}

#footer-in {
	width:100%;
	clear:both;
	margin:0 auto;
	background:url(../images/bg-footer.png) repeat top center;
	padding:0 0 30px 0;
}


#footer-inner {
	width:1020px;
	margin:0 auto;
	background:url(../images/bg-contents-inner.png) repeat-y top center;
}

#footer-in #pagetop {
	width:950px;
	margin:0 auto;
	padding:25px 25px 15px 25px;
	text-align:right;
}

#footer-in #fm {
	width:950px;
	margin:10px auto 0;
	background:url(../images/bg-fm.png) repeat top center;
	padding:15px 25px;
}

#footer-in #fm ul {
	list-style:none;
	text-align:center;
	margin:0 auto 5px;
}

#footer-in #fm ul li {
	display:inline;
}

#footer-in #fm ul li a {
	font-size:8pt;
	padding:0 7px ;
	border-left:1px solid #c3dfa6 ;
}

#footer-in #fm ul li.first a {
	border-left:none ;
}

#footer-in #fm ul li a:link    { color:#c3dfa6; text-decoration:underline;}
#footer-in #fm ul li a:visited { color:#c3dfa6; text-decoration:underline;}
#footer-in #fm ul li a:hover   { color:#ffffff; text-decoration:underline;}
#footer-in #fm ul li a:active  { color:#ffffff; text-decoration:underline;}

#footer-in #fm p {
	text-align:center;
	color:#c3dfa6;
}

/* seasons added on 131018
---------------------------------------------------------------------*/

.spring #header { background:url(../images/bg-header-spring.png) no-repeat top center; }
.spring #visual { background:url(../images/bg-visual-spring.png) no-repeat top center; }
.spring #ivy    { background:url(../images/bg-ivy-spring.png) no-repeat top center;    }

.summer #header { background:url(../images/bg-header-summer.png) no-repeat top center; }
.summer #visual { background:url(../images/bg-visual-summer.png) no-repeat top center; }
.summer #ivy    { background:url(../images/bg-ivy-summer.png) no-repeat top center;    }

.autumn #header { background:url(../images/bg-header-autumn.png) no-repeat top center; }
.autumn #visual { background:url(../images/bg-visual-autumn.png) no-repeat top center; }
.autumn #ivy    { background:url(../images/bg-ivy-autumn.png) no-repeat top center;    }

.winter #header { background:url(../images/bg-header-winter.png) no-repeat top center; }
.winter #visual { background:url(../images/bg-visual-winter.png) no-repeat top center; }
.winter #ivy    { background:url(../images/bg-ivy-winter.png) no-repeat top center;    }