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

body{
	font-family: "メイリオ", "Meiryo", "Lucida Grande", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	background-image:url(../img/bg.gif);
	background-repeat:repeat;
}

body, img, div, a, input { 
	behavior: url(includes/iepngfix.htc) ;
}

#container {
	font-size:100.01%;
}

#container-inner {
    width: 800px;
	background-color:#FFFFFF;
	border-left:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;
}

#header.index {
	background-image:url(../img/header-index.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#header-content {
	height:160px;
	text-indent:-9999px;
}

#header-inner, #content-inner, #footer-inner {
    padding-top: 20px;
    padding-bottom: 20px;
}
#footer-inner {
	padding:20px 20px 20px 20px;
	font-size:85%;
	text-align:right;
}
#header-inner, #content-inner, #footer-inner, #alpha-inner {
	overflow:hidden;
}

/* navigation */

#nav {
	width:100%;
	z-index:10000;
}

#nav-inner {
    padding-right: 20px;
    padding-left: 20px;
}

#nav-inner ul{
}

#nav-inner li{
	display:inline;
}

ul.MenuBarHorizon {
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	width: auto;
}

ul.MenuBarHorizon li
{
	margin: 0;
	padding: 0;
	width:190px;
	height:35px;
	list-style-type: none;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
	text-indent:-9999px;
	overflow:hidden;
}

ul.MenuBarHorizon a {
	width:190px;
	height:35px;
	display:block;
	background-repeat: no-repeat;
	background-position: 0 0;
}

ul.MenuBarHorizon li#menu01-01 a {
	background-image: url(../img/menu01-01.gif);
}
ul.MenuBarHorizon li#menu01-01 a:hover {
	background-image: url(../img/menu01-01_on.gif);
}
ul.MenuBarHorizon li#menu01-02 a {
	background-image: url(../img/menu01-02.gif);
}
ul.MenuBarHorizon li#menu01-02 a:hover {
	background-image: url(../img/menu01-02_on.gif);
}
ul.MenuBarHorizon li#menu01-03 a {
	background-image: url(../img/menu01-03.gif);
}
ul.MenuBarHorizon li#menu01-03 a:hover {
	background-image: url(../img/menu01-03_on.gif);
}
ul.MenuBarHorizon li#menu01-04 a {
	background-image: url(../img/menu01-04.gif);
}
ul.MenuBarHorizon li#menu01-04 a:hover {
	background-image: url(../img/menu01-04_on.gif);
}

/* layout */

#alpha {
    width: 800px;
}

#alpha-inner {
	padding:0 20px 0 20px;
}

/* inner-content */

.detail {
	position:relative;
	overflow:hidden;
	width:100%;
	margin-bottom:20px;
}

.detail .descript-twin {
	float:left;
	width:340px;
	display: inline;
}

.detail .descript, .detail .descript-twin {
	margin:0px 20px 0px 20px;
}

.detail .descript ul, .detail .descript-twin ul {
	padding:0px 0px 10px 0px;
}

.detail .descript ul li ul, .detail .descript ol li ol {
	padding:5px 0px 5px 2em;
}

#title04.detail ul {
	margin:1em 0 1em 0;
}

#title04.detail ul li, #title02.detail ul li, #title06.detail ul li {
	padding-left:1.5em;
	padding-bottom:5px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	clear:both;
}

#title02.detail ul li {
	padding-left:0;
}

#title04.detail ul li.PDF {
	background-image:url(../img/icon_open_pdf.gif);
}

#title06.detail ul li {
	background-image:url(../img/envelope.gif);
}


#topics01, #topics02, #info01, #info02, #info03 {
	display:block;
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:12px;
}

#topics01, #topics02 {
	width:760px;
	background-image:url(../img/topics01-footer.gif);
}

#info01, #info02, #info03 {
	width:170px;
	background-image:url(../img/info01-footer.gif);
}

#topics01 h2, #topics02 h2, #info01 h2, #info02 h2, #info03 h2{
	height:39px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	background-repeat:no-repeat;
}

#topics01 h2{
	background-image:url(../img/topics01-header.gif);
}

#topics02 h2{
	background-image:url(../img/topics02-header.gif);
}

#topics01 h3.sub01, #topics01 h3.sub02, #topics01 h3.sub03 {
	height:50px;
	margin:0px 0px 5px 0px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	background-repeat:no-repeat;
}
#topics01 h3.sub01 {
	background-image:url(../img/topics01-01-sub01.gif);
}
#topics01 h3.sub02 {
	background-image:url(../img/topics01-01-sub02.gif);
}
#topics01 h3.sub03 {
	background-image:url(../img/topics01-01-sub03.gif);
}
#info01 h2 {
	background-image:url(../img/info01-header.gif);
}
#info02 h2 {
	background-image:url(../img/info02-header.gif);
}
#info03 h2 {
	background-image:url(../img/info03-header.gif);
}

#topics01 ul, #topics02 ul, #info01 ul, #info02 ul, #info03 ul {
	background-repeat:repeat-y;
	margin:0;
}

#topics01 ul, #topics02 ul {
	background-image:url(../img/topics01-body.gif);
	padding:10px 20px 10px 20px;
}

#info01 ul, #info02 ul, #info03 ul {
	background-image:url(../img/info01-body.gif);
	padding:3px 13px 0px 10px;
}

#topics01 p, #topics02 p, #info01 p, #info02 p {
	margin:0;
}


#title01 h2, #title01 h3, #title02 h2, #title02 h3, #title03 h2, #title04 h2, #title05 h2, #title06 h2, #title05 h3, #title06 h3, #title04 h3{
	height:112px;
	margin:0px 0px 10px 0px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	background-repeat:no-repeat;
	clear:both;
}

#title02 h3, #title05 h3, #title06 h3, #title04 h3 {
	height:50px;
	margin:10px 0px 0px 0px;
}

#title02 h3{
	cursor:pointer;
}

#title01 h2{
	background-image:url(../img/title01-01.gif);
}
#title01 h3.sub01{
	background-image:url(../img/title01-01-sub01.gif);
}
#title01 h3.sub02{
	background-image:url(../img/title01-01-sub02.gif);
}
#title02 h2{
	background-image:url(../img/title01-02.gif);
}

#title03 h2{
	background-image:url(../img/title01-03.gif);
}

#title04 h2{
	background-image:url(../img/title01-04.gif);
}

#title04 h3.sub01{
	background-image:url(../img/title01-04-sub01.gif);
}

#title04 h3.sub02{
	background-image:url(../img/title01-04-sub02.gif);
}


#title02 h3.sub01{
	background-image:url(../img/title01-02-sub01.gif);
}

#title02 h3.sub02{
	background-image:url(../img/title01-02-sub02.gif);
}

#title02 h3.sub03{
	background-image:url(../img/title01-02-sub03.gif);
}

#title02 h3.sub04{
	background-image:url(../img/title01-02-sub04.gif);
}

#title02 h3.sub05{
	background-image:url(../img/title01-02-sub05.gif);
}
#title02 h3.sub06{
	background-image:url(../img/title01-02-sub06.gif);
}

#title02 ul.replay {
	width:100%;
	display:inline;
	clear:both;
	padding-bottom:1em;

}
#title02 ul.replay li {
	clear:both;

}

#title05 h3 {

}

ul.replay li span.pc {
	text-align:right;
	width:120px;
	font-size:93%;
}

ul.replay li span.roll {
	width:470px; 
	font-size:93%;
	color:#444444;
}

ul.replay li span.roll-ec {
	width:470px; 
	font-size:93%;
	color:#444444;
	font-weight:bold;
	text-align:center;
}

ul.replay li span.extra {
	width:120px;
	padding-left:10px;
	font-size:77%;
	float:right;
}

li span.pc, li span.roll, li span.extra, li span,trail, li span.phase, li span.sEnd, li span.AR {
	margin:0.25em 0 .25em 0;
    position: relative;
	display:block; 
	float:left; 
}
li span.trail{
	padding:1em 0 1em 0;
	width:100%;
	font-weight:bold;
	font-size:100%;
	text-align:center;
}

li span.phase, li span.sEnd, li span.AR{
	padding:1em 3em 1em 3em;
	font-weight:bold;
	font-size:100%;
}

li span.sEnd{
	float:right;
	text-align:right;
}

#title06 h2{
	background-image:url(../img/title01-06.gif);
}
#title06 h3.sub01{
	background-image:url(../img/title01-06-sub01.gif);
}

#title04 input {
	width:150px;
}

/* text-size rule */

h1,h2,h3,h4,h5,h6 {
	margin-bottom:.25em;
}

#main-content, li, p  {
	text-align:justify;
	text-justify: inter-ideograph;
}

#main-content h1 {
	font-size:146.5%;
	font-weight:bold;
}

#main-content h2 {
	font-size:138.5%;
	font-weight:bold;
}

#main-content h3 {
	font-size:131%;
	font-weight:bold;
}

#main-content h4 {
	font-size:123.1%;
	font-weight:bold;
}

#main-content h5 {
	font-size:116%;
	font-weight:bold;
}

#main-content h6 {
	font-size:108%;
	font-weight:bold;
}

/* color setting */

.gray {color:#666666; }
.blue {color:#00AADC; }
.green {color:#00B097; }
.lime { color:#94D20F; }
.yellow { color:#EBD800; }
.yellow2 { color:#F8D200; }
.orange { color:#FFA03D; }
.syu { color:#FF734B; }
.red { color:#FF5157; }
.magenta { color:#FF0BA7; }
.purple { color:#D910B4; }
.violet { color:#7E60CE; }
.navy { color:#006699; }
.white { color:#FFFFFF; }

/* text */

p {
	margin-bottom:.5em;
	color:#555;
}

p.dropcap:first-letter {
	float:left;
	line-height:2em;
	font-weight:bold;
	font-size:300%;
	margin-right:10px;
	padding:0.55em;
	color:#FFF;
	background-color:#555;
	border:2px solid #000;
}

.super {
	font-size: 63%;
	vertical-align:3px;
	line-height:9px;
}

a{
	color:#000000;
	text-decoration:none;
	cursor:pointer;
}
a:link, a:visited {
	color:#000000;
    text-decoration:none;
}
a:hover, a:focus, a:active{
	color:#FF0000;
	text-decoration:none;
}


/* pankuzu-List */

#plist {
	display:block;
	font-size:77%;
	color:#FF0000;
	clear:both;
}
#plist li{
	background-image: url(../img/icon_plist.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-left:10px;
	padding-right:5px;
	display:inline;
}
#plist .first{
	background-image:none;
	padding-right:5px;
	margin-left:-10px;
}


/* image-layout --------------------------------------------------- */

img.right {
	float:right;
	background-color:#CCCCCC;
	margin:0px 0px 10px 10px;
}
img.left {
	float:left;
	background-color:#CCCCCC;
	margin:0px 10px 10px 0px;
}
img.center {
	margin-left : auto ; margin-right : auto ;
	text-align:center;
	display:block;
	width:600px;
}
/* hr -------------------------------------------------------------- */

hr {
	margin:.5em;
}

#update{
	width:600px;
	height:50px;
	margin-left:75px;
	margin-right:75px;
	margin-bottom:20px;
	padding:5px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
}

#update .text{
	text-align:left;
	width:600px;
	height:50px;
	font-size:12px;
	overflow:auto;
	position:relative;
}