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

/*---- Global ----*/
body{
margin:0;padding:0;
background:#fff url(images/bg.gif) right bottom no-repeat fixed;
}
body, td, th{
font:13px/170% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;color:#333;letter-spacing:0px;
text-decoration: none;
}

div{margin:0;padding:0;}
p{margin:15px 0;padding:0;}
h1, h2, h3, h4, h5, h6{margin:15px 0;padding:0;font-weight:bold;color:#000;line-height:120%;}
h1{margin:0;padding:0;font-size:0.1px;line-height:0;height:0;text-indent:10000px;}
h2{font-size:2em;}
h3{font-size:1.5em;}
h4{font-size:1.1em;}
h5, h6{font-size:1em;}
strong{color:#000;}
a, a:link, a:visited{color:#f29101;text-decoration:none;}
a:hover, a:active{color:#ffb13e;text-decoration:underline;}
img{border:none;}
hr{clear:both;float:none;border-width:0px;border-bottom:1px solid;border-color:#ccc;height:1px;}
ul{margin:15px 0;padding-left:30px;}
form{margin:0;padding:0;}
em{font-style:italic;}

/*---- Layout ----*/
#navigations{margin:0 auto;width:950px;height:55px;background:#000 url(images/nav_left.gif) left bottom no-repeat;}
#nav{display:block;list-style:none;padding:0 10px;margin:0;height:55px;background:url(images/nav_right.gif) right bottom no-repeat;}
#nav li{float:left;height:55px;padding:0;background:url(images/nav_li_bg.html) right 50% no-repeat;}
#nav a{display:block;float:left;/*padding:0 27px 0 26px;menu with Words */padding:0 34px 0 35px;height:55px;line-height:55px;background:url(images/nav_bg.gif) 10px 50% no-repeat;white-space:nowrap;color:#fff;font-weight:bold;font-size:1.1em;white-space:nowrap;}
#nav a:hover, #nav a:active, #nav li:hover a{text-decoration:none;background-color:#929292;background-image:url(images/nav_bg_ov.gif);}
#nav li.last{background-image:none;}
#nav ul{min-width:99%;background-color:#929292;}
#nav li li{float:none;height:auto;padding:0;background-image:none;}
#nav li li a{float:none;padding:10px 15px;height:auto;line-height:100%;background-image:none;color:#d86b00;}
#nav li:hover li a, #nav li:active li a{background-image:none;}
#nav li li a:hover, #nav li li a:active, #nav li:hover li a:hover, #nav li:active li a:hover{
background-image:none;background-color:#743d18;color:#fff;
}

#header{clear:both;margin:0 auto;width:950px;height:245px;}
#header #logo{padding:57px 0 0 22px;}
#header h2{display:block;float:left;margin:0;}
#header h2 a{display:block;float:left;width:316px;height:136px;background:url(images/logo.gif) left top no-repeat;text-indent:-10000px;}
#header #cap{background:url(images/caption.gif) left bottom no-repeat;height:134px;padding:55px 22px 0 0;width:529px;}
#cap p{display:none;visibility:hidden;}

#slideshow{position:relative;margin:0 auto;width:950px;height:391px;}
.wrapper{clear:both;float:none;margin:0 auto 15px;width:950px;}

.slidecomment{padding:5px 20px;width:315px;height:381px;background:#000 url(images/top_image_left.gif) right bottom no-repeat;color:#fff;}
.slidecomment strong{color:#fff;}
.slidecomment h3{padding:0;margin-bottom:0;color:#fff;font-size:1.2em;text-transform:uppercase;}
.url{margin-top:0;}
.slideimg{width:595px;height:391px;padding:0;background:url(images/top_image.jpg) left top no-repeat;}
.slideimg p{margin:0;padding:0;}

#slider_controls{float:none;clear:both;width:950px;margin:0 auto;}
#toworks{float:left;padding-left:15px;margin:10px 0 0;}
#slider_nav{padding:0;margin:13px 0 20px;float:right;list-style:none;}
#slider_nav li{padding:0;margin:0 0 0 10px;float:left;list-style:none;}
#slider_nav a{display:block;width:18px;height:18px;background:url(images/control_a.gif) left top no-repeat;}
#slider_nav a.activeSlide{background-image:url(images/control_b.gif);}
#slider_nav a span{display:none;visibility:hidden;}


#main{width:579px;}
#main h3, #works h3{margin:1.3em 0;padding:0 0 10px 20px;background:url(images/header_bg.gif) left 6px no-repeat;font-size:1.5em;border-bottom:1px solid #999;}

.workslist{margin:30px 0;}
.workslist .photo{width:279px;}
.workslist .photo img{padding:0;margin:0;border:0 none;}
.workslist .right{width:290px;}
.workslist .desc{background-color:#e1e1e1;padding:12px 12px 0;height:159px;margin-bottom:10px;}
#main .workslist .desc h3{margin:0;padding:0;background-image:none;border-bottom:0;font-size:1.1em;}
#main .workslist .desc h3 a{color:#000;}
.workslist .desc p{margin-bottom:0;font-size:0.95em;line-height:1.5em;}
.workslist .desc .url{font-size:1.1em;font-weight:bold;}
.workslist .button a{display:block;height:27px;line-height:27px;font-size:1.1em;background-color:#000;text-align:center;color:#fff;font-weight:bold;}
.workslist .button a:hover{background-color:#666;text-decoration:none;}

#sidebar{width:341px;}

#sidebar .twtr-widget {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;font-size:13px !important;
}
#sidebar #twtr-widget-1 .twtr-doc,
#sidebar #twtr-widget-1 .twtr-hd a,
#sidebar #twtr-widget-1 h3,
#sidebar #twtr-widget-1 h4,
#sidebar #twtr-widget-1 .twtr-popular,
#sidebar #twtr-widget-1 .twtr-new-results,
#sidebar #twtr-widget-1 .twtr-results-inner,
#sidebar #twtr-widget-1 .twtr-timeline{
background-color:transparent !important;
}
#sidebar .twtr-hd, #sidebar .twtr-ft{display:none;visibility:hidden;}
#sidebar #twtr-widget-1 .twtr-bd, #sidebar #twtr-widget-1 .twtr-timeline i a, #sidebar #twtr-widget-1 .twtr-bd p {
color:#000 !important;
}
#sidebar .twtr-widget .twtr-tweet-wrap {
padding:10px 10px;
}
#sidebar .twtr-tweet{border-bottom:1px dotted #666;}
#sidebar .twtr-widget em, #sidebar .twtr-widget .twtr-new-results {font-size:12px;}

#works .content, #works .worksimage{width:460px;}
#works .content .url{font-size:1.1em;}
#works h3{margin-bottom:0.5em;}

#footer{clear:both;float:none;margin:30px auto 0;width:950px;color:#fff;background:#000 url(images/footer_left.gif) left top no-repeat;}
#footer .inner{padding:15px 25px;background:url(images/footer_right.gif) right top no-repeat;text-align:center;}
#footer p{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;}
#footer a{color:#eaaee6;font-family:Arial, Helvetica, sans-serif;}

fieldset{
padding: 5px 20px 14px 20px;
margin:0;
background-color: #e0e0e0;
border:0 none;
}
legend {
margin-left: -10px;
font-weight: bold;
color: #203C3E;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
padding-right: 10px;
padding-left: 10px;
background-color: #d8f6e0;
padding-top: 3px;
padding-bottom: 3px;
border: 1px solid #a4d9b4;
}
legend span {
font-weight: normal;
}
fieldset p { margin: 0.6em 0; }
fieldset label { float:left; width:161px;}
fieldset label span {
color: #333;
font-weight: normal;
}
fieldset .smTxt { font-size: 0.8em; color: #666; }
fieldset input[type="text"], fieldset input[type="password"]{
width: 370px;
border: 1px solid #999;
padding: 2px;
color: #333;
font-family: Arial, Helvetica, sans-serif;
background-color: #fff;
}
fieldset input.signup {
width: 220px;
border: 1px solid #a4d9b4;
padding: 2px;
color: #333;
font-family: Arial, Helvetica, sans-serif;
background-color: #fff;
}
fieldset .top { margin: 1.4em 0 0.6em 0; }
fieldset input:focus {
border: 1px solid #273132;
color: #333;
}

.commentBox {
font-family: Arial, Helvetica, sans-serif;
width: 370px;
font-size: 13px;
padding: 2px;
border: 1px solid #999;
background-color: #fff;
color: #333;
}

#addB {}
.submitB input[type="submit"]{
margin:0;padding:5px 20px;border:0 none;
background-color:#000;color:#fff;cursor:pointer;
}
.submitB input[type="submit"]:hover{background-color:#666;}

.hide { display: none; }
.show { display: block; }
fieldset textarea:focus {
border: 1px solid #273132;
color: #273132;
}

/*---- Classes ----*/
.left{float:left;}
.right{float:right;}
img.left{margin:0 15px 15px 0;}
img.right{margin:0 0 15px 15px;}
.clearfloat{clear:both;font-size:0.1em;line-height:0;height:0px;}
li.clearfloat{float:none !important;width:auto !important;height:0 !important;border:none !important;}
.txt_larger{font-size:1.6em;line-height:150%;}
.txt_large{font-size:1.2em;line-height:150%;}
.txt_small{font-size:0.9em;line-height:150%;}
.txt_red{color:#933;}
.txt_white{color:#fff;}
a.txt_black{color:#000;}
.txt_centre{text-align:center;}
.txt_left{text-align:left;}
.txt_right{text-align:right;}
.blogcontent{margin-bottom:20px;border-bottom:1px dotted #666;}
.blogtitle{margin:20px 0 0;}
.date{margin-top:0;color:#666;text-align:right;font-style:italic;font-size:12px;}
span.required{color:#c00;}

/*--Form Classes--*/
.labeldiv{padding-right:10px;}
.form_wrap{padding-bottom:5px;}
.form_wrap .form_label{float:left;width:45px;}
.form_wrap .form_item{float:left;}
.form_wrap .form_item2{float:left;width:200px;}
.txtlong{width:448px;}
.txtshort{width:180px;}
.form_wrap_button{text-align:center;}