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

/*===========’Ç‰Á============*/

#title_1 {
	margin:8px 0 0 0;
	padding:0px 0 5px 0;
	width:741px;
	height:29px;
	position: relative;
	background-image: url(../img/photo_title_bg.gif);
	background-repeat: no-repeat;
}
#title_1 h4{
color:#fff;
font-size:14px;
font-weight:bold;
margin:0px 0 0px 10px;
padding:6px 0 0 0;
}

#title_1 p.back_btn {
	position: absolute;
	right: 0px;
	bottom: 14px;
}

h5 {
	color:#fff;
	font-size: 14px;
	font-weight: bold;
	line-height:27px;
	background-image: url(../portfolio/common/title_2.gif);
	background-repeat: no-repeat;
	height: 27px;
	width: 705px;
	margin:0px 0 0px 0px;
	padding:0 0 0 20px;
}

/*===========’Ç‰Á============*/


/*===== menu =====*/
#menu-box {
	overflow: hidden;
	margin:20px 0;
	padding:0;
	text-align: center;
	width: 743px
}
#menu-box .head{
	height: 8px;
	background-image: url(../portfolio/common/memu/menu_head.gif);
	background-repeat: no-repeat;
}
#menu-box .body {
	padding:0 20px;
	background-image: url(../portfolio/common/memu/menu_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
#menu-box .foot{
	height: 8px;
	background-image: url(../portfolio/common/memu/menu_foot.gif);
	background-repeat: no-repeat;
}

#menu-box ul {
	list-style: none;
	width: 705px
}
#menu-box ul li {
	float: left;
	height: 16px;
	padding: 0;
	margin: 1px 7px 1px 0;
}
#menu-box ul li a {
	display: block;
	height:16px;
	text-indent: -9999px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0% 100%;
}
#menu-box ul li .current { background-position:0 0; }
#menu-box ul li a:hover { background-position:0 0; }
#menu-box ul li a.active{ background-position:0 0; }
#menu-box ul li#menu01 a { background-image: url(../portfolio/common/memu/menu01.gif); width:76px;}
#menu-box ul li#menu02 a { background-image: url(../portfolio/common/memu/menu02.gif); width:88px; }
#menu-box ul li#menu03 a { background-image: url(../portfolio/common/memu/menu03.gif); width:173px; }
#menu-box ul li#menu04 a { background-image: url(../portfolio/common/memu/menu04.gif); width:50px; }
#menu-box ul li#menu05 a { background-image: url(../portfolio/common/memu/menu05.gif); width:50px; }
#menu-box ul li#menu06 a { background-image: url(../portfolio/common/memu/menu06.gif); width:86px; }
#menu-box ul li#menu07 a { background-image: url(../portfolio/common/memu/menu07.gif); width:94px; }
#menu-box ul li#menu08 a { background-image: url(../portfolio/common/memu/menu08.gif); width:118px; }
#menu-box ul li#menu09 a { background-image: url(../portfolio/common/memu/menu09.gif); width:61px; }
#menu-box ul li#menu10 a { background-image: url(../portfolio/common/memu/menu10.gif); width:61px; }
#menu-box ul li#menu11 a { background-image: url(../portfolio/common/memu/menu11.gif); width:127px; }
#menu-box ul li#menu12 a { background-image: url(../portfolio/common/memu/menu12.gif); width:96px; }
#menu-box ul li#menu13 a { background-image: url(../portfolio/common/memu/menu13.gif); width:101px; }
#menu-box ul li#menu14 a { background-image: url(../portfolio/common/memu/menu14.gif); width:96px; }
#menu-box ul li#menu15 a { background-image: url(../portfolio/common/memu/menu15.gif); width:49px; }
#menu-box ul li#menu16 a { background-image: url(../portfolio/common/memu/menu16.gif); width:73px; }
#menu-box ul li#menu17 a { background-image: url(../portfolio/common/memu/menu17.gif); width:116px; }
#menu-box ul li#menu18 a { background-image: url(../portfolio/common/memu/menu18.gif); width:103px; }
#menu-box ul li#menu19 a { background-image: url(../portfolio/common/memu/menu19.gif); width:74px; }
#menu-box ul li#menu20 a { background-image: url(../portfolio/common/memu/menu20.gif); width:61px; }
#menu-box ul li#menu21 a { background-image: url(../portfolio/common/memu/menu21.gif); width:62px; }


#exemplar{
padding:0px;
width:741px;
}


#img {
	margin: 20px auto 10px auto;
	width: 670px;
}
#img ul{
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}
#img ul li{
	display: inline;
	padding: 0; margin: 0;
	background-image: none;
}
#img img{
	padding: 3px;
	border: 1px solid #ccc;
	margin: 0 10px 5px 0;
}
#img a:hover img {
	border: 1px solid #00bbff;
}


#estimate {
	width: 705px;
	margin: 20px auto 0;
}
#estimate .e_box{
	margin: 15px 0;
}

#estimate .e_img{
	float: left;
}
#estimate .e_detail{
	padding-left: 270px;
	line-height: 1.8em;
}
#estimate dl dt{
	font-weight: bold;
	color: #0033cc;
	background-image: url(../portfolio/common/ico_round01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	float: left;
}
#estimate dl dd{
	padding-left: 100px;
}
#estimate .title {
	background-image: url(../portfolio/common/ico_round01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
#estimate .txt_indent{
	margin-left: 15px;
}

#estimate .block{
	margin: 0 3em 3em 3em;
	line-height:1.7em;
}


.bt_form{
	text-align:center;
}
.bt_form img {
	margin: 20px 0 20px 0;
}
.bt_form a:hover img {
	margin: 23px 0 17px 0;
}

.float_clear{ clear:both;}
