html,body{
     height:100%;
}

body{
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
	font-size: 100%;
	line-height: 1.4;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	text-align:left;
}

a img.l-img{
background:none!important;
}
 
a:hover img.l-img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

@media screen and (min-width: 640px){

#wrapper{
	width: 100%;
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
	margin: 0;
	padding:0;
	background: url(../img/head_base_01.jpg) repeat-x top;
}
#wrapper div#contents{
	width:932px;
	margin:0 auto;
    padding-bottom:150px; /*フッターの高さと同じ*/
}

#wrapper div#contents:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.staff_sm{
	display:none;
}

}

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

ul, li, ol{
	list-style: none;
}

img{
	border: 0;
}

h1,h2,h3{
	margin: 0;
	padding: 0;

}

a:link.foot { color: #7e300e; }

a:visited.foot {                 
  color: #7e300e;
  text-decoration: none;
}

a:active.foot { color: #7e300e; }

a:hover.foot {
  color: #7e300e;
  text-decoration: none;
}

a:link.tuduki {
	font-size: 75%;
	color: #ff0000;
	}

a:visited.tuduki {
	font-size: 75%;               
	color: #ff0000;
	text-decoration: none;
}

a:active.tuduki {
	font-size: 75%;
	color: #ff0000;
	}

a:hover.tuduki {
	font-size: 75%;
	color: #ff0000;
	text-decoration: none;
}

a:link.textda03{
	color: #ffffff;
	font-size: 12px;
	margin-left:15px;
}

a:visited.textda03{                 
	color: #ffffff;
	font-size: 12px;
	margin-left:15px;
}

a:active.textda03{
	color: #ffffff;
	font-size: 12px;
	margin-left:15px;
}

a:hover .textda03{                 
  color: #ffffff;
  text-decoration: none;
}

a:link .pankuzutx{
	font-size: 10px;
	font-weight: bold;
	color: #57160f;
}

a:visited .pankuzutx{                 
	font-size: 10px;
	font-weight: bold;
	color: #57160f;
}

a:active .pankuzutx{
	font-size: 10px;
	font-weight: bold;
	color: #57160f;
}

a:hover .pankuzutx{                 
	font-size: 10px;
	font-weight: bold;
	color: #57160f;
  text-decoration: none;
}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

strong{
	color: #ffffff;
	font-size: 14px;
    font-weight: bold;
}

strong.red{
	color: #ff0000;
	font-size: 110%;
    font-weight: bold;
	margin:0 10px 0 10px;
}

address.textdaad{
	color: #ffffff;
	font-size: 12px;
	font-style:normal;
}


/* ========== ヘッダ部分 ========== */

@media screen and (min-width: 640px){

#wrapper header.sm{
	display:none;
}

#wrapper header.pc{
	width:960px;
	height:93px;
	background: url(../img/head_base_02.jpg) no-repeat top;
	margin:0 auto;
	padding: 0;
}

#wrapper header.pc:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#wrapper header.pc h1{
	float: left;
	width:200px;
	height:75px;
	padding:9px 0 0 108px;
	overflow: hidden;
}

#wrapper header.pc #header-right{
	float: left;
	width:626px;
	height:75px;
	margin:9px 0 0 7px;
	padding:0;
}

#wrapper header.pc #header-right address.miyako_tenpo{
	width:626px;
	height:32px;
	margin-bottom:3px;
}

#wrapper header.pc #header-right address.ichiba_tenpo{
	width:626px;
	height:22px;

}

#wrapper header.pc #header-right p.hnavi{
	width:110px;
	height:13px;
	font-size:12px;
	text-align:right;
	background: url(../img/head_maru.gif) no-repeat 0 .2em;
	margin:0 0 0 516px;
}

}


header #header-right a:link{
	color: #333333;
	font-size: 12px;
}

header #header-right a:visited{                 
	color: #333333;
	font-size: 12px;
}

header #header-right a:active{
	color: #333333;
	font-size: 12px;
}

header #header-right a:hover{                 
  color: #333333;
  text-decoration: none;
}

/* ========== ナビ部分 ========== */
@media screen and (min-width: 640px){
#wrapper nav.nav_pc{
	margin:0 auto;
	height:0;
	width: 918px;
	height:44px;
}

#wrapper nav.nav_pc ul li{
	width: 153px;
	height:44px;
	margin:0;
	padding:0;
	float:left;
}

#wrapper nav.nav_sm{
	display:none;
}
}

/* ========== コンテンツ部分部分 ========== */
@media screen and (min-width: 640px){

#wrapper div#contents div.mainc{
	float:left;
	width:627px;
	height:auto;
	text-align:left;
	margin:27px 0 0 16px;
}

}

#wrapper div#contents aside{
	float:left;
	width:282px;
	height:auto;
	text-align:left;
	padding:0;
	margin:27px 0 0 6px;
}

#mainc{
	float:left;
	width:627px;
	height:auto;
	text-align:left;
	margin:0 0 0 17px;
}

#subc{
	float:left;
	width:282px;
	height:auto;
	text-align:left;
	padding:0;
	margin:0;
}

#mainbana{
	width:622px;
	height:88px;
	marign:0;
	padding:0 5px 0 0;
	overflow: hidden;
}

/* ========== サイドナビ部分 ========== */

#wrapper div#contents aside h3.banner{
	width:282px;
	margin:0 0 17px 0;
	padding:0;
}

#wrapper div#contents aside section{
	width:272px;
	height:auto;
	overflow: hidden;
	text-align: left;
	background: url(../img/side/side_base.jpg) no-repeat bottom;
	margin-bottom:17px;
	padding:0;
}

#wrapper div#contents aside section h3{
	width: 272px;
	height:171px;
}

#wrapper div#contents aside section p{
	width: 235px;
	padding:0 14px 13px 22px;
	font-size:12px;
	line-height:150%;
}



#topics01{
	width:640px;
	height:auto;
	padding-bottom:10px;
}

#topics02{
	width:640px;
	height:auto;
	padding-bottom:30px;
}


.topicks_fir h3.topicks_hed{
	width: 272px;
	height:171px;
}

.topicks_fir p{
	width: 235px;
	padding:0 14px 13px 22px;
	font-size:12px;
	line-height:150%;
}

.comment{
	float:left;
	width: 138px;
	height:auto;
	padding:15px 19px 5px 5px;
	margin:0;
}

.comment dl{
	margin: 0;
	padding: 0;
}

.comment dt{
	font-weight: bold;
	font-size: 90%;
	margin: 0;
	padding-bottom: 2px;
	color: #555555;
	background: url(../img/topics_02.gif) left bottom repeat-x;
}

.comment dd{
	font-size: 80%;
	margin-left:5px;
	padding:3px 0 10px 0;
	color: #555555;
}

.showsai{
	width:63px;
	height:auto;
	text-align:left;
	margin:0 0 15px 75px;
	padding:0;
}


/* ========== フッター部分 ========== */
@media screen and (min-width: 640px){
	footer.sm_foot{
	display:none;
	}
}

footer.pc_foot{
	width:100%;	
    height:150px;
   	position:absolute;
	bottom:0;
	background: #ffffff url(../img/footo_base03.gif) repeat-x top;
	text-align:left;
}

footer.pc_foot div#fbody{
	margin:0 auto;
	width:926px;
	height:150px;	
}

footer.pc_foot div#fbody p.topbtn{
	margin:0 4px 0 832px;
	width:90px;
	height:23px;	
}

footer.pc_foot div#fbody div.foot_toparea{
	width:926px;
	height:70px;
	padding: 0;
	margin:0;
}

footer.pc_foot div#fbody div.foot_toparea:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

footer.pc_foot div#fbody div.foot_toparea h2{
	width:162px;
	height:57px;
	padding: 0;
	margin:5px 30px 0 0;
	float:left;
}

footer.pc_foot div#fbody div.foot_toparea div.tenpo_ad{
	width:730px;
	padding: 0;
	margin:20px 0 0 0;
	float:left;
	font-size:12px;
	color: #7e300e;
}

footer.pc_foot div#fbody div.foot_bottomarea{
	width:926px;
	height:30px;
	padding: 0;
	margin:0;
}

footer.pc_foot div#fbody div.foot_bottomarea:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

footer.pc_foot div#fbody div.foot_bottomarea p{
	background: url(../img/sankaku.gif) no-repeat 0 .1em;
	font-size:11px;
	color: #7e300e;
	float:left;	
	padding:5px 0 0 7px;
	margin:2px 12px 0 0;
}

footer.pc_foot div#fbody div.foot_bottomarea p a:link{
	color: #7e300e;
	text-decoration:underline;
}

footer.pc_foot div#fbody div.foot_bottomarea p a:visited{                 
	color: #7e300e;
	text-decoration:underline;
}

footer.pc_foot div#fbody div.foot_bottomarea p a:active{
	color: #7e300e;
	text-decoration:underline;
}

footer.pc_foot div#fbody div.foot_bottomarea p a:hover{                 
	color: #7e300e;
  text-decoration: none;
}

footer.pc_foot div#fbody p.copy{
	float:right;
	font-size:11px;
	color: #ff8604;	
	margin-top:5px;
}




#foot_toparea{
	padding: 0;
	position: relative;
	background: #ff8604 url(../img/footo_base01.gif) repeat-x top;
}

#foot_toparea #toparea01{
	position: relative;
	padding: 0 0px 0px 10px;
	margin: 0px auto;
	width: 960px;
}

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


#foot_toparea #toparea01 #sllogo{
	float:left;
	width:162px;
	height:54px;
	padding:6px 0 8px 0;
}

#foot_toparea #toparea01 address.sltenpo{
	float:left;
	padding:22px 0 6px 20px;
	font-size: 12px;
	color: #7e300e;
	font-style: normal;
	text-align:left;
	line-height:150%;
}

#foot_bottomarea{
	padding: 0;
	position: relative;
	background: #ff8604 url(../img/footo_base02.gif) repeat-x top;
}

#foot_bottomarea #bottomarea01{
	text-align:left;
	position: relative;
	padding: 0 0px 0px 10px;
	margin: 0px auto;
	width: 960px;	
}

#foot_bottomarea #bottomarea01 ul{
	margin-left:5px;
	padding:7px 0 25px 10px;
}

#foot_bottomarea #bottomarea01 .fli01{
	float:left;
	width:60px;
    height:auto;
	font-size: 70%;
	margin:0;
	padding:3px 0 0 10px;
	color: #7e300e;
	background: url(../img/sankaku.gif) no-repeat left top;
}

#foot_bottomarea #bottomarea01 .fli02{
	float:left;
	width:90px;
    height:auto;
	font-size: 70%;
	margin:0;
	padding:3px 0 0 10px;
	color: #7e300e;
	background: url(../img/sankaku.gif) no-repeat left top;
}


.copylight{
	font-size: 70%;
	color: #7e300e;
	text-align:right;
	padding: 3px 0px 10px 20px;
	margin: 0px auto;
	width: 960px;
}

.ml8{
 margin-left:8px;
 }
 
 .mt10{
	margin-top:10px !important;
}

 .mb5{
	margin-bottom:5px !important;
}

 .mb20{
	margin-bottom:20px !important;
}

 .pb10{
	padding-bottom:10px !important;
}