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

html{
height:100%;
	background-color:#ffffff;
-webkit-text-size-adjust:none;
-moz-text-size-adjust:none;
}
.buybtn{
	text-align:center;
	color: #000000;
	height:1em;
	background: -moz-linear-gradient(
		top,
		#fbe382 0%,
		#f86927);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fbe382),
		to(#f86927));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #f82819;
	-moz-box-shadow:
		0px 1px 3px rgba(248,40,25,0.6),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(248,40,25,0.6),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(248,40,25,0.6),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(255,215,212,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}


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;
	border:none;
}

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;}



.headline4 {
width:100%;
padding:3px;
padding-left:15px;
border-top:1px solid #F99;
border-bottom:1px solid #f99;
background-image:url(images/yumeakari/sub_pink.jpg);
background-position:right;
background-repeat:no-repeat;
background-color:#fff;
/*text-shadow:1px 1px 1px #e5e5e5;*/
color:#F99;
font-size:14px;
}

.headline3 {
width:100%;
padding:9px;
padding-left:15px;
/*border-top:1px solid #bbb;
border-bottom:1px solid #999;*/
background-image:url(images/yumeakari/sub.jpg);
background-position:right;
background-repeat:no-repeat;
background-color:#e8f4ff;
/*text-shadow:1px 1px 1px #e5e5e5;*/
color:#094ab8;
font-size:22px;
}

.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;	
}



/* 更新履歴アコーディオン */
.list6 dl.acordion{
 margin: 5px 10% 0 10%;

 }
 .list6 dt.trigger {
/* background: #e3f9ff -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3f9ff), to(#FFF));
 background: #e3f9ff linear-gradient(#e3f9ff, #FFF);
 border-radius: 10px;*/
 text-align: right;
/* border-bottom: 1px solid #ccc;*/
 color: #3060CE;
 margin-bottom: 0;
 padding: 10px;

 }
 .list6 dt.active{
 border-radius: 10px 10px 0 0;
 }
 .list6 dt.trigger span.open-close {
 /*background: url(point_plus.png) no-repeat right top;*/
 float: right;
 width: 20px;
 height: 20px;
 text-indent: -9999em;
 }
 .list6 dt.active span.open-close {
 /*background: url(point_none.png) no-repeat right top;*/
 float: right;
 width: 20px;
 height: 20px;
 }   
 .list6 dd.acordion_tree{
 padding: 10px;
 margin:0;
 /*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
 background: #f7f7f7 linear-gradient(#fff, #f0f0f0);*/
 border-top: 1px solid #3060CE;

/* border-top: none;*/
 }
/* アコーディオンおわり */


/*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;}

h5{-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding:1em; margin:1em; background-color:#4D7DCD; color:#FFF; font-size:smaller;}