* html.box{ height: 1%; }


body {
width:980px;
height:100%;
background-color:black;
color:#e4d3b9;
line-height:1.6;
margin:0 0 0 20px;
padding:0;
text-align:left;
font-family:"Lucida Grande","Verdana","Meiryo","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴPro W3","HiraKakuPro-W3","MS Pゴシック",Sans-Serif;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,textarea,p,blockquote,th,td{
margin:0;
padding:0;
}

ol,ul{ list-style:none; }

img{ border:0; }

.clearfix { display: inline-block; }

a:link { color:#e4d3b9; text-decoration:underline; }
a:visited { color:#e4d3b9; }
a:hover { color:white;text-decoration:underline; }
a:active { color:#e4d3b9; text-decoration:none; }


#wrapper{
	width:980px;
	padding:0;
	text-align:left;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}




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

#main h1{
	font-size:70%;
	font-weight:normal;
	z-index:2;
	position:absolute;right:10px;top:4px;
}


/* --------------second---------------- */

#main #second h1{
	font-size:70%;
	font-weight:normal;
}


#main #second {
	height:560px;
}


#main #second h2{
	font-size:120%;
	padding: 35px 0 7px 0;
	color:white;
	letter-spacing:0.1em;
}
#main #second h2.narrow{
	font-size:120%;
	padding: 20px 0 7px 0;
	color:white;
	letter-spacing:0.1em;
}
#main #second, #second #manager p{
	font-size:75%;
	line-height:1.8em;
}

#main #second ul,li #access {
	list-style:square;
	list-style-position: inside;
	line-height:2em;
	margin-bottom:5px;
	color:white;
}

#main #second #manager{
	height:460px;
	float:left;
	margin:80px 40px 0 0;
}


/* -----------photo gallary---------- */

#photo_g{
	height:560px;width:290px;margin-top:80px;
}

#photo_g img{
	width:125px;height:125px;
	 -ms-interpolation-mode: bicubic; 
}

#photo_g li{
	float:left;
	margin:0 40px 40px 0;
}


#photo_g li.right_side{
	float:left;
	margin:0 0 40px 0;
}



/* --------------menu---------------- */

#main #menu h1{
	font-size:70%;
	font-weight:normal;
}


#main #menu {
	height:560px;
}


#main #menu h2{
	font-size:90%;
	padding: 35px 0 7px 0;
	color:white;
	letter-spacing:0.1em;
}

#main #menu p{
	font-size:70%;
	line-height:1.4em;
	margin:0;
	padding:6px 0 0 0;
}

#main #menu table{
	margin:35px 0 0 0;
	font-size:70%;
	color:white;
	text-align:left;
}
#main #menu th{
	font-weight:normal;
	width:180px;
}
#main #menu th, td{
	padding:4px 0 2px 0;
	border-bottom:dotted 1px #444;
}
#main #menu td.en{
	width:155px;
}

/* --------jQuery 画像切り替え----------- */

#viewer {
margin: 0 auto;
width: 750px;
height: 560px;
text-align: left;
overflow: hidden;
z-index:1;
position: relative;
}
#viewer img {
top: 0;
left: 0;
position: absolute;

}

/* 画像のフェードイン */
#fadein{
display:none;
}

/* --------------left---------------- */
#side{
	width:230px;
	min-height:570px;
	float:left;
	padding:0;
	margin:0;
}

#side #logo {
	margin:25px 0 0 0;
}
#side #left_menu ul {
	margin:31px 0 25px 0;
	padding:0;
}

#side #left_menu ul a {
 display: block;padding:6px 0;
}
#side #left_menu li {
	margin:0;
	padding:0;
}


#side #bnarea{
	margin-top:110px;
	margin-left:20px;
}

#side #bn_area ul {
	margin:20px 0 0 0;
	padding:0;
}
#side #bn_area li {
	padding:0 0 10px 0;
}




/* --------------twitter---------------- */
#tw_original {
	border: 1px solid #444;
	background-color: #222 !important;
	padding:0 5px 0 10px;
	width:78% !important;
}

#tw_original .twtr-widget-profile img.twtr-profile-img {
	display: block;
	float: left;
	border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	-webkit-border-radius: 0 0 0 0;
}
#tw_original .twitter-timeline {
	font-size:70% !important;
}

/* --------------footer---------------- */
#gotop{
	padding:3px;
	font-size:75%;
	color:#999999;
	text-align:right;
	clear:both;
}

#foot{
	width:980px;
	font-family:verdana, sans-serif;
	font-size:x-small;
	line-height:1.7em;
}
#foot #tell{
	float:right;
	margin-top:20px;
	height:70px;
}
#foot_reserve{
	border-top:solid 1px #7d715a;
	color:#726a5d;
	width:100%;
	margin:8px 0;
	padding:8px 0;
	clear:both;
}


#foot strong{
	font-size:200%;
	color:white;
	line-height:2.2em;
}



/* -----部分的によく使用------ */
.font150{font-size:150%;}
.font140{font-size:140%;}
.font130{font-size:130%;}
.font120{font-size:120%;}
.font90{font-size:90%;}
.font75{font-size:75%;}

.txt_center{text-align:center;}
.txt_right{text-align:right;}
.txt_left{text-align:left;}

.f_serif{font-family:serif;}

.col_gray{color:#999;}
.col_weakred{color:#cc9999;}
.col_red{color:#cc0000;}
.caution{color:white;}

.float_left{float:left;}
.float_right{float:right;}

.aki_right_10 {padding-right:10px;}
.aki_right_20 {padding-right:20px;}
.aki_right_30 {padding-right:30px;}
.aki_right_40 {padding-right:40px;}
.aki_left_10 {padding-left:10px;}
.aki_left_20 {padding-left:20px;}
.aki_left_30 {padding-left:30px;}
.aki_left_40 {padding-left:40px;}
.aki_top_5 {padding-top:5px;}
.aki_top_10 {padding-top:10px;}	
.aki_top_20 {padding-top:20px;}
.aki_top_25 {padding-top:25px;}
.aki_top_30 {padding-top:30px;}
.aki_top_40 {padding-top:40px;}
.aki_top_50 {padding-top:50px;}
.aki_top_80 {padding-top:80px;}
.aki_bottom_5 {margin-bottom:5px;}
.aki_bottom_10 {margin-bottom:10px;}	
.aki_bottom_20 {margin-bottom:20px;}
.aki_bottom_25 {margin-bottom:25px;}
.aki_bottom_30 {margin-bottom:30px;}
.aki_bottom_40 {margin-bottom:40px;}
.aki_bottom_50 {margin-bottom:50px;}
.aki_bottom_60 {margin-bottom:60px;}
.aki_bottom_70 {margin-bottom:70px;}
.aki_bottom_80 {margin-bottom:80px;}
.aki_bottom_90 {margin-bottom:90px;}
.aki_bottom_100 {margin-bottom:100px;}
.aki_10 {margin:10px 0;}
.aki_13 {margin:13px 0;}
.aki_20 {margin:20px 0;}
.aki_30 {margin:30px 0;}
.aki_40 {margin:40px 0;}
.aki_50 {margin:50px 0;}
.aki_60 {margin:60px 0;}

.font_90{font-size:90%;}
.font_75{font-size:75%;}
.font_70{font-size:70%;}