/*
Theme Name: astralstep
Theme URI: http://www.astral-step.jp/
Author: andsdow
Author URI: http://andsdow.com/
Description: astralstep theme
Version: 1.0
*/


/* RESET styles
----------------------------*/

@charset "utf-8";


/* =================================================================
    Reset Styles
================================================================= */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img {
  border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
}
ul {
  list-style:none;
}

ol li{
  list-style-position:inside;
  text-indent: -1em;
}

caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
q:before,q:after {
  content:'';
}
abbr,acronym { border:0;
}

img {
  vertical-align: bottom;
  }

/*===========================================================
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:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* ==================================================
 style info :

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%

=================================================== */

/* =================================================================
    Reset Styles
================================================================= */

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

.clearfix {
  min-height: 1px;
}

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

a {
  color: #46A537;
  text-decoration: none;
  word-wrap: break-word;
  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
  -o-transition: color 0.1s ease-in, background 0.1s ease-in;
  transition: color 0.1s ease-in, background 0.1s ease-in;
}


/* COMMON styles
----------------------------*/

#header,#gnav,#wrapper,#footer{
  width:960px;
  margin:0px auto;
}

#header{
  padding-bottom:10px;
}

#topLogo{
  width:418px;
  float:left;
  margin-top:10px;
  margin-bottom:10px;
  padding-right:142px;
}

#header #topContact{
  width:390px;
  float:left;
  padding-top:30px;
  padding-left:10px;
}

#header #topContact #topContactImg{
  padding-top:5px;
  margin-bottom:10px;
}

#header #topContact #topContactText{
  padding-left:60px;
}

#header #topContact .topContactNT{
  color:#333;
  font-weight:bold;
}

#header #topContact .topContactNumber{
  color:#6A3906;
  font-size:110%;
  font-weight:bold;
}

#header #topContact .topContactNumberTime{
  font-size:90%;
}

#header #topContact #topContactCopy{
  width:360px;
  font-size:80%;
  margin-top:10px;
  padding-left:20px;
  padding-right:20px;
}

#gnav{
  clear:both;
}

#gnav #gnavBnTop{
  margin-right:2px;
}

#gnav .gnavBn{
  float:left;
  margin-right:2px;
}

#gnav #gnavLast{
  float:left;
}

#topGnav a:hover img{
opacity: .8;
}

#gnav a:hover img{
opacity: .8;
}

.baner a:hover img{
opacity: .8;
}


#seminarBaner a:hover img{
opacity: .8;
}

/*メニュー*/
#wrapper #menu{
  width:230px;
  float:left;
}

#wrapper #menu #menuNow{
  font-weight:bold;
  font-size:120%;
  margin-left:3px;
  padding-top:20px;
  padding-bottom:12px;
  padding-left:30px;
  background-image:url(./img/common/now_bn.gif);
  background-repeat:no-repeat;
  background-position:left;
}

#wrapper #menu #menuNow a{
  color:#6A3906;
}

#wrapper #menu .menuBn{
  font-size:120%;
  padding-top:20px;
  padding-bottom:10px;
  padding-left:3px;
}

#wrapper #menu #menuBnTop{
  padding-top:50px;
}

#wrapper #menu a{
  text-decoration:none;
  color:#000;
  line-height: 1.5;
}

#wrapper #menu a:hover{
  color:#6A3906;
  font-weight:bold;
}

#wrapper .baner{
  padding-top:15px;
}


/*本文*/
#wrapper #mainContents{
  width:680px;
  float:left;
  padding-left:50px;
}

#wrapper #mainContents #pan{
  text-align:right;
  padding-top:25px;
  padding-bottom:25px;
}

#wrapper #mainContents .mainTitle{
  font-size:200%;
  margin-top: 10px;
  color:#6A3906;
  padding-bottom:30px;
  font-weight:bold;
}

#wrapper #mainContents .subTitle{
  font-size:200%;
  color:#6A3906;
  padding-top:30px;
  padding-bottom:30px;
  padding-left:50px;
  font-weight:bold;
  background-image:url(./img/common/sub_title_bn.gif);
  background-repeat:no-repeat;
  background-position:left;
}

#wrapper #mainContents .mainText{
  font-size:110%;
  padding-bottom:30px;
  line-height:160%;
}

#wrapper #mainContents .mainTextB{
  font-size:110%;
  line-height:160%;
}

#wrapper #mainContents #between{
  width:680px;
  padding-top:70px;
  padding-bottom:70px;
  text-align:right;
}

#wrapper #mainContents #sContactB{
  text-align:center;
  padding-top:40px;
}

.newsT{
  color:#F00;
  font-weight:bold;
}

.newsM{
  font-weight:bold;
}

.kokuchi{
  font-size:110%;
  font-weight:bold;
}

#wrapper #mainContents .linkTitle{
  font-size:150%;
  color:#6A3906;
  margin-top:15px;
  padding-top:10px;
  padding-bottom:10px;
}

/*フッター*/
#footer{
  clear:both;
}

#footer #footerImg{
  text-align:right;
  padding-top:70px;
}

.hide-text {
    text-indent: -100%;
    white-space: nowrap;
    overflow: hidden;
}






/* TOP styles
----------------------------*/

#topLogoT{
  margin-top:10px;
  margin-bottom:10px;
}

#topLeft{
  width:480px;
  float:left;
}

#topRight{
  width:480px;
  float:right;
}

#topLeft #topGnav{
  width:480px;
}

#topLeft li{
  float:left;
  padding-right:2px;
  width:118px;
}

#topLeft #gnavFinsh{
  float:left;
  width:118px;
}

#topLeft #mainTextArea{
  width:446px;
  padding-left:5px;
}

#topLeft #mainTextOne{
  font-size:110%;
  padding-top:30px;
  padding-bottom:20px;
  line-height:160%;
}

#topLeft .mainText{
  font-size:110%;
  padding-bottom:20px;
  line-height:160%;
}

#topLeft #mainBanerArea{
  width:477px;
  margin-bottom:20px;
}

#mainBanerArea a:hover img{
opacity: .8;
}

#topLeft .mainTextTP{
  font-size:90%;
  padding-top:10px;
}

#topLeft #textBold{
  font-weight:bold;
  color:#F60;
}

#topLeft .bigPoint{
  padding:10px;
  border:2px dotted #46A537;
  margin-bottom:20px;
  font-size:110%;
  line-height:160%;
}

#topLeft #yearTitle{
  font-weight:bold;
  color:#46A537;
  font-size:120%;
}

.title {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background-color: #46A537;
}
.titleNews {
  height: 42px;
  background: url(./img/top/h2__news.png) no-repeat center center;
}
.topArticle {
  margin-bottom: 20px;
  position: relative;
}
.topArticleBox {
  background: #fffbe3;
  border-top: none;
  padding: 10px;
  padding-top: 30px;
  box-sizing: border-box;
}
.topArticle--btn {
  display: block;
  position: absolute;
  top: 9px;
  right: 10px;
  width: 120px;
  height: 26px;
  background: url(./img/top/topArticle--btn_yl.png) no-repeat center center;
}
.topArticle--btn:hover {
  background: url(./img/top/topArticle--btn_yl_on.png) no-repeat center center;
}

#topLeft li.topArticleList {
  float: none;
  width: 100%;
  padding-bottom: 20px;
}
.ArticleImg {
  width: 180px;
  height: 130px;
  overflow: hidden;
  float: left;
}
.ArticleInfo {
  padding-left: 200px;
}
.topArticleDate {
  margin-bottom: 0px;
  color: #666;
}
.topArticleTitle a {
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
}
.topArticleTitle a:hover {
  text-decoration: underline;
}

/* topRight setting */
.topbox {
	position: relative;
}
.topRight--img {
	/* position: absolute;
	bottom: 0;
	z-index: 0 */
}
.topRight--btn01 {
	bottom: 313px;
	left: 9px;
}
.topRight--btn02 {
	bottom: 533px;
	left: 17px;
}
.topRight--btn03 {
	bottom: 717px;
	left: 145px;
}
.topRight--btn04 {
	bottom: 521px;
	right: 16px;
}
.topRight--btn05 {
	bottom: 315px;
	right: 10px;
}
.topRight--btn06 {
	bottom: 101px;
	left: 75px;
}
.topRight--btn07 {
	bottom: 0px;
	right: 10px;
}

.topRight--btn01 > a {
	width: 187px;
	height: 194px;
	background:url(img/top/topRight--btn01.png) no-repeat center center;
}
.topRight--btn02 > a {
	width: 187px;
	height: 194px;
	background: url(img/top/topRight--btn02.png) no-repeat center center;
}
.topRight--btn03 > a {
	width: 183px;
	height: 190px;
	background: url(img/top/topRight--btn03.png) no-repeat center center;
}
.topRight--btn04 > a {
	width: 187px;
	height: 194px;
	background: url(img/top/topRight--btn04.png) no-repeat center center;
}
.topRight--btn05 > a {
	width: 183px;
	height: 190px;
	background: url(img/top/topRight--btn05.png) no-repeat center center;
}
.topRight--btn06 > a {
	width: 152px;
	height: 119px;
	background: url(img/top/topRight--btn06.png) no-repeat center center;
}
.topRight--btn07 > a {
	width: 250px;
	height: 160px;
	background:url(img/top/topRight--btn07.png) no-repeat center center;
}

.topRight--btn01 > a:hover {
	background: url(img/top/topRight--btn01_on.png) no-repeat center center;
}
.topRight--btn02 > a:hover {
	background: url(img/top/topRight--btn02_on.png) no-repeat center center;
}
.topRight--btn03 > a:hover {
	background: url(img/top/topRight--btn03_on.png) no-repeat center center;
}
.topRight--btn04 > a:hover {
	background: url(img/top/topRight--btn04_on.png) no-repeat center center;
}
.topRight--btn05 > a:hover {
	background: url(img/top/topRight--btn05_on.png) no-repeat center center;
}
.topRight--btn06 > a:hover {
	background: url(img/top/topRight--btn06_on.png) no-repeat center center;
}
.topRight--btn07 > a:hover {
	background:url(img/top/topRight--btn07_on.png) no-repeat center center;
}
.topRight-btns {
  z-index: 10;
  position: absolute;
}
.topRight-btns > a,
.topRight-btns > a:before,
.topRight-btns > a:after {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}






/* single
-------------------------*/
.post-body {
  background: url(./img/common/post-body_bg.png) right top repeat-y;
}
.post-body__inner {
  width: 500px;
}
.post-body__inner img {
  max-width: 100%;
  height: auto;
}
.post-body p {
  line-height: 1.7;
  margin-bottom: 15px;
}
.navigation {
  overflow: hidden;
  padding: 10px 0;
}
.previouspostslink{
  float: left;
  width: 200px;
}
.nextpostslink{
  float: right;
  width: 200px;
  text-align: right;
}

.side_recent {
  padding-top: 10px;
  background: url(./img/common/menu_bar.gif) top no-repeat;
}
.side_recent li {
  padding-top: 18px!important;
  padding-bottom: 24px!important;
  background: url(./img/common/menu_bar.gif) bottom no-repeat;
}
.side_recent li a {
  display: block;
  font-size: 15px;
}

/* archive
-------------------------*/
.post-archive {
  overflow: hidden;
}
.post-archive li {
  clear: both;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.post-archive li:nth-child(odd) {
  background: #eaf8e7;
}
.post-archive .post-meta {
  float: left;
}
.post-archive li a {
  padding-left: 150px;
  display: block;
}

/* widget
-------------------------*/
.widget {
  overflow: hidden;
}
.widget h3 {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  padding: 10px 0;
  border-bottom: 2px dotted green;
  margin-bottom: 10px;
}
.widget li {
  padding: 10px 0;
}


/* contact
------------------------*/
.mw_wp_form dl {width: 100%; position: relative;}
.mw_wp_form dt {width: 140px; clear: left; float: left; padding: 15px 5px 0;}
.mw_wp_form dd {margin-left: 0; padding: 10px .5em 10px 220px; border-bottom: 1px solid #ccc;}
.mw_wp_form dt p {
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  color: #999999;
}

.mw-small {font-size: 10px;}
.mw_wp_form dd input,
.mw_wp_form dd input {
  padding: 5px;
}
.mw_wp_form dd input[type="submit"] {
  color: #fff;
  background: #e75412;
  border: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  letter-spacing: .1em;
  padding: 10px 40px;
  cursor: pointer;
}
.mw_wp_form dd input[type="text"],
.mw_wp_form dd textarea {
  border: 1px solid #ccc;
}
.mw_wp_form dt span {
  margin-left: 7px;
  color: #fff;
  font-size: 10px;
  background: #ffc000;
  padding: 2px 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.mw_wp_form dd:after {
  clear: both;
  display: block;
  height: 0;
  content: "";
}