@charset utf-8;

/* mystyle.css*/

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a {
	-webkit-text-shadow: none;
	text-shadow: none;
}

body {
	font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background-image: url(../../common/images/commonBg.jpg);
	background-repeat: repeat;
	line-height: 1.5em;
	color: #000;
	-webkit-text-shadow: 0 1px 0 #FFF;
	text-shadow: 0 1px 0 #FFF;
}
.orange {color:#ff9900;}


#cont {width:95%; margin:30px auto; line-height:1.6; font-size:16px;}
#cont p {margin-bottom:1.2em;}

strong {font-weight:bold;}


/* javascript-type */
#jq header {
	border-top: 10px solid #5654a2;
	margin-bottom: 5px;
}

#jq h1 {
	font-size: 100%;
	line-height: 120%;
	background-color: #FFF;
	background-image: url("../../common/images/titleIcon-jq.png");
	background-repeat: no-repeat;
	background-position: left 5px center;
	color: #222;
	padding: 15px 10px 15px 40px;
	-webkit-box-shadow: 0 5px 5px #000;
	box-shadow: 0 2px 2px #ccc;
	-webkit-text-shadow: none;
	text-shadow: none;
}

/* css-type */
#cs header {
	border-top: 10px solid #E7D5BD;
	margin-bottom: 5px;
}

#cs h1 {
	font-size: 160%;
	line-height: 120%;
	color: #905f3e;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "細明朝体" ; font-weight:bold; 
		border-bottom:1px solid #905f3e;
}

/* html-type */
#ht header {
	border-top: 10px solid #E7D5BD;
	margin-bottom: 5px;
}

#ht h1 {
	font-size: 120%;
	line-height: 120%;
	background-color: #5f4f5a;
	background-image: url("../../common/images/titleIcon-cs.png");
	background-repeat: no-repeat;
	background-position: left 5px center;
	color: #FFFFFF;
	padding: 15px 10px 15px 40px;
	-webkit-box-shadow: 0 5px 5px #000;
	box-shadow: 0 2px 2px #ccc;
	-webkit-text-shadow: none;
	text-shadow: none;
}

h2 {
	font-size:1.2em;
	line-height: 120%;
	color: #905f3e;
	padding: 5px 0;
	margin:20px 0;
	font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight:bold;
	border-bottom:1px solid #905f3e;
}
h3 {
	background-color: #FFFCE1;
	color:#905f3e;
	border:#C96 1px solid;
	border-left:20px solid #6C9;
	margin-bottom: 10px;
	padding: 5px 0 5px 10px;
	font-size:1em;
	font-weight:bold;
}

h6 {
	font-size: 90%;
	background-color: #fff;
	color: #000;
	padding: 10px 0;
	text-align: center;
	font-weight:normal;
}
article {
	margin: 5px;
	font-size: 90%;
}
footer {
	clear: both;
	font-size:14px; text-align:center; color:#000;
	padding-top:20px;
	border-top:1px solid #ccc;
}

.memo {
	padding:5px;
	font-size:80%;
	font-weight:bold;
	clear:both;
}
pre {
	background-color: #fff;
	border: 1px solid #ccc;
	padding:5px;
	line-height:1.5em;
	border-radius:3px;
	font-size:80%;
	color:#993366;
	margin-bottom: 5px;
}


.table_face1 {margin-bottom:20px; border-collapse:collapse; border:#ccc solid 2px;}

.table_face1 th {text-align:center; padding:10px; font-weight:bold; text-align:left;
border:#ccc solid 1px; border-collapse:collapse; }

.table_face1 td {text-align:left; padding:10px; 
border:#ccc solid 1px; background-color:#fff; border-collapse:collapse;}

.corse {font-size:1.4em; color:#663300;}
.gohead {text-align:right; margin:30px 0;}

.access-step li {float:left; margin-right:10px; width:250px;}

.news {font-size:20px; line-height:1.4; font-weight:bold; margin:0; padding:0;}

.yellow {color:#ffcc00;}

#answer strong { color:#630; }


#answer p.kotae {margin-left:2em; margin-top:0; padding:0; margin-bottom:3em;}

.icon_ques:before {
      content: url(http://tougouiryouteam.jp/image/ques.jpg) ;
      position : relative ;
      bottom : -0.16em ;
      margin-right : 0.2em ;
}

.icon_toi:after {
      content: url(http://tougouiryouteam.jp/image/toiawase.jpg) ;
      position : relative ;
      bottom : -0.16em ;
      margin-right : 0.2em ;
}


ul.service {padding:0; margin:0 0 2em 0;}
ul.service li {list-style:circle; margin-left:2em;}

#member strong { color:#630; }

.oran-title {color:#F60; font-size:1.4em; line-height:1.2;}
.oran-title2 {color:#F60; font-size:1.8em; line-height:1.2;}