@charset "utf-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

body {
  line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul ,ol,ul{
  list-style:none;
}

blockquote, q {
  quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000; 
  font-style:italic;
  font-weight:bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;   
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select {
  vertical-align:middle;
}

a:hover{
  opacity:0.8;
  filter:alpha(opacity=80);
}

/* レイアウトCSS
-------------------------------------------------*/
#header-bar{ height:20px; }
#header{
  margin-bottom:10px;
  overflow:hidden;
}
#header .inner{
  margin:0 auto;
  width:1000px;
}
#main_visual{
  margin-bottom:30px;
  background:url(img/bg_mv_01.gif);
}
#main_visual .inner{
  position:relative;
  margin:0 auto;
  width:1000px;
  height:300px;
  overflow:hidden;
}
#content{
  margin:0 auto;
  width:1000px;
}
#main{
  float:left;
  width:780px;
}
#side{
  float:right;
  width:200px;
}
#footer{
  clear:both;
}
#footer .inner{
  margin:0 auto;
  width:1000px;
}

/* 共通CSS
-------------------------------------------------*/
/* #header */
#header p{
  position:relative;
  float:left;
}
#header p span{
  position:absolute;
  left:0px;
  bottom:-12px;
  font-size:12px;
  font-weight:bold;
  font-family:Arial,Meiryo,sans-serif;
  color:#4D3F22;
}
#gnav{
  float:right;
  height:50px;
  margin-top:30px; 
}
#gnav li{ display:inline-block; margin-right:20px; }
#gnav a{ display:block; float:left; }
#gnav a:hover,#gnav a.current{
  opacity:0;
  filter:alpha(opacity=0);
}
.nav_home{ width:93px; height:50px; background:url(img/bg_gnav_on.png) 0px 0px no-repeat; }
.nav_web{ width:125px; height:50px; background:url(img/bg_gnav_on.png) -121px 0px no-repeat; }
.nav_it{ width:131px; height:50px; background:url(img/bg_gnav_on.png) -270px 0px no-repeat; }
.nav_event{ width:149px; height:48px; background:url(img/bg_gnav_on.png) -424px -2px no-repeat; }

/* main_visual */
#main_visual{ clear:both; }
#nav-list1{
  float:left;
  margin-top:20px;
}
#nav-list1 li{
  padding-bottom:10px;
  font-size:28px;
  font-weight:bold;
}
#nav-list1 a{
  text-decoration:none;
  color:#ffffff;
  text-shadow:2px 2px 1px #4D3F22;
}
#nav-list1 a span{
  font-size:18px;
}
#nav-list1 a:hover{
  /*color:#f00;*/
  text-shadow:0px 0px 10px #ff0000;
}
#nav-list2{
  position:absolute;
  right:0px;
  bottom:20px;
}
#nav-list2 li{
  padding-bottom:10px;
  font-size:28px;
  font-weight:bold;
  text-align:right;
}
#nav-list2 a{
  text-decoration:none;
  color:#ffffff;
  text-shadow:2px 2px 1px #4D3F22;
}
#nav-list2 a:hover{
  /*color:#f00;*/
  text-shadow:0px 0px 10px #ff0000;
}

/* #main */
#main .section{
  clear:both;
  min-height:200px;
  margin-bottom:30px;
}
#main .section h2{
  position:relative;
  margin-bottom:1em;
  padding:16px 0 10px 15px;
  width:765px;
  background:url(img/bg_heading_01.png) no-repeat left;
  font-size:26px;
  font-weight:normal;
  font-family:Arial,Meiryo,sans-serif;
  color:#4D3F22;
}
#main .section h2 span{
  position:absolute;
  right:0px;
  bottom:-15px;
}
#main .section h3{
  margin-top:20px;
  margin-left:5px;
  margin-bottom:.5em;
  padding:10px 0 5px 10px;
  border-left:4px solid #4D3F22;
  font-size:24px;
  font-weight:normal;
  font-family:Arial,Meiryo,sans-serif;
  color:#4D3F22;
}
#main .section p{
  width:96%;
  margin:0 0 1em 2em;
  line-height:180%;
  font-size:16px;
  color:#555555;
}
figure.full{}
figure.full img{
  display:block;
  margin:0 auto;
}

/* .portfolio */
.portfolio h4{
  margin-left:1em;
  padding-top:.6em;
  padding-bottom:.6em;
  border-top:1px dotted #999999;
  border-bottom:1px dotted #999999;
}
.portfolio h5{
  margin:0 0 .4em 1.4em;
  font-size:14px;
}
.portfolio p{
  margin-left:4em;
}
.portfolio h4 span{
  font-size:13px;
  font-weight:normal;
}
.portfolio figure{
  margin:10px;
}
.portfolio figure img{
  margin:5px;
  width:220px;
  box-shadow:3px 3px 6px #999999;
}



/* side */
#side{}
#side  .section{
  margin-bottom:30px;
  border:1px solid #f0f0f0;
  box-shadow:0 0 2px 2px #e0e0e0;
}
#side h3{
  padding:10px 0 10px 0;
  height:20px;
  background:url(img/bg_heading_s01.png) no-repeat center bottom;
  color:#4D3F22;
  text-align:center;
  font-size:16px;
  font-weight:normal;
  font-family:Arial,Meiryo,sans-serif;
}
#side ul{ margin:10px; }
#side li{
  margin-bottom:1em;
  line-height:120%;
}
#side ul a{
  font-size:16px;
  font-family:Arial,sans-serif;
  color:#4D3F22;
  text-decoration:none;
}
#side ul a:hover{
  text-decoration:underline;
}

/* #footer */
#footer{
  background:url(img/bg_footer_01.gif);
}
.footer-col{
  float:left;
  margin:10px;
  width:480px;
  /*border:1px solid #f00;*/
}
#footer .footer{
  clear:both;
  padding:8px 0 10px;
  height:30px;
  border-top:1px solid #4F442D;
}
#footer .footer p{
  text-align:right;
  text-transform:capitalize;
  font-size:18px;
  color:#ffffff;
}
/* #social */
#social{
  padding:20px 0;
  background:url(img/txt_social.png) no-repeat top left;
  text-align:right;
}
#social li{
  display:inline;
}
#social li a{ /*display:block; float:left; width:36px;*/ }
#social li img{ width:36px; }
.tweet{
  width:480px;
  height:230px;
  background:url(img/bg_tweet_00.png) no-repeat;
}
/* contact */
#contact{
  background:url(img/txt_message.png) no-repeat top left;
}
#contact .panel{
  position:relative;
}
#mailform,#fb-comment,#tweetbox{
  /*position:absolute;*/
  width:480px;
  height:230px;
  background:url(img/bg_message_00.png) no-repeat;
}
#tabs{
  margin-top:50px;
  overflow:hidden;
}
#tabs li{
  display:inline;
}
#tabs a{
  display:block;
  float:right;
  padding:8px 10px 2px;
  background:#5C5035;
  font-weight:bold;
  color:#ffffff;
  text-decoration:none;
  border-radius:10px 10px 0px 0px;
}
#tabs a:hover,#tabs a.selected{
  background:#f0f0f0;
  color:#5C5035;
}

/* #mailform */
#mailform{
  width:400px;
  height:210px;
  padding:20px 20px 0px 60px;
}
#mailform dt{
  position:relative;
  display:block;
  float:left;
  clear:left;
  margin:10px 10px 5px 0px;
  width:100px;
  text-align:right;
  font-size:14px;
  color:#5C5035;
}
#mailform dd{
  padding-bottom:5px;
}
#mailform input,#mailform textarea{
  border:none;
  font-size:14px;
}
#mailform #name{
  width:190px;
  padding:5px 5px 9px;
  background:url(img/bg_form_01.png) no-repeat;
}
#mailform #email{
  width:270px;
  padding:5px 5px 9px;
  background:url(img/bg_form_02.png) no-repeat;
}
#mailform #comment{
  width:270px;
  height:70px;
  padding:5px;
  background:url(img/bg_form_03.png) no-repeat;
}
#mailform .submit{
  display:none;
  position:absolute;
  left:100px;
  bottom:50px;
}

/* fb-comment */
#fb-comment{}

/* tweetbox */
#tweetbox{}
#tbox{ margin-top:-25px; padding-left:70px; }
#login-logout{ margin-left:70px; padding-top:20px; }

/* パーツCSS
-------------------------------------------------*/
/* #cal_panel */
#cal_panel{}
#cal_panel dt{
  margin:0 0 4px 15px;
  font-size:13px;
  color:#999999;
}
#cal_panel dd{
  margin:0 0 1em 15px;
  font-weight:bold;
  font-size:18px;
}
#cal_panel dd a{
  color:#ff3300;
  text-decoration:none;
}
#cal_panel dd span{
  font-size:13px;
  color:#999999;
}

/* Twit */
.twit {}
.twitHeader {
  display: none;
}
.twitLabel {}
.twitTitle {}
.twitUser {
  float:left;
  width:80px;
  text-align:center;
}
.twitUser a{
  color:#222;
  font-size:12px;
  font-weight:bold;
  text-decoration: none;
}
.twitBody {
  overflow:auto;
  width:370px;
  height:180px;
  margin-left: 110px;
  padding-top:10px;
}
.twitEntry {
  padding: 6px 8px;
  border-bottom: dashed 1px #ccc;
  line-height: 130%;
  font-size:14px;
  color:#4F442D;
}
.twitEntry a{
  font-size:12px;
  color:#ff9900;
}
.twitEntry a:hover{
  text-decoration:none;
}
.twitNavi {
  clear: both;
  padding: 5px;
  text-align: center;
  font-size:12px;
}

/* Facebook */
#footer .fb_iframe_widget{
  margin:10px 0 0 70px;
  height:190px;
  overflow:auto;
}