@charset "utf-8";

/* -------------------------------------------------------------------
	settings
--------------------------------------------------------------------*/
* { margin: 0; padding: 0; font-size: 100%; font-style: normal;}

body {
	background:url(images/bg.jpg) ;
	color:#9c9b96;
	font-family: “ヒラギノ角ゴ Pro W3″,”Hiragino Kaku Gothic Pro W3″,メイリオ,Meiryo,”ＭＳ Ｐゴシック”,sans-serif;
 	font-size: 13px;
 	line-height: 1.65;
	letter-spacing: 0.035em;
	width:100%;
}
body , html {  
	height:100%;
	margin:0;padding:0;
}

table {
	font-size:inherit;
	font:100%;
}
h1, h2, h3, h4, h5, h6 { 
	margin:0;
	padding:0;
}
ul, ol {
	list-style-type:none;
	margin:0;
	padding:0;
}
a         { color: #000; text-decoration:underline; cursor: pointer;}
a:visited { color: #000;}
a:hover   { background:none;text-decoration:none;}
a:focus,
a:active  { color: #CCC;}
a.hidden  { text-decoration:none; cursor:text;}

.newwin {
    background: url("images/newwin.gif") no-repeat scroll 100% 50% transparent;
    padding-right: 15px;
}
hr { display: none; clear:both;}
img { border: none; color: #fff; background: transparent; vertical-align: bottom;}
.alt {display: none;}
.red {color:#ff0000;}

a img {
background:none!important;
}
a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background:none!important;
}
/* -------------------------------------------------------------------
	layout
--------------------------------------------------------------------*/
#container {
	background:url(images/blockline.png) repeat-x 0 0;
    position: relative;
    width: 100%;
}
#wrapper {
	width:400px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

/* -------------------------------------------------------------------
	content
--------------------------------------------------------------------*/
.indexlogo {
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	width: 400px;
	height: 600px;
}
.indexlogo p {
	display: inline;
}

/* -------------------------------------------------------------------
	pagetop 
--------------------------------------------------------------------*/
.pagetop a {
	float:right;
    background: url("images/pagetop.png") no-repeat scroll 0px 6px;
    text-indent: -9999px;
    width: 158px;
    height: 90px;
}
.pagetop a:hover {
    background: url("images/pagetop.png") no-repeat bottom;
}

/* -------------------------------------------------------------------
	footer
--------------------------------------------------------------------*/
#footer {
	background:url(images/blockline.png) repeat-x bottom;
	margin:0;
	width:100%;
}
#footer .inner {
	margin:0 auto;
	overflow:hidden;
}
#footer .cr {
	font-size:0.9em;
	text-align:center;
	padding-bottom:20px;
}

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


/* universal
--------------------------------------*/
.aL { text-align: left;}
.aC { text-align: center;}
.aR { text-align: right;}
.fR { float: right;}
.fL { float: left;}
.clr { float: none; clear: both;}
.pb05 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}