/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.1
*/
body { font:14px/1.231 "ヒラギノ角ゴ Pro W3"; border-top:solid 5px #162953; }

header { margin:0; padding:0; }

h1 {
  background-image:url(../img/bk_header.gif);
  background-position:top;
  background-repeat:repeat-x;
  text-align:center;
  height:70px;
  margin:0;
  padding:0;
}

#box_topimg     { text-align:center; margin:0; padding:0; background-color:#384b75; }
#box_topimg img { max-width:100%; height:auto; margin:0; padding:0; }

#wrap { margin:0; padding:0; }

h2 {
	font-size: 121%;
	text-shadow: 1px 1px 2px #ccc;
	color: #f4b800;
	margin-bottom: 10px;
}

nav {
  background-color:#162953; /* #384b75 */
/*  background:-webkit-gradient(linear, left top, left bottom, from(#162953), to(#384b75)); */
  border-bottom: solid 1px #384b75;
  font-size:12px;
  text-align:center;
  width:100%;
  margin:0;
  padding:0;
  height:auto;
}
nav ul { margin:0; padding:0; }

nav li {
	text-align:center;
	float:left;
	font-weight:bold;
	border-left:1px solid #384b75;
	text-shadow:-1px -1px 0 rgba(150, 150, 150, 0.3);
	width:33%;
	margin:0;
}

nav li a {
	display:block;
	width:100%;
	padding:15px 0;
	margin:0;
}
nav li:first-child {
	border: none;
}
nav a {
  color: #fff;
  text-decoration: none;
}
/*
section, nav {
  margin-bottom: 1em;
}
*/
#box_contimg {
  text-align:center;
  margin:0 0 10px 0;
  padding:0 0 10px 0;
  border-bottom:dotted 1px #ccc;
}
#box_contimg img {
  max-width:100%;
  height:auto;
}


h3 {
  background:url(../../img/ya_3.gif) left top no-repeat;
  padding-left:20px;
  margin-left:10px;
  margin-top:10px;  
  color: #f4b800;
  min-height:23px;
}
p {
	margin-bottom: 1em;
}
aside {
/*
  background-color: #ebebeb;
  border-radius:5px;
  -webkit-border-radius:5px;
  padding:10px;
  margin:0 10px 0 10px;
*/
}

.cont_bk_gray {
  background-color: #ebebeb;
  border-radius:5px;
  -webkit-border-radius:5px;
  padding:10px;
  margin:0 10px 0 10px;
}

aside p:last-child {
	margin-bottom: 0;
}

section { margin-bottom:10px; }

ul {
  list-style-type:none;
}

aside li           {
  display: block;
  padding: 15px;
  background-color: #ebebeb;
  border-bottom: solid 1px #ccc;
/*  background: -webkit-gradient(linear, left top, left bottom, from(#cbcccf), to(#fff)); */
}
aside li a         { display:block; background:url(../../img/ya_3.gif) right no-repeat; }
aside li a:link    { text-decoration:none; color:#333; }
aside li a:visited { text-decoration:none; color:#333; }
aside li a:hover   { text-decoration:none; color:#333; }
aside li a:active  { text-decoration:none; color:#333; }

footer {
  border-top: 1px solid #ebebeb;
  text-align:center;
  background-color:#384b75;
  color:#7c8fb9;
  margin-bottom:0;
}

#btnTop {
  border-radius:5px;
  background-color:#ccc;
  background: -webkit-gradient(linear, left top, left bottom, from(#cbcccf), to(#fff));
  font-size:12px;
  padding:5px 10px 5px 10px;
  margin:10px 50px;
  text-align: center;
}

#btnTop a {
  text-shadow: 1px 1px 0 #ddd;
  display: block;
  padding:5px 10px 5px 10px;
  color: #333;
  text-decoration: none;
}

#foot_upper {
  border-bottom:solid 1px #162953;
}

footer #copyright {
  background-color:#162953;
  font-size:12px;
  text-align:center;
  padding:10px 0 10px 0;
  margin-bottom:0;
  border-top:solid 1px #384b75;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

/* --------------------------------------------------------------- START お問い合わせフォーム関連 */

form {
  margin:0;
  padding:0;
}

fieldset { border:none; }

label {
  background-image:url(../../img/ya_3.gif);
  background-position:left;
  background-repeat:no-repeat;
  padding:3px 0 3px 20px;
}

/*
#user-details {
  float:left;
  width:220px;
  margin:0 0 0 20px;
  padding:0;
}

#user-message {
  float:right;
  width: 410px;
  margin:0 10px 0 0;
  padding:0;
}
*/

input {
  padding:5px;
  margin:5px 0 20px 0;
  background:#fff;
  width:205px;
  font-size:14px;
  border:1px #ddd solid;
/* -- CSS3 Shadow - create a shadow around each input element -- */ 
  -webkit-box-shadow: 0px 0px 4px #aaa;
  -moz-box-shadow: 0px 0px 4px #aaa; 
  box-shadow: 0px 0px 4px #aaa;
/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
  -webkit-transition: background 0.3s linear;							
}

.check {
  width:20px;
  height:40px;
  margin:0 5px 5px 15px;
}

textarea {
  width:95%;
  height:100px;
  padding:5px;
  margin:5px 0 10px 0;
  background:#fff;
  font-size:14px;
  border:1px #ddd solid;
/* -- CSS3 Shadow - create a shadow around each input element -- */ 
  -webkit-box-shadow: 0px 0px 4px #aaa;
  -moz-box-shadow: 0px 0px 4px #aaa; 
  box-shadow: 0px 0px 4px #aaa;
/* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */		
  -webkit-transition: background 0.3s linear;							
}
	
input:hover, textarea:hover { background:#eee; }

#box_bu_form { text-align:center;}

input.submit { 	
  width: 150px; 
  color: #eee; 
  text-transform: uppercase; 
  margin:5px;
  background-color: #18a5cc;
  border: none;
/* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
  -webkit-transition: -webkit-box-shadow 0.3s linear;
/* -- CSS3 - Rounded Corners -- */
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px;
  border-radius: 4px; 
/* -- CSS3 Shadow - create a shadow around each input element -- */ 
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#18a5cc), to(#0a85a8)); 
  background: -moz-linear-gradient(25% 75% 90deg,#0a85a8, #18a5cc);		
}

input.submit:hover {
  -webkit-box-shadow: 0px 0px 10px #666;
  -moz-box-shadow: 0px 0px 10px #666; 
  box-shadow: 0px 0px 10px #666;
  cursor:  pointer; 
}

/* --------------------------------------------------------------- END お問い合わせフォーム関連 */

.chu { font-size:12px; color:#FF9999; }

.col_1  { font-size:16px; font-weight:bold; border-bottom:dotted 1px #555; background-image:url(../../../img/icon_1.gif); background-position:left; background-repeat:no-repeat; padding:5px 5px 5px 30px; margin-top:10px; }
.col_2  { font-size:14px; font-weight:bold; margin-top:5px; }
.text_1 { font-size:12px; color:#3399ff; }

.tit_gaiyo { margin-top:0; padding-top:10px; color:#3399ff; border-top:dotted 1px #ccc; }
.tit_gaiyo:before { content:"●" }

#li_shinchu li   { padding-top:0; padding-bottom:0; letter-spacing:0.5em; }
#li_shinchu li a { display:block; font-size:18px; padding-top:20px; padding-bottom:20px; font-weight:bold; }


/* --------------------------------------------------------------- START インタビュー関連 */

#tit_konna, #tit_yarigai, #tit_futokoro, #tit_mimi, #tit_tasukeai, #tit_fukuri {
  width:690px;
  height: 274px;
  margin:50px 0 0 0;
  text-indent: -9999px;
  background-repeat: no-repeat;
}

#tit_konna    { background: url(../../img/tit_konna.png); }
#tit_yarigai  { background: url(../../img/tit_yarigai.png); }
#tit_futokoro { background: url(../../img/tit_futokoro.png); }
#tit_mimi     { background: url(../../img/tit_mimi.png); }
#tit_tasukeai { background: url(../../img/tit_tasukeai.png); }
#tit_fukuri   { background: url(../../img/tit_fukuri.png); }

#eishintoha {
  padding:0;
}

#eishintoha li {
  list-style-type: none;
}

#bu_yarigai a, #bu_futokoro a, #bu_mimi a, #bu_tasukeai a, #bu_fukuri a {
  display: block;
  width:690px;
  height:77px;
  margin-bottom:5px;
  text-indent: -9999px;
  background-repeat: no-repeat;
}

#bu_yarigai a  { background:url(../../img/bu_yarigai.png); }
#bu_futokoro a { background:url(../../img/bu_futokoro.png); }
#bu_mimi a     { background:url(../../img/bu_mimi.png); }
#bu_tasukeai a { background:url(../../img/bu_tasukeai.png); }
#bu_fukuri a   { background:url(../../img/bu_fukuri.png); }

#bu_yarigai a:hover  { background:url(../../img/bu_yarigai_on.png); }
#bu_futokoro a:hover { background:url(../../img/bu_futokoro_on.png); }
#bu_mimi a:hover     { background:url(../../img/bu_mimi_on.png); }
#bu_tasukeai a:hover { background:url(../../img/bu_tasukeai_on.png); }
#bu_fukuri a:hover   { background:url(../../img/bu_fukuri_on.png); }

#voice {
  padding-bottom:127px;
  margin-bottom: 50px;
  background: url(../../img/fukidashi.png) no-repeat bottom;
}

#voice img {
 margin-bottom:20px; 
}

/* --------------------------------------------------------------- END インタビュー関連 */