@charset "Shift_JIS";

body {
    margin:0; 
    padding:0;
	  color:#555;
		background-color:#f0ebd4;
		text-align:center;
	  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Myriad Pro,Verdana,Arial, sans-serif;
    }
			 
			 
h1,h2,h3,h4,h5 {
    margin:0;
		}
		 
hr {
    margin:0;
    padding:0;
    display:none;
		}

p { 
    margin:0;
    padding:0;
		}

dl,dt,dd,ul,td {
    margin:0;
    padding:0;
		}
		
th {
    margin:0;
    padding:0;
		text-align:left;
		}

li {
    margin:0;
    padding:0;
		list-style:none;
		}
		 
img {
    border:0;
		}

form {
    margin:0;
    padding:0;
		display:block;
		}
			 
input,select,option {
    margin:0;
    padding:0;
    vertical-align: middle;
		}
	
		
.clear { 
    clear: both; 
    } 
	
	

/* clearfix ---------- */

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


a:link {
    color:#492806;
    text-decoration:none;
		}
				 
a:visited {
    color:#2F3D6F;
    text-decoration:none;
		}
						
a:hover {
     color:#d33f01;
     text-decoration:none;
		 }
					
a:active { 
    color:#d33f01;
		}
		
		
#toAnchors {
	width:0px;
	height:0px;
	text-indent:-10000em;
	vertical-align:top;
	text-decoration:none;
	overflow:hidden;
	position:absolute;
	left: 501px;
	top: -2px;
		}
		

#wrapper {
    width:970px;
	background-color:#FFFFFF;
	border-left:1px solid #d1cdb9;
	border-right:1px solid #d1cdb9;
	text-align:center;
		margin:0 auto;
		padding:0;
		}
		

/*header*/
		
#header {
    position:relative;
    width:950px;
	height:70px;
	text-align:left;
    margin:0 auto;
		padding:0;
		}
		
		
#header h1 {
		position:absolute;
    width:182px;
		height:61px;
		top:0;
		left:0;
        margin:0;
		padding:0;
		}
		
#header h2 {
		position:absolute;
        width:380px;
		top:16px;
		left:198px;
		font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif;
        margin:0;
		padding:0;
		}
		
#header .howto {
		position:absolute;
    width:139px;
		height:24px;
		top:22px;
		left:284px;
    margin:0;
		padding:0;
		}
		
#textSize {
		position:absolute;
		display:block;
		width:186px;
		height:30px;
		top:4px;
		left:764px;
		text-align:left;
		background:url(../img/ts.gif) no-repeat top;
    margin:0;
		padding:0;
		}
		
#textSize-inner {
		display:block;
		width:107px;
    margin:0;
		padding:3px 0 0 71px;
		}
		
#textSize img {
    margin:0;
		padding:0 0 0 4px;
		}
		
#h_info {
        position:absolute;
		display:block;
		width:186px;
		height:30px;
		top:34px;
		left:735px;
        margin:0;
		padding:0;
		}
		
		
#h_nav {
    position:relative;
    width:956px;
	height:46px;
	text-align:left;
	background:url(../img/head_bar01.gif) no-repeat bottom;
    margin:0 auto;
		padding:0;
		}
		
/*globalNavi*/
		
#globalNavi {
    position:absolute;
    width:558px;
		height:37px;
		top: 0;
		left: 0;
		margin:0;
		padding:0;
		}
		
#globalNavi li {
    float:left;
		margin:0;
		padding:0;
		}
		
#globalNavi a {
    display:block;
		}
		
#globalNavi .nav01 a {
    width:185px;
		margin:0;
		padding:0;
		}
		
#globalNavi .nav02 a {
    width:190px;
		margin:0;
		padding:0;
		}
		
#globalNavi .nav03 a {
    width:183px;
		margin:0;
		padding:0;
		}
		
/*h_nav*/
		
#h_bt {
    position:absolute;
    width:368px;
		height:37px;
		top: 0;
		left: 587px;
		margin:0;
		padding:0;
		}
		
#h_bt li {
    float:left;
		margin:0;
		padding:0;
		}
		
#h_bt a {
    display:block;
		}
		
#h_bt .bt01 a {
    width:89px;
		margin:0;
		padding:0;
		}
		
#h_bt .bt02 a {
    width:88px;
		margin:0;
		padding:0;
		}
		
#h_bt .bt03 a {
    width:191px;
		margin:0;
		padding:0;
		}
	
	
#visual {
    width:950px;
	text-align:left;
       margin:0 auto;
		padding:0;
		}	
		
/*content TOP*/

#content {
    width:950px;
		text-align:left;
		background:url(../img/sdw01.gif) no-repeat top;
       margin:0 auto;
		padding:0;
		}
		
#content h2 {
    width:950px;
		text-align:left;
       margin:0;
		padding:12px 0;
		}
		
	
#container_n {
    width:950px;
	text-align:left;
	background:url(../img/news_bg.gif) repeat-y top;
    margin:0;
	padding:0;
		}
		
#news_clm1 {
    width:296px;
	float:left;
	text-align:left;
	background:url(../img/news01_bg.gif) no-repeat top;
    margin:0;
	padding:14px 10px;
}

#news_clm2 {
    width:297px;
	float:left;
	text-align:left;
	background:url(../img/news02_bg.gif) no-repeat top;
    margin:0;
	padding:14px 10px;
}

#news_clm3 {
    width:297px;
	float:left;
	text-align:left;
	background:url(../img/news03_bg.gif) no-repeat top;
    margin:0;
	padding:14px 10px;
}

#container_n h3 {
    margin:0 0 14px;
	padding:0;
		}
		
.blockA {
    width:296px;
	text-align:left;
	background:url(../img/dot01.gif) repeat-x bottom;
    margin:0 0 10px;
	padding:0 0 10px;
}

.blockA img {
	float:left;
	border:3px solid #f1ecd5;
    margin:0 20px 0 0;
	padding:0;
}

.blockA p.date {
    font-weight:bold;
    margin:0 0 8px;
	padding:0;
}
		
	
	
/*footer*/
#footer {
    width:970px;
	height:52px;
	text-align:center;
	background:url(../img/foot_bg.gif) no-repeat;
		margin:0;
		padding:0;
		}
		
#pagetop {
		width:950px;
		text-align:right;
		margin:0 auto;
		padding:0;
    }
	
#footer div.foot {
    position:relative;
		width:950px;
		text-align:left;
		margin:0 auto;
		padding:0;
    }
	
#footer div.foot p {
    position:absolute;
		width:700px;
		text-align:left;
		top: 8px;
		left: 0;
		margin:0;
		padding:0;
    }
	
#footer div.foot .copyright {
    position:absolute;
		width:242px;
		text-align:left;
		top: 8px;
		left: 708px;
		margin:0 auto;
		padding:0;
    }			
		
		
/*汎用クラス*/	
		
.moreInfo {
    float:right;
		height:15px;
		font-weight:bold;
    background:url(../img/yaji.gif) no-repeat;
		margin:10px 0 0;
		padding:0 0 0 18px;
    }
	

.moreInfo a:link {
    color:#d33f01;
    text-decoration:none;
		}
				 
.moreInfo a:visited {
    color:#2F3D6F;
    text-decoration:none;
		}
						
.moreInfo a:hover {
     color:#d33f01;
     text-decoration:none;
		 }
					
.moreInfo a:active { 
    color:#d33f01;
		}