@charset "utf-8";
/*-------------------------------------------------------------------------------

	HTML5 :: module.css
	2013.4 accelight
	
-------------------------------------------------------------------------------*/

/*-----------ホーム--------------*/
body.home #main-v { width: 433px; height: 342px; float: right; }
body.home article { width: 920px; }
body.home #news dl { float: left; width:600px; }
body.home #p-training { float: left;  width: 200px; background: #0091ca; margin-left: 40px;  }
body.home #p-training p { margin: 0 }
body.home #p-training a { color: #ffffff; display:block; padding: 10px; } 
body.home #p-training a:hover { opacity: 0.7; }
body.home section h1 { width: 458px; }
body.home section h2 { width: 458px; }
body.home section#news { width: 637px; float: left; } 
body.home section#news h1 { width: 610px; }
body.home section dl { width: 560px; }
body.home p.view_all { margin: 0; text-align: right; padding-top: 5px; }

/*-----------申し込みフォーム--------------*/
#trust-form .subject { }
.application .submessage { font-size: 75%; color: #666; }
.application .submessage p { margin-bottom: 0; }
#trust-form .submessage { font-size: 75%; color: #f6ebaa; }
#trust-form input[type="text"] { width: 95%; }
#trust-form textarea { width: 95%; min-height: 120px; }
#trust-form input[type="radio"] , #trust-form input[type="checkbox"] { vertical-align: middle; }
#trust-form th { width: 45%; }
#trust-form td ul { margin: 0; }
#trust-form td li { background: none; }
#trust-form .error { padding: 2px 0 0 72px; color: #ff0000; background:url(../img/error_anime_icon.gif) 0 0 no-repeat; }
.application .notice { color: #cf6609; font-size: 120%; }
p.submit-container { text-align: center; }

/*----------医療通訳者養成研修のh2-----------*/
.training section h2 { clear: both; }


/*----------医療通訳者養成研修のAPPボタン-----------*/
.app_button { background: #0091ca; width: 320px; height: 56px;
margin: 30px auto 20px; border-radius: 10px; font-size: 118%; } 
.app_button a { display: block; width: 320px; height: 56px; border-radius: 10px; color: #ffffff; line-height: 56px; text-align: center; }
.app_button a:hover { opacity: 0.8; }

/* ----- メンバー専用ページ ----- */
.member section a h2 { color: #000; }
.member section a:hover h2 { background: #0091ca; color: #fff; }
.member .comments-number a { margin: 0 0 0 10px; }

.member ol.commentlist { }
.member .commentlist ul , .member .commentlist ol { margin: 0; }
.member li.comment { }
.member ol > li.comment { border: 1px solid #ececec; padding:10px; box-shadow: 0 0 7px 0 rgba(0,0,0,0.35); margin-bottom: 10px; border-radius: 5px; }
.member div.comment-body { border-top: 1px solid #ccc; padding: 10px; }
.member ol > li.comment > div.comment-body:first-child { border-top: none; }
.member ol > li.comment ul li { background: none; }

  .member .comment-author { margin: 0 0 7px 0; }
  .member .comment-author img { margin: 0; }
  .member .comment-meta { margin: 0 0 7px 0; padding: 0 0 0 0.8em; background: #f3f3f3; border-radius: 3px; }
  .member div.comment-body > p { margin: 0 15px 3px 3px; }
  .member .reply { text-align: right; }
  .member .reply a { padding: 4px 12px; background: #0091ca; color: #fff; border-radius: 3px; font-weight: bold; }
  .member .reply a:hover { background: #82a900; }

.member #respond {}
.member #respond small {}
.member #respond form > p { text-align: center; } 
.member #respond form > p:first-child { margin-bottom: 10px; text-align: left; } 
.member #respond form > p textarea { max-width: 100%; max-height: 250px; }
.member #respond form > p input#submit { border:none; font-size: 113%; padding: 7px 22px; background: #0091ca; color: #fff; border-radius: 3px; font-weight: bold; }
.member #respond form > p input#submit:hover { background: #82a900; }

.member article table th p,
.member article table td p { margin: 0; }
