@charset "utf-8";

.example1,
.example2 {
	margin: 5px;
	width: 120px;
}
.example1 p,
.example2 p {
	margin: 0 0 2px 0;
	font-size: 0.8em;
}
 
.example1 .outer {
	margin: 0 1px;
	padding: 1px 0;
	background: #FFBF00;
}
 
.example1 .inner {
	margin: 0 -1px;
	padding: 5px;
	background: #FFBF00;
}
 
.example2 .outer {
	margin: 0 1px;
	background: #E4F2FF;
	border-top: 1px solid #008DF2;
	border-bottom: 1px solid #008DF2;
}
 
.example2 .inner {
	margin: 0 -1px;
	padding: 5px;
	background: #E4F2FF;
	border-left: 1px solid #008DF2;
	border-right: 1px solid #008DF2;
}
   /* width:150px固定 */
    #xsnazzy { width:150px;background:transparent; margin:6px; padding:0; }

    #xsnazzy .h { font-size:13px; color:#333333; padding-bottom:0; font-weight:normal; }
        #xsnazzy .h, #xsnazzy p { margin:0; padding:2px 4px; line-height:1.4; }
    #xsnazzy .xtop, #xsnazzy .xbottom {display:block; background:transparent; font-size:1px; }
    #xsnazzy b { display:block; overflow:hidden; }
    #xsnazzy .xb1, #xsnazzy .xb2, #xsnazzy .xb3 {height:1px; }
    #xsnazzy .xb2, #xsnazzy .xb3, #xsnazzy .xb4 {background:#E4F2FF; border-left:1px solid #008DF2; border-right:1px solid #008DF2; }
    #xsnazzy .xb1 { margin:0 5px; background:#008DF2; }
    #xsnazzy .xb2 { margin:0 3px; border-width:0 2px; }
    #xsnazzy .xb3 { margin:0 2px; }
    #xsnazzy .xb4 { height:2px; margin:0 1px; }
    #xsnazzy .xboxcontent { display:block; background:#E4F2FF;
    width:146px; border:0 solid #008DF2;  border-width:0px 1px;}
    
     /*------------------------------ 角丸CSS */
    .kado  { background-color:#fff; font-size:1px;}
    .kado1 { margin: 0 5px;height:1px;overflow: hidden; background-color:#E4F2FF;border-top:1px solid #008DF2; }
    .kado2 { margin: 0 3px;height:1px;overflow: hidden; background-color:#E4F2FF;border:1px solid #008DF2;border-width:0px 2px;}
   .kado3 { margin: 0 2px;height:1px;overflow: hidden; background-color:#E4F2FF; border:1px solid #008DF2;border-width:0px 2px;}
    .kado4 { margin: 0 1px;height:2px;overflow: hidden; background-color:#E4F2FF; border:1px solid #008DF2;border-width:0px 1px;}
    .kado5 { padding:3px; background-color:#E4F2FF; border:1px solid #008DF2; ;border-width:0px 1px;}

 .sample {
  margin: 3px 0;
 width:130px;
 font-size: 13px;
 line-height: 1.6;
 padding: 4px;
 background: #9ACDFC;
border: 2px solid #0D87DF;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}  
   
    
 .curved {
 margin: 3px 0;
 width:130px;
 font-size: 13px;
 line-height: 1.6;
 padding: 4px;
 background: #E4F2FF;
border: 1px solid #008DF2;
-moz-border-radius:5px;
-webkit-border-radius:5px;
/*behavior:url(border-radius.htc);*/
}  
   
  .shell	{margin:4px;}

.caps01		{
				font-size: 13px;
				color:#444444;
				margin:3px 0;
				width:160px;
				text-align:center; 
				}

.oyasize	{width:160px;}
.mmm 		{ 
				display:block;
				} 
.mmm *{ 
display:block;
height:1px;
overflow:hidden;
background:#00ff00;
} 
.mmm1{ 
border-right:1px solid #91ff91;
padding-right:1px;
margin-right:3px;
border-left:1px solid #91ff91;
padding-left:1px;
margin-left:3px;
background:#3fff3f;
} 
.mmm2{ 
border-right:1px solid #e5ffe5;
border-left:1px solid #e5ffe5;
padding:0px 1px;
background:#30ff30;
margin:0px 1px;
} 
.mmm3{ 
border-right:1px solid #30ff30;
border-left:1px solid #30ff30;
margin:0px 1px;
} 
.mmm4{ 
border-right:1px solid #91ff91;
border-left:1px solid #91ff91;

} 
.mmm5{ 
border-right:1px solid #3fff3f;
border-left:1px solid #3fff3f;

} 
.mmm_content{ 
padding:0px 5px;
font-size:14px;
background:#00ff00;
text-align: center;
} 
.mmm_content2{ 
padding:0px 5px;
font-size:14px;
border:1px solid #00ff00;
border-width: 0 1px;
background:yellow;
text-align: center;
} 

.bu-kadomaru{
display:block;
}
.bu-kadomaru *{
display:block;
height:1px;
overflow:hidden;
background:#dddddd;
}
.bu-kadomaru1{
border-right:1px solid #f0f0f0;
padding-right:1px;
margin-right:3px;
border-left:1px solid #f0f0f0;
padding-left:1px;
margin-left:3px;
background:#e5e5e5;
}
.bu-kadomaru2{
border-right:1px solid #fbfbfb;
border-left:1px solid #fbfbfb;
padding:0px 1px;
background:#e3e3e3;
margin:0px 1px;
}
.bu-kadomaru3{
border-right:1px solid #e3e3e3;
border-left:1px solid #e3e3e3;
margin:0px 1px;
}
.bu-kadomaru4{
border-right:1px solid #f0f0f0;
border-left:1px solid #f0f0f0;
}
.bu-kadomaru5{
border-right:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
}
.bu-kadomaru_content{
padding:0px 5px;
font-size:14px;
background:#dddddd;
text-align: center;
}
.hyo		{
			margin:0 8px;
			float:left;
			font-size:12px;
			color:#444444;
			background: #bbbbbb;
			}
.hyo td		{
			padding: 3px;
			background: #ffffff;
			}