/***** Reset *****/

*{
	margin:0;
	padding:0;
}

html{
	height:100%;
}

body{
	height:100%;
	position:relative;
	font-size:10px;
	_font-size:62.5%;
	color:#1d1c2e;
}

li{
	list-style:none;
}

p{
	line-break:strict;
}

img{
	border:none;
	vertical-align:bottom;
}

a{
	text-decoration:none;
	color:#1d1c2e;
}

a:hover{
	text-decoration:underline;
}


/*****clearfix******/

.clear_fix:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	zoom:100%;
	clear: both;
}

/*for ie6*/
* html .clear_fix{
	height: 1%
}


/***** Wrapper *****/

#wrapper{
	position:absolute;
	top:50%;
	_top:0;
	margin-top:-305px;
	_margin-top:0;
	width:100%;
}

@media print {
#wrapper{
	margin-top:0;

}
  }


/***** Header *****/

#header_wrap{
	width:100%;
	background:url(http://www.yuhisato.jp/img/head_wrap_bg.jpg) 0 0 repeat-x;
	/*margin-bottom:50px;*/
}

#header_wrap #header{
	width:700px;
	height:132px;
	background:url(http://www.yuhisato.jp/img/head_bg_bottom.gif) left bottom no-repeat;	
	position:relative;
	margin:0 auto;
}
#header_wrap #header.index{
	background:url(http://www.yuhisato.jp/img/head_bg_bottom_index.gif) left bottom no-repeat;	
}

#header_wrap #header #sitename{
	width:176px;
	height:58px;
	font-size:1.6em;	
	position:absolute;
	top:11px;
	left:0;
}

#header_wrap #header #sitetext{
	width:273px;
	height:14px;
	position:absolute;
	top:32px;
	right:211px;
}


/***** Contents_wrap *****/

#contents_wrap{
	width:700px;
	/*margin:0 auto 50px auto;*/
	background:url(http://www.yuhisato.jp/img/contents_wrap_bg.gif) left top repeat-y;	
	margin:0 auto;
	overflow:hidden;
}


/***** Contents_left *****/

#contents_left{
	width:529px;
	/*border:#c8c6c5 1px solid;*/
	float:left;
	background:url(http://www.yuhisato.jp/img/contents_left_bg.jpg) right top no-repeat;	
	overflow:hidden;
}

#contents_left #contents_title{
	margin-bottom:20px;
	font-size:1.6em;	
}

#contents_left #contents_subtext{
	margin-bottom:10px;
	font-size:1.6em;	
}

#contents_left p{
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:25px;
}

#contents_left p.pagetop{
	text-align:right;
	margin:25px 0;
}


/***** Menu_right *****/

#menu_right{
	width:145px;
	float:right;
	overflow:hidden;
}

#menu_right ul li{
	width:145px;
	height:54px;
	background:url(http://www.yuhisato.jp/img/menu_bg.gif) left bottom no-repeat;
	position:relative;
	margin:0;
}

#menu_right ul li a{
	width:96px;
	height:20px;
	background:url(http://www.yuhisato.jp/img/menu_bg.gif) left bottom no-repeat;
	position:absolute;
	top:16px;
	left:23px;
}

#menu_right ul li a.top{
	background:url(http://www.yuhisato.jp/img/menu_top_on.gif) left bottom no-repeat;
}

#menu_right ul li a.aisatsu{
	background:url(http://www.yuhisato.jp/img/menu_aisatsu_on.gif) left bottom no-repeat;
}

#menu_right ul li a.gallery{
	background:url(http://www.yuhisato.jp/img/menu_gallery_on.gif) left bottom no-repeat;
}

#menu_right ul li a.sakuhin{
	background:url(http://www.yuhisato.jp/img/menu_sakuhin_on.gif) left bottom no-repeat;
}

#menu_right ul li a.works{
	background:url(http://www.yuhisato.jp/img/menu_works_on.gif) left bottom no-repeat;
}

#menu_right ul li a.voice{
	background:url(http://www.yuhisato.jp/img/menu_voice_on.gif) left bottom no-repeat;
}

#menu_right ul li a.irai{
	background:url(http://www.yuhisato.jp/img/menu_irai_on.gif) left bottom no-repeat;
}

#menu_right ul li a.inq{
	background:url(http://www.yuhisato.jp/img/menu_inq_on.gif) left bottom no-repeat;
}

#menu_right ul li a.blog{
	background:url(http://www.yuhisato.jp/img/menu_blog_on.gif) left bottom no-repeat;
}

/* windows IE6 only*/
* html #menu_right ul li a:hover{
	background-color: #fff;
}

#menu_right ul li a:hover img{
	visibility: hidden;
}


/***** Contents_Index*****/

#contents_left.index{
	height:380px;
	background:url(http://www.yuhisato.jp/img/index_logo.jpg) 2px 2px no-repeat;	
	position:relative;
}

#contents_left.index .index_kaguya{
	width:208px;
	height:20px;
	position:absolute;
	left:159px;
	top:299px;
}

#contents_left.index .index_kaguya_text{
	width:216px;
	height:10px;
	position:absolute;
	left:154px;
	top:334px;
}


/***** Contents_Aisatsu*****/

#contents_left #read{
	margin:22px 22px 52px 22px;
	overflow:hidden;	
}

#contents_left #aisatsu_profile{
	padding-left:147px;
	margin:0 20px 25px 20px;
	background:url(http://www.yuhisato.jp/img/profile_photo.jpg) left top no-repeat;
	overflow:hidden;	
}

#contents_left #aisatsu_profile h3{
	font-size:1.4em;
	padding-top:10px;	
	margin:0 0 15px 0;
}


/***** Contents_Sakuhin*****/

#contents_left #sakuhin{
	margin:22px 22px 52px 22px;
	overflow:hidden;
}

#contents_left #sakuhin div{
	width:89px;
	height:91px;
	background:url(http://www.yuhisato.jp/img/sakuhin_s_bg.jpg) left top no-repeat;
	float:left;
	margin:0 10px 20px 0;
}

#contents_left #sakuhin div.right{
	margin-right:0;
}

#contents_left #sakuhin div a{
	display:block;
	width:89px;
	height:91px;
	background:url(http://www.yuhisato.jp/img/sakuhin_s_bg.jpg) left top no-repeat;
}

#contents_left #sakuhin div a:hover{
	background:url(http://www.yuhisato.jp/img/sakuhin_s_bg_on.jpg) left top no-repeat;
}

#contents_left #sakuhin div a img{
	display:block;
	width:84px;
	height:84px;
	margin:4px 0 0 2px;
}

#contents_left #page_navi{
	margin:0 22px 17px 22px;
	overflow:hidden;	
}

#contents_left #page_navi  a.prev{
	display:block;
	width:40px;
	float:left;
}

#contents_left #page_navi  a.next{
	display:block;
	width:40px;
	float:right;
}


/***** Contents_Works*****/

#contents_left #works{
	margin:22px 22px 52px 22px;
	overflow:hidden;
}

#contents_left #works h3{
	margin:25px 0 10px 0;
}

#contents_left #works .works_01{
	background:url(http://www.yuhisato.jp/img/line_485px.gif) left bottom no-repeat;
	clear:both;
	overflow:hidden;
	margin-bottom:15px;
}

#contents_left #works .works_01 dl{
	_height:96px;
	width:386px;
	float:right;
	overflow:hidden;
	margin-bottom:5px;	
}

#contents_left #works .works_01 dl dt{
	font-size:1.4em;
	line-height:1.5em;
}

#contents_left #works .works_01 dl dd{
	font-size:1.2em;
	line-height:1.5em;
}

#contents_left #works .works_01 dl dd a{
	font-size:0.8em;
	line-height:1.5em;
}

#contents_left #works .works_01 p{
	width:89px;
	height:91px;
	background:url(http://www.yuhisato.jp/img/sakuhin_s_bg.jpg) left top no-repeat;
	float:left;
	overflow:hidden;	
	margin:0 auto 5px 0;
}

#contents_left #works .works_01 p a{
	display:block;
	width:89px;
	height:91px;
	overflow:hidden;
}

#contents_left #works .works_01 p a:hover{
	background:url(http://www.yuhisato.jp/img/sakuhin_s_bg_on.jpg) left top no-repeat;
}

#contents_left #works .works_01 p a img{
	display:block;
	width:84px;
	height:84px;
	margin:4px 0 0 3px;
}

#contents_left #works .works_02{
	background:url(http://www.yuhisato.jp/img/line_485px.gif) left bottom no-repeat;
	clear:both;
	overflow:hidden;
	margin-bottom:15px;
}

#contents_left #works .works_02 p.name{
	width:386px;
	float:right;
	font-size:1.2em;
	line-height:1.5em;
	overflow:hidden;
	margin-bottom:5px;
}

#contents_left #works .works_02 p.name a{
	font-size:0.8em;
	line-height:1.5em;
}

#contents_left #works .works_02 p.image{
	width:89px;
	height:45px;
	background:url(http://www.yuhisato.jp/img/business_s_bg.jpg) left top no-repeat;
	float:left;
	overflow:hidden;	
	margin:0 auto 5px 0;
}

#contents_left #works .works_02 p.image a{
	display:block;
	width:89px;
	height:45px;
	overflow:hidden;
}

#contents_left #works .works_02 p.image a:hover{
	background:url(http://www.yuhisato.jp/img/business_s_bg_on.jpg) left top no-repeat;
}

#contents_left #works .works_02 p.image a img{
	display:block;
	width:84px;
	height:40px;
	margin:4px 0 0 3px;
}

/*for ie6*/
* html #contents_left #works .works_01,
* html #contents_left #works .works_02{
	height: 1%;
}


/***** Contents_Voice*****/

#contents_left #voice{
	margin:22px 22px 0 22px;
	overflow:hidden;
}

#contents_left #voice h3{
	font-size:1.2em;
	line-height:1.5em;
	font-weight:normal;
	background:url(http://www.yuhisato.jp/img/line_485px.gif) left bottom no-repeat;	
	padding:0 0 5px 18px;
	margin-bottom:5px;
}

#contents_left #voice h3 span{
	display:block;
	font-size:1.17em;
	font-weight:bold;
	background:url(http://www.yuhisato.jp/img/list_bg_l.gif) left 0.2em no-repeat;
	padding-left:13px;
	margin-left:-18px;
}

#contents_left #voice .voice_body{
	width:485px;
	background:url(http://www.yuhisato.jp/img/line_485px.gif) left bottom no-repeat;
	clear:both;
	overflow:hidden;
	padding-top:5px;
	margin-bottom:25px;
}

#contents_left #voice .voice_body .voice_text{
	_height:96px;
	width:386px;
	float:right;
	margin-bottom:0;
}

#contents_left #voice .voice_body .voice_text p{
	margin-bottom:10px;
}

#contents_left #voice .voice_text p.btn_contact_voice{
	text-align:right;
	margin:15px 0;
}

#contents_left #voice .voice_body .voice_img{
	width:89px;
	float:left;
	/*overflow:hidden;	*/
}

#contents_left #voice .voice_body .voice_img p{
	margin:3px 0 15px 0;
}

#contents_left #voice .voice_body .voice_img p img{
	border:1px #ccc solid;
}

/*for ie6*/
* html #contents_left #voice .voice_body .voice_text,
* html #contents_left #voice .voice_body .voice_img{
	height: 1%;
}


/***** Contents_Contact*****/

#contents_left #contact_read{
	margin:22px 22px 0 22px;
}

#contents_left #contact_read p{
	margin-bottom:10px ;
}

#contents_left #contact_read em{
	color:#f00;
	font-style:normal;
}

#contents_left #contact_table{
	margin:22px 22px 20px 22px;
	border-collapse: collapse;
}

#contents_left #contact_table th{
	font-size:1.2em;
	line-height:1.5em;
	font-weight:normal;
	text-align:left;
	width:145px;
	padding:0 0 20px 0;
} 

#contents_left #contact_table td{
	font-size:1.2em;
	line-height:1.5em;
	text-align:left;
	padding:0 0 20px 0;
}

#contents_left #contact_table td input{
	border:#c7c7cb 1px solid;
}

#contents_left #contact_table td textarea{
	border:#c7c7cb 1px solid;
}

#contents_left #contact_table td span{
	font-size:0.9em;
}

#contents_left #contact_page_navi{
	position:relative;
	height:30px;
	overflow:hidden;
	margin:0 22px 17px 22px;
}

#contents_left #contact_page_navi  .btn_prev{
	position:absolute;	
	width:149px;
	height:30px;
	top:0;
	left:0;
}

#contents_left #contact_page_navi  .btn_next{
	position:absolute;
	width:149px;
	height:30px;
	top:0;
	right:0;
}

div#contact_error{
	font-size:1.2em;
	line-height:1.5em;
	text-align:left;
	color:#f00;
	margin:22px 22px 52px 22px;
}

div#inq_error ul li{
	list-style:disc;
	margin-left:1.5em;
}

/***** Contents_Irai*****/


a:link, a:visited {
	color:#9065B6;
	text-decoration:underline;
}
a:hover, a:active {
	color:#9065B6;
	text-decoration:none;
} 

#contents_left #BtnContact{
	margin-top:15px;
	margin-bottom:20px;
}

dl#irai_business{
	margin-top:15px;
	margin-bottom:30px;
}

dl#irai_business dt{
	margin-bottom:5px;
	font-size:120%;
	background-position:0 0.1em;
	background-repeat:no-repeat;
}

dl#irai_business dd{
	font-size:1.2em;
	line-height:1.5em;
	margin-left:20px;
	margin-bottom:15px;
}

dl#flow_step{
	margin-top:20px;
	margin-bottom:30px;
}

dl#flow_step dt{
	padding-left:100px;	
	margin-bottom:5px;
	font-size:120%;
	background-position:0 0.1em;
	background-repeat:no-repeat;
}

dl#flow_step dt.k01{
	background-image:url(http://www.yuhisato.jp/img/irai_hyou01.gif);
}

dl#flow_step dt.k02{
	background-image:url(http://www.yuhisato.jp/img/irai_hyou02.gif);
}

dl#flow_step dt.k03{
	background-image:url(http://www.yuhisato.jp/img/irai_hyou03.gif);
}

dl#flow_step dt.k04{
	background-image:url(http://www.yuhisato.jp/img/irai_hyou04.gif);
}


/***** Footer *****/

#footer_wrap{
	width:100%;
	background:url(http://www.yuhisato.jp/img/foot_wrap_bg.gif) 0 75px repeat-x;
}

#footer_wrap #footer{
	width:700px;
	height:127px;
	position:relative;
	margin:0 auto;
	background:url(http://www.yuhisato.jp/img/foot_bg_top.gif) left top no-repeat;		
}

#footer_wrap #footer #copyright{
	position:absolute;
	top:100px;
	right:0;
	width:225px;
	height:10px;
}

/***** Contents_Bottom *****/

#bottom{
	width:529px;
	float:left;
	margin-top:20px;
}