*{
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
	line-height:1.4;
}

body{
margin:0;
}

a{
color:#1144FF;
	}
a:visited{
color:#663399;

}

div#allwrap{
max-width:1600px;
margin:auto;		
}


h1{
font-size:x-large;
margin:0;
color: #cc8C44;
float:left;
	text-shadow:1px 1px #666666;
}


h2{

font-size:medium;
border-left:1em solid  rgb(255,51,0);
border-right:1em solid rgb(255,51,0);
padding:0 0.2em;
margin:0.2em 0;
display:block;
border-radius:0.5em;
}

h3{
margin:1px;
padding:0 0.5em;
display:block;
font-weight:normal;
font-size:medium;
margin-left:5px;
border-left:1em solid rgb(255,204,102);
border-radius:0.5em;
}


p{
margin:1px;
font-size:small;
}

div.head h1, div.head p{
display:inline-block;
}

div.head{
border:medium solid  #FF8C66;
padding:1px;
overflow:hidden;
}


ul,ol{
margin:0;
padding:0;
}



ol.pank li {
    display: inline-block;
	font-size:small;
	font-weight:bold;
}
 
ol.pank li + li:before {
    margin: 0 1px;
    content: ">";
}



div#wrapper p.cent{
text-align:left;
}

div#mainContent ul{ 
border:medium solid  #cc5933;
border-radius:0.5em;
padding:0.5em 0;
background-color:rgb(255,255,255);

column-width:18em;
-moz-column-width:20em;
-webkit-column-width:20em;

-moz-column-rule: dashed #C39 medium;
-webkit-column-rule: dashed #C39 medium;
column-rule: dashed #C39 mediumx;

}

div#mainContent ul li{

display:inline-block;
vertical-align:middle;
margin:0.3em 1px;
padding:0.3em;

border-top:#FFEFAA solid medium;
border-left:#FFEFAA solid medium;
background-color:#FFCF88;
border-bottom:#FF9F66 solid medium;
border-right:#FF9F66 solid medium;
border-radius:1em;
height:auto;
break-inside:avoid-column;
-moz-break-inside:avoid-column;
-webkit-break-inside:avoid-column;
}


div#mainContent ul ul li{
border-top:#EFFFCC solid medium;
border-left:#EFFFCC solid medium;
background-color:#CFFFAA;
border-bottom:#AFFF88 solid medium;
border-right:#AFFF88 solid medium;
border-radius:0.5em;
}


div#mainContent ul a{
padding:0.5em;
    text-shadow:
        -1px -1px #FFF,
        1px -1px #FFF,
        -1px 1px #FFF,
        1px 1px #FFF;
		font-weight:bold;
}

a:hover{
color:rgb(255,0,102);
}


ul.foot{
clear:both;	
padding:1em;	

}
ul.foot li{
text-align:center;
display:block;
font-size:small;
}

p.toplogo img{
display:none;	
}

div#mainContent ul ul {
display:none;	
padding:0;
border-width:thin;
margin:0.2em 0;
}

div#mainContent img{

	border:1px solid #6666FF;
	max-width:640px;
	max-width:95%
	;
}


div#wrapper {
clear:both;	
}


div#sub ul{ 
font-size:small;
border:thin solid  rgb(255,204,0);
border-radius:0.5em;

}

div#sub ul li{

display:inline-block;
vertical-align:middle;
margin:0.3em 0px;
background-color:#FFFF9a;
border-top:#ffffCD solid medium;
border-left:#ffffCD solid medium;
border-bottom:#dddd8c solid medium;
border-right:#dddd8c solid medium;
border-radius:0.5em;
}

div#sub ul a{
padding:0 0.2em;

}

div#sub ul ul{
background-color:rgb(255,255,255);	
}

div#sub ul ul li{
font-weight:bold;
}

div#sub h2{
border-color:rgb(153,204,51);
font-weight:normal;
}

p.cent{
text-align:center;
margin:0;
padding:0.5em 0;

}

p.bottomed{
clear:both;
max-width:210px;
}

.topsub li{
float:left;	
list-style-position:outside;
list-style-type:disc;
font-size:small;
color:rgb(255,88,88);
margin-left:2em;
}

.topsub:after{
	content: ""; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

ol.nav-front-next{
		margin:0.2em;
}

.nav-front-next li{
	display:inline-block;
	font-size:small;
	padding-left:0.5em;

	}
	.nav-front-next li a{
background-color:rgb(255,204,153);
border-radius:0.5em;
padding:0.2em;

	}

div.areacenter{
width:95%;
margin:auto;
}

p.ourlink{
display:inline;	
}