@charset "utf-8";

/*

Theme Name: HouseCleaning

Theme URI: http://wordpress.org/

*/





reset.css

-------------------------------------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

  background: transparent;

  border: 0;

  margin: 0;

  padding: 0;

  vertical-align: baseline;

}



/*font IE*/

@font-face {

  font-family:"mplus-1c-regular";

  src:url("font/rounded-mplus-2c-bold.ttf");

}

/*font  Firefox, Opera, Safari */

@font-face {

  font-family:"mplus-1c-regular";

  src:url("font/rounded-mplus-2c-bold.ttf") format("truetype");

}



html{

  overflow-y: scroll;

}



body {

  line-height: 1;

  margin : 0px;

  padding : 0px;

  font-size : 14px;

  background : #FFF repeat-y right top;

}



p {

  line-height : 140%;

}



h1, h2, h3, h4, h5, h6 {

  clear: both;

  font-weight: normal;

}

ol, ul {

  list-style: none;

}

blockquote {

  quotes: none;

}

blockquote:before, blockquote:after {

  content: '';

  content: none;

}

del {

  text-decoration: line-through;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

  border-collapse: collapse;

  border-spacing: 0;

}

a img {

  border: none;

}



a:hover img {

}



a {

  color:#588CD7;

  text-decoration : none;

}



a:hover {

  color:#0547a4;

  text-decoration : none;

}



/* ----------------layout---------------- */



body{

  background:url(img/contents_bg.png);
  background: #e2eaf4;
}



#wrapper{

  width:100%;

  overflow:hidden;

}



header{

  width:100%;

  overflow:hidden;
  
}



header h1{

  margin:0;

}



footer{

  width:100%;

  height:auto;

  overflow:hidden;

  background:url(img/footer_bg.png) repeat-x;

}



footer p{

  text-align:center;

  padding:10px 0;

}



#container{

  width:790px;

  margin:0 auto;

}



/* ----------------index---------------- */



#logo{

  width:100%;

  background:url(img/top_border.png) repeat-x;



}



#logo_box{

  width:790px;

  margin:0px auto;

  padding-top:35px;

}



nav{

  width:100%;

  height:37px;

  background:url(img/nav_bg.png) repeat-x;

  overflow:hidden;

  margin-bottom:20px;

}



nav ul{

  margin:0;

  padding:0;

}





nav ul li{

  display:block;

  float:left;

}



nav ul li a{

  padding:12px;

  line-height:37px;

}



#nav_width{

  width:800px;

  margin:0 auto;

}



#left{

  width:214px;

  height:274px;

  margin-bottom:20px;

  padding-bottom:10px;

  float:left;

  background:url(img/new_back.png);

}



#left h2,#left h3{

  margin:0;

}



#left ul{

  margin:0;

  padding:0;

}



#left ul li{

  margin-left:20px;

  padding-left:15px;

  line-height:30px;

  background:url(img/nav_icon.png) no-repeat left center;

}



#main_img{

  margin-bottom:30px;

}



#left dl dt{

  font-weight:bold;

}



#left dl dd{

  margin:0;

  padding:5px 0 10px 0;

}



/*------------------right--------------------*/



#right{

  float:right;

  width:543px;

  background:url(img/text_back.png);

  margin-bottom:30px;

  padding-bottom:20px;

}



#right02{

  background:url(img/h2_title.png) no-repeat;

  overflow:hidden;

  padding-left: 15px;

}



#right h2{

  font-size:16px;

  text-indent:1em;

}



#right img{

  float:left;

  margin:10px 0 10px 20px;

}



#right p{

  margin:0;

  padding:10px 15px 0px 20px;

  overflow:hidden;

}



#right03{

  width:511px;

  background:url(img/h3_title.png) no-repeat;

  margin:0 auto;

}



#right h3{

  padding:4px 4px 4px 20px;

  background:url(img/h3_title.png) no-repeat;

  margin-left:20px;

}



#right h4{

  background:url(img/h4.png) no-repeat;

  margin-left:30px;

  padding-left:30px;

}



#right ul{

  margin:0;

  padding:0;

}



#right ul li{

  float:left;

  width:155px;

  margin:0 auto;

}



/* ----------------bread------------- */



#breadlist{

  width:100%;

  overflow:hidden;

  clear:both;

  position:relative;

}



#bread_nav{

  width:790px;

  margin:42px auto 0;

  overflow:hidden;

  min-height:90px;

  background:url(img/logo.png) no-repeat right center;

}



#bread_nav ul{

  margin:0;

  padding:0;

  overflow:hidden;

}



#bread_nav ul li{

  float:left;

  width:100px;

  color:#FFF;

  font-weight:bold;

  margin-top:15px;

}



#bread_nav ul li a{

  color:#4a4a4a;

  background:url(img/bread_icon.png) no-repeat center left;

  padding-left:15px;

}



#bread_nav ul li a:hover{

  color:#fff;

}



#bread_img{

  margin-top:50px;

        position:relative;

        right:-220px; 

}

/* ----------------sl---------------- */







/* ----------------ac---------------- */



#ac_right{

  float:right;

  width:543px;

  border:2px solid #A4ABB5;

  background:url(img/text_back.png);

  margin-bottom:30px;

}



#ac_right02{

  width:546px;

  background:url(img/h2_title.png) no-repeat;

  overflow:hidden;

}



#ac_right h2{

  font-size:16px;

  text-indent:1em;

}



#ac_right img{

  float:left;

}



#ac_right p{

  margin-top:0;

  margin-bottom:0;

  float:right;

  width:53%;

}



#ac_right03{

  width:511px;

  background:url(img/h3_title.png) no-repeat;

  margin:0 auto;

}



#ac_right h3{

  margin-top:0;

  margin-bottom:6px;

}



#ac_right h4{

  background:url(img/h4_icon.png) no-repeat;

  margin-left:30px;

  padding-left:30px;

}



#ac_right ul{

  margin:0;

  padding:0;

}



#ac_right ul{

  padding:10px;

  overflow:hidden;

}



#ac_right ul li{

  float:left;

  width:31%;

  margin:0 auto;

  padding:0 0 10px 10px;

}



/* ----------------装飾設定---------------- */

footer p{

  color:#fff;

}



footer p a{

  color:#2157b8;

}

nav ul li a{

  color:#fff;

}

#left{

  border:2px solid #A4ABB5;

}



#left a{

  color:#000;

}

#left a:hover{

  color:#0547a4;

}



#right{

  border:2px solid #A7ABB4;

}



#right h2{

  color:#fff;

}



#ac_right h2{

  color:#fff;

  margin-left:15px;

}



/*パンくずリスト

---------------------------------------------------------------------------------*/

#breadcrumb {

  width:870px;

  margin:0 auto;

  padding-bottom: 18px;

  height: 15px;

}



#breadcrumb li {

   float: left;

   background: url(img/breadlist.png) no-repeat left center;

   padding-left: 12px;

   padding-right: 15px;

}