/* clear */
.menu .in:after,
.type .chara:after,
.pagetop:after,
.corner .in_right:after,
.situ .bn_category:after,
.aite .bn_category:after,
.glonav:after{
content:"";
display:block;
clear:both;
height:0;
visibility:hidden;
zoom:1;
}
/* clear */
h2{
text-align:center;
color:#ffffff;
font-weight:bold;
padding:8px 0;
font-size:14px;
margin-bottom:10px;
}


.list{
background:#FFFACD;
}
.list h2{
text-align:center;
background:#665041;
color:#ffffff;
font-size:14px;
padding:5px;
}
.list ul li{
border-bottom:1px dotted #cccccc;
}
.list ul li span{
display:block;
}
.list ul li a{
padding:5px 10px;
display:block;
position:relative;
}
.list .ora{
background:#FFB35F;
}
.list .pur{
background:#CFBCF1;
}
.list h3{
text-align:center;
font-size;13px;
}
.ftop_header{
line-height:0;
}
.ftop_header h1{
line-height:0;
}
.ftop_message{
background: linear-gradient(to bottom,  #85c2df 0%,#d8eeff 0%,#f9fdff 100%);
margin:0;
padding:5px;
border-top: 2px solid #669DD3;
}

/********random A*/
.randomA{
}
.randomA .tx01{
font-size:16px;
padding-bottom:3px;
}
.randomA .tx01 span{
display:block;
font-size:12px;
font-weight: bold;
}


/********random B*/
.randomB{
}
.randomB .tx01{
font-size:16px;
padding-bottom:3px;
}
.randomB .tx01 span{
display:block;
font-size:10px;
font-weight: bold;
}

.message{
text-align:center;
color:#502F1C;
border-radius:10px;
margin:5px 10px;
padding:10px 5px;
background:#FFFACD;
}

.message .tx01{
font-size:16px;
font-weight:bold;
color:#EB5D51;
text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
border-bottom:2px dotted #EB5D51;
}
.message .tx02{
margin-top:10px;
}
.message .tx02 span{
display:block;
font-size:15px;
font-weight: bold;
color:#CB5212;
}
.message a{
text-decoration: underline;
}
.profile{
margin:0 10px 0 10px;
border:2px solid #5DCCD2;
padding:10px;
background:#ffffff;
}
.profile p{
margin-top:5px;
font-size:11px;
}
.profile h2{
font-weight:bold;
color:#5DCCD2;
text-align:left;
padding:0;
margin:0;
}
.message .bn{
margin:0 auto;
}
.bn{
position: relative;
margin: 10px auto;
height:100px;
}
.bn .in{
position:absolute;
top:14px;
left:50%;
margin-left:-107px;
}
.bn p{
font-size: 12px;
text-align: center;
color: #FF7D01;
border: 1px solid #FF7D01;
position: relative;
width: 160px;
background: #ffffff;
padding: 5px;
border-radius: 5px;
font-weight:bold;
}
.bn p:after {
content: '';
position: absolute;
border-top: 10px solid #ffffff;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
bottom: -9px;
left: 5px;
z-index:5;
}
.bn p:before {
content: '';
position: absolute;
border-top: 10px solid #FF7D01;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
bottom: -11px;
left: 5px;
z-index:5;
}
.bn a{
display:block;
color:#ffffff;
font-size:18px;
text-align:center;
margin:5px auto;
width:200px;
height:50px;
line-height:50px;
font-weight:bold;
border-radius: 5px;
text-shadow: -1px 1px 0 rgba(0,0,0,0.3);
background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04));
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%);
position: absolute;
bottom: 0;
left:50%;
margin-left:-100px;
}
.login a{
font-size:13px;
font-weight:bold;
text-decoration: underline;
margin-top:0;
}
.type{
background:#FEEBC3;
padding-bottom: 10px;
}
.type h2{
background:#F39CA6;
}
.type .chara{
margin:0 auto;
width: 310px;
overflow: hidden;
margin-bottom:10px;
}

.type .chara li{
float:left;
margin-right:5px;
width:72px;
}
.type .chara li:last-child{
margin-right:0px;
}
.type .chara li img{
max-width:70px;
height:auto;
margin:0 auto;
}
.type .chara li p{
font-size: 9px;
text-align:center;
}
.type .chara li p span{
display:block;
font-size:10px;
font-weight:bold;
color:#9A3212;
}
.type .info{
color:#9A3212;
text-align:center;
margin:5px auto;
font-size:11px;
}
.type .yourtype a{
width:180px;
margin:0 auto;
height:40px;
line-height:40px;
border-radius:5px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
font-weight:bold;
text-align:center;
color:#ffffff;
background: -moz-linear-gradient(top,  #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c));
background: -webkit-linear-gradient(top,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
background: linear-gradient(to bottom,  #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
display:block;
}
.menu{
}
.menu h2{
background:#5DCCD2;
}
.menu .in{
border-bottom:1px dashed #cccccc;
padding-bottom:5px;
margin:0 10px 5px;
}
.menu .in img{
float:left;
max-width:70px;
height:auto;
}
.menu .in ul{
padding:3px 0 3px 0;
margin-left:5px;
float:left;
}
.menu .in ul li a{
display:block;
padding:3px 0 0 20px;
position:relative;
}
.menu .in ul li a:after{
content: "";
position: absolute;
background: #F39CA6;
top: 50%;
left: 5px;
margin-top :-3px;
height: 6px;
width: 6px;
border-radius: 50%;
box-shadow: 1px 1px 1px #dadada inset;
}

/**********************************************************menu2*/
.menu2 h2{
background:#B0D475;
}


/*******************************mail colum sick*/
.colum{
border: 1px solid #E9AC39;
border-radius: 10px;
padding: 10px;
margin: 10px 10px 0px;
background: none repeat scroll 0% 0% #FFFACD;
}
.mail{
border: 1px solid #EC8CB7;
border-radius: 10px;
padding: 10px;
margin: 10px 10px 0px;
background: none repeat scroll 0% 0% #FFF8EB;
}
.mail img,
.colum img{
float:left;
max-width:60px;
height:auto;
margin-right:5px;
display:table-cell;
vertical-align: middle;
}
.mail .in,
.colum .in{
display:table;
}
.mail .in_right,
.colum .in_right,{
float:right;
max-width:210px;
display: table-cell;
vertical-align: middle;
}
.mail .in h3,
.colum .in h3{
color:#CC5412;
font-weight:bold;
font-size:16px;
}
.mail .in .info,
.colum .in .info{
font-size:11px;
}
.mail ul,
.colum ul{
clear:both;
margin:10px auto 5px;
}
.mail ul li,
.colum ul li{
border-bottom:1px dotted #cccccc;
padding:5px 3px;
margin:5px 10px;
color:#CC5435;
}
.mail ul li:last-child,
.colum ul li:last-child{
border:none;
}
.mail .info2,
.colum .info2{
text-align:center;
}

.sick{
border: 1px solid #A07BAA;
background: none repeat scroll 0% 0% #F9F9F9;
}


/***************************************************************************footer*/
.pagetop{
margin-top:20px;
}
.pagetop a{
height:30px;
line-height:30px;
padding-left:14px;
display:block;
background:#502F1C;
color:#ffffff;
width:100px;
float: right;
margin-right:5px;
border-radius:5px 5px 0 0 ;
font-weight:bold;
position:relative;
font-size:11px;
text-align:center;
}
.pagetop a:before{
content: "";
position: absolute;
top: 50%;
left: 8px;
border: 5px solid transparent;
border-bottom: 10px solid #ffffff;
margin-top: -11px;
}
footer{
background:#502F1C;
}
footer nav {
border-bottom:1px dashed #cccccc;
}
footer a{
color:#ffffff;
font-size:10px;
}
footer nav ul{
}
footer nav ul li{
border-bottom:1px dashed #cccccc;
border-right:1px dashed #cccccc;
width:49%;
float:left;
display:inline;
}
footer nav ul li:nth-child(2n){
border-right:none;
}
footer nav ul li:last-child{
border-bottom:none;
}
footer nav ul li a{
height:30px;
line-height:30px;
display:block;
padding-left:10px;
}
footer .copy{
font-size:10px;
text-align:center;
padding:10px 0;
color:#ffffff;
}