
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 a:link    { text-decoration:none; color: white;}
div a:visited { text-decoration:none; color: white;}
div a:hover   { text-decoration:none; color: white;}
div a:active  { text-decoration:none; color: white;}


body {
    text-align: center;
    margin: 0 auto;
    color: #900000;
}

div.base {
	position: relative;
	width: 1168px;
	height: 776px;
	text-align: left;
        margin: 0 auto;
    	background: url(images/IMGP0378.jpg) center center no-repeat;
}
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;
    	background: url(images/IMGP0472X.jpg) center center no-repeat;
}
div.baseG {
	position: relative;
	width: 1168px;
	height: 776px;
	text-align: left;
        margin: 0 auto;
/*
    	background: url(images/IMGP0472X.jpg) center center no-repeat;
*/
}
div.baseI {
	position: relative;
	width: 1168px;
	height: 800px;
	text-align: left;
        margin: 0 auto;
    	background: url(images/IMGP0371.jpg) center center no-repeat;
    	background-size: 1200px auto;
}
div#h1 {
	padding: 20px;
	font-size: 48px;
}
div#title {
	position: relative;
	padding-left: 40px;
	font-size: 80px;
/*
	color: #400000;
*/
	color: #505050; 
}
div#title_in {
	position: absolute;
	padding-left: 40px;
	top: -4px;
	left: -4px;
	font-size: 80px;
	color: #e06060;
}
div#title2 {
	font-weight: bold;
	padding-left: 40px;
	font-size: 24px;
}
span.small {
	font-size: 16px;
}
div.name {
	position: absolute;
	top: 20px;
	left: 840px;
	width: 256px;
	height: 112px;
	background: url(/img/name.gif);
}
div.nameHidden {
	position: absolute;
	top: 20px;
	left: 840px;
	width: 256px;
	height: 112px;
	background: url(/img/name.gif);
	filter: alpha(opacity=0);
	MozOpacity:0;
	opacity:0
}

div.nameTop {
	position: absolute;
	top: 20px;
	left: 480px;
	width: 260px;
	height: 129px;
	background: url(/img/name2.gif);
}
div.copyright {
	position: absolute;
	bottom: 0px;
	left: 300px;
}
div.btn {
	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.infoB {
	position: absolute;
	top: 300px;
	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: 300px;
	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: 290px;
	left: 40px;
	width: 450px;
	height: 400px;
	color: white;
	filter: alpha(opacity=60);
	MozOpacity:0.6;
	opacity:0.6;
	background-color: #404040;
}
div.contents {
	position: absolute;
	top: 290px;
	left: 40px;
	width: 450px;
	height: 400px;
	text-align: left;
	color: white;
}
div#contents2 {
	position: absolute;
	font-size: 14px;
	line-height: 1.5;
	top: 0px;
	left: 0px;
	height: 380px;
	width: 430px;
	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.inB {
	position: absolute;
	top: 10px;
	left: 40px;
	width: 800px;
	height: 700px;
	color: white;
	filter: alpha(opacity=60);
	MozOpacity:0.6;
	opacity:0.6;
	background-color: #404040;
}
div.in {
	position: absolute;
	top: 180px;
	left: 40px;
	width: 750px;
	height: 450px;
	text-align: left;
	color: white;
}
div#in2 {
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
	top: 0px;
	left: 0px;
	height: 450px;
	text-align: left;
	width: 730px;
	overflow: auto;
	padding: 10px;
}
div.accessB {
	position: absolute;
	top: 10px;
	left: 40px;
	width: 800px;
	height: 700px;
	color: white;
	filter: alpha(opacity=60);
	MozOpacity:0.6;
	opacity:0.6;
	background-color: #404040;
}
div.access {
	position: absolute;
	top: 180px;
	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: 450px;
	height: 500px;
	text-align: left;
	width: 330px;
	overflow: auto;
	padding: 10px;
}

div.galleryB {
	position: absolute;
	top: 220px;
	left: 40px;
	width: 1000px;
	height: 560px;
	color: white;
	filter: alpha(opacity=60);
	MozOpacity:0.6;
	opacity:0.6;
	background-color: #404040;
}
div.gallery {
	position: absolute;
	top: 220px;
	left: 40px;
	width: 1000px;
	height: 560px;
	text-align: left;
	color: white;
}
div.galleryscroll {
	margin-top:20px;
	margin-left:40px;
	padding:0px;
	height: 500px;
	width: 910px;
	overflow: auto;
}
div#access_setumei {
	position: absolute;
	top: 10px;
	right:10px;
	width: 220px;
}
div#webmail-access {
	position: absolute;
	top: 10px;
	left:500px;
	width: 300px;
}

div.menu {
	position: absolute;
	bottom: 10px;
	right:10px;
}
div.menuAccess {
	font-weight: bold;
	position: absolute;
	top: 680px;
	left:570px;
	font-size: 14px;
}
div#master {
	position: absolute;
	top: 450px;
	right:20px;
	color: white;
	text-align: right;
}
.copyright .katte {
    display: inline-block;
    padding: 4px;
    background-color: #fff;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
