/* ----------------------------------------------------------------------

 smart phone setting

---------------------------------------------------------------------- */

body {
  -webkit-text-size-adjust:100%; margin:0; padding:0;
  font-family:"Century Gothic",Arial,sans-serif;
  width:100%; position:relative;
  color:#333; background:#fff;
  font-size: 16px;
  line-height: 1.2;
}
.backtotop {
 position: fixed;
 right: -95px;
 bottom: 0;
 z-index: 9000;
 display: none;
}
.backtotop img {
 width: 45%;
}
.spno { display: none; }
/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
#header-wrapper { width:100%; margin-bottom: 15px; text-align: center; }
#header-wrapper h1 { margin-bottom: 0;}
#header-wrapper img { width: 90%;}

#header { 
 background:#fff; 
 width: 100%; 
 min-height: 30px; 
 padding: 7px 0 0 0; 
 position: relative; 
 box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
 background-image: url(../img/bg_head.png);
 background-repeat: repeat;
 background-position: center top;
}

#description { display:none; }
#header_menu { display:none; }
.search_area { display:none; }

/* logo */
#logo_text, #logo_image { }

#logo_text h2, #logo_image h2 { 
	margin-top: -15px;
	font-size: 16px;
	font-weight: normal;
}

/* social link */
#header_menu_area { margin:0; position:absolute; right:80px; top:12px; }
.social_link { margin:0; }
.social_link li { float:left; margin:0 0 0 5px; }
.social_link li a { display:block; width:22px; height:22px; text-decoration:none; text-indent:-9999px; }
.social_link li.rss a { background:url(img/common/icon_rss.png) no-repeat left top; }
.social_link li.twitter a { background:url(img/common/icon_twitter.png) no-repeat left top; }
.social_link li.facebook a { background:url(img/common/icon_facebook.png) no-repeat left top; }
.social_link li a:hover { background-position:left bottom; }


/* global menu */
#header a.menu_button {
 position:absolute; 
 right:15px; 
 top: 10px;
 margin:0; 
 display:inline-block; 
 font-size:11px; 
 background-color: #fff;
 color:#333; 
 padding:0 10px; 
 line-height:30px; 
 text-decoration:none;
  -moz-border-radius:4px; 
  -khtml-border-radius:4px; 
  -webkit-border-radius:4px; 
 border-radius:4px;
 border:1px solid #ccc;
}
#header a.menu_button:hover { background:#f6b000; border:1px solid #f6b000; color:#fff; }
#header a.active { color:#000; background:#ffedbf; box-shadow:1px 1px 2px rgba(0,0,0,0.2) inset; }

#global_menu { 
 display:none; 
 clear:both; 
 width:100%; 
 margin:0; 
 top:0px; 
 position:relative; 
 box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); 
  -moz-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); 
  -webkit-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1); 
}
#global_menu ul { margin:0; }
#global_menu a {
	display:block;
	border:1px solid #ccc;
	border-left:none;
	border-right:none;
	margin:0 0 -1px 0;
	padding:0 10px 0 10px;
	line-height:40px;
	text-align: left;
	text-decoration:none;
	background-color: #ffedbf;
}
#global_menu a:before {content: "> " }

#global_menu a:hover { background-color:#f6b000 !important; color:#fff; }
#global_menu .sub-menu a{
	padding-left: 42px;
	background:#fff url(../images/common/arrow4.png) no-repeat 30px !important;
}
#global_menu .sub-menu a:hover { background-color:#eee !important; color:#333; }


/* ----------------------------------------------------------------------
 contents
---------------------------------------------------------------------- */

#contents { 
 width:96%; 
 margin: 0 auto 100px auto; 
 padding-top: 1px;
}
p {
 line-height: 160%;
 margin: 0 0 1.5em;
 padding: 0;
}
h2.title {
 font-size: 120%;
 padding-left: 7px;
 border-left: solid 4px #f6b000;
}

#personality,
#youtube,
#backnumber,
#letter,
#oldatosutatv {
 margin-bottom: 50px;
}
#youtube {
	width: 90%;
	height: 300px;
	margin: 0 auto 30px auto;
}
#youtube iframe {
	width: 100%;
	height: 100%;
}
#personality .read h3 {
 font-size: 110%;
  margin-bottom: 15px;
  text-align: center;
}
#personality .read p {
 font-size: 96%;
 line-height: 150%;
 margin-bottom: 15px;
}
#personality .photo {
 text-align: center;
}

#personality .read {
 padding-bottom: 10px;
 margin-bottom: 30px;
 border-bottom: solid 1px #e6e6e6;
}

/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
#footer-wraper{
	clear: both;
	width: 100%;
	background-color: #f7b000;
	padding: 20px 0;
}

.footernav {
	margin: 0 0 10px 15px;
/*	margin: 0 auto 10px auto;
	text-align: center;*/
}
.footernav li {
	display: inline-block;
	border-right: 1px solid #333;
	padding: 0 7px;
	margin-bottom: 10px;
	font-size: 80%;
}
.footernav li:last-child {
    border-right: none;
}

.footernav a { text-decoration:none; }
.footernav a:hover { text-decoration: underline; }


/* copyright */
#copyright { 
 width:94%; 
 margin:0; 
 padding:0 15px 10px;
 font-size:11px; 
 line-height:100%; 
 color:#fff; 
 background:#f6b000; 
}
#copyright p {
	margin: 0;
	line-height: 140%;
}