@charset "utf-8";

/* トップページ */

#indexContents {
	width: 930px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#indexImgBlock {
	background: url(../img/bg_index_img01.gif) no-repeat top right;
	width: 630px;
}

#indexTextBlock {
	width: 440px;
}

#indexNews {
	width: 630px;
}

#indexNews dl {
	padding: 10px 0;
	overflow: hidden;
	position: relative;
	border-bottom: dotted 1px #cccccc;
}

#indexNews dt {
	width: 100px;
	float: left;
}

#indexNews dd {
	width: 520px;
	float: right;
}

#indexNews dd li {
	list-style-image: url(../img/arrow_blue.gif);
	list-style-position: inside;
}

#gotoNewList {
	text-align: right;
	padding: 10px 0;
}


.indexPostList {
  width: 630px;
}

.indexPostList dl {
  padding: 10px 0;
  overflow: hidden;
  position: relative;
  border-bottom: dotted 1px #cccccc;
}

.indexPostList dt {
  width: 100px;
  float: left;
}

.indexPostList dd {
  width: 520px;
  float: right;
}

.indexPostList dd li {
  list-style-image: url(../img/arrow_blue.gif);
  list-style-position: inside;
}



/* レポート・論文 */

#report dl {
	padding: 15px 0;
	margin-bottom: 10px;
	border-bottom: solid 1px #cccccc;
	overflow: hidden;
	position: relative;
}

#report dt {
	width: 520px;
	float: left;
	font-size:16px;
}

#report dt a:link {
	 color: #aa8534;
}

#report dt a:visited {
	color: #aa8534;
}

#report dd {
	width: 100px;
	float: right;
	font-size:16px;
}

#report p {
	padding-top: 10px;
	clear: both;
}

#reportSearchArea {
	background: url(../report/img/bg_search_area.gif) no-repeat;
	width: 520px;
	height: 210px;
}

#reportSearchArea dl {
	width: 430px;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;
	position: relative;
}

#reportSearchArea dt {
	width: 90px;
	height: 20px;
	padding: 5px;
	text-align: right;
	font-weight: bold;
	float:left;
}

#reportSearchArea dd {
	width: 320px;
	height: 20px;
	padding: 5px;
	float: right;
}

#reportSearchArea p {
	padding-top: 10px;
	text-align: center;
}



/* イベント */

#seminar dl {
	padding: 5px 0;
	margin-bottom: 10px;
	border-bottom: solid 1px #cccccc;
	overflow: hidden;
	position: relative;
}

#seminar dt {
	width: 520px;
	float: left;
	font-size:16px;
	color: #aa8534;
}

#seminar dd {
	width: 100px;
	float: right;
	text-align: right;
	font-size:16px;
}

#seminar p {
	clear: both;
}

#seminarDtailH2 {
	background: url(../seminar/img/bg_seminar_h2.gif) no-repeat;
	width: 620px;
	height: 44px;
	line-height: 44px;
	padding-left:10px;
}



/*　塾生一覧　*/

#jukuseiInnar {
	width: 590px;
	margin: 0 auto;
}

#jukuseiInnar dl {
	overflow: hidden;
	position: relative;
}

#jukuseiInnar dt {
	width: 290px;
	float: left;
}

#jukuseiInnar dd {
	width: 290px;
	float: right;
}

.jukuseiBox {
	widows: 280px;
	overflow: hidden;
	position: relative;
}

.jukuseiBoxL {
	width: 160px;
	min-height: 200px;
	margin-bottom: 15px;
	float: left;
}

.jukuseiBoxR {
	width: 110px;
	height: 50px;
	padding-top: 150px;
	margin-bottom: 15px;
	float: right;
}

.jukuseiBoxR a:link {
	font-size: 16px;
	color: #aa8534;
}

.jukuseiBoxR a:visited {
	font-size: 16px;
	color: #aa8534;
}

.jukuseiBox p {
	width: 280px;
	clear: both;
}

#prof {
	overflow: hidden;
	position: relative;
}

#prof h2 {
	margin-bottom: 30px;
}

#prof h3 {
	margin-bottom: 20px;
}



/*　お問い合せ　*/

#toiawaseTbl {
	background: #cccccc;
	margin-bottom: 10px;
}

#toiawaseTbl th {
	background: #eeeeee;
	text-align: left;
	padding: 5px;
}

#toiawaseTbl td {
	background: #ffffff;
	padding: 5px;
}



/* サイトのご利用にあたって */

#guide h3 {
	width: 618px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	padding-left: 8px;
	border-left: solid 5px #BABABA;
	margin-bottom: 15px;
}



/* サイトマップ */

#sitemap {
	width: 630px;
}

#sitemap h3 {
	width: 267px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	font-size: 16px;
	padding-left: 8px;
	border-left: solid 5px #BABABA;
	margin-bottom: 15px;
}

.sitemapBox {
	overflow: hidden;
	position: relative;
}

.sitemapBoxL {
	width: 300px;
	float: left;
}

.sitemapBoxR {
	width: 300px;
	float: right;
}

#sitemap li {
	list-style: disc;
	list-style-position: inside;
	line-height: 24px;
}



/*ＨＳ政経塾とは */

#clearBox {
	overflow: hidden;
	position: relative;
}

#qArea {
	padding: 30px 0 0;
	border-top: dotted 1px #cccccc;
	border-bottom: dotted 1px #cccccc;
	margin-bottom: 30px;
}

.qBox {
	overflow: hidden;
	position: relative;
}

.qAreaL {
	width: 50px;
	color: #be8e33;
	float: left;
}

.qAreaR {
	width: 580px;
	float: right;
}

.qAreaR a:link {
	 color: #ff0000;
	 font-weight: bold;
}

.qAreaR a:visited {
	color: #ff0000;
	font-weight: bold;
}



/* より塾を知りたい方へ */

.shishitsuR {
	width: 320px !important;
	float: right;
}

.shishitsuBox {
	width: 600px;
	padding: 10px;
	border: solid #222222 1px;
}

#jukuseiMassage h3 {
	font-weight: bold;
	margin-bottom: 15px;
}

.jukuseiMassageBox {
	overflow: hidden;
	position: relative;
	border-bottom: solid 1px #333333;
}

.jukuseiMassageBoxR {
	width: 400px !important;
	float: right;
}

.jukuseiMassageBdrBtm {
	border-bottom: dotted 1px #cccccc;
}

#curriculum a:link {
	 color: #ff0000;
}

#curriculum a:visited {
	color: #ff0000;
}

.1dayR {
	width: 403px;
	float: right;
}



/* 塾生募集 */

#QandA a:link {
	 color: #aa8534;
}

#QandA a:visited {
	color: #aa8534;
}

.QandABox {
	border-bottom: solid 1px #cccccc;
	margin-bottom: 25px;
}



/* text */

.textBox {
	margin-bottom: 15px;
}

.bold {
	font-weight: bold;
}

.fs10 {
	font-size: 10px;
}

.fs16 {
	font-size: 16px;
}

.fs18 {
	font-size: 18px;
}

.colLightBrwon {
	color: #bd8c77;
}

.colLightBrwon02 {
	color: #aa8534;
}

.colRed {
	color: #ff0000;
}

.colWineRed {
	color: #9a0808;
}



/* margin */

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb50 {
	margin-bottom: 50px;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr20 {
	margin-right: 20px;
}

.pt10 {
	padding-top: 10px;
}

/* float */

.floatBox {
	overflow: hidden;
	position: relative;

}

.floatL {
	float: left;
}

.floatL img
{
  padding-right: 20px;
}

.floatR {
	float: right;
}

.floatR img
{
  padding-left: 20px;
}


.clear { clear:both; }
.clear hr { display:none; }


/* 塾活動報告用スタイル */

div#sel_3month{

}
div#sel_3month ul{
	padding:10px 0 10px 0;
}

.mtb10{
	padding:10px 0;
}

div#cat_disc{
	padding:10px 0;
}

div.title_bar{
	border:solid 1px #efefef;
	padding:2px;
	margin-bottom:10px;
}

div.title_bar h3{
	font-weight:normal;
/*	font-size:100%;*/
	padding:1px 0 0 0;
	margin-bottom:0px;
	text-indent:1em;
	line-height:normal;
}

div.title_bar .data{
	float:left;
	background:#E4D4C5;
	padding:1px 20px 1px 5px;
}

div.title_bar p{
	margin:0;
	padding:0;
	line-height:normal;
}

.right{
	text-align:right;
}

div.list_body{
	margin:10px 0 30px 0;
}
div.list_body p{
	text-align:justify;
	line-height:160%;
	letter-spacing:0.08em;
	width:378px;
}

div.p_area{
	float:right;
	margin-left:10px;
	width:240px;
	overflow:hidden;
	text-align:center;
}
div.p_area img{
	margin-bottom:10px;
}

div.navigation{
	border-top:solid 1px #efefef;
	padding-top:5px;
}
.next-entries{
	float:right;
}
div.navigation a{
	text-decoration:none;
}

.clearfix:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

.clearfix{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}

/* Hides from IE-mac \*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/* for ie5,6*/




/* オピニオン用 */

.cleared
{
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 1px;
}

#opinionH2 h2,
#opinionH2 h2 a,
#opinionH2 h2 a:link,
#opinionH2 h2 a:visited,
#opinionH2 h2 a.visited,
#opinionH2 h2 a:hover,
#opinionH2 h2 a.hovered,
#opMain #opinionH2 h2,
#opMain #opinionH2 h2 a,
#opMain #opinionH2 h2 a:link,
#opMain #opinionH2 h2 a:visited,
#opMain #opinionH2 h2 a.visited,
#opMain #opinionH2 h2 a:hover,
#opMain #opinionH2 h2 a.hovered
{
  width: 620px;
  line-height: 180%;
  color: #353535;
  margin: 0;
}

.fund ul li
{
  background-image: url('img/list_fund.jpg');
  background-repeat: no-repeat;
  background-position: left 6px;
}

.postHeader
{
  margin: 0;
  padding: 0;
}

.postHeader ul
{
  margin: 0;
  padding: 0;
}

.postHeader ul li
{
  margin: 0 20px 0 0;
  padding: 0;
  float: left;
  white-space:nowrap;
}

.authorData
{
  width: 600px;
  padding: 10px;
  background-color: #f1eff0;
  border-top: 2px solid #cccccc;
  margin-top: 5px;
}

.aD-l
{
  float: left;
  width: 70%;
}

.aD-l img
{
  float:left;
  margin:0 10px 5px 0;
  border: 1px solid #fff;
}

.author-name
{
  font-size: medium;
  margin-bottom: 10px;
}

.author-description
{
  line-height: 130%;
}

.author-mata
{
  margin: 10px 0 0 0;
}

.socialBtn
{
  float: right;
  width: 25%;
}

#opMain
{
  font-size: medium;
  margin-top: 20px;
  line-height: 170%;
  height: 100%;
  width: 620px;
  overflow: hidden;
}

#opMain p
{
  font-size: medium;
/*  margin: 0 0 20px 0;*/
  line-height: 170%;
}


#opMain h3
{
  line-height: 150%;
  color: #353535;
  margin: 0 0 20px 0;
  padding-left: 10px;
  border-left: 7px solid #353535;
}

.size-full
{
  display: block;
  width:expression(document.body.clientWidth < 100? "100px" : document.body.clientWidth > 630? "630px" : "auto");
  overflow: hidden;
}

:root *> .size-full
{
  display: block;
  max-width: 630px;
  height: auto !important;
  overflow: hidden;
}

.postFooter
{
  margin: 10px 0;
  padding: 20px;
  background-color: #f1eff0;
}

.postFooter ul
{
  margin: 0 0 20px 0;
  padding: 0;
}

.postFooter ul li
{
  margin: 0 10px 0 0;
  padding: 0;
  float: left;
}

.wrapKeyword
{
  margin-bottom: 30px;
}

.wrapKeyword ul
{

}

.wrapKeyword ul li
{
  display: block;
  margin: 5px 10px 5px 0;
  padding: 0;
  float: left;
  width: 195px;
  font-size: medium;
  line-height: 120%;
}

.wrapKeyword ul li .thumbnail
{
  width: 195px;

  overflow: hidden;
  margin: 5px 0;
}

.wrapKeyword ul li img
{
  padding: 0;
  width: 195px;
  height: auto;
}

h2.wrapKeyword-text
{
  font-size: small;
  line-height: 120%;
  margin-bottom: 5px;
}

.wrapKeyword-text
{
  font-size: x-small;
  line-height: 120%;
  margin-bottom: 5px;
}

.thumbnail
{
  border: 1px solid #ccc;
  width: 150px;
  overflow: hidden;
}

.thumbnail img
{
  width: 150px;
  height: auto;
}

.thumbnail-category
{
  border: 1px solid #ccc;
  width: 300px;
  display:block;
  float:left;
}

.thumbnail-category img
{
  width: 300px;
  height: auto;
}

.opinion-top
{
  border-bottom: 1px solid #ccc;
}

.opinion-top p
{
  margin: 10px 0;
  font-size: medium;
  line-height: 150%;
}

.opinion-top-meta
{
  float: right;
  width: 210px;
}

.opinion-top-meta-img
{
  float: right;
}

.thumbnail-author
{
  border: 1px solid #ccc;
  width: 160px;
  display:block;
  float:left;
}

.thumbnail-author-img
{
  width: 160px;
  height: auto;
}

p.author-grade
{
  font-size: medium;
  margin-bottom: 10px;
  font-weight:bold;
}


.cat-author
{
  display: block;
  width: 450px;
  margin-top: 10px;
  font-size: x-small;
  text-align: right;
}

.cat-author img
{
  margin-left: 10px;
  float: right;
}

.themePost
{
  padding: 0 0 10px;
  margin: 10px 0;
  border-bottom: 1px solid #ccc;
}

.themePost h2
{
  line-height: 180%;
  color: #353535;
  margin: 0;
  border-left: 7px solid #353535;
  padding-left: 9px;
  font-size: small;
}

.themeTitle
{
  width: 275px;
  background-color: #6a6a6a;
  background-image:url('img/theme_title.jpg') ;
  background-position: left top;
  background-repeat: no-repeat;
  color: #fff;
  font-weight:bold;
  padding: 15px 10px;
  margin: 0;
  font-size: medium;
}

.page-navi
{
  width: 100%;
  text-align: center;
}

h2
{
  line-height: 150%;
}

.sideOpinion
{
  background-image:url('img/side_opinion.jpg') ;
  background-position: left top;
  background-repeat: no-repeat;
  padding: 120px 10px 10px 10px;
  border-left: 1px solid #e3e4e9;
  border-right: 1px solid #e3e4e9;
  border-bottom: 1px solid #e3e4e9;
  margin-top: -15px;
}

.sideOpinion img
{
  border-left: 1px solid #e3e4e9;
  border-right: 1px solid #e3e4e9;
  border-top: 1px solid #e3e4e9;
}

.sideOpinion ul li
{
  border-bottom: 1px solid #e3e4e9;
  width: 255px;
}

.sideOpinionText
{
  background-color: #fcfcfc;
  padding: 0px;
  margin: 0 0 10px;
  font-size: small;
}

p.smallText
{
  font-size: x-small;
  line-height: 130%;
  margin: 2px 0;
  padding: 0;
}

.parasitic, a.parasitic
{
  display: block;
  background-image:url('img/parasitic_bg.jpg') ;
  background-position: left top;
  background-repeat: no-repeat;
  width: 260px;
  height: 36px;
  font-size: medium;
  line-height: 36px;
  text-shadow: #555 -1px -1px 0px;
  color: #fcfcfc;
  padding-left: 20px;
  margin-bottom: 0px;
  text-decoration: none;
}

.parasitic a:link, .parasitic a.link, .parasitic a,
.parasitic a:visited
{
  color: #ccc;
  text-decoration: none;
}

.parasitic a:hover
{
  color: #fcfcfc;
  text-shadow: #555 -1px -1px 0px;
  text-decoration: none;
}

.parasiticWl
{
  display: block;
  background-image:url('img/parasitic_bg_w.jpg') ;
  background-position: left top;
  background-repeat: no-repeat;
  width: 260px;
  height: 36px;
  font-size: medium;
  line-height: 36px;
  text-shadow: #fff 1px 1px 1px;
  color: #444;
  padding-left: 20px;
  margin-bottom: 0px;
  text-decoration: none;
}

.parasiticWl a:link, .parasiticWl a.link, .parasiticWl a,
.parasiticWl a:visited
{
  color: #444;
  text-decoration: none;
}

.parasiticWl a:hover
{
  color: #aaa;
  text-shadow: #f4f4f4 1px 1px 0px;
  text-decoration: none;
}

.parasiticWl:hover
{
  background-image:url('img/parasitic_bg_w_on.jpg') ;
  background-position: right top;
  background-repeat: no-repeat;
}

.parasiticW
{
  display: block;
  background-image:url('img/parasitic_bg_w.jpg') ;
  background-position: right top;
  background-repeat: no-repeat;
  width: 100px;
  height: 37px;
  font-size: medium;
  line-height: 37px;
  text-shadow: #fff 1px 1px 1px;
  color: #444;
  padding-left: 20px;
  margin-bottom: 30px;
  float: right;
  text-decoration: none;
}

.parasiticW a:link, .parasiticW a.link, .parasiticW a,
.parasiticW a:visited
{
  color: #444;
  text-decoration: none;
}

.parasiticW a:hover
{
  color: #aaa;
  text-shadow: #f4f4f4 1px 1px 0px;
  text-decoration: none;
}

.parasiticW:hover
{
  background-image:url('img/parasitic_bg_w_on.jpg') ;
  background-position: right top;
  background-repeat: no-repeat;
}

.section ol li
{
  list-style: decimal;
}

#opMain ul
{
  display: block;
  list-style: disc;
  padding: 0 0 15px 0x;
  margin-bottom: 30px;
}

#opMain ul li
{
  list-style: disc;
  padding: 0 0 3px 20px;
}

.wrapKeyword ul.keyword, .wrapKeyword ul.keyword li
{
  padding: 0 !important;
}

#prof h3
{
  display: block;
  width: 424px;
  font-size: 160%;
  font-weight: normal !important;
  line-height: 50px;
  border-top: 1px solid #e6d26e;
  border-bottom: 1px solid #e6d26e;
  font-family: "メイリオ" , Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  padding: 0 10px;
}

#prof h3 span
{
  font-size: small;
  margin-left: 20px;
}

#jukuseiInnar h3
{
  display: block;
  font-size: medium;
  font-family: "メイリオ" , Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  border-bottom: 1px solid #ccc;
  border-left: 10px solid #ccc;
  padding: 10px;
  margin: 30px 0 5px !important;
  font-weight: normal !important;
}

.sectionJ ul
{
  list-style: none;
}

.sectionJ ul li
{
  display: block;
  width: 130px;
  float: left;
  margin: 0 15px 0 0;
}

.sectionJ ul li a, .sectionJ ul li a:link
{
  font-size: medium;
}


.sectionJ ul li img
{
  width: 130px;
  height: auto;
  margin-bottom: 3px;
}

.lineBox
{
  border: 1px solid #ccc;
  padding: 20px;
  margin-bottom: 30px;
}

.lineBox ul li
{
  background-image: url('img/list-arrow.jpg');
  background-repeat: no-repeat;
  background-position: left top;
  font-size: 120%;
  margin-bottom: 5px;
  padding-left: 20px;
}


.lineBoxD
{
  border: 1px solid #ccc;
  padding: 20px;
  margin-bottom: 80px;
}

.lineBoxD h3
{
  border-bottom: 1px dotted #ccc;
  font-size: 18px;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.lineBoxD dl
{
  clear: both;
}

.lineBoxD dl dt
{
  font-size: 18px;
  background-color: #beab59;
  padding: 5px;
  width: 4em;
  text-align: center;
  clear: left;
  clear: both !important;
  float: left;
  color: #fff;
  margin-bottom: 5px;
}

.lineBoxD dl dd
{
  font-size: 16px;
  margin-left: 7em;
  margin-bottom: 5px;
  padding: 5px 0;
}

.lineBoxA dl dt
{
  width: 6em;
  float: left;
  clear: left;
  padding: 5px 0;
  font-weight:bold;
}

.lineBoxA dl dd
{
  padding: 5px 0 5px 6em;
  border-bottom: 1px dotted #ccc;
}

.pageSp h4
{
  color: #de3b80;
}

.pageSp h5
{
  color: #00a1e9;
  border-bottom: 1px dotted #00a1e9;
  font-size: Medium;
}

div.officer_arrow_text a {
  font-size: 13px;
  line-height: 140%;
  padding-bottom: 5px;
  display: block;
}

.site_name {
  font-size: 10px !important;
  line-height: 140%;
  padding-right: 1em;
  padding-bottom: 8px;
}


h1.page-title {
  font-size: 20px !important;
  padding: 10px 0 10px 10px;
  border-bottom: 1px solid #ccc;
  border-left: 5px solid #999;
  color: #333;
  margin-bottom: 0;
}

/* Search */

.search-content {
  border-bottom: 1px solid #ccc;
  padding: 30px 5px 30px;
}

.search-content:hover {
  background-color: #fcfcfc;
}

.nav-previous {
  float: left;
}

.nav-next {
  float: right;
}

h2.search-title {
  font-size: large;
}

.name {
  font-size: 20px !important;
}

.btn {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: inline-block;
  margin: 10px 10px 10px 0;
  border: 1px solid #3A599A;
  background-color: #3A599A;
  font-size: 20px;
}
.btn:hover {
  background-color: #00B0DC;
}
.btn a {
  display: block;
  padding: 10px 15px;
  color: #fff !important;
  text-decoration: none !important;
}
.btn a:hover {
  text-decoration: none !important;
}