@charset "utf-8";
body {
  background: transparent url(../images/body_bg.gif) repeat;
  padding:0;
  margin:0;
  border:0;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
#page {
  margin:0;
  padding:0;
}

/*start wrap style*/
#wrap {
  padding:0;
  margin:0 auto;
  width:900px;
}
#wrap .bgLight {
  float:left;
  width:900px;
  padding-bottom:20px;
}
/*end wrap style*/


/*start header style*/
#header {
  padding:40px 0 20px;
  margin:0;
  float:left;
  width:100%
}
#headerImage {
  margin:  0;
}
#header #logo {
  margin:0;
  padding:0;
  font-size:38px;
  color:#fff;
  font-weight:normal;
  float:left;
}
#header #logo a{
  color:#fff;
  text-decoration:none;
}
#header #logo span {
  font-weight:bold;
}
#header #nav {
  float:right;
  list-style:none;
  color:#fff;
  margin:8px 0 0 0;
  padding:0;
  position:relative;
  z-index:1000;
}
#header #nav li {
  display:inline;
  padding:0;
  margin:0 2px 0 0;
  float:left;
}
#header #nav li a {
  color:#fff;
  text-decoration: underline;
  font-size:16px;
  padding:10px 10px 11px 10px;
  margin:0;
}
#header #nav li a:hover, #header #nav li a.current {
  border-bottom:1px dotted #fff;
  padding:10px;
  color:#fff;
}
/*end header style*/



/*start featured style*/
#featured {
  background:url(../images/featured_bg.png) no-repeat;
  width:846px;
  overflow: hidden;
  padding:0 0 80px 0px;
  margin:0 0 0 -20px;
}
#page-excerpt{
  background:url(../images/featured_bg2.png) no-repeat;
  width:846px;
  padding:0 0 80px 0px;
  margin:0 0 0 -20px;
}
.page-excerpt-inside{
  padding:20px 50px 0 50px;
}
.page-excerpt-inside a{
  color:#1d8657;
  text-decoration:none;
}
.page-excerpt-inside a:hover{
  text-decoration:underline;
}
.page-excerpt-inside .paper-plane2{
  float:right;
  background:url(../images/paperplane2.png) no-repeat;
  width:194px;
  height:162px;
  margin:-90px -110px 0 0;
  position:relative;
  z-index:1;
}
.page-excerpt-inside p{
  padding:0 0 20px 0;
  margin:0;
  font-size:14px;
  color:#626262;
  line-height:20px;
}
.image-wrap {
  float:left;
}
#featured .featuredImage {
  padding:0 0 0 0;
  margin:0px 0px 0 0px;
  border:1px solid #d4d4d4;
}

.featured-info p {
  color:#626262;
  font-size:13px;
  padding:0 0 20px 0;
  margin:0;
}
.buttons {
  background:url(../images/featured_button.gif) no-repeat;
  float:left;
  width:127px;
  padding:6px 0 0 10px;
  height:29px;
  font-size:14px;
}
.buttons a {
  color:#367d55;
  text-decoration:none;
}
.buttons a:hover {
  text-decoration:underline;
}
.playButton {
  background:url(../images/playButton.gif) no-repeat right 0;
  position:relative;
  padding-right:20px;
  float:left;
}
.featured-info p.responsible {
  font-size:14px;
  color:#367d55;
  font-weight:bold;
}
.featured-navi {
  position:relative;
  float:right;
  width:410px;
  margin:-40px 0 0 0;
}
.featured-info {
  width:370px;
  float:left;
  margin:0 0 0 20px;
}
.featured-info h3{
  padding:0;
  margin:0;
}
.featured-info h3 a{
  font-size:28px;
  color:#367d55;
}
/*end featured style*/



/*start excerpt style*/
#excerpt {
  padding:40px 0 50px 0;
  margin:0;
}
#excerpt .paper-plane {
  background:url(../images/paperplane.png) no-repeat right;
  display:block;
  float:right;
  width:200px;
  height:171px;
  position:relative;
  margin:-50px -115px 0 0;
}
#excerpt h3 {
  padding:0 0 20px 0;
  margin:0;
  font-size:30px;
  font-weight:normal;
  color:#fff;
}
#excerpt h3 a {
  color:#21d081;
  text-decoration:none;
}
#excerpt h3 a:hover {
  color:#21d081;
  border-bottom:1px dotted #25d485;
}
/*end excerpt style*/



/*start content*/
h2 {
  color:#367d55;
  font-size:30px;
  padding:0px 0 20px 0;
  margin:0;
}
.content {
  clear:both;
  margin:0;
}
.content .box, .content .lastbox {
  float:left;
  width:29%;
}
.content .box {
  margin:0;
  padding:0 40px 0 0;
}
.content {    
  background:url(../images/content_bg.png) no-repeat;
  width:900px;
  height:875px;
  float:left;		
}
.content-plain {
  background:url();	
}
.content .box h3, .content .lastbox h3 {
  color:#fff;
  font-size:28px;
  margin:0;
}
.content .lastbox h4 {
  padding:0;
  margin:0px 0 0 0;
  font-size:14px;
  color:#fff;
}
.content .lastbox .date {
  color:#32b178;
  font-size:12px;
  display:block;
  padding:0 0 0px 0;
}
.content .box p, .content .lastbox p {
  font-size:12px;
  line-height:20px;
  color:#fff;
}
.content .box a, .content .lastbox a {
  color:#25d485;
  text-decoration:none;
}
.content .box a:hover, .content .lastbox a:hover {
  color:#25d485;
  border-bottom:1px dotted #60b8f9;
}
.content-divider {
  background: url(../images/body_bg_regular.gif) repeat-x top left; 
  color: #fff;
  font-size: 1.4em;
  margin: 10px 0 20px 0;
  padding: 10px 0 10px 20px;
  width:  460px;
}
.content-inside {  
  background: url(../images/content_trees_bg.jpg) no-repeat top left;  
  float: left;
  height: 100%;
  width: 620px;
  margin: 39px 0 0 0;
  padding-top: 10px;
}
.content-inside-plain {  
  background: #fff;
  float: left;
  width: 620px;
  margin: 39px 0 0 0;
}
.content h3 {
  color:#fff;
  font-size:22px;
  margin:0;
  padding:0 0 0 20px;
}
.content h2 {
  color:#fff;
  font-size:1.4em;
  margin: 0 0 10px 0;
  padding: 20px 0 0 20px;	
}
.content p, .content ul, .content ol {
  color: #000;
  font-size: 12px;
  line-height: 20px;
  margin: 0;
  padding: 0 20px 20px 20px;
}
.content-centre {
  text-align: center;
  padding: 5px 0 0 0;
}
.content a {
  color:#367D55;
  font-weight: bold;
  text-decoration:none;
}
.content a:hover {
  color:#367D55;
  font-weight: bold;
  text-decoration:underline;
  border-bottom:none!important;
}
.content img {
  margin: 0 20px 20px 15px;	
}
.content img.tick {
  margin: 0;
}
.content ul, .content ol {
  padding:0 40px 20px 45px;
}
.content ul {
  list-style: square;	
}
.content ul ul, .content ol ol{
  padding:0 0 0 15px;
  margin:0;
}
.content .stamp {
  float: right;
  font-weight: bold;
  padding: 5px 5px 0 0;
}/*end content*/


/*start portfolio style*/
.work{
  padding:0 0 20px 0;
  float:left;
}
.work-thumb{
  background:url(../images/work_thumb_bg.gif) no-repeat;
  width:417px;
  height:248px;
  float:left;
  padding:0 20px 0 0;
}
.work-thumb img{
  margin:16px 0 0 15px;
}
.viewdetails{
  text-indent:-9000px;
  float:left;
  width:143px;
  height:37px;
  margin:0 5px 0 0;
}
.viewdetails a{
  background:url(../images/viewdetails_button.gif) no-repeat;
  float:left;
  display:block;
  width:143px;
  height:37px;
}

.viewlivesite{
  text-indent:-9000px;
  float:left;
  width:143px;
  height:37px;
  margin:0 5px 0 0;
}
.viewlivesite a{
  background:url(../images/viewlivesite_button.gif) no-repeat;
  float:left;
  display:block;
  width:143px;
  height:37px;
}
/*end portfolio style*/


/*start contactForm style*/
#contactForm{
  padding:0;
  margin:0;
}
.content .content-inside #contactForm p{
  padding:0 0 10px 0;
  margin:0;
}
#contactForm p label{
  float:left; 
  width:80px;
}
#name, #email, #subject, #message{
  background:#2d9c5e;
  border-top:#1d7e47 1px solid;
  border-right:#1d7e47 1px solid;
  border-left:#38a668 1px solid;
  border-bottom:#38a668 1px solid;
  padding:5px;
  color:#cfe0ec;
}
#name, #email, #subject{
  width:280px;
}
#message{
  width:340px;
}
.buttonBg{
  background:url(../images/button_bg.gif) repeat-x bottom;
  padding:6px 20px;
  border:0;
  color:#fff;
  font-size:14px;
  margin:0 5px 0 0;
  float:left;
}
/*end contactForm style*/

/*start blog style*/
#blog .blog-post h3{
  font-size:20px;
  font-weight:normal;
}
#blog .blog-post{
  padding:0 0 0px 0;
  margin:0 0 20px 0;
  background:url(../images/blog_divider.gif) no-repeat bottom;
}
#blog .blog-post h3 a{
  color:#fff;
  text-decoration:none;
}
#blog .blog-post h3 a:hover{
  text-decoration:underline;
}
#blog .blog-post .post-meta{
  margin:0;
  padding:0 0 20px 0;
  float:left;
  width:100%;
}
#search{
  margin:0;
  padding:0;
}
#search-form{
  padding:0 0 20px 0;
  margin:0;
}
#search-form .search{
  float:left;
  padding:5px;
  background:#d0d0d0;
  border:1px solid #bababa;;
}
#search-form .go_button{
  float:right;
}
/*end blog style*/

/*start sidebar style*/
#sidebar{
  float:right;
  width:250px;
  margin:39px 0 0 0;
}
#sidebar ul, #sidebar ol{
  color:#717171;
  padding:0 0 20px 20px;
  margin:0;
}
#sidebar .sidebox{
  background-color: #fff;
  padding:0;
  margin:0 0 20px 0;
  float:right;
  width:248px;
}
#sidebar .sidebox .topBg{
  float:left;
}
#sidebar .sidebox .topBg .bottomBg{	
  float:left;
}
#sidebar .sidebox .box-inside{
  padding: 10px 20px 20px 20px;
  position:relative;
  overflow:inherit;
  width:208px;
}
#sidebar .sidebox .box-inside img {
  margin: 0;
  padding: 0;
}
#sidebar p{
  color:#717171;
  padding:0 0 20px 0;
  margin:0;
  line-height:20px;

}
#sidebar .box-inside h2{
  font-size:22px;
  color:#367d55;
}
#sidebar .box-inside h2 {
  margin: 0;
  padding: 5px 0;	
}
#sidebar .box-inside h3,
#sidebar .box-inside h4,
#sidebar .box-inside h5,
#sidebar .box-inside h6{
  color:#367d55;
}

#sidebar .sidebox .box-inside ul.linkside{
  padding:0 0 20px 0;
  margin:0;
  list-style:none;
  float:left;
}
ul.linkside li{
  display:block;
  float:left;
  width:184px;
  margin:0 0 1px 0;
}
ul.linkside li a{
  display:block;
  background:url(../images/arrow_left.png) no-repeat left;
  padding:0px 0px 0px 20px;
  text-decoration:none;
  color:#717171;
  float:left;
  width:100%;
  height:21px;
}
ul.linkside li a:hover, ul.linkside li a.current{
  text-decoration:none;
  color:#367D55;
}
ul.linkside li a.current{
  color:#367D55;
  font-weight:bold;
}
ul.linkside li a:hover span{
  display:block;
  color:#5f5f5f;
  height:21px;
  float:right;
  font-weight: bold;
  width:100%;
  text-align:left;
  cursor:pointer;
}
ul.linkside li a.current span{
  display:block;
  color:#367D55;
  width:100%;
  height:21px;
  float:right;
  cursor:pointer;
}
/*end sidebar style*/

/*start footer style*/
#footer{
  width:900px;
  margin:20px 0 0 0;
  float:left;
}
#footer .footer-inside{
  color:#9F9F9F;
  padding:42px 0 60px 0;
}
#footer .footer-inside #footer-nav{
  padding:0;
  margin:0 0 0 20px;
  list-style:none;
}
#footer .footer-inside #footer-nav li{
  display:inline;
  font-size:12px;
  color:#9f9f9f;
  float:left; 
  padding:5px 4px 0 0;
}
#footer .footer-inside #footer-nav li a, #footer a{
  color:#9f9f9f;
  text-decoration:underline;
}
#footer .footer-inside #footer-nav li a:hover, 
#footer .footer-inside #footer-nav li a.current, #footer a:hover{
  text-decoration:none;
  color:#3b3b3b;
}
#footer .footer-inside #footer-nav li a.current{
  font-weight:bold;
}

#footer .footer-inside #copyright{
  float:right;
  padding-right:20px;
}
#footer .footer-inside #copyright span{
  font-size:12px;
  color:#9f9f9f;
}
.footer-sitename{
  color:#9f9f9f;
  font-weight:bold;
}
/*end footer style*/

/*Common Classes starts here*/
.clear {
  clear:both;
}
.alignLeft {
  text-align:left;
}
.alignRight {
  text-align:right;
}
.alignJustify {
  text-align:justify;
}
.alignCenter {
  text-align:center;
}
.floatLeft {
  float:left;
}
.floatRight {
  float:right;
}
img {
  border:0;
  padding:0;
  margin:0;
}
.imageLeftBorder, .imageRightBorder {
  padding:6px;
  border:1px solid #efefef;
}
.imageLeftBorder {
  margin-right:10px;
}
.imageRightBorder {
  margin-left:10px;
}
.imageLeft {
  margin-right:10px;
}
.imageRight {
  margin-left:10px;
}
.errorMsg {
  float:left;
  padding:10px 10px 20px 10px;
  /*	background:#1e4c6e;*/
  background:url(../images/trans_bg.png) repeat;
  width:100%;
  margin:0 0 20px 0;
}
.errorMsg h3 {
  color:#c11e1e!important;
}
.infoMsg{
  float:left;
  padding:10px 10px 20px 10px;
  /*	background:#1e4c6e;*/
  background:url(../images/trans_bg.png) repeat;
  width:100%;
  margin:0 0 20px 0;
}
.infoMsg h3 {
  color:#84c143!important;
}
.errorMsg ul {
  padding:0!important;
  margin:0!important;
}
.errorMsg ul li {
  list-style:none;
}
/*Table*/
table {
  margin: 0 0px 20px 0px;
  padding: 0;
  display: block;
  font-size: 12px;
  border-collapse: collapse;
  width:100%;
}
table caption {
  margin: 0 12px;
  padding: 20px 0 5px 0;
  font: 12px;
  text-align: left;
}
table th, table td {
  text-align: left;
  vertical-align: top;
  padding: 6px 10px;
}
thead th {
  color: #7b7b7b;
  background-color: #e7e8ea;
  border-bottom: 1px solid #c6c6c6;
}
tbody tr.highlighted {
  background-color: #eeeeee;
}
tbody td {
  border-bottom: 1px solid #e7e7e7;
  color:#777;
}
tbody tr:hover td {
  background: #e2e2e2;
  border-bottom: 1px solid #dedede;
}
.widthA {
  width:20%;
}
.widthB {
  width:40%;
}
/*difinition*/
dfn, dfn dl, dt, dd {
  padding:0;
  margin:0;
}
dd {
  padding:0 0 10px 0;
}
dt {
  color:#7b7b7b;
  font-weight:bold;
}
dd {
  color:#7b7b7b;
  padding-left:15px;
  font-style:italic;
}
/*Common Classes ends here*/

/*start featured slide style*/
#showcase-nav h3 {
  right: 90px;
  z-index: 10;
}
h3 .counter {
  color: #000;
  float:right;
}
#sub-nav {
  position: absolute;
  left: 15em;
  bottom: 9px;
  margin: 0;
}
#pager {
  z-index: 1;
  margin: 0;
  padding:0;
  display:inline;
  color:#666;
}
#pager li {
  display: inline;
  float:left;
}
#pager .next a {
  display: block;
  float:left;
  padding:0 0 0 4px;
}
#pager .previous a {
  display: block;
  float:left;
  padding:0 4px 0 0;
}
.work-title {
  position:relative;
  margin:0px 20px 0 0;
  font-size:14px;
  font-weight:normal;
  float:right;
}
.work-title .counter {
  color:#939393;
}
/* -- showcase -- */
#showcase-featured {
  float:left;
  z-index: 1;
  position:relative;
  width:846px;
}
#showcase-featured p {
  line-height: 1.6923;
  margin: 0;
}
#showcase-featured p.first {
  text-indent: 0;
  margin-top: 1em;
}
#showcase-featured .item-details li {
  margin: 1em 0;
}
#showcase-featured li {
  font-size: 1.1em;
  line-height: 1;
  list-style: none;
  margin: 0;
}
#showcase-featured li h4 {
  text-align: left;
  line-height: 1.9091; /* 21px */
}
#showcase-featured li h4:before {
  content: "";
  padding: 0;
}
#showcase-featured li p {
  text-indent: 0;
  /* 12px / 18px */
  font-size: 1em;
  line-height: 1.5;
}
#showcase-featured .wrap1a {
  width: 790px;
  height: 250px;
  float:left;
  position: relative;
}
/* default, no-script state */
.wrap2a {
  position:relative;
  width: 790px;
  height: 260px;
}
#showcase-featured .item {
  display: block;
  clear: both;
  padding:25px 0 0 18px;
}
.showcase-slider .wrap2a {
  position:relative;
  top: 0;
  width: 790px;/*height: 450px;*/
}
#showcase-featured .item-slider {
  width: 790px;
  height: 260px;
  position: absolute;
  top: 0;
  overflow: hidden;
}
#item-1 {
  left: 0;
}
.item-details {
  float: right;
}
.item-details h3 {
  letter-spacing: -0.05em;
  padding:0 0 0px 0;
  margin:0;
  text-transform: none;
}
.item-details h3 a {
  color:#367d55;
  text-decoration:none;
}
.item-details h3 a:hover {
  border-bottom:1px dotted #3a8d5e;
}
.content h2, .content h3, .content h4, .content h5, .content h6{
  color:#000;
}
h4{
  font-size:20px;
}
h5{
  font-size:18px;
}
h6{
  font-size:14px;
}
/*end featured slide style*/

blockquote {
  padding: 35px 30px 15px 45px;
  margin: 0;
  background: transparent url("/images/quote.png") no-repeat 5px 0;
}

blockquote div {
  font-weight:  bold;
  padding-top:  5px;
}

blockquote br {
  padding-bottom: 5px;
}

/* the overlayed element */
.apple_overlay {
  display:none;
  background-image:url(/images/apple.png);
  width:510px;
  padding:35px;
  font-size:11px;
}

.apple_overlay p {
  font-size: 13px;
  padding-left: 20px;
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
  background-image:url(/images/apple-close.png);
  position:absolute; right:5px; top:5px;
  cursor:pointer;
  height:35px;
  width:35px;
}