/* CSS Document */
*{
margin:0;
padding:0;
}

html{
height:100%;
	background-color:#ffffff;
-webkit-text-size-adjust:none;
-moz-text-size-adjust:none;
}

body{
	height: 100%;
	font-size:14px;
    line-height:1.5em;
	font-size:14px;
	line-height:1.2em;
}

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}
/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}


/*A*/
a{
	color:#000000;
}

a:hover{
	color:#333333;
}
a:active{
	color:#333333;
}


/*WRAPPER*/
div#wrapper{
margin: 0 auto;
height:100%;
min-height: 100%;
text-align:center;
}

body > #wrapper{
height:auto;	
}

/*CONTAINER*/
div#container{
	width:100%;
	height: 100%;
	margin-left:auto;
	margin-right:auto;
text-align:left;
}


div#header{
	width:100%;
	text-align:center;
}


/*Bread clumb*/
/* apple like
----------------------------------*/
.apple {
list-style: none;
overflow: hidden;
color: #555;
font: 600 11px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
background: #f6f6f6;
background: -webkit-gradient(linear, left top, left bottom,from(#fff),color-stop(0.5,#efefef),to(#efefef));
border: 1px solid #bbb;
-webkit-border-radius: 4px 4px 0 0;
}
.apple li {
float: left;
line-height: 30px;
text-shadow: 0 1px 0 white;
}
.apple li a {
color: #666;
text-decoration: none;
padding: 0 10px 0 20px;
background: #c6c6c6;
background: -webkit-gradient(linear, left top, left bottom,from(#d6d6d6),color-stop(0.5,#c6c6c6),to(#c6c6c6));
display: block;
float: left;
}
.apple li a::after {
position: relative;
display: block;
margin-top: -15px;
margin-left: auto;
margin-right: -15px;
height: 15px;
width: 10px;
content: " ";
-webkit-transform: skew(-30deg);
background: #c6c6c6;
border-right: 1px solid #bbb;
}
.apple li a::before {
float: right;
display: block;
margin-bottom: -15px;
margin-left: auto;
margin-right: -15px;
height: 15px;
width: 10px;
content: " ";
-webkit-transform: skew(30deg);
background: #c6c6c6;
background: -webkit-gradient(linear, left top, left bottom,from(#d6d6d6),to(#c6c6c6));
border-right: 1px solid #bbb;
}
.apple li:first-child a {padding-left: 10px;}
.apple li:nth-child(2) a {
background: #cfcfcf;
background: -webkit-gradient(linear, left top, left bottom,from(#dfdfdf),color-stop(0.5,#cfcfcf),to(#cfcfcf));
}
.apple li:nth-child(2) a::before {
background: #cfcfcf;
background: -webkit-gradient(linear, left top, left bottom,from(#dfdfdf),to(#cfcfcf));
}
.apple li:nth-child(2) a::after {background: #cfcfcf;}
.apple li:nth-child(3) a {
background: #d6d6d6;
background: -webkit-gradient(linear, left top, left bottom,from(#e6e6e6),color-stop(0.5,#d6d6d6),to(#d6d6d6));
}
.apple li:nth-child(3) a::before {
background: #d6d6d6;
background: -webkit-gradient(linear, left top, left bottom,from(#e6e6e6),to(#d6d6d6));
}
.apple li:nth-child(3) a::after {background: #d6d6d6;}
.apple li:nth-child(4) a {
background: #dfdfdf;
background: -webkit-gradient(linear, left top, left bottom,from(#efefef),color-stop(0.5,#dfdfdf),to(#dfdfdf));
}
.apple li:nth-child(4) a::before {
background: #dfdfdf;
background: -webkit-gradient(linear, left top, left bottom,from(#efefef),to(#dfdfdf));
}
.apple li:nth-child(4) a::after {background: #dfdfdf;}
.apple li:nth-child(5) a {
background: #e6e6e6;
background: -webkit-gradient(linear, left top, left bottom,from(#f6f6f6),color-stop(0.5,#e6e6e6),to(#e6e6e6));
}
.apple li:nth-child(5) a::before {
background: #e6e6e6;
background: -webkit-gradient(linear, left top, left bottom,from(#f6f6f6),to(#e6e6e6));
}
.apple li:nth-child(5) a::after {background: #e6e6e6;}
.apple li:last-child {
padding-left: 20px;
background: transparent !important;
color: #111;
}
.apple li a:hover {color: #000;}






.headline2 {
width:auto;
padding:5px 0 5px 15px;
border-top:1px solid #bbb;
border-bottom:1px solid #999;
background:-webkit-gradient(linear, 0% 0%, 0% 80%, from(#fff), to(#bbb));
text-shadow:1px 1px 1px #e5e5e5;
font-size:1em;
}

.headline1 {
width:auto;
padding:20px 0 20px 10px;
border-top:1px solid #d4d4d4;
border-bottom:1px solid #d4d4d4;
background:-webkit-gradient(linear, 0% 0%, 0% 80%, from(#fff), to(#d8d8d8));
text-shadow:1px 1px 1px #efefef;
font-size:1em;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}


/*marquee*/
.sample {
display: -wap-marquee;
display: -moz-marquee;
-wap-marquee-loop: infinite;
-moz-marquee-loop: infinite;
background-color: #ede4ff;
color: black;}

div#main{
width:100%;
}



ul.example {
margin: 0;
padding: 0;
list-style-type: none;
}

ul.example li {
float: left;
width: 102px;
padding: 1px;
}

.clearLeft { 
clear: left; 
}


/* 矢印つきリスト */
.list1 ul{
 border-bottom: 1px solid #ccc;
 }
 .list1 ul li{
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);
 border-bottom: 1px solid white;
 border-top: 1px solid #ccc;
 height: 44px;
 margin: 0;
 }
 .list1 ul li a{
 color: #333;
 display: block;
 height: 44px;
 margin: 0;
 padding: 0 0 0 10px;
 overflow: hidden;
 text-overflow: ellipsis;
 text-decoration: none;
 font-weight: bold;
 white-space: nowrap;
 line-height: 50px;
 }
 .list1 ul li a::after{
 content: url(images/list_mark1.png);
 float: right;
 }
 


#play{
width:100%;
text-align:left;
}

#play img{

}


.update{
width:100%;
font-size:1em;
line-height:1.5em;
margin-left:10px;
padding-bottom:5px;
}


.link_name{
	width:100%;
	font-size:medium;
	line-height:1em;
	padding-top:20px;
	text-indent:5px;
}

.play_exp{
width:98%;
margin-top:5px;
margin-left:10px;
}

.clear{clear:both;}

.banners{
margin-top:5px;
text-align:left;
}

.banners img{
}


.relation{
width:98%;	
font-size:1em;
margin-top:20px;
margin-left:5px;
}


div#footer{
	width:100%;
	text-align:left;
	color:#000;
}


/*to world*/
div#archives{
width:100%;
}

.ph{
width:95%;
text-align:left;
	margin:5px;	
}
.exp{
	width:95%;
}
.exp img{
margin-top:5px;
padding-bottom:10px;
}
.detail{
font-size:medium;
margin-top:10px;
padding-bottom:10px;
color:#94759f;
}
span.catch{
	font-size:1.2em;
	margin-top:5px;
	padding-bottom:10px;
}
/*
.caption{
font-size:small;
}
*/

/*to detail*/
div#games{
width:100%;	
}
.gamecaption{
	width:98%;
line-height:1.5em;
text-align:left;
}
div#games .gamecaption img{
margin:2px;	
}
div#games img{
margin:2px;	
}


/*accordion*/
.ui-body-z .ui-collapsible-set{margin-top:20px; }
.ui-body-z .ui-collapsible-contain{margin-top:-5px; }
.ui-body-z .ui-collapsible-contain h3{border-radius:8px 8px 0 0;margin:0 8px;font-weight:normal; }
.ui-body-z .ui-collapsible-contain:last-of-type h3{border-radius:8px; }
.ui-body-z .ui-collapsible-contain:nth-of-type(1) h3{background:#95be66;background: -webkit-gradient(linear, left top, left bottom,from(#95be66),to(#649f1f)); }
.ui-body-z .ui-collapsible-contain:nth-of-type(1) h3:not(.ui-collapsible-heading-collapsed){border-bottom:4px #95be66 solid; }
.ui-body-z .ui-collapsible-contain:nth-of-type(2) h3{background:#b0ba63;background: -webkit-gradient(linear, left top, left bottom,from(#b0ba63),to(#8c9a1b)); }
.ui-body-z .ui-collapsible-contain:nth-of-type(2) h3:not(.ui-collapsible-heading-collapsed){border-bottom:4px #b0ba63 solid; }
.ui-body-z .ui-collapsible-contain:nth-of-type(3) h3{background:#bfa65c;background: -webkit-gradient(linear, left top, left bottom,from(#bfa65c),to(#a07d10)); }
.ui-body-z .ui-collapsible-contain:nth-of-type(3) h3:not(.ui-collapsible-heading-collapsed){border-bottom:4px #bfa65c solid; }
.ui-body-z .ui-collapsible-contain:nth-of-type(4) h3{background:#bf8a5c;background: -webkit-gradient(linear, left top, left bottom,from(#bf8a5c),to(#a15411)); }
.ui-body-z .ui-collapsible-contain:nth-of-type(4) h3:not(.ui-collapsible-heading-collapsed){border-radius:8px 8px 0 0;border-bottom:4px #bf8a5c solid; }
.ui-body-z .ui-collapsible-contain a{font-size:14px;color:white;text-shadow:1px 0 1px rgba(0,0,0,0.3);text-decoration:none;padding:8px 0 10px; }
.ui-body-z .ui-collapsible-contain:last-of-type a{padding-bottom:8px; }

Read more: http://ascii.jp/elem/000/000/637/637638/#ixzz2829ZL3bS


/*Menu

.list1 ul{
 border-bottom: 1px solid #ccc;
 }
 .list1 ul li{
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);
 border-bottom: 1px solid white;
 border-top: 1px solid #ccc;
 height: 44px;
 margin: 0;
 }
 .list1 ul li a{
 color: #333;
 display: block;
 height: 44px;
 margin: 0;
 padding: 0 0 0 10px;
 overflow: hidden;
 text-overflow: ellipsis;
 text-decoration: none;
 font-weight: bold;
 white-space: nowrap;
 line-height: 44px;
 }
 .list1 ul li a::after{
 content: url(images/list_mark1.png);
 float: right;
 }
 */


hr{margin:10px;}


div#t01{margin-top:20px;}
.pages img{margin:10px;}


div#t02{margin-top:40px;}