/*
Theme Name: Sakura
Theme URI: http://maxline.co.jp/
Description: Sakuraテーマ
Version: 1.0
Author: Maxline
Author URI: http://maxline.co.jp/
Tags: blue, custom header, fixed width, two columns, widgets
*/
/* 
=============================
(C) Sakura
last update 100308
=============================*/

@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------
全体
--------------------------------------------------------------------*/

/*bodyのスタイル*/

* {
	margin: 0 auto;
	padding: 0;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,p,
form,fieldset,input,textarea,
th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}




body {
	margin: 0px auto 0px auto;
	padding: 0;
	color:#2d1217;
	background-color:#f6b1af;
	background-image: url(images/index_bg.jpg);
	background-repeat:repeat-y;
	background-position: center;
	font-size:12px;

}

  
#container { 
	margin: 0px auto 0px auto;
	padding:0px;
	background-image: url(images/index_header_bg.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	  }
	  
#container_a { 
      margin: 0px auto 0px auto;
	  padding:0px;
	  background-image:url(images/index_footer_bg.jpg);
	  background-position:bottom center;
	  background-repeat:no-repeat;
	  }
	  
	  	  
	  
#header {
	  margin:0 auto 10px auto;
	  padding:0px;
	  width:950px;	
	  }




#content { 

	  margin:0px auto 0px auto;
	  padding:0px 0px 0px 0px;
	  width : 950px;

	 }


#main { 
	float:right;
	  width : 708px;
	  margin:0px 3px 0px 8px;
	  padding:0px 5px 0px 0px;
	  line-height:140%;
	  font-size:12px;


}


* html #main { 
	float:right;
	  width : 708px;
	  margin:0px 0px 0px 8px;
	  padding:0px 3px 0px 0px;
	  line-height:140%;
	  font-size:12px;


}


#side-nav { 
	  float : left;
	  width : 214px;
	  padding:0px 0px 0px 0px;
	  margin:0px 0px 0px 12px;


}


* html #side-nav { 
	  float : left;
	  width : 214px;
	  padding:0px 0px 0px 0px;
	  margin:0px 0px 0px 8px;


}



.clr {
clear:both;
margin:0px;
padding:0px;
line-height:0px;
visibility:hidden;
height:0px;}

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

.clearfix {
  min-height: 1px;
}

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


br {letter-spacing:normal;}

	  
a{
	  color:#333333;
	  text-decoration:underline;
	  border:0px;
	  outline: none; }


a:hover{
	  color:#999999;
	  text-decoration:none;
	  border:0px;
	  outline: none; }

a:active {outline: none;}
a:focus {-moz-outline-style: none;}
a img{ border:0px;}


a:hover img{
opacity: 0.5;
filter: alpha(opacity=60);
}




/*ページトップ*/

#pttxt {
	padding: 0px;
	margin:40px 20px 20px 0px;
	text-align:right;
	font-size:14px;
	letter-spacing:1px;
}

#pttxt a{
	color:#333333;
	text-decoration:underline;
}	

#pttxt a:hover {
	color:#999999;
	text-decoration:underline;
}	


/*パンくずリスト*/
#container #list {
padding:0px 0px 10px 10px;
margin:0px auto 0px auto;
letter-spacing:2px;

}


#container #list a {
color:#333333;
text-decoration:underline;
}


#container #list a:hover {
color:#999999;
text-decoration:none;
}



/*--------------------------------------------------------------------
キャッチコピー
--------------------------------------------------------------------*/


#header div#box{
width:950px;
margin:0px auto 5px auto;

}


#header h1#catch{
margin:0px auto 0px auto;
background-repeat:no-repeat;
font-size:10px;
text-align:left;
padding:10px 0px 5px 10px;
letter-spacing:2px;
color:#333333;

}


#header div#title,
#header div#title a {
width:540px;
height:120px;
text-indent:-9999px;
margin:0px;
display:block;
float:left;
}

#header div#menu{
margin:25px 0px 15px 15px;
padding:0px 0px 0px 0px;
font-size:10px;
letter-spacing:2px;
}

#header div#menu p{
margin:0px 0px 10px 10px;
padding:3px 0px 4px 20px;
background-image:url(images/index_header_icon.jpg);
background-repeat:no-repeat;
float:left;
}

#header div#menu a{
text-decoration:none;
}

#header div#menu a:hover{
text-decoration: underline;
}

#header div#navi{
margin:415px 0px 0px 0px;
padding:0px 0px 0px 5px;
}


#head_menu a span{display:none;
} 

ul#head_menu{
    list-style:none;
    width:100%;
	width:940px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}


ul#head_menu li{
    list-style:none;
    float:left;

}
ul#head_menu a{
    display:block;
	background-image: url(images/index_header_menu.jpg);
	background-repeat:no-repeat;
}
#head_menu a.h_li01{
    background-position:0px 0px;
	    width:162px;
	    height:61px;
	    float:left;


}
#head_menu a:hover.h_li01{
    background-position:0px -61px;
	    width:162px;
	    height:61px;
	    float:left;

}

#head_menu a.h_li02{
    background-position:-162px 0px;
	    width:155px;
	    height:61px;
	    float:left;

}
#head_menu a:hover.h_li02{
    background-position:-162px -61px;
	    width:155px;
	    height:61px;
	    float:left;

}

#head_menu a.h_li03{
    background-position:-317px 0px;
	    width:154px;
	    height:61px;
	    float:left;

}
#head_menu a:hover.h_li03{
    background-position:-317px -61px;
	    width:154px;
	    height:61px;
	    float:left;

}


#head_menu a.h_li04{
    background-position:-471px 0px;
	    width:153px;
	    height:61px;
	    float:left;

}
#head_menu a:hover.h_li04{
    background-position:-471px -61px;
	    width:153px;
	    height:61px;
	    float:left;

}


#head_menu a.h_li05{
    background-position:-624px 0px;
	    width:153px;
	    height:61px;
	    float:left;

}
#head_menu a:hover.h_li05{
    background-position:-624px -61px;
	    width:153px;
	    height:61px;
	    float:left;

}

#head_menu a.h_li06{
    background-position:-777px 0px;
	    width:163px;
	    height:61px;
	    float:left;

}
#head_menu a:hover.h_li06{
    background-position:-777px -61px;
	    width:163px;
	    height:61px;
	    float:left;

}




/*--------------------------------------------------------------------
サイドバーのスタイル
--------------------------------------------------------------------*/



#side-nav .font01 { 
	  width:180px;
	  padding:0px 15px 20px 15px;
	  line-height:140%;
	  letter-spacing:1px;
	  font-size:10px;
	 }


#side-nav .font02 { 
	  width:194px;
	  padding:0px 10px 20px 10px;
	  line-height:140%;
	  letter-spacing:1px;
	  font-size:10px;
	 }
    

#side-nav .bnr { 
	  padding:0px 0px 0px 0px;
	  width:214px;
	  text-align:center;
	  margin:0px auto 5px auto;}

#side-nav .bnr2 { 
	  padding:0px 0px 0px 0px;
	  width:214px;
	  text-align:center;
	  margin:0px auto 5px auto;}
	  

	 	 
#side-nav div#left01 { 
	  width:214px;
	  padding:39px 0px 0px 0px;
	  margin:0px auto 15px auto;
	  background-image:url(images/index_side_menu02.jpg);
	  background-repeat:no-repeat;
	 }

#side-nav div#left02 { 
	  width:166px;
	  background-image: url(images/index_side_img01.jpg);
	  background-repeat:no-repeat;
	  padding:220px 20px 0px 28px;
	  margin:0px auto 0px auto;
	  letter-spacing:1px;
	  line-height:160%;
	 }
#side-nav div#left02_a { 
	  width:214px;
	  background-image:url(images/index_side_img02.jpg);
	  background-repeat:no-repeat;
	  background-position:bottom;
	  padding:0px 0px 30px 0px;
	  margin:0px auto 20px auto;
	 }


	 


/*メニュー*/  
	 

ul#menu{
    list-style:none;
    list-style-type: none;
    width:100%;
	padding:0px 0px 0px 0px;
	margin:0px auto 20px auto;
    width:214px;


}
ul#menu li{
    width:214px;
	margin:0px auto;
	padding:0px;
	line-height: 0; 
	vertical-align: bottom;


}
ul#menu a{
    display:block;
	text-indent:-9999px;
    width:214px;
	margin:0px auto;
	padding:0px;
	line-height:normal;
	background-image: url(images/index_side_menu.jpg);
	background-repeat:no-repeat;
    text-decoration: none;
    zoom: 1;

	
}

#menu a span{display:inline;} 


#menu a.li0{
    background-position:0px 0px;
	height:34px;

}
#menu a:hover.li0{
    background-position:-214px 0px;
	height:34px;}



#menu a.li01{
    background-position:0px -34px;
	height:34px;

}
#menu a:hover.li01{
    background-position:-214px -34px;
	height:34px;}


#menu a.li02{
    background-position:0px -68px;
	height:34px;

}
#menu a:hover.li02{
    background-position:-214px -68px;
	height:34px;}

#menu a.li03{
    background-position:0px -102px;
	height:34px;

}
#menu a:hover.li03{
    background-position:-214px -102px;
	height:34px;}


#menu a.li04{
    background-position:0px -136px;
	height:34px;

}
#menu a:hover.li04{
    background-position:-214px -136px;
	height:34px;}



#menu a.li05{
    background-position:0px -170px;
	height:34px;

}
#menu a:hover.li05{
    background-position:-214px -170px;
	height:34px;}


#menu a.li06{
    background-position:0px -204px;
	height:34px;

}
#menu a:hover.li06{
    background-position:-214px -204px;
	height:34px;}


#menu a.li07{
    background-position:0px -238px;
	height:34px;

}
#menu a:hover.li07{
    background-position:-214px -238px;
	height:34px;}


#menu a.li08{
    background-position:0px -272px;
	height:34px;

}
#menu a:hover.li08{
    background-position:-214px -272px;
	height:34px;}


#menu a.li09{
    background-position:0px -306px;
	height:54px;

}
#menu a:hover.li09{
    background-position:-214px -306px;
	height:54px;}



/*メニュー2*/  
	 
ul#menu2{
    list-style:none;
    list-style-type: none;
    width:100%;
	padding:24px 0px 0px 0px;
	margin:0px auto 10px auto;
    width:212px;
	background-image:url(images/index_side_menu03.jpg);
	background-repeat:no-repeat;


}
ul#menu2 li{
    width:212px;
	margin:0px auto;
	padding:0px;
	line-height: 0; 
	vertical-align: bottom;


}
ul#menu2 a{
    display:block;
	text-indent:-9999px;
    width:212px;
	margin:0px auto;
	padding:0px;
	line-height:normal;
	background-image: url(images/index_side_menu04.jpg);
	background-repeat:no-repeat;
    text-decoration: none;
    zoom: 1;

	
}

#menu2 a span{display:inline;} 


#menu2 a.li0{
    background-position:0px 0px;
	height:28px;

}
#menu2 a:hover.li0{
    background-position:-212px 0px;
	height:28px;}



#menu2 a.li01{
    background-position:0px -28px;
	height:27px;

}
#menu2 a:hover.li01{
    background-position:-212px -28px;
	height:27px;}


#menu2 a.li02{
    background-position:0px -55px;
	height:25px;

}
#menu2 a:hover.li02{
    background-position:-212px -55px;
	height:25px;}

#menu2 a.li03{
    background-position:0px -80px;
	height:26px;

}
#menu2 a:hover.li03{
    background-position:-212px -80px;
	height:26px;}

#menu2 a.li04{
    background-position:0px -106px;
	height:28px;

}
#menu2 a:hover.li04{
    background-position:-212px -106px;
	height:28px;}	 

#menu2 a.li05{
    background-position:0px -134px;
	height:26px;

}
#menu2 a:hover.li05{
    background-position:-212px -134px;
	height:26px;}	 

 
/*--------------------------------------------------------------------
トップページページのスタイル
--------------------------------------------------------------------*/

#index {
width:710px;
padding:0px 0px 0px 0px;
margin:0px auto 0px auto;
  }


#index div.box1 {
width:690px;
padding:0px 0px 0px 0px;
margin:0px auto 5px auto;
letter-spacing:1px;
  }  



/*ピックアップ*/
 
#index div#title {
width:700px;
height:39px;
text-indent:-9999px;
padding:0px 0px 0px 0px;
margin:0px auto 5px auto;
background-image: url(images/index_main_bnr01.jpg);
background-repeat:no-repeat;
 
 }


#index div.box2 {
width:702px;
padding:0px 0px 0px 0px;
margin:0px auto 10px auto;
letter-spacing:1px;
  }  

  
#index div.bnr_b {
width:351px;
padding:0px 0px 0px 0px;
margin:0px;
float:left;
  }

   
    
#index div.bnr_c {
width:351px;
padding:0px 0px 0px 0px;
margin:0px;
float:left;
  } 
  

#index div.box3 {
width:720px;
padding:0px 0px 0px 0px;
margin:0px auto 30px auto;
letter-spacing:1px;
  }  

#index p.txt{
font-size:10px;
padding:0px 10px 5px 10px;

  } 
  


/*新着情報*/
 
#index div#title02 {
width:700px;
height:39px;
text-indent:-9999px;
padding:0px 0px 0px 0px;
margin:0px auto 5px auto;
background-image: url(images/index_main_bnr07.jpg);
background-repeat:no-repeat;
 
 }
  

#index #news_box {
width:650px;
line-height:160%;
margin:0px auto 0px auto;
padding:0px 0px 15px 0px;
}


  
#index dl {
padding:10px 0px 10px 0px;
margin:0px;
}
  
#index dt {	
width: 100px;
float: left;
clear: left;
color:#c71b19;
margin:0px 2px 0px 5px;
padding:0px 0px 0px 20px;
letter-spacing:1px;
background-image:url(images/index_main_icon01.jpg);
background-repeat:no-repeat;
 }

#index dd {	
	margin: 0px 0px 0px 150px;
	padding:0px 0px 0px 0px;
	width:500px;

}
* html #index dd {	
	margin: 0px 0px 0px 150px;
	padding:0px 0px 0px 0px;
	width:480px;

}


/*イベント*/
 
#index div#title03 {
width:700px;
height:39px;
text-indent:-9999px;
padding:0px 0px 0px 0px;
margin:0px auto 10px auto;
background-image: url(images/index_main_bnr06.jpg);
background-repeat:no-repeat;
 
 }
#index #event_box {
width:650px;
line-height:160%;
margin:0px auto 15px auto;
padding:0px 0px 10px 0px;
border-bottom:1px dotted #999999;
}

#index .event_ttl {
font-size:16px;
font-weight:bold;
color:#d51c66;
letter-spacing:1px;
padding:0px 0px 5px 0px;
}

#index .event_ttl a {
color:#d51c66;
}



#index .event_bnr {
width:660px;
text-align:right;
margin:0px auto 15px auto;
}


#index #event_box .img img {
float:right;
margin:0px 0px 5px 15px;
padding:5px;
border:1px solid #cccccc;
}


/*最新施工実績*/

#index div#title04 {
width:700px;
height:39px;
text-indent:-9999px;
padding:0px 0px 0px 0px;
margin:0px auto 10px auto;
background-image: url(images/index_main_bnr010.jpg);
background-repeat:no-repeat;
 
 } 
#index div#top_works {
width:700px;
padding:0px 0px 0px 0px;
margin:0px auto 0px auto;
  }
#index div.box {
width:700px;
padding:0px 0px 20px 0px;
margin:0px auto 7px auto;
  }
      
* html #index div#top_works {
width:695px;
padding:0px 0px 0px 0px;
margin:0px auto 0px auto;
  }
* html #index div.box {
width:695px;
padding:0px 0px 20px 0px;
margin:0px auto 7px auto;
  }
      



#index div#top_works .box{
margin:0px auto 0px auto;
}


#index div.box_dg {
width:195px;
padding:5px;
font-size:12px;
letter-spacing:1px;
line-height:140%;
}


#index div.box_d {
width:195px;
padding:0px;
float:left;
font-size:12px;
margin:5px 18px 10px 18px;
letter-spacing:1px;
line-height:140%;
}


* html #index div.box_d {
width:195px;
padding:0px;
float:left;
font-size:12px;
margin:5px 5px 10px 5px;
letter-spacing:1px;
line-height:140%;
}

#index div.box_d img {
padding:5px;
border:1px solid #cccccc;
  }

#index div.box .ttl {
width:195px;
font-size:12px;
color:#d9294d;
padding:5px 0px 0px 25px;
margin:5px 0px 0px 0px;
background-image: url(images/index_main_icon02.jpg);
background-repeat:no-repeat;

}
#index div.box .ttl a{
	color:#d9294d;
	text-decoration:none;
}
#index div.box .ttl a:hover{
	color:#d9294d;
	text-decoration:underline;
}

#index .txt_e {
	color:#cc6633;
	padding:10px 0px 0px 0px;
	letter-spacing:1px;
}

#index div.box .ttl2 {
width:195px;
font-size:12px;
text-align:right;
padding:0px 0px 10px 0px;
margin:0px 0px 5px 0px;
border-bottom:1px dotted #cccccc;

}

#index .works_bnr {
	padding:0px 17px 0px 0px;
	text-align:right;
}
/*--------------------------------------------------------------------
施工実績のスタイル
--------------------------------------------------------------------*/

#works {

padding:0px 0px 0px 0px;
margin:0px auto 0px auto;
  }
  
  
#works div#title {
width:680px;
height:52px;
padding:0px 0px 0px 0px;
margin:0px auto 20px auto;
background-image: url(images/works_title.jpg);
background-repeat:no-repeat;
display:block;
text-indent:-9999px;
  }


#works .box{
width:680px;
margin:0px auto 20px auto;
}

#works div.box_dg {
width:300px;
margin:0 auto;
padding:5px 0px 5px 0px;
font-size:12px;
letter-spacing:1px;
line-height:140%;

}


#works div.box_d {
width:320px;
font-size:12px;
margin:0px 10px 10px 10px;
padding:12px 0px 5px 0px;
letter-spacing:1px;
line-height:140%;
background-image: url(images/works_tb_bg02.jpg);
background-repeat:no-repeat;
background-color:#fd97a3;
float:left;
}

* html #works div.box_d {
width:320px;
font-size:12px;
margin:0px 7px 5px 7px;
padding:12px 0px 5px 0px;
letter-spacing:1px;
line-height:140%;
background-image: url(images/works_tb_bg02.jpg);
background-repeat:no-repeat;
background-color:#fd97a3;
float:left;
}




#works div.box_d .img {
padding:2px;
width:300px;
margin:0px auto 0px auto;
background-color:#FFFFFF;

}
#works div.box h1 {
font-size:16px;
width:300px;
text-align:center;
margin:0px auto 5px auto;
padding:1px 0px 0px 0px;

}
#works div.box h1 a{
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
}
#works div.box h1 a:hover{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

#works .btn {
text-align:right;
padding:10px 5px 0px 0px;
margin:0px auto 0px auto;
  }

  
/*--------------------------------------------------------------------
施工実績　詳細のスタイル
--------------------------------------------------------------------*/

#works_details {
padding:0px 0px 0px 0px;
margin:0 auto;
  }
  
  
  
#works_details div#title {
width:690px;
height:52px;
padding:0px 0px 0px 0px;
margin:0px auto 20px auto;
background-image: url(images/works_title.jpg);
background-repeat:no-repeat;
display:block;
text-indent:-9999px;
  }


  
#works_details div.box {
width:700px;
padding:0px 0px 20px 0px;
margin:0px auto 20px auto;
  } 
  

  
/*施工実績詳細*/


#works_details #title_s {
padding:5px 0px 5px 0px;
margin:0px auto 0px auto;
width:625px;
font-size:16px;
font-weight:bold;
letter-spacing:2px;
color:#f85e70;
}

#works_details #title_s2 {
padding:5px 0px 5px 10px;
margin:0px auto 10px auto;
width:625px;
font-size:14px;
letter-spacing:2px;
color:#6f6f43;
border-left:5px solid #cccccc;
}


/*画像（大）*/

#works_details div.details_photo {
margin:0px auto 20px auto;
padding:0;
width:640px;
}

#works_details div.details_photo_img {
width:600px;
padding:20px;
margin:0 auto;
background-image: url(images/works_tb_bg.jpg);
background-repeat:repeat-x;
background-color:#fd97a3;}

#works_details div.txt {
width:600px;
padding:10px 0px 0px 0px;
margin:0px auto;
  }
  


/*画像（中）*/

#works_details div.details_photo02 {
margin:0px auto 20px auto;
padding:0;
width:660px;
}



#works_details div.details_photo02_img {
width:300px;
margin:0px 11px 5px 11px;
float:left;}

* html#works_details div.details_photo02_img {
width:300px;
margin:0px 8px 5px 8px;
float:left;}



#works_details div.details_photo02_img img {
padding:7px;
margin:0px 0px 0px 0px;
background-color:#f8f4ca;
}


#works_details div.txt2 {
 width:310px;
padding:5px 0px 10px 0px;
  } 



/*お客様の声*/

  
#works_details div#ttl01 {
width:640px;
height:40px;
text-indent:-9999px;
padding:0px 0px 0px 0px;
margin:0px auto 5px auto;
background-image: url(images/works_details_ttl01.jpg);
background-repeat:no-repeat;
  }
  

#works_details div#works_voice {
margin:0px auto 40px auto;
padding:15px;
width:608px;
line-height:160%;
letter-spacing:1px;
background-color:#f7f1d2;
border:1px solid #ff7181;
}


#works_details div.works_voice_img {
padding:0px;

}
#works_details div.works_voice_img img {
padding:5px;
margin:0 auto;
background-color:#ffffff;
float:right;
margin:0px 0px 0px 10px;}


  
#works_details div.works_voice_txt {
padding:0px 0px 15px 0px;
  }
  

/*その他画像*/

#works_details div.works_other{
width:650px;
margin:0px auto 0px auto;
}

#works_details div.works_other_tb {
width:200px;
padding:0px;
float:left;
font-size:12px;
margin:0px 7px 10px 7px;
letter-spacing:1px;
line-height:140%;
}

* html #works_details div.works_other_tb {
width:200px;
padding:0px;
float:left;
font-size:12px;
margin:0px 4px 10px 4px;
letter-spacing:1px;
line-height:140%;
}



#works_details div.works_other_tb p {
font-size:12px;
padding:0px 0px 10px 5px;
}

#works_details div.works_other_tb img {
width:200px;
padding:3px;
margin:0px 0px 3px 0px;
border:1px solid #cccccc;

}





  
  
#works_details div#ttl02 {
width:640px;
height:40px;
text-indent:-9999px;
padding:0px 0px 0px 0px;
margin:0px auto 5px auto;
background-image: url(images/works_details_ttl02.jpg);
background-repeat:no-repeat;
  }
  
  
#works_details div.bnr {
width:600px;
text-align:center;
padding:0px 0px 40px 0px;
margin:0px auto;
  }

/*--------------------------------------------------------------------
商品ラインナップのスタイル
--------------------------------------------------------------------*/

#item {

padding:0px 0px 0px 0px;
margin:0px auto 0px auto;
  }
  
  
#item div#title {
width:680px;
height:52px;
padding:0px 0px 0px 0px;
margin:0px auto 20px auto;
background-image: url(images/item_title.jpg);
background-repeat:no-repeat;
display:block;
text-indent:-9999px;
  }


#item .box{
width:680px;
margin:0px auto 20px auto;
}

#item div.box_dg {
width:180px;
margin:0 auto;
padding:5px 0px 5px 0px;
font-size:10px;
letter-spacing:1px;
line-height:140%;
}


#item div.box_d {
width:210px;
font-size:12px;
margin:0px 8px 10px 8px;
padding:12px 0px 5px 0px;
letter-spacing:1px;
line-height:140%;
background-image: url(images/works_tb_bg02.jpg);
background-repeat:no-repeat;
background-color:#ff7181;
float:left;
}

* html #item div.box_d {
width:210px;
font-size:12px;
margin:0px 5px 10px 5px;
padding:12px 0px 5px 0px;
letter-spacing:1px;
line-height:140%;
background-image: url(images/works_tb_bg02.jpg);
background-repeat:no-repeat;
background-color:#ff7181;
float:left;
}




#item div.box_d .img {
padding:2px;
width:185px;
margin:0px auto 0px auto;
background-color:#FFFFFF;

}
#item div.box h1 {
font-size:14px;
width:185px;
text-align:center;
margin:0px auto 5px auto;
padding:1px 0px 0px 0px;

}
#item div.box h1 a{
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;

}
#item div.box h1 a:hover{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;

}

#item .btn {
text-align:center;
padding:10px 0px 0px 0px;
margin:0px auto 0px auto;
  }


  

    
/*--------------------------------------------------------------------
商品ラインナップ詳細のスタイル
--------------------------------------------------------------------*/


#item_details {
padding:0px 0px 0px 0px;
margin:0 auto;
  }
  
  
  
#item_details div#title {
width:690px;
height:52px;
padding:0px 0px 0px 0px;
margin:0px auto 20px auto;
background-image: url(images/item_title.jpg);
background-repeat:no-repeat;
display:block;
text-indent:-9999px;
  }


  
#item_details div.box {
width:700px;
padding:0px 0px 20px 0px;
margin:0px auto 20px auto;
  } 
  

  
/*施工実績詳細*/


#item_details #title_s {
padding:5px 0px 5px 0px;
margin:0px auto 0px auto;
width:625px;
font-size:16px;
font-weight:bold;
letter-spacing:2px;
color:#f85e70;
}

#item_details #title_s2 {
padding:5px 0px 5px 10px;
margin:0px auto 10px auto;
width:625px;
font-size:14px;
letter-spacing:2px;
color:#6f6f43;
border-left:5px solid #cccccc;
}


/*画像（大）*/

#item_details div.details_photo {
margin:0px auto 20px auto;
padding:0;
width:640px;
}

#item_details div.details_photo_img {
width:600px;
padding:20px;
margin:0 auto;
background-image: url(images/works_tb_bg.jpg);
background-repeat:repeat-x;
background-color:#fd97a3;}

#item_details div.txt {
width:600px;
padding:10px 0px 0px 0px;
margin:0px auto;
  }
  


/*画像（中）*/

#item_details div.details_photo02 {
margin:0px auto 20px auto;
padding:0;
width:660px;
}



#item_details div.details_photo02_img {
width:300px;
margin:0px 11px 5px 11px;
float:left;}

* html#item_details div.details_photo02_img {
width:300px;
margin:0px 8px 5px 8px;
float:left;}



#item_details div.details_photo02_img img {
padding:7px;
margin:0px 0px 0px 0px;
background-color:#f8f4ca;
}


#item_details div.txt2 {
 width:310px;
padding:5px 0px 10px 0px;
  } 



/*お客様の声*/

  
#item_details div#ttl01 {
width:640px;
height:40px;
text-indent:-9999px;
padding:0px 0px 0px 0px;
margin:0px auto 5px auto;
background-image: url(images/works_details_ttl01.jpg);
background-repeat:no-repeat;
  }
  

#item_details div#works_voice {
margin:0px auto 40px auto;
padding:15px;
width:608px;
line-height:160%;
letter-spacing:1px;
background-color:#f7f1d2;
border:1px solid #ff7181;
}


#item_details div.works_voice_img {
padding:0px;

}
#item_details div.works_voice_img img {
padding:5px;
margin:0 auto;
background-color:#ffffff;
float:right;
margin:0px 0px 0px 10px;}


  
#item_details div.works_voice_txt {
padding:0px 0px 15px 0px;
  }
  

/*その他画像*/

#item_details div.works_other{
width:650px;
margin:0px auto 0px auto;
}

#item_details div.works_other_tb {
width:200px;
padding:0px;
float:left;
font-size:12px;
margin:0px 7px 10px 7px;
letter-spacing:1px;
line-height:140%;
}

* html #item_details div.works_other_tb {
width:200px;
padding:0px;
float:left;
font-size:12px;
margin:0px 4px 10px 4px;
letter-spacing:1px;
line-height:140%;
}



#item_details div.works_other_tb p {
font-size:12px;
padding:0px 0px 10px 5px;
}

#item_details div.works_other_tb img {
width:200px;
padding:3px;
margin:0px 0px 3px 0px;
border:1px solid #cccccc;

}





  
  
#item_details div#ttl02 {
width:640px;
height:40px;
text-indent:-9999px;
padding:0px 0px 0px 0px;
margin:0px auto 5px auto;
background-image: url(images/item_details_ttl01.jpg);
background-repeat:no-repeat;
  }
  
  
#item_details div.bnr {
width:600px;
text-align:center;
padding:0px 0px 40px 0px;
margin:0px auto;
  }
  
  
/*--------------------------------------------------------------------
ガーデン雑貨のスタイル
--------------------------------------------------------------------*/

#garden {
padding:0px 0px 0px 0px;
margin:0px auto 0px auto;
  }
  
  
#garden div#title {
width:680px;
height:52px;
padding:0px 0px 0px 0px;
margin:0px auto 20px auto;
background-image: url(images/garden_title.jpg);
background-repeat:no-repeat;
display:block;
text-indent:-9999px;
  }


#garden .box{
width:680px;
margin:0px auto 20px auto;
}

#garden div.box_dg {
width:300px;
margin:0 auto;
padding:5px 0px 5px 0px;
font-size:12px;
letter-spacing:1px;
line-height:140%;

}


#garden div.box_d {
width:320px;
font-size:12px;
margin:0px 10px 10px 10px;
padding:12px 0px 5px 0px;
letter-spacing:1px;
line-height:140%;
background-image: url(images/works_tb_bg02.jpg);
background-repeat:no-repeat;
background-color:#fd97a3;
float:left;
}

* html #garden div.box_d {
width:320px;
font-size:12px;
margin:0px 7px 5px 7px;
padding:12px 0px 5px 0px;
letter-spacing:1px;
line-height:140%;
background-image: url(images/works_tb_bg02.jpg);
background-repeat:no-repeat;
background-color:#fd97a3;
float:left;
}




#garden div.box_d .img {
padding:2px;
width:300px;
margin:0px auto 0px auto;
background-color:#FFFFFF;

}
#garden div.box h1 {
font-size:16px;
width:300px;
text-align:center;
margin:0px auto 5px auto;
padding:1px 0px 0px 0px;

}
#garden div.box h1 a{
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
}
#garden div.box h1 a:hover{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

#garden .btn {
text-align:right;
padding:10px 5px 0px 0px;
margin:0px auto 0px auto;
  }

  
/*--------------------------------------------------------------------
ガーデン雑貨　詳細のスタイル
--------------------------------------------------------------------*/

#garden_details {
padding:0px 0px 0px 0px;
margin:0 auto;
  }
  
  
  
#garden_details div#title {
width:690px;
height:52px;
padding:0px 0px 0px 0px;
margin:0px auto 20px auto;
background-image: url(images/garden_title.jpg);
background-repeat:no-repeat;
display:block;
text-indent:-9999px;
  }


  
#garden_details div.box {
width:700px;
padding:0px 0px 20px 0px;
margin:0px auto 20px auto;
  } 
  

  
/*施工実績詳細*/


#garden_details #title_s {
padding:5px 0px 5px 0px;
margin:0px auto 0px auto;
width:625px;
font-size:16px;
font-weight:bold;
letter-spacing:2px;
color:#f85e70;
}

#garden_details #title_s2 {
padding:5px 0px 5px 10px;
margin:0px auto 10px auto;
width:625px;
font-size:14px;
letter-spacing:2px;
color:#6f6f43;
border-left:5px solid #cccccc;
}


/*画像（大）*/

#garden_details div.details_photo {
margin:0px auto 20px auto;
padding:0;
width:640px;
}

#garden_details div.details_photo_img {
width:600px;
padding:20px;
margin:0 auto;
background-image: url(images/works_tb_bg.jpg);
background-repeat:repeat-x;
background-color:#fd97a3;}

#garden_details div.txt {
width:600px;
padding:10px 0px 0px 0px;
margin:0px auto;
  }
  


/*画像（中）*/

#garden_details div.details_photo02 {
margin:0px auto 20px auto;
padding:0;
width:660px;
}



#garden_details div.details_photo02_img {
width:300px;
margin:0px 11px 5px 11px;
float:left;}

* html#garden_details div.details_photo02_img {
width:300px;
margin:0px 8px 5px 8px;
float:left;}



#garden_details div.details_photo02_img img {
padding:7px;
margin:0px 0px 0px 0px;
background-color:#f8f4ca;
}


#garden_details div.txt2 {
 width:310px;
padding:5px 0px 10px 0px;
  } 



/*お客様の声*/

  
#garden_details div#ttl01 {
width:640px;
height:40px;
text-indent:-9999px;
padding:0px 0px 0px 0px;
margin:0px auto 5px auto;
background-image: url(images/works_details_ttl01.jpg);
background-repeat:no-repeat;
  }
  

#garden_details div#garden_voice {
margin:0px auto 40px auto;
padding:15px;
width:608px;
line-height:160%;
letter-spacing:1px;
background-color:#f7f1d2;
border:1px solid #ff7181;
}


#garden_details div.works_voice_img {
padding:0px;

}
#garden_details div.works_voice_img img {
padding:5px;
margin:0 auto;
background-color:#ffffff;
float:right;
margin:0px 0px 0px 10px;}


  
#garden_details div.works_voice_txt {
padding:0px 0px 15px 0px;
  }
  

/*その他画像*/

#garden_details div.works_other{
width:650px;
margin:0px auto 0px auto;
}

#garden_details div.works_other_tb {
width:200px;
padding:0px;
float:left;
font-size:12px;
margin:0px 7px 10px 7px;
letter-spacing:1px;
line-height:140%;
}

* html #garden_details div.works_other_tb {
width:200px;
padding:0px;
float:left;
font-size:12px;
margin:0px 4px 10px 4px;
letter-spacing:1px;
line-height:140%;
}



#garden_details div.works_other_tb p {
font-size:12px;
padding:0px 0px 10px 5px;
}

#garden_details div.works_other_tb img {
width:200px;
padding:3px;
margin:0px 0px 3px 0px;
border:1px solid #cccccc;

}





  
  
#garden_details div#ttl02 {
width:640px;
height:40px;
text-indent:-9999px;
padding:0px 0px 0px 0px;
margin:0px auto 5px auto;
background-image: url(images/garden_details_ttl01.jpg);
background-repeat:no-repeat;
  }
  
  
#garden_details div.bnr {
width:600px;
text-align:center;
padding:0px 0px 40px 0px;
margin:0px auto;
  }

/*--------------------------------------------------------------------
ビフォーアフターのスタイル
--------------------------------------------------------------------*/

#beforeafter {
padding:0px 0px 0px 0px;
margin:0 auto;
  }
  
  
  
#beforeafter div#title {
width:680px;
height:50px;
padding:0px 0px 0px 0px;
margin:0px auto 20px auto;
background-image: url(images/beforeafter_title.jpg);
background-repeat:no-repeat;
display:block;
text-indent:-9999px;
  }


#beforeafter div.com {
padding:0px;
margin:0px 5px 0px 5px;
line-height:160%;
letter-spacing:1px;
}


#beforeafter .img {
padding:0px;
margin:0px 15px 0px 0px;
text-align:center;
}




#beforeafter div.com .txt {
padding:0px 0px 5px 0px ;
margin:0px 0px 5px 0px;

}


#beforeafter div.boxs {
width:640px;
padding:15px 0px 15px 0px;
margin:0px auto 20px auto;
background-image: url(images/works_tb_bg.jpg);
background-repeat:repeat-x;
background-color:#fd97a3;
  } 
  
  

#beforeafter div.boxs1 {
width:590px;
padding:10px;
margin:0px auto 0px auto;
background-color:#ffffff;
background-image:url(images/beforeafter_tb_bg.jpg);
background-repeat:repeat-y;
background-position: right;
  }     
  
#beforeafter .title_s {
padding:5px 10px 5px 10px;
margin:0px auto 15px auto;
border-left:5px solid #ff7181;
border-bottom:1px solid #cccccc;
font-size:16px;
font-weight:bold;
letter-spacing:1px;
color:#003300;
}



#beforeafter .title_s a {
color:#eb5c6d;
text-decoration: none;
}


#beforeafter .title_s a:hover {
color:#eb5c6d;
text-decoration: underline;
}

 
#beforeafter .bnr {

padding:10px 0px 0px 0px;
text-align:right;
margin:0px auto 0px auto;
} 
     
/*--------------------------------------------------------------------
ビフォーアフター詳細のメインスタイル
--------------------------------------------------------------------*/


#beforeafter_details {
padding:0px 0px 0px 0px;
margin:0 auto;
  }
  
  
#beforeafter_details #title {
width:680px;
height:50px;
padding:0px 0px 0px 0px;
margin:0px auto 20px auto;
background-image: url(images/beforeafter_title.jpg);
background-repeat:no-repeat;
display:block;
text-indent:-9999px;
  }


#beforeafter_details #title_s {
padding:5px 0px 5px 0px;
margin:0px auto 10px auto;
width:620px;
font-size:16px;
font-weight:bold;
letter-spacing:2px;
color:#eb5c6d;
}




#beforeafter_details #txt01{
width:690px;
padding:0px;
margin:0px auto 20px auto;
font-size:12px;
letter-spacing:1px;
line-height:140%;
color:#666666;}

#beforeafter_details #txt02{
width:690px;
padding:0px;
margin:0px auto 0px auto;
font-size:16px;
color:#CC0000;
font-weight:bold;
letter-spacing:1px;
line-height:140%;}



#beforeafter_details .box_details{
	width:660px;
	margin:0px auto 0px auto;}


#beforeafter_details .txt {
	padding: 7px 0px 0px 5px;
	margin:10px auto 0px auto;
	text-align:left;
	width:600px;
} 


#beforeafter_details .ba_box_all {
padding:0px;
margin:0 auto;

}	
	 

#beforeafter_details .ba_txt02 {
	padding: 0px 0px 15px 10px;
	margin:0px auto 0px auto;
	letter-spacing:1px;
	width:640px;
	zoom:100%;/*IE6*/
	overflow:auto;/*IE7 and Firefox*/

}  







#beforeafter_details .ba_txt03 {
margin:0px 0px 0px 0px;
font-size:10px;
line-height:140%;
letter-spacing:1px;
}

#beforeafter_details .ba_txt04 {
margin:0px;
text-align:center;
font-size:12px;
line-height:140%;
letter-spacing:1px;
}


#beforeafter_details .ba_box07{
width:250px;
float:left;
padding:55px 25px 15px 25px;
margin:0px 10px 20px 15px;
font-size:12px;
letter-spacing:1px;
color:#666666;
line-height:160%;
border:1px solid #f7aab2;
background-image:url(images/beforeafter_img01.jpg);
background-repeat:no-repeat;
}

* html #beforeafter_details .ba_box07{
width:250px;
float:left;
padding:55px 25px 15px 25px;
margin:0px 15px 0px 5px;
font-size:12px;
letter-spacing:1px;
color:#666666;
line-height:160%;
border:1px solid #f7aab2;
background-image:url(images/beforeafter_img01.jpg);
background-repeat:no-repeat;
}

#beforeafter_details .ba_box08 img{
border:1px solid #f7aab2;
padding:7px 7px 100px 7px;
background-image: url(images/beforeafter_icon.jpg);
background-repeat:no-repeat;
background-position: bottom left;

}	
	
#beforeafter_details .ba_box08 {
width:312px;
float:left;
clear:right;
margin:0px 0px 20px 0px;
padding:0px;
}



#beforeafter_details .ba_box08_b {
width:300px;
padding:0px 0px 0px 0px;
margin:0px auto 0px auto;
text-align:center;

}

#beforeafter_details .ba_box08_c {
width:265px;
height:74px;
background-repeat:no-repeat;
text-indent:-9999px;
}
	
	
	
#beforeafter_details .ba_box09 img{
padding:20px;

}	
#beforeafter_details .ba_box09 {
width:662px;
padding:0px 0px 0px 0px;
margin:0px auto 0px auto;
}	



#beforeafter_details .ba_photo {
width:660px;
padding:70px 0px 20px 0px;
margin:0px auto 25px auto;
background-image: url(images/beforeafter_details_tbbg.jpg);
background-repeat:no-repeat;
background-color:#ff7181;
text-align:center;

}

#beforeafter_details .ba_photo img {
padding:5px;
background-color:#ffffff;


}




	  
#beforeafter_details a{
	  color:#333333;
	  text-decoration:underline;
	  border:0px;
	  outline: none; }


#beforeafter_details a:hover{
	  color:#cccccc;
	  text-decoration:none;
	  border:0px;
	  outline: none; }
	  






#beforeafter_details div.details_box {
margin:0px auto 30px auto;
padding:0;
width:680px;
}


* html #beforeafter_details div.details_box {
margin:0px auto 30px auto;
padding:0;
width:690px;
}

#beforeafter_details div.details_img1 {
width:310px;
margin:0px 0px 5px 0px;
float:left;}


#beforeafter_details div.details_img1a {
width:54px;
padding:100px 0px 100px 0px;
margin:0px 0px 10px 0px;
float:left;
background-image:url(images/beforeafter_icon2.jpg);
background-position:right center;
background-repeat:no-repeat;
text-indent:-9999px;}





#beforeafter_details div.details_img3a {
width:310px;
margin:0px 0px 5px 0px;
float:left;}


* html #beforeafter_details div.details_img3a {
width:260px;
margin:0px 0px 5px 0px;
float:left;}


#beforeafter_details div.details_img1 img {
background-color:#f7aab2;
padding:5px;
margin:0px 0px 5px 0px;}

#beforeafter_details div.details_img3a img {
background-color:#f7aab2;
padding:5px;
margin:0px 0px 5px 0px;}

  

/*その他画像*/

#beforeafter_details div.works_other{
width:650px;
margin:0px auto 0px auto;
}

#beforeafter_details div.works_other_tb {
width:200px;
padding:0px;
float:left;
font-size:12px;
margin:0px 7px 10px 7px;
letter-spacing:1px;
line-height:140%;
}

* html #beforeafter_details div.works_other_tb {
width:200px;
padding:0px;
float:left;
font-size:12px;
margin:0px 4px 10px 4px;
letter-spacing:1px;
line-height:140%;
}



#beforeafter_details div.works_other_tb p {
font-size:12px;
padding:0px 0px 10px 5px;
}

#beforeafter_details div.works_other_tb img {
width:200px;
padding:3px;
margin:0px 0px 3px 0px;
border:1px solid #cccccc;

}





  
  
#beforeafter_details div#ttl02 {
width:640px;
height:40px;
text-indent:-9999px;
padding:0px 0px 0px 0px;
margin:0px auto 5px auto;
background-image: url(images/beforeafter_details_ttl01.jpg);
background-repeat:no-repeat;
  }
  
  
#beforeafter_details div.bnr {
width:600px;
text-align:center;
padding:0px 0px 40px 0px;
margin:0px auto;
  }


/*--------------------------------------------------------------------
お客様の声のスタイル
--------------------------------------------------------------------*/

#voice {
padding:0px 0px 0px 0px;
margin:0 auto;
  }
  
  
  
#voice div#title {
width:680px;
height:50px;
padding:0px 0px 0px 0px;
margin:0px auto 20px auto;
background-image: url(images/voice_title.jpg);
background-repeat:no-repeat;
display:block;
text-indent:-9999px;
  }


#voice div.com {
padding:0px;
margin:0px 5px 0px 5px;
line-height:160%;
letter-spacing:1px;
}


#voice .img {
padding:0px;
margin:0px 15px 0px 0px;
float:left;
}


#voice .img img {
padding:5px;
border:1px solid #fba3ad;
background-color:#f8f3eb;
}



#voice div.com .txt {
padding:0px 0px 5px 0px ;
margin:0px 0px 5px 0px;

}


#voice div.boxs {
width:640px;
padding:15px 0px 15px 0px;
margin:0px auto 20px auto;
background-image: url(images/works_tb_bg.jpg);
background-repeat:repeat-x;
background-color:#fd97a3;
  } 
  
  

#voice div.boxs1 {
width:590px;
padding:10px;
margin:0px auto 0px auto;
background-color:#ffffff;
background-image:url(images/beforeafter_tb_bg.jpg);
background-repeat:repeat-y;
background-position: right;
  }     
  
#voice .title_s {
padding:10px 10px 7px 10px;
margin:0px auto 15px auto;
border-left:5px solid #ff7181;
font-size:16px;
background-color:#f8f3eb;
font-weight:bold;
letter-spacing:1px;
line-height:140%;
color:#f45b6c;
}



#voice .title_s a {
color:#eb5c6d;
text-decoration: none;
}


#voice .title_s a:hover {
color:#eb5c6d;
text-decoration: underline;
}

 
#voice .bnr {

padding:10px 0px 0px 0px;
text-align:right;
margin:0px auto 0px auto;
} 

/*--------------------------------------------------------------------
イベント情報のスタイル
--------------------------------------------------------------------*/

#event {
padding:0px 0px 0px 0px;
margin:0 auto;
  }
  
  
  
#event div#title {
width:680px;
height:50px;
padding:0px 0px 0px 0px;
margin:0px auto 20px auto;
background-image: url(images/event_title.jpg);
background-repeat:no-repeat;
display:block;
text-indent:-9999px;
  }


#event div.com {
padding:0px;
/*float:left;*/
margin:0px 5px 0px 5px;
line-height:160%;
letter-spacing:1px;
}

#event .img2 {
text-align:center;
padding:0px;
margin:0px auto 15px auto;
}

#event .img {
padding:0px;
margin:0px 15px 0px 0px;
float:left;
}


#event .img img {
padding:5px;
border:1px solid #fba3ad;
background-color:#f8f3eb;
}



#event div.com .txt {
padding:0px 0px 5px 0px ;
margin:0px 0px 5px 0px;

}


#event div.boxs {
width:640px;
padding:15px 15px 15px 15px;
margin:0px auto 20px auto;
background-image: url(images/works_tb_bg.jpg);
background-repeat:repeat-x;
background-color:#fd97a3;
  } 
  
  

#event div.boxs1 {
width:620px;
padding:10px;
margin:0px auto 0px auto;
background-color:#ffffff;
background-image:url(images/beforeafter_tb_bg.jpg);
background-repeat:repeat-y;
background-position: right;
  }     
  
#event .title_s {
padding:10px 10px 7px 10px;
margin:0px auto 15px auto;
border-left:5px solid #ff7181;
font-size:16px;
background-color:#f8f3eb;
font-weight:bold;
letter-spacing:1px;
line-height:140%;
color:#f45b6c;
}



#event .title_s a {
color:#eb5c6d;
text-decoration: none;
}


#event .title_s a:hover {
color:#eb5c6d;
text-decoration: underline;
}

 
#event .bnr {

padding:10px 0px 0px 0px;
text-align:right;
margin:0px auto 0px auto;
} 

/*--------------------------------------------------------------------
ブログのスタイル
--------------------------------------------------------------------*/

#blog {
padding:0px 0px 0px 0px;
margin:0 auto;
  }
  
  
  
#blog div#title {
width:680px;
height:257px;
padding:0px 0px 0px 0px;
margin:0px auto 20px auto;
background-image: url(images/blog_title.jpg);
background-repeat:no-repeat;
display:block;
text-indent:-9999px;
  }


#blog div.com {
padding:0px;
margin:0px 5px 0px 5px;
line-height:160%;
letter-spacing:1px;
}

#blog .img2 {
text-align:center;
padding:0px;
margin:0px auto 15px auto;
}

#blog .img {
padding:0px;
margin:0px 0px 0px 15px;
float:right;
}


#blog .img img {
padding:5px;
border:1px solid #fba3ad;
background-color:#f8f3eb;
}



#blog div.com .txt {
padding:0px 0px 5px 0px ;
margin:0px 0px 5px 0px;

}


#blog div.boxs {
width:640px;
padding:15px 15px 15px 15px;
margin:0px auto 20px auto;
background-image: url(images/blog_tb_bg.jpg);
background-repeat:repeat-x;
background-color:#fec7cf;
  } 
  
  

#blog div.boxs1 {
width:620px;
padding:10px;
margin:0px auto 0px auto;
background-color:#ffffff;
background-image:url(images/staff_tb_bg.jpg);
background-repeat:repeat-y;
  }     
  
#blog .title_s {
padding:2px 10px 2px 10px;
margin:0px auto 7px auto;
border-left:5px solid #eb5c6d;
font-size:18px;
font-weight:bold;
letter-spacing:1px;
line-height:140%;
color:#eb5c6d;
}



#blog .title_s a {
color:#eb5c6d;
text-decoration: none;
}


#blog .title_s a:hover {
color:#eb5c6d;
text-decoration: underline;
}

 
#blog .bnr {
font-weight:bold;
padding:10px 0px 0px 0px;
margin:0px auto 0px auto;
} 

#blog .bnr a {
color:#eb5c6d;
text-decoration: underline;
}


#blog .bnr a:hover {
color:#999999;
text-decoration: none;
}

 
#blog h1 {
font-weight:bold;
color:#eb5c6d;
letter-spacing:1px;
padding:5px 5px 5px 5px;
} 


/*--------------------------------------------------------------------
スタッフ紹介のスタイル
--------------------------------------------------------------------*/

#staff {
padding:0px 0px 0px 0px;
margin:0 auto;
  }
  
  
  
#staff div#title {
width:680px;
height:50px;
padding:0px 0px 0px 0px;
margin:0px auto 20px auto;
background-image: url(images/staff_title.jpg);
background-repeat:no-repeat;
display:block;
text-indent:-9999px;
  }


#staff div.com {
padding:0px;
margin:0px 5px 0px 5px;
line-height:160%;
letter-spacing:1px;
}


#staff .img {
padding:0px;
margin:0px 0px 0px 15px;
float:right;
}


#staff .img img {
padding:5px;
border:1px solid #fba3ad;
background-color:#f8f3eb;
}



#staff div.com .txt {
padding:0px 0px 5px 0px ;
margin:0px 0px 5px 0px;

}


#staff div.boxs {
width:640px;
padding:15px 0px 15px 0px;
margin:0px auto 20px auto;
background-image: url(images/works_tb_bg.jpg);
background-repeat:repeat-x;
background-color:#fd97a3;
  } 
  
  

#staff div.boxs1 {
width:590px;
padding:10px 10px 10px 10px;
margin:0px auto 0px auto;
background-color:#ffffff;
background-image:url(images/staff_tb_bg.jpg);
background-repeat:repeat-y;
background-position: left;
  }     
  
#staff .title_s {
padding:0px 0px 0px 0px;
margin:0px auto 15px auto;
}



#staff .title_s a {
color:#eb5c6d;
text-decoration: none;
}


#staff .title_s a:hover {
color:#eb5c6d;
text-decoration: underline;
}

 
#staff .bnr {

padding:10px 0px 0px 0px;
text-align:right;
margin:0px auto 0px auto;
} 


/*--------------------------------------------------------------------
よくある質問のスタイル
--------------------------------------------------------------------*/

#faq {
padding:0px 0px 0px 0px;
margin:0 auto;
  }
  
 
#faq div.faq_main {
margin:0px auto 20px auto;
  }
   

#faq div#title {
width:680px;
height:50px;
padding:0px 0px 0px 0px;
margin:0px auto 20px auto;
background-image: url(images/faq_title.jpg);
background-repeat:no-repeat;
display:block;
text-indent:-9999px;
  }
  

#faq .ttl01 {
width:630px;
color:#FFFFFF;
padding:10px 0px 8px 10px;
margin:0px auto 10px auto;
background-color:#ff7786;
border-left:5px solid #fec0c7;
font-size:16px;
line-height:140%;
letter-spacing:1px;
font-weight:bold;
background-image:url(images/faq_ttlbg.jpg);
background-position:right;
background-repeat:repeat-y;
  } 
  
  
#faq .txt {
width:590px;
font-size:14px;
background-image: url(images/faq_icon.jpg);
background-repeat:no-repeat;
padding:13px 0px 10px 45px;
margin:0px auto 7px auto;
line-height:160%;
  } 
  
#faq .txt2 {
width:600px;
font-size:14px;
background-image: url(images/faq_icon.jpg);
background-repeat:no-repeat;
line-height:160%;
padding:7px 0px 7px 40px;
margin:0px auto 7px auto;
  }
  

/*--------------------------------------------------------------------
お仕事内容のスタイル
--------------------------------------------------------------------*/

#job {
	margin:0 auto;
	padding:0;
}

#job div#title {
	display:block;
	width:680px;
	height:50px;
	margin:0 auto 20px auto;
	padding:0;
	background-image: url(images/job_title.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#job p {
	margin-bottom: 10px;
}

#job p.imgRight {
	display: inline;
	float: right;
	margin: 0 0 10px 10px;
}

#job div.boxs {
	clear: both;
	width:640px;
	padding:15px 0px 15px 0px;
	margin:0px auto 20px auto;
	background-image: url(images/works_tb_bg.jpg);
	background-repeat:repeat-x;
	background-color:#fd97a3;
}

#job div.boxs1 {
	width:590px;
	padding:10px;
	margin:0px auto 0px auto;
	background-color:#ffffff;
	background-image:url(images/beforeafter_tb_bg.jpg);
	background-repeat:repeat-y;
	background-position: right;
	/zoom : 1;
}

#job div.boxs1:after{ content : ''; display : block; clear : both; }


#job .title_s {
	padding:10px 10px 7px 10px;
	margin:0px auto 15px auto;
	border-left:5px solid #ff7181;
	font-size:16px;
	background-color:#f8f3eb;
	font-weight:bold;
	letter-spacing:1px;
	line-height:140%;
	color:#f45b6c;
}

#job .title_s a {
	color:#eb5c6d;
	text-decoration: none;
}

#job .title_s a:hover {
	color:#eb5c6d;
	text-decoration: underline;
}


/*--------------------------------------------------------------------
料金についてのスタイル
--------------------------------------------------------------------*/

#price {
	margin:0 auto;
	padding:0;
}

#price div#title {
	display:block;
	width:680px;
	height:50px;
	margin:0 auto 20px auto;
	padding:0;
	background-image: url(images/price_title.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#price div.boxs {
	width: 640px;
	margin: 0 auto 20px auto;
	overflow: hidden;
	_height: 1%;
}

#price div.boxs p {
	margin-bottom: 10px;
}

#price div.boxs p.bnr {
	padding-top: 20px;
	text-align: center;
}

/*--------------------------------------------------------------------
会社概要のスタイル
--------------------------------------------------------------------*/

#company {
	margin:0 auto;
	padding:0;
}

#company div#title {
	display:block;
	width:680px;
	height:50px;
	margin:0 auto 20px auto;
	padding:0;
	background-image: url(images/company_title.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#company div.boxs {
	clear: both;
	width:680px;
	margin:0px auto 20px auto;
}

#company div.boxs p.imgLeft {
	display: inline;
	float: left;
}

#company div.boxs p.imgRight {
	display: inline;
	float: right;
}

#company div.boxs dl.listCompany {
	width: 600px;
	margin: 0 auto;
}

#company div.boxs dl.listCompany dt {
	display: inline;
	float: left;
	width: 10em;
	font-weight: bold;
}

#company div.boxs dl.listCompany dd {
	margin-bottom: 10px;
	padding: 0 0 5px 10em;
	border-bottom: 1px dotted #ccc;
}

* html #company div.boxs dl.listCompany dd {
	text-indent: -3px;
}

#company div.boxs.mini {
	width: 640px;
	margin: 0 auto 20px auto;
}

#company div.boxs.mini p {
	margin-bottom: 10px;
}

#company div.boxs.mini div#googleMap {
	width: 640px;
	height: 300px;
	margin: 0 0 20px 0;
}

#company div.boxs.mini .ttl01 {
	width:630px;
	color:#FFFFFF;
	padding:10px 0px 8px 10px;
	margin:0px auto 10px auto;
	background-color:#ff7786;
	border-left:5px solid #fec0c7;
	font-size:16px;
	line-height:140%;
	letter-spacing:1px;
	font-weight:bold;
	background-image:url(images/faq_ttlbg.jpg);
	background-position:right;
	background-repeat:repeat-y;
}


/*--------------------------------------------------------------------
店舗案内のスタイル
--------------------------------------------------------------------*/

#access{
	margin:0 auto;
	padding:0;
}

#access div#title {
	display:block;
	width:680px;
	height:50px;
	margin:0 auto 20px auto;
	padding:0;
	background-image: url(images/access_title.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#access div.boxs.mini {
	width: 640px;
	margin: 0 auto 20px auto;
	overflow: hidden;
	_height: 1%;
}

#access div.boxs.mini p {
	margin-bottom: 10px;
}

#access div.boxs.mini p.alignCenter {
	text-align: center;
}

#access div.boxs.mini div.bL300 {
	display: inline;
	float: left;
	width: 300px;
}

#access div.boxs.mini div.bR300 {
	display: inline;
	float: right;
	width: 300px;
}

#access div.boxs.mini div#googleMap {
	width: 640px;
	height: 300px;
	margin: 0 0 20px 0;
}

#access div.boxs.mini .ttl01 {
	width:630px;
	color:#FFFFFF;
	padding:10px 0px 8px 10px;
	margin:0px auto 10px auto;
	background-color:#ff7786;
	border-left:5px solid #fec0c7;
	font-size:16px;
	line-height:140%;
	letter-spacing:1px;
	font-weight:bold;
	background-image:url(images/faq_ttlbg.jpg);
	background-position:right;
	background-repeat:repeat-y;
}

#access div.boxs.mini .ttl02 {
	width:285px;
	color:#FFFFFF;
	padding:10px 0px 8px 10px;
	margin:0px auto 10px auto;
	background-color:#ff7786;
	border-left:5px solid #fec0c7;
	font-size:16px;
	line-height:140%;
	letter-spacing:1px;
	font-weight:bold;
	background-image:url(images/faq_ttlbg.jpg);
	background-position:right;
	background-repeat:repeat-y;
}


/*--------------------------------------------------------------------
お仕事の流れのスタイル
--------------------------------------------------------------------*/

#flow {
	margin:0 auto;
	padding:0;
}

#flow div#title {
	display:block;
	width:680px;
	height:50px;
	margin:0 auto 20px auto;
	padding:0;
	background-image: url(images/flow_title.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#flow div.boxs {
	width: 680px;
	margin: 0 auto 20px auto;
}

#flow div.boxs p {
	margin-bottom: 20px;
}

#flow div.boxs p.txt {
	width: 640px;
	margin: 0 auto 10px auto;
}

#flow div.boxs.mini {
	width: 640px;
	margin: 0 auto 20px auto;
	overflow: hidden;
	_height: 1%;
}

#flow div.boxs.mini p {
	margin-bottom: 10px;
}

#flow div.boxs.mini p.imgRight {
	display: inline;
	float: right;
	margin: 0 0 10px 20px;
}

#flow div.boxs.mini p.imgLeft {
	display: inline;
	float: left;
	margin: 0 20px 10px 0;
}

#flow div.boxs.mini .ttl01 {
	width:630px;
	color:#FFFFFF;
	padding:10px 0px 8px 10px;
	margin:0px auto 10px auto;
	background-color:#ff7786;
	border-left:5px solid #fec0c7;
	font-size:16px;
	line-height:140%;
	letter-spacing:1px;
	font-weight:bold;
	background-image:url(images/faq_ttlbg.jpg);
	background-position:right;
	background-repeat:repeat-y;
}


/*--------------------------------------------------------------------
サイトマップのスタイル
--------------------------------------------------------------------*/

#sitemap{
	margin:0 auto;
	padding:0;
}

#sitemap div#title {
	display:block;
	width:680px;
	height:50px;
	margin:0 auto 20px auto;
	padding:0;
	background-image: url(images/sitemap_title.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}


/*--------------------------------------------------------------------
お問い合わせのスタイル
--------------------------------------------------------------------*/

#contact{
	margin:0 auto;
	padding:0;
}

#contact div#title {
	display:block;
	width:680px;
	height:50px;
	margin:0 auto 20px auto;
	padding:0;
	background-image: url(images/contact_title.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}


/*--------------------------------------------------------------------
個人情報保護方針のスタイル
--------------------------------------------------------------------*/

#privacy{
	margin:0 auto;
	padding:0;
}

#privacy div#title {
	display:block;
	width:680px;
	height:50px;
	margin:0 auto 20px auto;
	padding:0;
	background-image: url(images/privacy_title.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#privacy div.boxs {
	width: 680px;
	margin: 0 auto 20px auto;
}

#privacy div.boxs p {
	margin-bottom: 20px;
}

#privacy div.boxs.mini {
	width: 640px;
	margin: 0 auto 20px auto;
	overflow: hidden;
	_height: 1%;
}

#privacy div.boxs.mini p {
	margin-bottom: 10px;
}

#privacy div.boxs.mini .ttl01 {
	width:630px;
	color:#FFFFFF;
	padding:10px 0px 8px 10px;
	margin:0px auto 10px auto;
	background-color:#ff7786;
	border-left:5px solid #fec0c7;
	font-size:16px;
	line-height:140%;
	letter-spacing:1px;
	font-weight:bold;
	background-image:url(images/faq_ttlbg.jpg);
	background-position:right;
	background-repeat:repeat-y;
}



/*--------------------------------------------------------------------
特定商取引法の表記のスタイル
--------------------------------------------------------------------*/

#law{
	margin:0 auto;
	padding:0;
}

#law div#title {
	display:block;
	width:680px;
	height:50px;
	margin:0 auto 20px auto;
	padding:0;
	background-image: url(images/law_title.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#law div.boxCompany {
	border:1px solid #FF7786;
	color:#000000;
	margin:0 auto 40px;
	padding:15px;
	width:650px;
}

#law div.boxCompany dl dt {
	clear: both;
	display: inline;
	float: left;
	width: 10em;
	padding: 0 0 5px 0.5em;
	font-weight: bold;
}

#law div.boxCompany dl dd {
	margin-bottom: 10px;
	padding: 0 0 5px 10.5em;
	border-bottom: 1px dotted #FF7786;
}

/*--------------------------------------------------------------------
リンク集  #2010/03/12
--------------------------------------------------------------------*/

#link {
	margin: 0 auto;
	padding: 0;
}

#link div#title {
	display:block;
	width:680px;
	height:50px;
	margin:0 auto 20px auto;
	padding:0;
	background-image: url(images/link_title.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#link_list {
	background-color:#FFFFFF;
	border:1px solid #FF7786;
	color:#D6D6D6;
	margin:0 auto 40px;
	padding:15px;
	width:650px;
}

#link #link_list .ttl01 {
	width:630px;
	color:#FFFFFF;
	padding:10px 0px 8px 10px;
	margin:0px auto 10px auto;
	background-color:#ff7786;
	border-left:5px solid #fec0c7;
	font-size:16px;
	line-height:140%;
	letter-spacing:1px;
	font-weight:bold;
	background-image:url(images/faq_ttlbg.jpg);
	background-position:right;
	background-repeat:repeat-y;
}

#link .link_title {
	color: #666666;
	font-weight:bold;
	margin: 0px 0px 0px 30px; }

#link .link_image img {
	margin: 10px 0 0; }

#link .link_image {
	margin: 0 30px 0; }

#link .link_text {
	color: #000000;
	border-bottom:1px solid #FF7786;
	margin: 3px 30px 10px 30px; }

/*--------------------------------------------------------------------
フッターのスタイル
--------------------------------------------------------------------*/
 
	  
#footer {
	  padding:20px 0px 0px 0px;
	  clear:both;}

#footer_main {
	  
      margin: 0px auto 0px auto;
	  width:950px;
	  font-size:12px;
	  line-height:140%;
	  padding:0px 0px 0px 0px;
}


#footer div#catch{
margin:0px auto 15px auto;
background-repeat:no-repeat;
font-size:10px;
letter-spacing:2px;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
text-align:center;
letter-spacing:1px;
color:#333333;

}


#footer_copy {
	  
      margin: 5px 0px 0px 0px;
	  text-align:left;
	  line-height:160%;
	  letter-spacing:1px;
	  text-align:center;
	  color:#706b67;
	  padding:20px 0px 10px 0px;
}




#footer_ad {
      padding:40px 0px 0px 505px;
	  margin:35x 0px 20px 0px;
      font-size:10px;
      letter-spacing:1px;}

#footer_ad a {
	  color:#006633;}



#footer .txt {
      padding:0px 0px 0px 0px;}	 
	  

#footer_menu {
	  margin:0px auto 23px auto;
	  width : 950px;
	  text-align:center;
	  font-size:12px;
	  line-height:140%;
	  letter-spacing:1px;
	  padding:8px 0px 0px 0px;
}	  
	  
div#footer ul{
	display:block;
	text-align:center;
	list-style-type:none;
	padding:0px 0px 0px 0px;






}
#footer_menu ul li{
	display:inline;
	color:#ffffff;
	line-height:1.5;
}
#footer_menu ul li a{
	color:#ffffff;
	text-decoration:none;
}
#footer_menu ul li a:hover{
	color:#ffffff;
	text-decoration:underline;
}

#footer_bnr {
width:930px;
margin:0px auto 15px auto;}

#footer .bnr {
width:202px;
float:left;
margin:0px 15px 0px 15px;}

* html #footer .bnr {
width:202px;
float:left;
margin:0px 12px 0px 12px;}

#footer .font { 
line-height:120%;
letter-spacing:1px;
font-size:10px;
margin:0px 0px 0px 0px;
}

#footer .bnr2 { 
text-align:center;
padding:0px 0px 0px 0px;
margin:0px auto 5px auto;}



/*--------------------------------------------------------------------
共通のスタイル
--------------------------------------------------------------------*/

.mail_bnr {
text-align:center;
margin:20px auto 40px auto;
padding:0px 0px 0px 0px;}

.font_large {
font-size:14px;
padding:0px 0px 2px 0px;}

.font_redb {
font-size:12px;
font-weight:bold;
color:#FF0000;
padding:0px 0px 0px 0px;}


#back-nextlink {
width:720px;
margin:0 auto;
}

#back-next {
text-align:center;
font-weight:bold;
}

.back {
	width:320px;
	float:left;
	text-align:left;
	margin:30px 10px 40px 15px;
	}

.next {
	width:320px;
	float:right;
	clear:right;
	text-align:right;
	margin:30px 15px 40px 0px;
}

/*--------------------------------------------------------------------
各カテゴリページのサムネイルリスト　共通
--------------------------------------------------------------------*/

#common_thumnail_list {
	padding:0;
	width:680px;
	margin:0 auto;
}
#common_thumnail_list .list_box {
	background-color:#FFFFFF;
	float:left;
	margin:0 8px 20px;
	_margin:0 4px 20px;
	padding:5px;
	width:199px;
}

#common_thumnail_list .list_box p.image {
	border:1px solid #CCCCCC;
	margin:0 auto 0;
	padding:6px;
}
#common_thumnail_list .list_box .thum_txt {
	color:#777777;
	font-size:12px;
	letter-spacing:1px;
	line-height:130%;
	padding:6px;
	text-align:center;
}

#common_thumnail_list .list_box .thum_txt a{
	color:#777777;
	font-size:12px;
	letter-spacing:1px;
	line-height:130%;
}

#map_canvas {
	width:640px;
	height:300px;
}


/*light-box style
------------------------------------------------------*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }