/* =01.Global
------------------------------------- */
* { padding:0; margin:0; outline:0; }
body {
  background: #fff ;
  font-family: 'Josefin Sans', Arial, Helvetica,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Meiryo",sans-serif;;
  color: #555 !important;
  font-size: 14px !important;
  word-wrap: break-word;
  line-height: 1.6;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a img { border:0; }

.notext { font-size:0; line-height:0; display:block; text-indent: -4000px; background-position:0 0; background-repeat:no-repeat; }

a { color:#63b0f7; text-decoration: underline; cursor:pointer; }
a:hover { color:#114868; text-decoration: none; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; height:0; display:block; clear:both; }

h2 { font-size:25px; font-weight: bold; line-height:28px; }
h3 { font-size:30px; font-weight: bold; line-height:1.2; font-style: italic; text-shadow: 1px 1px rgba(255, 255, 255, 1);}
h4 { font-size:14px; font-weight: bold; line-height:17px; text-transform: uppercase; color:#505f77; }

.shell { width:966px; margin:0 auto; }

.left h2, .right h2{font-family:Aclonica;}
.left p, .right p{line-height:1.6; color: #0f0f00;background: rgba(255,255,255,0.4);}


#header { height:240px; background:url(images/4.gif) repeat center 0; overflow:hidden; }
#header .shell{ padding:20px 0 0 0;}
#header .left{ width:410px; }
#header .right{ width:495px; }

ul#social {
  list-style: none;
  margin: 20px 0 10px 0;
  font-size: 20px;
  text-align: center;
}
ul#social li{display: inline; padding: 0 10px;}
ul#social li a{color: #555;}
#footer {background:url(images/4.gif) repeat-x center 0; color:#555; }
#footer h2{ padding-bottom:5px; }
#footer .left{ width:550px; }
#footer .right{ width:350px; }
p.copy{ background: #222 url(images/copy.gif) no-repeat center 0; font-size:11px; color:#565656; text-align: center; padding:8px; margin:15px auto;}
p.copy a{ color:#565656; }

#footer .shell{ padding:15px 0; }

#container { background:#72716E url(images/container-bg.gif) repeat-x 0 0; }
#container-b { background:url(images/shadows-bottom.gif) no-repeat center bottom; }
#container .shell{ background:url(images/shadows-top.gif) no-repeat center 0; padding:20px 0; min-height:260px; }

h1#logo { font-size:0; line-height:0; width:500px;height:53px;  margin-top: 110px;}
h1#logo a{ display:block; height:53px; text-indent: -4000px; background:url(images/logo.png); }

#navigation { text-align: right; font-weight: bold; text-transform: uppercase; font-size:14px; line-height:1.6; height:70px; 	text-shadow: 1px 1px rgba(255, 255, 255, 1);}
#navigation ul{ list-style-type: none; }
#navigation ul li{ display:inline-block; }
#navigation ul li a{ background: rgba(255, 255, 255, 0.68); padding: 10px; text-decoration: none; color:#72716E;   text-shadow: 1px 1px rgb(243, 243, 243); }
#navigation ul li a:hover,
#navigation ul li a.active {color:#72716E; }

#info { float:right; width:465px; height:134px; background:url(images/twitter.png) no-repeat 0 0; margin:0 0 0 auto; }

.twitts { font-size:13px; line-height:17px; color:#fff; font-style: italic; position:relative; padding:45px 10px 0 0; margin-left:85px;}
.twitts ul {
  list-style-type: none;
  margin: -10px 0 0 0;
  line-height: 1.6;
  font-size: 13px;
}
.twitts ul li{ padding-bottom:5px; }
.twitts ul li a{ margin: 0 5px 0 0; }
.twitts ul li span{ color:#ffd451; }
.twitts ul li small {
  display: block;
  font-size: 10px;
  color: #8b8b8b;
  text-align: right;
  margin: 5px 15px 0 0;
}


.projects { position:relative; }
.projects ul{ list-style-type: none; height:270px; overflow:hidden; width:966px; position:relative; }
.projects ul li{ float:left; width:950px; height:270px; background:url(images/project.png) no-repeat 0 0; padding:8px;}
.projects ul li .project-info{ float:left; width:295px; padding:10px; }
.projects ul li .project-image{ float:right; width:615px; height:254px; position:relative; overflow:hidden; font-size:0; line-height:0;}
.projects p { font-size: 13px; padding:5px 15px; 	text-shadow: 1px 1px rgba(255, 255, 255, 1); }
.projects h4 { padding:5px 0 10px 0; }
#copyright {
  text-align: center;
  color: #2D2D2D;
}
#copyright a {
  text-decoration: none;
  color: #2D2D2D;
  margin-left: 5px;
}
/** jCarousel **/
.projects .jcarousel-clip { width:966px; height:270px; overflow:hidden; position:relative; }

.jcarousel-prev,
.jcarousel-next { font-size:0; line-height:0; width:49px; height:49px; cursor:pointer; position:absolute; top:106px; z-index:2;}
.jcarousel-prev { left:-20px; background:url(images/prev-button.png); }
.jcarousel-next { right:-20px; background:url(images/next-button.png); }