@charset "shift_jis"; 



/* h1 */
/*//////////////////////////////////////////////////////*/

body#system h1 {
	background-image : url("../system/img/h1.jpg");
}



/* h2 */
/*//////////////////////////////////////////////////////*/

body#system h2 {
	text-indent      : -9999px;
	width            : 780px;
	height           : 43px;
	background-repeat : no-repeat;
	background-position : 0 0;
}


/* contents */
/*//////////////////////////////////////////////////////*/

body#system #main {
	width       : 780px !important;
}


/* systembox */
/*//////////////////////////////////////////////////////*/

#systembox {
	padding     : 30px 0 30px 0;
}


/* controls */
/*//////////////////////////////////////////////////////*/

body#system #controls {
	text-indent      : -9999px;
	width            : 780px;
	height           : 70px;
	display          : block;
	position         : relative;
	left             : -11px;
}

body#system #controls ol.controls {
	width            : 780px;
	position         : relative;
}

body#system #controls ol.controls li {
	width            : 194px;
	display          : block;
	float            : left;
}

body#system #controls ol.controls li a span.c {
	width            : 194px;
	height           : 70px;
	display          : block;
	background-repeat   : repeat-y;
	background-position : 0 0;
}

body#system #controls ol.controls li a span.basic{
	background : url("../system/img/c_basic.jpg");
}

body#system #controls ol.controls li a span.howto{
	background : url("../system/img/c_howto.jpg");
}

body#system #controls ol.controls li a span.tech{
	background : url("../system/img/c_tech.jpg");
}

body#system #controls ol.controls li a span.item{
	background : url("../system/img/c_item.jpg");
}

body#system #controls ol.controls li.current a span span,
body#system #controls ol.controls li a span span.c:hover {
	background-position : 0 70px;
}




/* slider */
/*//////////////////////////////////////////////////////*/

body#system #slider {
	width:780px;
	position:relative; /* Fixing fade in IE6 and IE7 */
}

body#system #slider img{
	border:none;
	display    : block;
}

body#system #slider ul, body#system #slider li{
	margin:0;
	padding:0;
	list-style:none;
}

body#system #slider li { 
	width:780px;
	overflow:hidden; 
}


body#system #slider #controls li {
	display  : inline;
}

body#system #slider #controls li a {
	display  : block;
}



/* basic */
/*//////////////////////////////////////////////////////*/

body#system #slider li.basic {
	width      : 780px;
	height     : 1000px;
}

body#system #slider li.basic h2 {
	background-image : url("../system/img/basic/h2.jpg");
}

body#system #slider li.basic div.box {
	width      : 780px;
}

body#system #slider li.basic div.img  { width : 417px;}
body#system #slider li.basic div.text { width : 360px;}

body#system #slider li.basic div.text table {
	margin      : 20px 0 0 0;
}

body#system #slider li.basic div.text table th {
	font-weight : bold;
	width       : 65px;
}

body#system #slider li.basic div.text table th,
body#system #slider li.basic div.text table td {
	padding     : 2px 0;
}

body#system #slider li.basic h3 {
	text-indent      : -9999px;
	width            : 780px;
	height           : 101px;
	background       : url("../system/img/basic/h3.jpg") 0 0 no-repeat;
}



/* howto */
/*//////////////////////////////////////////////////////*/

body#system #slider li.howto {
	width      : 780px;
	height     : 900px;
}

body#system #slider li.howto h2 {
	background-image : url("../system/img/howto/h2.jpg");
}

body#system #slider li.howto p.howto_description {
	height           : 44px;
	padding          : 20px 0 0 20px;
	line-height      : 1.4;
}

body#system #slider li.howto div.pdf {
	width            : 780px;
	text-align       : center;
}

body#system #slider li.howto div.pdf a {
	width            : 300px;
	margin           : 0 auto;
	display          : block;
	border           : solid 1px #a67511;
	padding          : 10px 0;
	color            : #ffffff;
	background       : #6d1010;
}

body#system #slider li.howto h3 {
	text-indent      : -9999px;
	width            : 780px;
	height           : 50px;
	background-repeat : no-repeat;
	background-position : 0 0;
}

body#system #slider li.howto div.howto01 h3 {
	background-image: url("../system/img/howto/h3_01.gif");
}

body#system #slider li.howto div.howto02 h3 {
	background-image: url("../system/img/howto/h3_02.gif");
}

body#system #slider li.howto div.box h4 {
	display         : none;
}

body#system #slider li.howto div.box span {
	color           : #ffb300;
}

body#system #slider div.howto01 div.def {
	width            : 345px;
	height           : 283px;
	background       : url("../system/img/howto/howto01_def.jpg") 0 0 no-repeat;
}

body#system #slider div.howto01 div.atk {
	width            : 421px;
	height           : 283px;
	background       : url("../system/img/howto/howto01_atk.jpg") 0 0 no-repeat;
}

body#system #slider div.howto02 div.def {
	width            : 345px;
	height           : 283px;
	background       : url("../system/img/howto/howto02_def.jpg") 0 0 no-repeat;
}

body#system #slider div.howto02 div.atk {
	width            : 421px;
	height           : 283px;
	background       : url("../system/img/howto/howto02_atk.jpg") 0 0 no-repeat;
}

body#system #slider div.howto01 div.def p {
	width            : 345px;
	position         : relative;
	top              : 170px;
	left             : 50px;
	overflow         : hidden;
}

body#system #slider div.howto01 div.atk p {
	width            : 435px;
	position         : relative;
	top              : 160px;
	left             : 25px;
	overflow         : hidden;
}

body#system #slider div.howto02 div.def p {
	width            : 345px;
	position         : relative;
	top              : 200px;
	left             : 50px;
	overflow         : hidden;
}

body#system #slider div.howto02 div.atk p {
	width            : 435px;
	position         : relative;
	top              : 170px;
	left             : 25px;
	overflow         : hidden;
}

body#system #slider li.howto p.description {
	padding          : 10px 0 0 55px ;
}



/* tech */
/*//////////////////////////////////////////////////////*/

body#system #slider li.tech {
	width      : 780px;
	height     : 2300px;
}

body#system #slider li.tech h2 {
	background-image : url("../system/img/tech/h2.jpg");
	margin-bottom    : 29px;
}

body#system #slider li.tech h3 {
	text-indent      : -9999px;
	width            : 780px;
	height           : 50px;
	margin-bottom    : 10px;
	background-repeat : no-repeat;
	background-position : 0 0;
}

body#system #slider li.tech div.tech01 h3 { background-image : url("../system/img/tech/h3_01.gif");}
body#system #slider li.tech div.tech02 h3 { background-image : url("../system/img/tech/h3_02.gif");}
body#system #slider li.tech div.tech03 h3 { background-image : url("../system/img/tech/h3_03.gif");}
body#system #slider li.tech div.tech04 h3 { background-image : url("../system/img/tech/h3_04.gif");}
body#system #slider li.tech div.tech05 h3 { background-image : url("../system/img/tech/h3_05.gif");}
body#system #slider li.tech div.tech06 h3 { background-image : url("../system/img/tech/h3_06.gif");}

body#system #slider li.tech p.text {
	padding-left      : 64px;
}

body#system #slider li.tech div.techbox {
	margin-bottom     : 30px;
}

/* tech03 */

body#system #slider li.tech div.tech03 h4 {
	display           : none;
}

body#system #slider li.tech div.tech03 p.description {
	color             : #7991b1;
}

body#system #slider li.tech div.tech03_fig {
	width             : 780px;
	background        : url("../system/img/tech/img03_01.jpg") 0 0 no-repeat;
}

body#system #slider li.tech div.tech03_fig p.description {
	padding           : 20px 0 10px 180px;
}

body#system #slider li.tech div.tech03_gen {
	width             : 780px;
	background        : url("../system/img/tech/img03_03.jpg") 0 0 no-repeat;
}

body#system #slider li.tech div.tech03_gen p.description {
	padding           : 15px 0 5px 125px;
}



/* item */
/*//////////////////////////////////////////////////////*/

body#system #slider li.item {
	width      : 780px;
	height     : 650px;
}

body#system #slider li.item h2 {
	background-image : url("../system/img/item/h2.jpg");
	margin-bottom    : 50px;
}

body#system #slider li.item h3 {
	text-indent      : -9999px;
	width            : 500px;
	height           : 36px;
	margin-bottom    : 10px;
	background-repeat : no-repeat;
	background-position : 0 0;
}

body#system #slider li.item div.item01 h3 { background-image : url("../system/img/item/h3_01.gif");}
body#system #slider li.item div.item02 h3 { background-image : url("../system/img/item/h3_02.gif");}
body#system #slider li.item div.item03 h3 { background-image : url("../system/img/item/h3_03.gif");}
body#system #slider li.item div.item04 h3 { background-image : url("../system/img/item/h3_04.gif");}

body#system #slider li.item div.box {
	width             : 780px;
	margin-bottom     : 30px;
}

body#system #slider li.item div.img {
	width             : 200px;
	text-align        : center;
}

body#system #slider li.item div.img img {
	display           : block;
	margin            : 0 auto;
}

body#system #slider li.item div.text p strong {
	font-weight       : bold;
}


/* clearfix */
/*//////////////////////////////////////////////////////*/

body#system #controls ol.controls:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}

body#system #controls ol.controls {
	display        : inline-block;
}

/*\*/
* html body#system #controls ol.controls {
	height         : 1%;
}

body#system #controls ol.controls {
	display        : block;
}