@charset "utf-8";



/* CSS Document */

div#container {

	background: none;

}



/*outline*/

ul#outlineNavi {

	display:block;

	width:840px;

	height:32px;

	margin:0 auto 20px auto;

	background:url(../images/outline_navi.png) no-repeat 0 0;

	text-indent:-9999px;

}

ul#outlineNavi li {

	display:block;

	float:left;

	height:32px;

}

ul#outlineNavi li a{

	display:block;

	height:32px;

	outline:none;

	overflow:hidden;

}

ul#outlineNavi li.navi01 { width:88px; }

ul#outlineNavi li.navi01 a{	width:87px; }

ul#outlineNavi li.navi02 { width:87px; }

ul#outlineNavi li.navi02 a{	width:86px; }

ul#outlineNavi li.navi03 { width:173px; }

ul#outlineNavi li.navi03 a{	width:172px; }

ul#outlineNavi li.navi04 { width:163px; }

ul#outlineNavi li.navi04 a{	width:162px; }

ul#outlineNavi li.navi05 { width:134px; }

ul#outlineNavi li.navi05 a{	width:133px; }

ul#outlineNavi li.navi06 { width:194px; }

ul#outlineNavi li.navi06 a{	width:193px; }





ul#outlineNavi li.navi01 a:hover{ background:url(../images/outline_navi.png) no-repeat -0px -32px; }

ul#outlineNavi li.navi02 a:hover{ background:url(../images/outline_navi.png) no-repeat -88px -32px; }

ul#outlineNavi li.navi03 a:hover{ background:url(../images/outline_navi.png) no-repeat -175px -32px; }

ul#outlineNavi li.navi04 a:hover{ background:url(../images/outline_navi.png) no-repeat -348px -32px; }

ul#outlineNavi li.navi05 a:hover{ background:url(../images/outline_navi.png) no-repeat -511px -32px; }

ul#outlineNavi li.navi06 a:hover{ background:url(../images/outline_navi.png) no-repeat -645px -32px; }



ul#outlineNavi li.navi01 a.on{ background:url(../images/outline_navi.png) no-repeat -0px -64px; }

ul#outlineNavi li.navi02 a.on{ background:url(../images/outline_navi.png) no-repeat -88px -64px; }

ul#outlineNavi li.navi03 a.on{ background:url(../images/outline_navi.png) no-repeat -175px -64px; }

ul#outlineNavi li.navi04 a.on{ background:url(../images/outline_navi.png) no-repeat -348px -64px; }

ul#outlineNavi li.navi05 a.on{ background:url(../images/outline_navi.png) no-repeat -511px -64px; }

ul#outlineNavi li.navi06 a.on{ background:url(../images/outline_navi.png) no-repeat -645px -64px; }





#outline h2.ttl_01{ background: url(../images/ttl_outline.gif) no-repeat left top;  height:73px }

#outline h2.ttl_02{ background: url(../images/ttl_outline_history.gif) no-repeat left top; }

#outline h2.ttl_03{ background: url(../images/ttl_outline_YzMana.gif) no-repeat left top; }

#outline h2.ttl_04{ background: url(../images/ttl_outline_ratiaCre.gif) no-repeat left top; }

#outline h2.ttl_05{ background: url(../images/ttl_outline_mademo.gif) no-repeat left top; }

#outline h2.ttl_06{ background: url(../images/ttl_outline_ratiaInter.gif) no-repeat left top; }



#outline .content01{

	padding:50px 0 0 0;

}

#outline .content01 h3{

 background:url(../images/outline_ttl01.gif) no-repeat left top;

	height: 60px;

	text-indent: -9000px;

}

#outline .content01 .A{

 background: url() no-repeat right top;

	height: 200px;

	padding: 0 427px 56px 0;

	font-size:0.75em;

	line-height:150%;

}

#outline .content01 .B{

 background: url() width:500　no-repeat right top;

	padding: 0 420px 56px 0;

}



#outline .content01 .B dl{

	width:420px;

}

#outline .content01 .B dl dt{

	width:420px;

	height:30px;

	display:block;

	text-indent:-9999px;

}

#outline .content01 .B dl dd{

	padding:10px 30px 20px 10px; 

	font-size:0.75em;

	line-height:150%;

}

#outline .content01 .B dl dt a{

	width:420px;

	height:30px;

	display:block;

	overflow:hidden;

	outline:none;

}

#outline .content01 .B dl dt a.btn01{ background:url(../images/outline_btn01.png) no-repeat 0 0; }

#outline .content01 .B dl dt a.btn01:hover{	background:url(../images/outline_btn01.png) no-repeat 0 -30px; }

#outline .content01 .B dl dt a.btn02{ background:url(../images/outline_btn02.png) no-repeat 0 0; }

#outline .content01 .B dl dt a.btn02:hover{	background:url(../images/outline_btn02.png) no-repeat 0 -30px; }

#outline .content01 .B dl dt a.btn03{ background:url(../images/outline_btn03.png) no-repeat 0 0; }

#outline .content01 .B dl dt a.btn03:hover{	background:url(../images/outline_btn03.png) no-repeat 0 -30px; }

#outline .content01 .B dl dt a.btn04{ background:url(../images/outline_btn04.png) no-repeat 0 0; }

#outline .content01 .B dl dt a.btn04:hover{	background:url(../images/outline_btn04.png) no-repeat 0 -30px; }







#outline ul#history {

	font-size:0.75em;

	padding:20px 20px;

	margin:30px 0;

	background:#0a0a0a;

	border:1px solid #333333;

}

#outline ul#history li {

	display:block;

	clear:both;

	margin:0 0 10px 0;

	padding:3px;

	background:#000000;

	border:1px solid #222222;

}

#outline ul#history li:hover {

	border:1px solid #333333;

	background:#030303;

}



/* For IE7 */

#outline ul#history li:after {

	content:".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

#outline ul#history li{ display: inline-block;}

/* Hides from IE-mac \*/

*html #outline ul#history li{ height: 1%;}

#outline ul#history li{ display: block;}

/* End hide from IE-mac */



#outline ul#history li span.date {

	display:block;

	width:50px;

	padding:3px 10px;

	float:left;

	background:#0e0e0e;

	font-weight:bold;

	color:#999999;

}

#outline ul#history li span.text {

	display:block;

	padding:3px 10px;

	float:left;

}





#outline #gaiyou{

	padding:50px 0;

}

#outline #gaiyou p.subText{

	display:block;

	padding:0 0 20px 0;

	border-bottom:1px solid #bcbbbb;

	color:#FFFFFF;

	font-size:0.75em;

	line-height:200%;

}

#outline #gaiyou dl {

	display:block;

	clear:both;

	padding:24px 5px;

	border-bottom:1px dotted #bcbbbb;

}

#outline #gaiyou dt{

	width:147px;

	display:block;

	float:left;

	font-weight: bold;

	padding:0 0;

	color:#FFFFFF;

	font-size:0.75em;

	line-height:200%;

}

#outline #gaiyou dd {

	display:block;

	margin:0 0 0 147px;

	padding:0 0 0 20px;

	border-left: 1px solid #EEE;

	color:#FFFFFF;

	font-size:0.75em;

	line-height:200%;

}