@charset "utf-8";
@charset 'Shift_jis';

/* BOSQUE DESIGN WEB SITE styles 
--------------------------------------------------------------*/
/* layout styles 
----------------------------------------*/

#header
{
	height: 61px;
	text-align: center;
	padding: 0 0 3px 0;
	/*background-color: red;*/
}

#header_works
{
	height: 61px;
	text-align: center;
	padding: 0 0 3px 0;
	margin: -14px 0 0 0;
	/*background-color: red;*/
}

.pagetitle{
	background-image: url(../images/title.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 798px;
	height: 63px;
	padding: 0 0 0 0;
	margin: 0 0 48px 0;
	/*background-color: orange;*/
}

.pagetitle_btn a:link, .pagetitle_btn a:visited, .pagetitle_btn a:hover
{
	display: block;
	width: 235px;
	height: 63px;
}

#navi
{
	background-image:url(../images/navi.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 172px;
	height: 329px;
	position: relative;
	margin: 0 0 0 0;
	text-align: center;
	/*background-color: blue;*/
	float: left;
}

#content_base
{
	width: 594px;
	padding: 0 0 0 0;
	margin: 0 0 34px 0;
	float: left;
	/*background-color: pink;*/
	text-align: left;
}

.top_copy{
	font-weight: normal;
	font-size: 14px;
	height: 20px;
	line-height: 14px;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
}

.txarea{
	padding: 0 0 0 0;
	margin: 0 0 30px 0;
}

.h2_txt{
	font-weight: normal;
	display: inline;
	background-image: url(../images/flower_icon.gif);
	background-position: 0 1px;
	background-repeat: no-repeat;
	min-height: 13px;
	line-height: 40px;
	padding: 0 0 0 21px;
	margin:  0 0 0 0;
}

.arrow{
	font-weight: normal;
	display: inline;
	background-image: url(../images/arrow.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
	min-height: 12px;
	line-height: 12px;
	padding: 0 0 0 14px;
	margin:  0 0 0 25px;
}

/* navi styles 
----------------------------------------*/

.navi1
{
	display: block;
	width: 156px;
	height: 19px;
	position: absolute;
	top: 0;
	left: 0;
}

.navi1 a:link, .navi1 a:visited
{
	display: block;
	width: 156px;
	height: 19px;
}

.navi1 a:hover, .navi1_actv
{
	display: block;
	background-image: url(../images/navi.gif);
	background-position: 156px 0px;
	width: 156px;
	height: 19px;
}

.navi2
{
	display: block;
	width: 156px;
	height: 30px;
	position: absolute;
	top: 60px;
	left: 0;
}

.navi2 a:link, .navi2 a:visited
{
	display: block;
	width: 156px;
	height: 30px;
}

.navi2 a:hover, .navi2_actv
{
	display: block;
	background-image: url(../images/navi.gif);
	background-position: 156px -60px;
	width: 156px;
	height: 30px;
}

.navi3
{
	display: block;
	width: 156px;
	height: 21px;
	position: absolute;
	top: 126px;
	left: 0;
}

.navi3 a:link, .navi3 a:visited
{
	display: block;
	width: 156px;
	height: 21px;
}

.navi3 a:hover, .navi3_actv
{
	display: block;
	background-image: url(../images/navi.gif);
	background-position: 156px -126px;
	width: 156px;
	height: 21px;
}

.navi4
{
	display: block;
	width: 156px;
	height: 21px;
	position: absolute;
	top: 186px;
	left: 0;
}

.navi4 a:link, .navi4 a:visited
{
	display: block;
	width: 156px;
	height: 21px;
}

.navi4 a:hover, .navi4_actv
{
	display: block;
	background-image: url(../images/navi.gif);
	background-position: 156px -186px;
	width: 156px;
	height: 21px;
}

.navi5
{
	display: block;
	width: 156px;
	height: 21px;
	position: absolute;
	top: 248px;
	left: 0;
}

.navi5 a:link, .navi5 a:visited
{
	display: block;
	width: 156px;
	height: 21px;
}

.navi5 a:hover, .navi5_actv
{
	display: block;
	background-image: url(../images/navi.gif);
	background-position: 156px -248px;
	width: 156px;
	height: 21px;
}

.navi6
{
	display: block;
	width: 156px;
	height: 21px;
	position: absolute;
	top: 308px;
	left: 0;
}

.navi6 a:link, .navi6 a:visited
{
	display: block;
	width: 156px;
	height: 21px;
}

.navi6 a:hover, .navi6_actv
{
	display: block;
	background-image: url(../images/navi.gif);
	background-position: 156px -308px;
	width: 156px;
	height: 21px;
}

/* home styles 
----------------------------------------*/
.main_msg{
	color :#686B19;
}

/* works styles 
----------------------------------------*/
.w_margin{margin-top: 24px;}
.w_thumb{
	/*display: block;*/
	width: 110px;
	height: 110px;
	margin: 0 0 4px 4px;
}
.w_font{font-family:'Georgia','Hiragino Mincho ProN', Meiryo, "MS P Gothic", sans-serif;}

/* order flow styles 
----------------------------------------*/

.step1{background-image: url(../images/step1.gif);}
.step2{background-image: url(../images/step2.gif);}
.step3{background-image: url(../images/step3.gif);}
.step4{background-image: url(../images/step4.gif);}
.step5{background-image: url(../images/step5.gif);}
.step6{background-image: url(../images/step6.gif);}
.step{
	font-size: 14px;
	background-position: top left;
	background-repeat: no-repeat;
	width: 559px;
	height: 80px;
	line-height: 75px;
	text-indent: 105px;
	padding: 0 0 0 0;
	margin: 0 0 0 4px;
	/*background-color: blue;*/
}

/*���̉摜*/
.ar1{
	background-image: url(../images/ar1.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 464px;
	padding: 0 0 0 95px;
	margin: 0 0 0 4px;
	/*background-color: red;*/
}
.ar2{
	background-image: url(../images/ar2.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 464px;
	padding: 0 0 0 95px;
	margin: 0 0 0 4px;
}
.ar3{
	background-image: url(../images/ar3.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 464px;
	padding: 0 0 0 95px;
	margin: 0 0 0 4px;
}
.ar4{
	background-image: url(../images/ar4.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 464px;
	padding: 0 0 0 95px;
	margin: 0 0 0 4px;
}
.ar5{
	background-image: url(../images/ar5.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 464px;
	padding: 0 0 0 95px;
	margin: 0 0 0 4px;
}
.ar6{
	width: 464px;
	padding: 0 0 0 95px;
	margin: 0 0 0 4px;
}
.ar1 p, .ar2 p, .ar3 p, .ar4 p, .ar5 p, .ar6 p{
	position: relative;
	top: -10px;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
}

/* contact styles 
----------------------------------------*/
.contact_item{
	background-image: url(../images/flower_icon.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	line-height: 13px;
}