@charset "UTF-8";

/* --- global --- */
html,body,div,p,span,form,ul,ol,li,h1,h2,h3,h4,table,th,td,dl,dt,dd {
	margin:0;
	padding:0;
	font-size:100%;
	line-height:150%;
	letter-spacing:1px;
}
ul {
	list-style: none;
}
br {
	letter-spacing:0px;
}
body {
	font-size: 82.5%;
	background-image: url("../images/bg.gif");
	font-family: "ＭＳ Ｐゴシック","MS P Gothic";
}
img {
	margin:0;
	padding:0;
	border:none;
}
table {
	border-collapse:collapse;
}
a:link {
	text-decoration:underline;
}
a:visited {
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

.clear {
	clear:both;
}

/* -- layout -- */
#layout {
	margin: 0 auto;
	padding: 0 0 0 10px;
	width: 850px;
	background-image: url("../images/layout_bg.gif");
	background-repeat: repeat-y;
}

#header {
	position: relative;
}
#header .button {
	display: block;
	width: 257px;
	height: 54px;
	position: absolute;
	top: 400px;
	left: 536px;
	z-index: 100;
}
#header .out {
	display: block;
	width: 100px;
	height: 400px;
	position: absolute;
	top: 0px;
	left: 800px;
	z-index: 100;
}
#header .anime {
	display: block;
	width: 111px;
	height: 66px;
	position: absolute;
	top: 366px;
	left: 265px;
	z-index: 100;
}
#contents {
	padding: 20px 0 0 20px;
	background-image: url("../images/contents_bg.gif");
	background-repeat: no-repeat;
}
#contents .inner {
	margin-bottom: 20px;
}
#contents .inner h2 {
	margin-bottom: 10px;
}

#contents01,
#contents02,
#contents03,
#contents05 {
	position: relative;
}
#contents01 .body {
	width: 760px;
	height: 395px;
	background-image: url("../images/contents_01_bg.jpg");
	background-repeat: no-repeat;
}
#contents01 .button01,
#contents01 .button02,
#contents01 .button03,
#contents01 .button04,
#contents01 .button05 {
	position: absolute;
}

#contents01 .button01 {top:102px;left:15px;}
#contents01 .button02 {top:85px;left:400px;}
#contents01 .button03 {top:205px;left:403px;}
#contents01 .button04 {top:232px;left:23px;}
#contents01 .button05 {top:351px;left:209px;}

#contents02 .button {
	display: block;
	width: 168px;
	height: 37px;
	position: absolute;
	top: 320px;
	left: 350px;
	z-index: 100;
}
#contents03 .button {
	display: block;
	width: 168px;
	height: 37px;
	position: absolute;
	top: 220px;
	left: 575px;
	z-index: 100;
}

#contents05 .anime {
	display: block;
	width: 120px;
	height: 69px;
	position: absolute;
	top: 144px;
	left: 215px;
	z-index: 100;
}

#contents06 {
	width: 760px;
}
#contents06 .border td {
	border: 1px solid #ccc;
}
#contents06 td {
	padding: 4px;
}

#footer {
	padding: 60px 60px 30px 15px;
}
#footer p {
	padding: 0 0 5px 0;
}
#footer .bottom {
	padding: 5px 0 0 0;
	clear: both;
	color: #333;
	border-top: 3px solid #c00 ;
	text-align: center;
}

/* -- class -- */
.right {
	display: block;
	float: right;
}
.left {
	display: block;
	float: left;
}
.red,
.red a {
	color: red;
}
.blue {
	color: blue;
}
.strong {
	font-weight: bold;
}



/* jquery */
.tabs-hide {
    display: none;
}
.tabs-nav {
	height: 74px;
}
.tabs-nav li {
	display: block;
	float: left;
	width: 190px;
	height: 74px;
}
.tabs-nav li a{
	display: block;
	width:190px;
	height:74px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.tabs-nav li a:hover,
.tabs-nav li.tabs-selected a {
	background-position: 0 -74px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: "";
}
.clear {
	clear: both;
}
.tabs-nav li.tab-01 a { background-image: url("../images/tab_menu_01.gif");}
.tabs-nav li.tab-02 a { background-image: url("../images/tab_menu_02.gif");}
.tabs-nav li.tab-03 a { background-image: url("../images/tab_menu_03.gif");}
.tabs-nav li.tab-04 a { background-image: url("../images/tab_menu_04.gif");}

/* CSS追加 2008/01/15　*/
div.blocka {
   float: left;
   width: 330px;
   height:50px;
   vertical-align:middle;
   padding:5px;
}
div.blockb {
   height:40px;
   vertical-align:middle;
   padding: 30px 10px 0px 10px;
}

div.blockc {
   clear: both;
   padding:5px;
}