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

 *

 * StyleSheet for http://www.naisouzairyou-annai.jp/

 *

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



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

  HTML STYLES 

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



body {

  margin: 0;

  padding: 0;

  text-align: center;

  font-size: 14px;

  color: #333;

  background-color:#fff;

  font-family:Arial, Helvetica, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;

}



p { line-height: 150%; }

a { text-decoration: none; color: #3399CC; }

a:hover { text-decoration: underline; color: #3399CC; }

input { margin: 0px; padding: 4px; font-size:12px}

select { margin: 0px; padding: 4px; font-size:12px}

textarea { margin: 0px; padding: 4px; font-size:12px}



h1 {

  padding:0px;

  margin:0px;

}

h2 {

  font-size: 16px;

  padding: 0;

  margin: 0;

  color:#333;



}



h3 {

  font-size: 16px;

  padding: 0;

  margin: 0;

  color:#333;

}



h4 {

  font-size: 12px;

}



h5 {

  margin: 8px 0 8px 0;

  padding: 8px 0 7px 9px;

  font-size: 12px;

}



form { padding:0px; margin:0px; }

input { font-family: Verdana, Arial, Sans-serif; margin: 0px; padding: 2px; font-size:12px;}

input.color { background-color:#ccc;}

select { font-family: Verdana, Arial, Sans-serif; margin: 0px; padding: 2px; font-size:12px;}

textarea { font-family: Verdana, Arial, Sans-serif; margin: 0px; padding: 2px; font-size:12px;}

textarea.color { background-color:#ccc;}



img{

  border:0px;

}



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

  HEADER LAYOUT STYLES 

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



#container {

  width: 900px;

  margin: 0 auto;

  padding: 0px;

  text-align: left;



}

#container_top {

  width: 900px;

  margin: 0 auto;

  padding: 0px;

  text-align: left;



}

#header {

  margin: 10px 40px 10px 40px;

  padding: 0;

  text-align: center;

  width: 820px;





}

#header_top {

  margin: 10px 40px 10px 40px;

  padding: 0;

  text-align: center;

  width: 820px;





}



#header_image {

  float: left;

  margin: 0px;

  _margin: 0; /* ie6*/

  padding: 0;

  width: 176px;



}



#header_menu {

  float: left;

  margin: 0px 0px 0px 10px;

  padding: 5px 0px;

  width: 600px;

}



#footer {

  margin: 0px 0;

  padding: 20px 0;

  text-align: center;

  font-size: 9px;

  width: 800px;

  border-top: 1px solid #ccc;

  letter-spacing: 0.1em;

  background: transparent url('image/common/line.gif') no-repeat 0 0;

}

#footer_top {

  margin: 0px 0;

  padding: 20px 0;

  text-align: center;

  font-size: 9px;

  width: 900px;

  border-top: 1px solid #ccc;

  letter-spacing: 0.1em;

  background: transparent url('image/common/line2.gif') no-repeat 0 0;

}



#left_side {

  float: left;

  margin: 0px 0px 0px 40px;

  _margin: 0px 0px 0px 20px;

  padding: 0;

  width: 420px;



}

#left_side_top {

  float: left;

  margin: 0px 0px 0px 40px;

  _margin: 0px 0px 0px 20px;

  padding: 0;

  width: 490px;



}



#right_side {

  float: right;

  font-size: 12px;

  margin: 0px 40px 0px 0px;

  _margin: 0px 20px 0px 0px;

  padding: 0;

  width: 280px;



}

#right_side_top {

  float: right;

  font-size: 12px;

  margin: 0px 40px 0px 0px;

  _margin: 0px 20px 0px 0px;

  padding: 0;

  width: 330px;





}



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

  CONTETNS LAYOUT STYLES 

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



#contents {

  margin: 0px 0;

  padding: 20px 0px 0px 0px;

  background: transparent url('image/common/line2.gif') no-repeat 0 0;



}

#contents_top {

  margin: 0px 0;

  padding: 20px 0px 0px 0px;

  background: transparent url('image/common/line2.gif') no-repeat 0 0;



}



#contents_path {

  margin: 10px 40px 10px 40px;

  padding: 0;

  width: 720px;

  font-size:12px;

}

#contents_header {

  margin: 10px 40px 10px 40px;

  padding: 0;

}



#contents_index {

  margin: 10px 40px 10px 40px;

  padding: 0;

  width: 720px;

  font-size:12px;

}

#contents_index dl{

  margin: 0;

  padding: 0;

  font-size:12px;

  width:720px;

}



#contents_index dt{

  float: left;

  margin: 10px 0 15px 0;

  padding: 0;

  width:260px;

  height:220px;



}

#contents_index dd{

  float: left;

  margin: 10px 0 15px 10px;

  padding: 0;

  width:412px;

  height:220px;

  line-height: 130%;



}

#contents_index img{

  padding:7px;

  border:1px solid #ccc;

}



#contents_main {

  margin: 10px 40px 10px 40px;

  padding: 0;

  width: 720px;

  font-size:12px;

  background: transparent url('image/common/bg_contents_main.gif') repeat-y 0 0;



}

#contents_ad_main {

  margin: 10px 0px 10px 0px;

  padding: 0;

  width: 680px;

  font-size:12px;



}



#contents_main dl,

#contents_ad_main dl,{

  margin: 0;

  padding: 0;

  font-size:12px;

  width:720px;

}



#contents_main dt,

#contents_ad_main dt{

  float: left;

  margin: 10px 0 0 0;

  padding: 0;

  width:200px;

  line-height: 130%;



}

#contents_main dd,

#contents_ad_main dd{

  float: left;

  margin: 10px 0 0 20px;

  padding: 0;

  width:480px;

  line-height: 130%;



}

#contents_main img,

#contents_ad_main img{

  padding:7px;

  border:1px solid #ccc;

}

#contents_main img.noborder,

#contents_ad_main img.noborder{

  padding:0px;

  border:0px;

}







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

  CLEAR 

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

.clear { zoom: 100%; }



.clear:after{

  content: "";

  clear: both;

  height: 0;

  display: block;

  visibility: hidden;



}

.clear { display: inline-table; }

/* *Hides from IE-mac \*/

* html .clear { height: 1%; }

.clear { display: block; }

/* *End hide from IE-mac */



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

  COMMON CONTENTS BOX STYLES 

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

.line {

  float:left;

}



.dotted {

  float:left;

  width:700px;

  margin: 10px 0px;

  border-top: 2px dotted #999;

}



.main{

  position:absolute;

  width:640px;

  left:0px;

  z-index:1;

  

}



.home{

  position:absolute;

  left:580px;

  top:10px;

  z-index:2;

}



.arrow{

  background: transparent url('image/common/list-link.jpg') no-repeat 0 2px;

  padding-left:10px;

}



h2.special{

  width: 720px;

  height:30px;

  background: transparent url('image/common/line_special_header.gif') no-repeat 0 20px;

}

h3.special{

  width: 442px;

  height:30px;

  padding-top:2px;

  background: transparent url('image/common/line_special_list.gif') no-repeat 0 20px;

}

h2.interior{

  width: 720px;

  height:30px;

  background: transparent url('image/common/line_interior_header.gif') no-repeat 0 20px;

}

h2.siteinfo{

  width: 720px;

  height:30px;

  background: transparent url('image/common/line_siteinfo_header.gif') no-repeat 0 20px;

}

h2.fusuma{

  width: 720px;

  height:30px;

  background: transparent url('image/common/line_fusuma_header.gif') no-repeat 0 20px;

}

h2.yuka{

  width: 720px;

  height:30px;

  background: transparent url('image/common/line_yuka_header.gif') no-repeat 0 20px;

}

h2.kabe{

  width: 720px;

  height:30px;

  background: transparent url('image/common/line_kabe_header.gif') no-repeat 0 20px;

}

h2.mado{

  width: 720px;

  height:30px;

  background: transparent url('image/common/line_mado_header.gif') no-repeat 0 20px;

}

h2.etc{

  width: 720px;

  height:30px;

  background: transparent url('image/common/line_etc_header.gif') no-repeat 0 20px;

}



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

  NAVI LAYOUT

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



#contents_navi {

  float: left;

  margin: 0px 0px 0px 40px;

  _margin: 0px 0px 0px 20px;

  padding: 0;

  width: 210px;



}

#special_navi {

  float: left;

  margin: 0px 0px 0px 40px;

  _margin: 0px 0px 0px 20px;

  padding: 0;

  width: 210px;



}

#info_navi {

  float: left;

  margin: 0px 0px 0px 40px;

  _margin: 0px 0px 0px 20px;

  padding: 0;

  width: 210px;



}

#top_navi {

  margin: 0px 0px 0px 0px;

  _margin: 0px 0px 0px 0px;

  padding: 0;

  width: 470px;

}



#top_navi dl{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size:12px;
	width: 100%;
	border:0px solid #999;



}

#top_navi dd {
	float: left;
	line-height: 130%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	width:100%;
	border-bottom:0px dotted #999;



}





#contents_navi dl{

  margin: 10px 0px 10px 0px;

  padding: 0px;

  font-size:12px;

  width: 210px;



}



#contents_navi dd {

  float: left;

  line-height: 130%;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 5px;

  width:210px;



}





#special_navi dl{

  margin: 10px 0px 10px 0px;

  padding: 0px;

  font-size:12px;

  width:210px;

}



#special_navi dd {

  float: left;

  line-height: 130%;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 5px;

  width:210px;



}





#info_navi dl{

  margin: 10px 0px 10px 0px;

  padding: 0px;

  font-size:12px;

  width:210px;



}



#info_navi dd {

  float: left;

  line-height: 130%;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 5px;

  width:210px;



}



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

  MENU BOX STYLES 

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



#header_menu a {

  float:left;

  text-indent:-9999px;

  width:110px;

  height:50px;

  padding:0px 5px;

}

#header_menu a.kabe {

  background: transparent url('image/common/btn_top_kabe.jpg') no-repeat 0 0;

}

#header_menu a:hover.kabe {

  background: transparent url('image/common/btn_top_kabe.jpg') no-repeat 0 0;

}

#header_menu a.kabe_on {

  background: transparent url('image/common/btn_top_kabe.jpg') no-repeat 0 0;

}

#header_menu a.fusuma {

  background: transparent url('image/common/btn_top_fusuma.jpg') no-repeat 0 0;

}

#header_menu a:hover.fusuma {

  background: transparent url('image/common/btn_top_fusuma.jpg') no-repeat 0 0;

}

#header_menu a.fusuma_on {

  background: transparent url('image/common/btn_top_fusuma.jpg') no-repeat 0 0;

}

#header_menu a.mado {

  background: transparent url('image/common/btn_top_mado.jpg') no-repeat 0 0;

}

#header_menu a:hover.mado {

  background: transparent url('image/common/btn_top_mado.jpg') no-repeat 0 0;

}

#header_menu a.mado_on {

  background: transparent url('image/common/btn_top_mado.jpg') no-repeat 0 0;

}

#header_menu a.yuka {

  background: transparent url('image/common/btn_top_yuka.jpg') no-repeat 0 0;

}

#header_menu a:hover.yuka {

  background: transparent url('image/common/btn_top_yuka.jpg') no-repeat 0 0;

}

#header_menu a.yuka_on {

  background: transparent url('image/common/btn_top_yuka.jpg') no-repeat 0 0;

}
#header_menu a.etc {

  background: transparent url('image/common/btn_top_etc.jpg') no-repeat 0 0;

}

#header_menu a:hover.etc {

  background: transparent url('image/common/btn_top_etc.jpg') no-repeat 0 0;

}

#header_menu a.etc_on {

  background: transparent url('image/common/btn_top_etc.jpg') no-repeat 0 0;

}

#header_menu a.ad {

  font-size:12px;

  text-align:left;

  text-indent:0px;

  width:500px;

  height:20px;

}





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

  TOP CONTENTS BOX STYLES 

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

#topics_box {

  float: left;

  margin: 0;

  padding: 0;

  width: 330px;



}



#topics_box dl{

  margin: 10px 0px 0px 0px;

  padding: 0px;

  font-size:12px;

}



#topics_box dd {

  float: left;

  line-height: 130%;

  margin: 0px 0px 5px 10px;

  _margin: 0px 0px 5px 5px;

  padding: 0px;

  width:310px;

}



#banner_box {

  float: left;

  margin: 0;

  padding: 0;

  width: 580px;



}



#banner_box dl{

  margin: 10px 0px 0px 0px;

  padding: 0px;

  font-size:12px;

  width: 580px;



}



#banner_box dd {

  float: left;

  line-height: 130%;

  margin: 0px 0px 0px 0px;

  padding: 5px 5px 5px 5px;

  width:270px;



}

#special_box {

  float: left;

  margin: 0;

  padding: 0;

  width: 580px;



}





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

  MAIN BOX

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



#main_box{

  margin: 0;

  padding: 0;

  font-size:12px;

  width:480px;

  line-height: 150%;



}

#main_box dl{

  margin: 0;

  padding: 0;

  font-size:12px;

  width:480px;

}



#main_box dt{

  float: left;

  margin: 0;

  padding: 2px 0px 0px 10px;

  width:460px;

  font-size:14px;

}

#main_box dt.special{

  color:#333;

  border-left:4px solid #3366CC;

}

#main_box dt.interior{

  color:#333;

  border-left:4px solid #669900;

}

#main_box dt.siteinfo{

  color:#333;

  border-left:4px solid #ccc;

}

#main_box dt.fusuma{

  color:#333;

  border-left:4px solid #339933;

}

#main_box dt.kabe{

  color:#333;

  border-left:4px solid #CC3366;

}

#main_box dt.mado{

  color:#333;

  border-left:4px solid #006699;

}

#main_box dt.yuka{

  color:#333;

  border-left:4px solid #CC6600;

}

#main_box dt.etc{

  color:#333;

  border-left:4px solid #FF9933;

}



#main_box dd{

  float: left;

  margin: 0;

  padding: 5px 0px 0px 14px;

  width:460px;



}

#main_box dd.line{

  width:460px;

  margin-top:10px;

  border-top:2px dotted #ccc;

  line-height: 50%;

}

#main_box span.faq{

  float: left;

  margin: 0;

  padding: 0px 0px 0px 10px;

  width:80px;



}

#main_box span.caption{

  float: right;

  margin: 0;

  padding: 0px 0px 0px 0px;

  width:370px;



}





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

  AD BOX

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



#ad_box{

  margin: 0;

  padding: 0;

  font-size:12px;

  width:700px;

  line-height: 150%;



}

#ad_box dl{

  margin: 0;

  padding: 0;

  font-size:12px;

  width:700px;

}



#ad_box dd{

  float: left;

  margin: 0;

  padding: 0;

  width:700px;



}

#ad_box td{

border:1px #333;border-style:none solid solid none;

}


#adslider			{ background: white url(../images/slider-bg.jpg); height: 320px; overflow: hidden;  position: relative; margin: 0px 0; }
#admover			{ width: 2880px; position: relative; }
.adslide			{ padding: 0px 20px; width: 300px; float: left; position: relative; }
.adslide img			{  top: 0px; left: 0px; }

#adslider2			{ background: white url(../images/slider-bg.jpg); height: 80px; overflow: hidden;  position: relative; margin: 0px 0; }
#admover2			{ width: 2880px; position: relative; }
.adslide2			{ padding: 0px 20px; width: 300px; float: left; position: relative; }

#adslider3			{ background: white url(../images/slider-bg.jpg); height: 80px; overflow: hidden;  position: relative; margin: 0px 0; }
#admover3			{ width: 2880px; position: relative; }
.adslide3			{ padding: 0px 20px; width: 300px; float: left; position: relative; }

#adslider4			{ background: white url(../images/slider-bg.jpg); height: 80px; overflow: hidden;  position: relative; margin: 0px 0; }
#admover4			{ width: 2880px; position: relative; }
.adslide4			{ padding: 0px 20px; width: 300px; float: left; position: relative; }

#adslider5			{ background: white url(../images/slider-bg.jpg); height: 80px; overflow: hidden;  position: relative; margin: 0px 0; }
#admover5			{ width: 2880px; position: relative; }
.adslide5			{ padding: 0px 20px; width: 300px; float: left; position: relative; }



#contentsslider			{ background: white url(../images/slider-bg.jpg); height: 130px; overflow: hidden;  position: relative; margin: 0px 0; }
#contentsmover			{ width: 2880px; position: relative; }
.contentsslide			{ padding: 0px 0px; width: 493px; float: left; position: relative; }

#contentsslider2			{ background: white url(../images/slider-bg.jpg); height: 130px; overflow: hidden;  position: relative; margin: 0px 0; }
#contentsmover2			{ width: 2880px; position: relative; }
.contentsslide2			{ padding: 0px 0px; width: 493px; float: left; position: relative; }

#contentsslider3			{ background: white url(../images/slider-bg.jpg); height: 130px; overflow: hidden;  position: relative; margin: 0px 0; }
#contentsmover3			{ width: 2880px; position: relative; }
.contentsslide3			{ padding: 0px 0px; width: 493px; float: left; position: relative; }

#contentsslider4			{ background: white url(../images/slider-bg.jpg); height: 390; overflow: hidden;  position: relative; margin: 0px 0; }
#contentsmover4			{ width: 2880px; position: relative; }
.contentsslide4			{ padding: 0px 0px; width: 493px; float: left; position: relative; }

#kabeslider			{ background: white url(../images/slider-bg.jpg); height: 180px; overflow: hidden;  position: relative; margin: 0px 0; }
#kabemover			{ width: 2880px; position: relative; }
.kabeslide			{ padding: 0px 10px; width: 320px; float: left; position: relative; }