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

body {width:100%; height:100%; padding:0; margin:0; font-size:12px; color:#ac8b72; line-height:150%; background: url(http://www.re-creation.co.jp/images/bg.jpg) repeat 0 0; text-align: left; font-family: sans-serif;}

* html body {width:100%; height:100%; padding:0; margin:0; font-size:12px; color:#ac8b72; line-height:150%; background: url(http://www.re-creation.co.jp/images/bg.jpg) repeat 0 0; text-align: center;font-family: "ＭＳ Ｐゴシック", sans-serif;vertical-align: baseline;}

 /* for lte ie6 */
*:first-child+html body {width:100%; height:100%; padding:0; margin:0; font-size:12px; color:#ac8b72; line-height:150%;background: url(http://www.re-creation.co.jp/images/bg.jpg) repeat 0 0; text-align: left; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}

 /* for ie7 */
html>/**/body {width:100%; height:100%; padding:0; margin:0; font-size:12px; color:#ac8b72; line-height:150%; background: url(http://www.re-creation.co.jp/images/bg.jpg) repeat 0 0; text-align: left;font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}

 /* for ie8 */

html:not(:target) body {width:100%; height:100%; padding:0; margin:0; font-size:12px; color:#ac8b72; line-height:150%; background: url(http://www.re-creation.co.jp/images/bg.jpg) repeat 0 0; text-align: left; font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}
 /* for modern browser not ie8 */

a img { border: 0; }
a { color: #ac8b72; text-decoration: underline; }
a:hover { text-decoration: none; cursor: pointer;}
.orange {color: #fdb813; }
.fr {color:#ff0000; font-size:14px; font-weight:bold;line-height:180%; }
.small {font-size:80%;}

.left { float: left; display: inline; }
.left02 { float: left; display: inline; margin:0 0 0 40px; }
.right { float: right; display: inline;text-align:right;}
.right02 { float: right; display: inline; margin:0 40px 0 0;}

.center {display: block; margin: 0 auto;}
.clear {width: 945px;margin:0 auto; padding:0 0 15px 0; clear:both;}
.shell {margin: 0 auto; width: 964px;text-align:left}

#header {background: url(http://www.re-creation.co.jp/images/header-bg.jpg) repeat-x 0 0;margin:0 0 0px 0;}
#header .shell {background: url(http://www.re-creation.co.jp/images/header.jpg) no-repeat 0 0; height: auto; padding: 40px 50px 25px 52px;_padding: 40px 0 25px 0; width:862px;_width:964px; !important;overflow:hidden;clear:both;}
#header .clear {width:100%;margin:0 0 15px 0; padding:0;clear:both;overflow:hidden;}
#logo-cnt {float: left; width: 400px;}
#logo {color: #fdb813; font-size: 20px; font-weight: normal; line-height: 25px;}
#slogan { font-weight: normal; color: #fff;font-size:12px;}

.status { margin-top: 8px; background: url(http://www.re-creation.co.jp/images/status-bg.png) no-repeat 0 0; width: 185px; height: 30px; float: right; padding: 5px 10px 0 7px;_padding: 5px 5px 0 2px;margin:0 0 0 10px;}
.status p {color: #ffffff; font-size: 13px; text-decoration: underline; padding-top: 3px;}
.status p.available {background: url(http://www.re-creation.co.jp/images/available.gif) no-repeat right 0; height: 25px;text-indent:5px;}
.status p.unavailable {background: url(http://www.re-creation.co.jp/images/unavailable.gif) no-repeat right 0; height: 25px;line-height:25px;}
.status p.available a {color: #ffffff; text-decoration: underline; display:inline-block; }

*:first-child+html #slider {padding-top:0px; padding-left: 25px; width: 800px;position: relative;}
#slider {padding-top:0; _padding-top:0px; padding-left:25px; width:800px; margin:0;_margin:0 0 0 50px; clear:both;}

ul#mycarousel {position: relative;padding:0;margin:0;clear:both;}
ul#mycarousel li {float: left; display: inline; height: 195px; width: 270px;padding:0;margin:0;}
.jcarousel-clip { height:184px; width:800px; overflow:hidden;}
*:first-child+html .jcarousel-next {background: url(http://www.re-creation.co.jp/images/next.gif) no-repeat 0 0; width: 28px; height: 30px; display: block; position:absolute;}
*:first-child+html .jcarousel-prev { background: url(http://www.re-creation.co.jp/images/prev.gif) no-repeat 0 0;}
.jcarousel-prev ,
.jcarousel-next {background: url(http://www.re-creation.co.jp/images/next.gif) no-repeat 0 0; width: 28px; height: 30px; display: block; position:relative; top:130px; left: 855px;_left: 820px; cursor: pointer;}
.jcarousel-prev { background: url(http://www.re-creation.co.jp/images/prev.gif) no-repeat 0 0;float:left;left: -70px;_left: -65px; }

#main {margin:10px 0 0 0; }
#main h2 {color: #fdb813; font-size: 18px; padding-bottom: 20px;clear:both;width:100%;}
#main h3 {color: #fdb813; font-size: 18px; padding-bottom: 20px;clear:both;}
#main p {padding-bottom: 35px;font-size:12px; line-height:180%;}
#main .shell {width: 945px;}

.article {padding-bottom: 10px;margin:0 0 15px 0;clear:both;overflow:hidden;}
.article02 {width:440px;padding:10px;margin:0 0 15px 0;float:left;overflow:hidden;background: url(http://www.re-creation.co.jp/images/breadcrumbs.png) repeat-y;}
.article03 {width:440px;padding:10px;margin:0 0 15px 0;float:right;overflow:hidden;background: url(http://www.re-creation.co.jp/images/breadcrumbs.png) repeat-y;}
.gallery {padding-bottom: 10px;margin:0 0 10px 0;clear:both;overflow:hidden;}

a.view-all {width:245px;color: #f1ac01; float: right;text-align:right;}

.portfolio-item {margin:0 20px 15px 0;float: left; padding:0;line-height:100%;}
.portfolio-item img {display: block; padding-bottom: 1px;}
.last {margin:0 0 35px 0;padding-right: 0 !important;}

.img-cnt {background: url(http://www.re-creation.co.jp/images/image-shadow.png) no-repeat 0 0; width: 264px; height: 184px; float: left;}
.img-cnt img {display: block; margin: 0 auto; padding-top: 6px;}

.column-cnt {width: 554px; float: left;}
.column {width: 260px; float: left; padding-right: 17px;margin:0 0 20px 0;}
.column label, .column-big label {display: block; font-size: 13px; font-weight: bold; color: #d1d1d1; padding-bottom: 8px;}
.column input {display: block; background: transparent; color: #ac8b72; height: 23px; border: 0; font-family: arial, sans-serif; font-size: 13px; padding-top: 5px; width: 250px;}
.column-big {float: left; width: 391px;}
.column-big textarea {background: transparent; color: #ac8b72; font-size: 13px; border: 0; width: 381px; height: 137px;}
span.text-field {background: url(http://www.re-creation.co.jp/images/text-field.png) no-repeat 0 0; display: block; width: 260px; height: 30px; padding-top: 2px; padding-left: 5px;}
.text-area {background: url(http://www.re-creation.co.jp/images/textarea.png) no-repeat 0 0; width: 386px; height: 147px; display: block; padding-top: 5px; padding-left: 5px;}
form p {padding-top: 15px;}

#footer {width:964px;text-align: center;margin:0 auto; font-size:12px; padding:10px 0 20px 0;clear:both;}
#footer .margin_auto {width:964px;margin:0 auto; text-align: center; font-size:12px; padding:0;clear:both;}
#footer a{ color:#ac8b72; }

table#company  { width:100%; height:auto; overflow:hidden; margin:0 0 40px 0; float:left; padding:0; border-collapse:collapse; background:none;}
table#company th{width:23%; height:auto; margin:0 0 15px 0; font-size:13px; line-height:200%; border-bottom:#cccccc dotted 1px; background-color:none; padding:10px; text-align:left; color:#cccccc;}
table#company td{width:77%; height:auto; margin:0; font-size:13px; line-height:200%;	background-color:none; border-bottom:#cccccc dotted 1px; padding:10px;}

.pngbg {width:100%;height:30px;line-height:30px;text-indent:15px;clear:both;margin:0 0 20px 0;background: url(http://www.re-creation.co.jp/images/breadcrumbs.png) repeat-y;}
.pngbg02 {width:95%;height:auto;clear:both;margin:10px auto;background: url(http://www.re-creation.co.jp/images/breadcrumbs.png) repeat-y;padding:8px;color:#cccccc;line-height:180%;}

.price { width:440px; height:auto; overflow:hidden; margin:0 0 5px 0; float:right; padding:0; border-collapse:collapse;clear:both}
table.price caption{ width:100%; height:auto; overflow:hidden; margin:0; clear:both; padding:0; font-size:16px; line-height:200%; border-bottom:#cccccc dotted 1px;text-align:left;color: #fdb813;}
table.price th{width:65%; height:auto; margin:0; font-size:13px; line-height:200%; border-bottom:#cccccc dotted 1px; background-color:none; padding:5px; text-align:left; color:#cccccc;font-weight:normal}
table.price td{width:35%; height:auto; margin:0; font-size:13px; line-height:200%;	background-color:none; border-bottom:#cccccc dotted 1px; padding:5px;text-align:right;}

.midashi{ width:100%; height:auto; overflow:hidden; margin:0 0 5px 0; padding:0 !important; clear:both; font-size:16px !important; line-height:200% !important; border-bottom:#cccccc dotted 1px;text-align:left;color: #fdb813;}

.text{width:100%; height:auto;clear:both;line-height:180%; }