@charset "UTF-8";
/* CSS Document */

/*
Theme Name: OHCAN
Theme URI: https://www.ohcan.co.jp
Author: THEUNITY
Author URI: http://www.theunity.jp
Description: Original Template
Version: 1.0
*/

/****************************************

          General Setting

*****************************************/

section, nav, article, aside, hgroup, header, footer, figure, figcaption {
  display: block;
}

body{
	text-align: center; 
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	color: #333;
	line-height:1.5;
	margin:0;
	padding:0;
	background:#FFF;
}
   
img {
  border: none;
  -ms-interpolation-mode: bicubic;
  } 

a img:hover { 
	opacity: 0.65; 
	filter: alpha(opacity = 65); 
  }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
  }

.clearfix {
  display: inline-block;
  }

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  }

ul.normal {
  padding:0px;
  margin:0px 0px 0px 18px;
  list-style: square url(http://www.maniacxmansion.com/store/images/common/list.gif);
  }

a {
-webkit-transition: color linear 0.3s;
-moz-transition: color linear 0.3s;
-o-transition: color linear 0.3s;
color:#4d4d4d;
}

a:hover {
color:#CCCCCC;
}

a:link { color : #4d4d4d; text-decoration : none; }
a:visited { color : #4d4d4d; text-decoration : none; }
a:hover { color : #999; text-decoration : none; }
a:active { color : #CCC; text-decoration : none; }

a.normal:link { color : #333; text-decoration : underline; }
a.normal:visited { color : #333; text-decoration : underline; }
a.normal:hover { color : #CCC; text-decoration : none; }
a.normal:active { color : #EEE; text-decoration : none; }


/****************************************

          Layout

*****************************************/
html,
body {
  height: 100%;
}

#wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

#contents {  
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 400px;
  height: 400px;
  margin: auto;
  text-align: center;
  }  

header {  
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	width: 260px;
	height: 230px;
  margin: auto;
  text-align: center;
  } 

header h1{
display:block;
	margin: 0 auto 48px;
}  


footer {
	position: fixed;
	width: 100%;
	text-align: center;
	margin:0 auto;
	padding: 24px 0;
	bottom:0;
}


footer address {
  text-align: center;
  font-style: normal;
  }