/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*���� header side footer*/
body{
  margin:0 auto;
  padding:0;
}
h1{
  font-size:22px;
}
h3{
  font-size:16px;
}
h3#orange{
  color:#FF9900 !important;
  margin:0 !important;
  padding:0 !important;
  line-height:18px;
}
a:link .btn,a:visited .btn{
  color:#ffffff;
}

#header{
  margin-bottom:0;
  position:relative;
  height:60px;
}
#header a img{
  height:60px;
  position:absolute;
  top:-10px;
  left:0;
}
ul.headnav{
  /*padding-left:250px;*/
  position:absolute;
  right:0;
  
}
#footer{
  background-color:#222222;
  color:#ffffff;
}
div.fb_iframe_widget,
div.fb_iframe_widget iframe[style],
div.fb_iframe_widget span {
    width: 100% !important;
    max-width: 500px;
}
/*�g�b�v�y�[�W���J�e�S�����•ʃy�[�W*/
.navbar-inner{
  position:relative;
}
#nav{
  position:absolute;
  right:170px;
}

.hero-unit{
  text-align:center;
}
#top_box h2{
  font-size:20px;
}



#capter{
  font-size:13px;
  text-align:left;
}


.pic{
  text-align:center;
}
.pic img{
  max-height:200px;
}
#onespan{
  margin-bottom:30px;
  
}
.subtitle h2,.subtitle h3{
  margin:10px 0 !important;
}
.string{
  position:relative;
  height:200px;
}
.button{
  position:absolute;
  bottom:0;
  right:0;
}

.hero-unit{
  margin : 0px !important;
  padding: 0px !important;
}
#thumbnail{
  height:200px;
  width:100%;
}
.item img{
  margin-bottom:10px;
}

.btn-warning{
  width:280px;
}
li.span6 .thumbnail .caption p{
  height:75px;
  width:300px;
  margin:0 auto;
  overflow:hidden;
}
.worldpic{
  margin-top:30px;
}
/*ABOUT�y�[�W*/
.history,#history h3,#history p{
  text-align:left !important;
}
#history{
  padding:15px 30px !important;
  font-size:15px;
  margin-bottom:15px !important;
}
p.icon img{
  width:110px !important;
}

.go-top {
    position: fixed; /*固定表示*/
    bottom: 2em;
    right: 2em;
    text-decoration: none;
    color: white;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
    padding: 1em;
    display: none; /*通常は非表示に*/
}
/**
 * twilinebox
 */
#twilinebox {
	position: relative;
	width: 100%;
	height: 30px;
	border: #000000 1px solid;
	background-color: #000000;
}

#twilinebox h3 {
	margin: 0px;
	padding: 0px;
}
#twilinebox h3 a {
	display: block;
	width: 100%;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(img/sample_03_image.gif ) no-repeat 0px 0px;
	
}

#twilinebox .bg {
	position: absolute;
	left: 4px;
	top: 88px;
	width: 100%;
	height: 25px;
	background: transparent url(img/sample_03_bg_twiline.gif ) no-repeat 0px 0px;
}

#twiline-3 {
	position: absolute;
	left: 2px;
	top: 8px;
	width: 98%;
}

#twiline-3 p .time {
	color: #CCCCCC;
}
#twiline-3 a {
	color: #999999;
}
#twiline-3 a:hover {
	color: #CCCCCC;
}

#icon-3 {
	position: absolute;
	left: 604px;
	top: 88px;
	width: 25px;
	height: 25px;
}

#twilinebox .follow {
	position: absolute;
	left: 635px;
	top: 89px;
}

#twilinebox .follow a {
	display: block;
	width: 88px;
	height: 23px;
	overflow: hidden;
	background: transparent url(img/sample_03_btn_follow.jpg ) no-repeat 0px 0px;
	text-indent: -9999px;
	outline: none;
}
#twilinebox .follow a:hover {
	background-position: -88px 0px;
}
#top_box .span3{
	height:286px;
	margin-left:15px;
}
footer .span3{
	height:300px;
	margin-left:15px;
}
footer .row{
	margin-left:-15px;
}
.hero-unit img{
	width:100%;
	height:auto;
}
#twilinebox{
	width:97.5%;
}