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

div#titleInfo a:link    { text-decoration:none; color:#202020}
div#titleInfo a:visited { text-decoration:none; color:#202020}
div#titleInfo a:hover   { text-decoration:none; color:#202020}
div#titleInfo a:active  { text-decoration:none; color:#202020}

body {
    text-align: center;
    margin: 0 auto;
    line-height: 1.4em;
}
h1 {
	font-size: 70px;
}
div.base {
	position: relative;
	max-width: 1168px;
	height: 776px;
	text-align: left;
        margin: 0 auto;
    	background: url(images/IMGP3172.jpg) center center no-repeat;
}
div.baseInfo {
	position: relative;
	width: 1168px;
	height: 776px;
	text-align: left;
        margin: 0 auto;
	color: #202020;
}
div.baseP {
	position: relative;
	width: 1168px;
	height: 776px;
	text-align: left;
        margin: 0 auto;
    	background: url(images/IMGP0387.jpg) center center no-repeat;
}
div.baseA {
	position: relative;
	width: 1168px;
	height: 776px;
	text-align: left;
        margin: 0 auto;
}
div.base66 {
	position: relative;
	width: 1168px;
	height: 776px;
	text-align: left;
        margin: 0 auto;
    	background: url(images/IMG_0722.jpg) center center no-repeat;
}
div.basein {
	position: relative;
	width: 1168px;
	height: 776px;
	text-align: left;
        margin: 0 auto;
    	background: url(images/IMGP0389.jpg) center center no-repeat;
}
div.basein66 {
	position: relative;
	width: 1168px;
	height: 776px;
	text-align: left;
        margin: 0 auto;
    	background: url(images/IMG_0716.jpg) center center no-repeat;
}
div#h1 {
	padding: 20px;
	font-size: 64px;
	color: white;
}
div#title {
	padding-left: 40px;
	font-size: 48px;
	color: white;
}
div#titleInfo {
	padding-left: 40px;
	font-size: 48px;
	color: #202020;
}
span.small {
	font-size: 16px;
}
div.copyright {
	position: absolute;
	bottom: 0px;
	left: 300px;
}
div.btn {
	color: white;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
/*
	border-top: solid #a0f0a0 1px;
	border-left: solid #306000 2px;
	border-right: solid #a0f0a0 1px;
	border-bottom: solid #204020 2px;
*/
	width: 160px;
	height: 24px;
}
div#menu {
	position: absolute;
	top: 424px;
	left: 44px;
	color: #ffffff;
	font-size: 12px;
}
div#menuC {
	position: absolute;
	top: 580px;
	left: 44px;
	color: #ffffff;
	font-size: 12px;
}
div#menuP {
	position: absolute;
	top: 630px;
	left: 44px;
	color: #ffffff;
	font-size: 12px;
}
div#menuA {
	position: absolute;
	top: 630px;
	left: 44px;
	color: #ffffff;
	font-size: 12px;
}
div.infoB {
	position: absolute;
	top: 280px;
	left: 40px;
	width: 500px;
	height: 140px;
	color: white;
	filter: alpha(opacity=60);
	MozOpacity:0.6;
	opacity:0.6;
	background-color: #404040;
}
div.info {
	position: absolute;
	top: 280px;
	left: 40px;
	width: 500px;
	height: 140px;
	text-align: left;
	color: white;
}
span.infoTitle {
	font-size: 18px;
	font-weight: bold;
}
div#info2 {
	position: absolute;
	font-size: 14px;
	line-height: 1.5;
	top: 20px;
	left: 0px;
	height: 120px;
	text-align: left;
	overflow: auto;
	width: 500px;
}
div.contentsB {
	position: absolute;
	top: 100px;
	left: 40px;
	width: 750px;
	height: 500px;
	color: white;
	filter: alpha(opacity=60);
	MozOpacity:0.6;
	opacity:0.6;
	background-color: #404040;
}
div.contents {
	position: absolute;
	top: 100px;
	left: 40px;
	width: 750px;
	height: 500px;
	text-align: left;
	color: white;
}
div#contents2 {
	position: absolute;
	font-size: 14px;
	line-height: 1.5;
	top: 0px;
	left: 0px;
	height: 480px;
	width: 730px;
	padding: 10px;
	text-align: left;
	overflow: auto;
}
table.rtable td {
	color: #ffffff;
	font-size: 16px;
}

div.onpu {
	position: absolute;
	width: 32px;
	height: 32px;
}
span.info_title {
	font-size: 22px;
	font-weight: bold;	
}
div.info_body {
	background-color: white;
	width: 800px;
}
div.mailinfo {
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 12px;
	text-align: right;
}
div.photo {
	position: absolute;
	left: 800px;
	top: 40px;
	text-aling: left;
}
div.photo1 {
	padding-bottom: 10px;
	position: relative;
	text-align: center;
	color: #ffffff;
}
div.photo1comment {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	background-color: #808080;
	color: #ffffff;
}
div.privacyB {
	position: absolute;
	top: 150px;
	left: 40px;
	width: 750px;
	height: 500px;
	color: white;
	filter: alpha(opacity=60);
	MozOpacity:0.6;
	opacity:0.6;
	background-color: #404040;
}
div.privacy {
	position: absolute;
	top: 150px;
	left: 40px;
	width: 750px;
	height: 500px;
	text-align: left;
	color: white;
}
div#privacy2 {
	position: absolute;
	font-size: 14px;
	line-height: 1.5;
	top: 0px;
	left: 0px;
	height: 460px;
	text-align: left;
	width: 730px;
	overflow: auto;
	padding: 10px;
}
div.accessB {
	position: absolute;
	top: 150px;
	left: 40px;
	width: 750px;
	height: 500px;
	color: white;
	filter: alpha(opacity=60);
	MozOpacity:0.6;
	opacity:0.6;
	background-color: #404040;
}
div.access {
	position: absolute;
	top: 150px;
	left: 40px;
	width: 750px;
	height: 500px;
	text-align: left;
	color: white;
}
div#access2 {
	position: absolute;
	font-size: 14px;
	line-height: 1.5;
	top: 0px;
	left: 0px;
	height: 500px;
	text-align: left;
	width: 730px;
	overflow: auto;
	padding: 10px;
}
div#access_setumei {
	position: absolute;
	top: 10px;
	right:10px;
	width: 220px;
}
div#webmail-access {
	position: absolute;
	top: 10px;
	left:500px;
	width: 300px;
}

div#twitterwidget {
	position: absolute;
	top: 450px;
	left: 40px;
}
#map_canvas {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 300px;
	height: 300px;
	z-index:10;
}

div#main_base {
	color:white;
	padding:20px;
	position: relative;
	font-family: sans-serif;
}

div#g_map {
	position: absolute;
	right: 30px;
	top: 30px;
}

div#main {
	float: left;
}

div#menu_outer {
	max-width:670px;
	color:white;
}

div#menu_l {
	float:left;
	max-width: 380px;
	height: 250px; 
	font-size: 1.0em;
}

div#menu_r {
	float:left;
	max-width: 270px;
	height: 250px;
	font-size: 1.0em;
}

div#address {
	float:left;
	padding-top: 20px;
	padding-bottom: 20px;
}

div#kyujin {
	float: left;
	font-size: 2em;
	color:red;
	line-height: 1.4em;
	padding-top: 20px;
}

div#klink {
	float: left;
	padding-top: 30px;
}


/*************** IE ***************/
@media all and (-ms-high-contrast: none){
div#menu_l {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.3em;
	padding-right: 20px;
  }
div#menu_r {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.3em;
	padding-right: 20px;
}
div#address {
        float:left;
        padding-top: 10px;
        padding-bottom: 10px;
}

}

/******** max-width: 980px *********/

@media only screen and (max-width: 940px)
{

div#g_map {
	position: relative;
	float: left;
	padding: 20px;
	right: unset;
	left: unset;
	top: unset;
	margin-top: 40px;
}

div#klink {
	padding-top: 20px;
}

} /* end @media */


/******** max-width: 830px *********/
@media only screen and (max-width:830px) {

div#manu_l {
	font-size: 0.9em;
}
div#menu_r {
	font-size: 0.9em;
}

} /* end @media */


/******** max-width: 690px *********/
@media only screen and (max-width:670px)
{

div#klink {
	color: black;
        padding-top: 10px;
}

div#klink a {
	color: black;
}
div#address {
	padding-top: 10px;
	padding-bottom: 10px;
}


} /* end @media */


/******** max-width: 580px *********/
@media only screen and (max-width:580px)
{

div#kyujin {
	font-size: 1.5em;
	line-height: 1.4em;
}

} /* end @media */


/******** max-width: 500px *********/
@media  screen and (max-width:500px)
{

div#main h1 {
	font-size: 50px !important; 
}
div#main h2 {
	font-size: 1.2em !important; 
}
div#main h3 {
	font-size: 0.9em !important; 
}
div#g_map {
        padding: 10px;
}
div#main_base {
	padding: 10px;
}
div#menu_l {
	font-size: 0.9em;
}
div#menu_r {
	font-size: 0.9em;
}
div#address {
	font-size: 0.9em;
}
div#kyujin {
	padding-top: 20px;
}

} /* end @media */


/******** max-width: 430px *********/
@media  screen and (max-width:430px)
{

div#kyujin {
	font-size: 1.1em;
}

} /* end @media */