* { margin:0; padding:0;} 
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,img {
	margin:0;
	padding:0;
}
ul,ol,li { list-style:none;}
img { border:none;}

body {
	background:#505050;
	padding:15px 0 0 0;
	font-size:80%;
	color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka,"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",Verdana, Geneva, sans-serif;
	line-height:2.0;
	text-align:center;
	margin:0 auto;
}

a { color:#333333;}
a:visited { color:#33333;}
a:hover { color:#EC6859; text-decoration:underline;}

/* common ////////////////////////////////////////////////////////////////////////////////////////*/


.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}

.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}

.bdr_p {
	border:1px solid #f7c1bb;
	padding:10px 10px 5px 10px;
}

.box_s {
	font-size:0.9em;
} 

.small {
	font-size:0.8em;
	line-height:1.6;
}

.pht {
	background:url(../images/phot_bg.gif) no-repeat;
	padding:6px 0 8px 5px;
}

.separate {
	background:url(../images/blog_hr.gif) no-repeat left center;
	height:30px;
	clear:both;
}

.txt {
	background-color:#FFF;
	padding:30px 45px 22px 45px;
	border:1px solid #CDC9BF;
	min-height:500px;
	width:445px;
	_width:442px;
}

p { padding-bottom:15px;}

/* main ////////////////////////////////////////////////////////////////////////////////////////*/

#container {
	background:#fff;
	margin:0 auto 5px auto;
	width:800px;
	min-height:600px;
	font-size:0.8em;
}


#goodbye {
	width:800px;
	height:600px;
	text-indent:-9999px;
	margin:0 0 0 -37px;
	padding:0;
	text-align:left;
	}

#goodbye h1 {
	width:330px;
	height:211px;
	padding-top:215px;
	margin:0 auto;
}

#container #goodbye h1 a {
	background:url(../../images/goobye_museum.gif) no-repeat;
	display:block;
	width:330px;
	height:211px;
}

#container #goodbye h1 a:visit {}

#container #goodbye h1 a:hover {
	background:url(../../images/goobye_museum_ovr.gif) no-repeat;
}

#goodbye p {
	display:none;
}


#topBox {
	text-align:center;
	margin:0 auto;
	width:800px;
	padding:190px 0 0 0;
}

#topBox h1{
	background:url(../../images/top_logo.gif) no-repeat;
	width:316px;
	height:157px;
	text-indent:-9999px;
	margin:0 auto 30px auto;
	text-align:center;
}

#topBox .topics {
	text-indent:-9999px;
	width:407px;
	margin:0 auto 55px auto;
	text-align:center;
}

#topBox .topics a {
	display:block;
	width:407px;
	height:63px;
}

#topBox .topics dt.tp01 a{
	background:url(../../images/bnr_chubby.gif) no-repeat;
	height:63px;
	font-size:0;
	line-height:0;
}

#topBox .topics dt.tp01 a:hover{
	background-position:0 -62px;
}

#naviarea{
	width:630px;
	height:50px;
	text-indent:-9999px;
	margin:0 auto;
	text-align:center;
}

#naviarea li {
	float:left;
	display:block;
	height:35px;
}

#naviarea a,#naviarea span{
	background:url(../../images/top_navi.gif) no-repeat;
	display:block;
	height:35px;
	font-size:0;
	line-height:0;
}

#naviarea li.intro { width:100px; }
#naviarea li.blog { width:75px; }
#naviarea li.active { width:100px; }
#naviarea li.member { width:115px; }
#naviarea li.shop { width:150px; }
#naviarea li.link { width:85px; }
#naviarea li.contact { width:110px; }

#naviarea li.intro a { background-position:0 0;}
#naviarea li.blog a { background-position:-100px 0;}
#naviarea li.active a { background-position:-170px 0;}
#naviarea li.member span { background-position:-270px 0;}
#naviarea li.shop span { background-position:-390px 0;}
#naviarea li.link a { background-position:-543px 0;}
#naviarea li.contact a { background-position:-630px 0;}

#naviarea li.intro a:hover { background-position:0 -31px;}
#naviarea li.blog a:hover { background-position:-100px -31px;}
#naviarea li.active a:hover { background-position:-170px -31px;}
#naviarea li.member a:hover { background-position:-270px -31px;}
#naviarea li.shop a:hover { background-position:-390px -31px;}
#naviarea li.link a:hover { background-position:-543px -31px;}
#naviarea li.contact a:hover { background-position:-630px -31px;}


#footer {
	clear:both;
	height:30px;
	width:800px;
	margin:0 auto;
}

#footer address {
		background:url(../images/copyright.gif) right top no-repeat;
		text-indent:-9999px;
		float:right;
		width:400px;
}

#footer p{
	float:left;
	width:400px;
	text-align:left;
	color:#fff;
	font-size:0.8em;
	line-height:1.2;
}

#footer p a{
	color:#fff;
	text-decoration:none;
}

#footer p a:hover{
	text-decoration:underline;
}

#container h1 a {
	display:block;
	width:90px;
	height:70px;
	font-size:0;
	line-height:0;
}

/* activity ////////////////////////////////////////////////////////////////////////////////////////*/

#activityBox {
	padding:20px 0 0 20px;
	text-align:left;
}

#activityBox #naviarea {
	margin:40px 0 25px 0;
	float:left;
}

#activityBox h1{
	background:url(../../activity/images/logo.gif) no-repeat;
	width:90px;
	height:70px;
	float:left;
	text-indent:-9999px;
	margin-right:10px;
}

div.scroller {
	margin:0 auto;
	width: 588px; 
	height: 390px;
	overflow: hidden;
	clear:left;
	background:url(../../activity/images/bnr_rgtline.gif) repeat-x left top;
}

div.scroller .section {
		width:588px;
		height:390px;
		overflow:hidden;
		float:left;
		padding-left:12px;
		display:inline;
}

div.scroller h3 {
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

div.scroller li {
	float:left;
	width:140px;
	height:390px;
}

div.scroller li a,div.scroller li span{
	display:block;
	width:110px;
	height:374px;
	margin:12px 15px 0 15px;
}

div.scroller li a.active02 { background:url(../../activity/images/bnr_02oosanbashi.gif) no-repeat;}
div.scroller li a.active01 { background:url(../../activity/images/bnr_01takanawa.gif) no-repeat;}

div.scroller .content {
		width: 10000px;
}

#section2 {
}


/* contact ////////////////////////////////////////////////////////////////////////////////////////*/

form {
	margin:20px 0 80px 0;
	font-size:0.9em;
	line-height:1.2;
}

form p{
	padding:0 0 15px 0;
}

label {
	line-height:1.5;
}

input:focus,textarea:focus {
	background-color:#FFF8D9;
}

.textmode01 {
	ime-mode: active;
	border:none;
	line-height:1.6;
}

.textmode02 {
	ime-mode: inactive;
	border:none;
	line-height:1.6;
}

.nyuryoku {
	background-color:#928977;
	color:#FFF;
	border:1px solid #928977;
	padding:6px 0 2px 0;
	letter-spacing:0.2em;
}

.nyuryoku:hover {
	border:1px solid #FFF;

}

.form_result {
	width:480px;
	border:none;
}

.form_result th {
	width:10em;
	text-align:left;
	vertical-align:top;
	padding:4px 0;
}

.form_result td {
	vertical-align:top;
	padding:4px 0;
}

/* link ////////////////////////////////////////////////////////////////////////////////////////*/

dl#link {
	line-height:1.1;
	width:480px;
	_width:440px;
}

dl#link dt {
	padding-bottom:5px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
}

dl#link dt strong{
	font-size:1.2em;
}

dl#link dt span {
	font-family:"ヒラギノ明朝 Pro W5" , "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}

dl#link dt a{
	text-decoration:none;
}


dl#link dd {
	padding-bottom:10px;
	font-size:0.8em;
	color:#928977;
	font-weight:normal;
	margin-bottom:15px;
}

dl#link p{
	font-weight:bold;
}

/* Clearfix */  
.clearfix:after {   
    content: ".";    
    display: block;    
    height: 0;    
    clear: both;    
    visibility: hidden;   
}   
.clearfix {   
    display: inline-block;   
    min-height: 1%;   
}   
/* Hides from IE-mac \*/  
* html .clearfix {   
    height: 1%;   
}   
.clearfix {   
    display: block;   
}   
/* End hide from IE-Mac */