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

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	background-color: #FAFAF0;
	background-image: url(image/back.jpg);
	background-repeat: no-repeat;
	background-position: center top;

}

#head_left {
	width: 600px;
	height: 98px;
	float: left;
	background-image: url(image/ue.jpg);
	background-repeat: repeat-x;
}




#headtext {
	font-size: 12px;
	line-height: 14px;
	height: 59px;
	width: 320px;
	padding-left: 10px;
	float: right;
	margin-top: 31px;
	padding-top: 8px;
}

#logo {
	height: 67px;
	width: 270px;
	float: left;
	margin-top: 31px;
}

#tel {
	height: 98px;
	width: 350px;
	float: right;
}

#main {
	height: 230px;
	width: 900px;
	margin-bottom: 20px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

#menu {
	width: 900px;
	height: 50px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
#pan {
	font-size: 12px;
	color: #330F00;
	height: 30px;
	width: 580px;
	line-height: 30px;
	margin-right: auto;
	margin-left: auto;
}

#pan a {
	text-decoration:none;
	color:#C69C6D
}

#pan a:hover {
	text-decoration:underline;
	color:#330F00
}

#phototext a {
	text-decoration:underline;
	color:#8D7438
}

#phototext a:hover {
	text-decoration:none;
	color:#FF4900
}


#title {
	background-image: url(image/title.jpg);
	background-repeat: no-repeat;
	height: 43px;
	width: 584px;
	margin-bottom: 20px;
	line-height: 43px;
	font-size: 14px;
	text-indent: 47px;
	color: #330F00;
	border: 1px solid #CCCCCC;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
#top_intro {
	width: 560px;
	height: 200px;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
}


#top_text {
	font-size: 14px;
	line-height: 20px;
	height: 185px;
	width: 315px;
	float: left;
}

#me {
	height: 188px;
	width: 230px;
	border: 1px solid #CCCCCC;
	float: right;
}

#text {
	font-size: 13px;
	line-height: 20px;
	width: 550px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	color: #28261E;
}

#tab {
	width: 584px;
	height: 310px;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
}

#photo {
	height: 120px;
	width: 160px;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

#phototitle {
	font-size: 13px;
	font-weight: bold;
	width: 160px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	color: #8C6239;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #330F00;
	margin-right: auto;
	margin-left: auto;
}

#phototext {
	font-size: 13px;
	line-height: 16px;
	width: 160px;
	margin-right: auto;
	margin-left: auto;
}

#tab_left {
	width: 170px;
	height: 240px;
	float: left;
	margin-right: 16px;
	margin-left: 16px;
}

* html #tab_left {
	margin-right: 8px;
	margin-left: 8px;
}

#tab_center {
	width: 170px;
	height: 240px;
	float: left;
}

#tab_right {
	width: 170px;
	height: 240px;
	float: right;
	margin-right: 16px;
}

* html #tab_right {
	margin-right: 8px;
}

#contact {
	height: 191px;
	width: 550px;
	margin-top: 10px;
	margin-bottom: 40px;
	border: 1px solid #CCCCCC;
	margin-right: auto;
	margin-left: auto;
}

#news {
	width: 560px;
	margin-bottom: 8px;
	margin-right: auto;
	margin-left: auto;
}

#pastnews {
	width: 560px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	font-size: 12px;
	color: #54523F;
	line-height: 14px;
	height: 14px;
	padding-top: 5px;
	text-indent: 10px;
}

#pastnews a {
	text-decoration:none;
	color:#C69C6D
}

#pastnews a:hover {
	text-decoration:underline;
	color:#330F00
}

#news li {
	font-size: 13px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-indent: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C0C59B;
}

#news li a {
	text-decoration:none;
	color:#C69C6D
}

#news li a:hover {
	text-decoration:underline;
	color:#330F00
}



#back_web {
	background-image: url(image/back_web.jpg);
	background-repeat: no-repeat;
	height: 65px;
	width: 250px;
	color: #330F00;
	font-size: 13px;
	line-height: 16px;
	padding-left: 35px;
	padding-right: 10px;
	padding-top: 85px;
}

#back_dtp {
	background-image: url(image/back_dtp.jpg);
	background-repeat: no-repeat;
	height: 65px;
	width: 250px;
	color: #330F00;
	font-size: 13px;
	line-height: 16px;
	padding-left: 35px;
	padding-right: 10px;
	padding-top: 85px;
	clear: both;
}

#minibotan {
	width: 245px;
	clear: both;
	height: 50px;
	margin-bottom: 20px;
	margin-left: 34px;
}

#minibotanshita {
	width: 245px;
	clear: both;
	height: 50px;
	margin-bottom: 50px;
	margin-left: 34px;
}


#minibotan1 {
	background-image: url(image/top_mini1.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 115px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	float: left;
	font-size: 12px;
	line-height: 13px;
}

#minibotan1 a {
	display:block;
	width:100%;
	color:#FFFFFF;
	text-decoration: none;
	height: 50px;

}

#minibotan1 a:hover {
	background-image: url(image/top_mini2.gif);
	background-repeat: no-repeat;
	color: #330F00;
}


#minibotan2 {
	background-image: url(image/top_mini1.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 115px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	float: right;
	font-size: 12px;
	line-height: 13px;
}

#minibotan2 a {
	display:block;
	width:100%;
	color:#FFFFFF;
	text-decoration: none;
	height: 50px;

}

#minibotan2 a:hover {
	background-image: url(image/top_mini2.gif);
	background-repeat: no-repeat;
	color: #330F00;
}


#baner {
	clear: both;
	width: 242px;
	margin-left: auto;
	margin-right: auto;
}


#baner li {
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
	height: 80px;
}

#left {
	width: 590px;
	float: left;
	margin-left: 24px;
}

* html #left {
	margin-left: 12px;
	margin-top: 15px;
}

#right {
	width: 300px;
	float: right;
	margin-right: 24px;
}

* html #right {
	margin-right: 12px;
}

#footer {
	clear: both;
	width: 950px;
	text-align: center;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	padding-top: 8px;
	font-size: 12px;
	color: #999999;
	padding-bottom: 15px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #4A9430;
}

#all {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	margin-top: 30px;
	margin-bottom: 30px;
}

#contentsmain {
	height: 150px;
	width: 584px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	border: 1px solid #9B987B;
}

#table {
	width: 550px;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}

#table td {
	padding: 10px;
	border: 1px solid #C0C59B;
	font-size: 13px;
	line-height: 17px;
}

#table th {
	background-color: #FAFAF0;
	vertical-align: middle;
	font-size: 13px;
	border: 1px solid #C0C59B;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #45482B;
}

#price_title {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C69C6D;
	font-size: 13px;
	font-weight: bold;
	color: #330F00;
	text-indent: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #330F00;
	height: 30px;
	line-height: 30px;
}

#minitext {
	font-size: 12px;
	line-height: 18px;
	width: 500px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	color: #666666;
}

#contact_tel {
	height: 160px;
	width: 565px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

#link {
	width: 530px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

#link li {
	font-size: 13px;
	color: #330F00;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C69C6D;
	text-indent: 10px;
}

#link a {
	text-decoration:none;
	color:#C69C6D
}

#link a:hover {
	text-decoration:underline;
	color:#330F00
}

#boo_title {
	background-image: url(image/boo_title.jpg);
	background-repeat: no-repeat;
	height: 57px;
	width: 585px;
	font-size: 14px;
	color: #330F00;
	text-indent: 90px;
	line-height: 57px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#boo_flow {
	height: 88px;
	width: 493px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

#flow_title {
	background-image: url(image/flow_title.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 310px;
	font-size: 13px;
	line-height: 40px;
	text-indent: 30px;
	font-weight: bold;
	color: #330F00;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
}

#flow_text {
	font-size: 13px;
	line-height: 18px;
	width: 300px;
	color: #333333;
	margin-right: auto;
	margin-left: auto;
}

#flow_photo {
	height: 160px;
	width: 220px;
	border: 1px solid #CCCCCC;
	float: left;
}

#flow_right {
	width: 320px;
	float: right;
}

#flow_box {
	height: 200px;
	width: 560px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C69C6D;
	margin-bottom: 40px;
}

#return {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	margin-bottom: 30px;
	text-align: right;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #C69C6D;
	font-size: 12px;
}

#return a {
	text-decoration:none;
	color:#C69C6D
}

#return a:hover {
	text-decoration:underline;
	color:#330F00
}

#wada_main2 {
	height: 297px;
	width: 575px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#wadalist {
	width: 570px;
	font-size: 13px;
	line-height: 25px;
	color: #330F00;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

#wadalist li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C69C6D;
	padding-top: 6px;
	padding-bottom: 6px;
	text-indent: 5px;
	font-weight: bold;
	font-size: 13px;
}

#wada_title {
	height: 35px;
	width: 435px;
	font-size: 13px;
	line-height: 35px;
	color: #330F00;
	text-indent: 7px;
	border-bottom-width: 1px;
	border-left-width: 7px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #330F00;
	border-left-color: #330F00;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

#wada_text {
	font-size: 13px;
	line-height: 18px;
	width: 430px;
	margin-right: auto;
	margin-left: auto;
}

#wada_ill {
	height: 108px;
	width: 108px;
	float: left;
}

#wada_box {
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	height: 170px;
	margin-bottom: 20px;
}

#wada_right {
	width: 450px;
	float: right;
}

#works_photo {
	height: 170px;
	width: 220px;
	float: left;
}

#works_box {
	height: 190px;
	width: 560px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

#works_title {
	background-image: url(image/work_title.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 310px;
	font-size: 13px;
	line-height: 40px;
	text-indent: 30px;
	color: #330F00;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	border: 1px solid #CCCCCC;
}

#works2_photo {
	height: 220px;
	width: 220px;
	float: left;
	text-align: center;
}

#works2_box {
	height: 240px;
	width: 560px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

#flow_text a {
	color: #C69C6D;
}

#flow_text a:hover {
	color: #330F00;

}

#campain1 {
	height: 235px;
	width: 530px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	border: 1px solid #CCCCCC;
}

#top_info {
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

#top_info li {
	padding: 2px;
	height: 100px;
	width: 560px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
}

#plan_title {
	background-image: url(image/plan_title.jpg);
	background-repeat: no-repeat;
	height: 71px;
	width: 585px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-size: 14px;
	line-height: 71px;
	color: #330F00;
	text-indent: 75px;
}

#plan_chart {
	height: 500px;
	width: 567px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#year {
	height: 45px;
	width: 555px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	font-size: 13px;
	line-height: 45px;
	background-color: #F8F8F3;
	color: #8B8B5C;
	text-indent: 10px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #E1E2DC;
}

#year a {
	text-decoration:none;
	color:#8B8B5C
}

#year a:hover {
	text-decoration:underline;
	color:#330F00
}

#green {
	margin-right: auto;
	margin-left: auto;
	width: 240px;
}