@charset "utf-8";


/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 format (min)

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
body{
color: #333;
font-size: 14px;
font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,'Trebuchet MS','ＭＳ Ｐゴシック','MS P Gothic',Osaka,Verdana,Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background-color: #fff;
line-height: 1.5;
}

* html body              {font-size:85%;}
*:first-child + html body{font-size:85%;}

p{
margin:0 0 0.3em;
}
ul{
margin:0 0 0.3em 20px;
padding:0;
}

a{ color:#333;}
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 layout

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/

#document{
width:780px;
margin:0 auto;
}

#header{
border-top:20px solid #653028;
padding:10px;
}

#header p#id{
margin:0;
}

#header p#id img{
display:block;
vertical-align:bottom;
}

#content{
padding:40px;
zoom:1;
}

#footer{
background:#653028;
text-align:right;
padding:5px 10px;
}

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 components

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/

h1{
text-align:center;
margin:0 0 1.3em;
font-size:129%;
}

h2{
font-weight:bold;
font-size:100%;
margin:2.5em 0 0.5em;
padding-left:24px;
background:url(images/ico01.png) no-repeat left center;
}

h3{
font-weight:bold;
font-size:100%;
margin:2.5em 0 0.5em;
border-left:6px solid #e2d4d3;
padding-left:8px;
line-height:1.2;
}


/* Physical Style
--------------------------------------------------*/

/* image-position */
#content p.image.right,
#content p.figure.right{
float:right !important;
margin:0 0 5px 10px;
}

#content p.image.left,
#content p.figure.left{
float:left !important;
margin:0 10px 5px 0;
}

#content p.image.center,
#content p.figure.center{
text-align:center !important;
margin:0 0 5px 0;
}

#content p.image.center img,
#content p.figure.center img{margin:0 auto;}

/* text-align */
#content p.textLeft,
#content th.textLeft,
#content td.textLeft { text-align:left !important; }

#content p.textRight,
#content th.textRight,
#content td.textRight { text-align:right !important; }

#content p.textCenter,
#content th.textCenter,
#content td.textCenter { text-align:center !important; }


#content th.textTop,
#content td.textTop { vertical-align:top !important; }

#content th.textBottom,
#content td.textBottom { vertical-align:bottom !important; }

/* clear-fix */

.clearfix{
overflow:hidden;
zoom:1;
}

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