@charset "utf-8";

body{
  font-family: 'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
  font-size:14px;
  line-height:1.715em; /*14px-24px相当*/
  color:#666;
  background:url(../img/bg_body.png) repeat left top;
}

  /* for WinIE7*/
	*+html body {
    font-family:Meiryo,'MS PGothic',sans-serif;
    font-size:0.875em; /*14px相当*/
    overflow-x: hidden;
  }

a{
  color:#666;
  text-decoration:none;
}
a:hover{ text-decoration:underline; }

/****************************************************************************
コンテナ
****************************************************************************/

#container{
  width:960px;
  padding-bottom:40px;
  margin:0 auto;
  background:url(../img/bg_container.png) repeat-y 40px 0;
}

#container:after{
  content:"";
  display:block;
  clear:both;
}
*+html #container { zoom:1; }

/****************************************************************************
ヘッダ
****************************************************************************/

#branch{
  float:right;
  position:relative;
  z-index:9999999999;
  margin-right:-200px;
}

#header{
  float:left;
  position:relative;
  z-index:99999999999;
  width:960px;
  height:320px;
  margin-top:-320px;
}

#header h1{
  margin-top:50px;
  margin-left:-7px;
}

#headcopy{
  height:30px;
  line-height:30px;
  font-size:20px;
  font-family:"Georgia", serif;
  font-weight:normal;
  letter-spacing:0;
  color:#989898;
  margin:-40px 0 0 160px;
}

/****************************************************************************
コンテンツ
****************************************************************************/

#contents{
  width:1000px;
}

#contents:after{
  content:"";
  display:block;
  clear:both;
}
*+html #contents { zoom:1; }

/****************************************************************************
メイン
****************************************************************************/

#main{
  float:left;
  width:690px;
  position:relative;
  z-index:99999999;
  margin-top:-60px;
}

#posts{
  width:560px;
  border:1px solid #e8e8e8;
  padding:28px 40px 0 88px;
  background:url(../img/bg_posts.png) repeat-y 39px 0 #fff;
}

/* IE7 調整 */
*+html #main{ width:670px; position:static; }
*+html #posts{ width:560px; padding-right:20px; }


/*アーカイブのタイトル*/
#archiveheader{
  height:40px;
  line-height:40px;
  padding-left:20px;
  background:#eaedf7;
  margin:40px 0 10px 0;
}

#posts article{ padding:40px 0; }

#posts header{ padding-bottom:1em; }

#posts header h2{
  font-size:18px;
  font-weight:normal;
  line-height:22px;
  padding-bottom:5px;
}

#posts header h2 a{ text-decoration:underline; }
#posts header h2 a:hover{ text-decoration:none; }

.updated{
  height:16px;
  font-size:12px;
  line-height:16px;
}

.entry_content:after{
  content:"";
  display:block;
  clear:both;
}
*+html .entry_content { zoom:1; }

/*アイキャッチ*/
.thumb{
  float:left;
  width:auto;
  margin-right:30px;
  padding-top:0.25em;
}

/* Add Align Class for Images */
.entry_content h1{ font-size:18px; font-weight:bold; }
.entry_content h2{ font-size:16px; font-weight:bold; }
.entry_content h3{ font-size:14px; font-weight:bold; }
.entry_content h4{ font-size:14px; }
.entry_content h5{ font-size:14px; }
.entry_content h6{ font-size:14px; }
.entry_content address{}
.entry_content pre{ font: 14px/24px Consolas, Monaco, monospace; }

.entry_content ul,ol{ margin:1em 0; padding:0; }
.entry_content ol li,
.entry_content ul li  { 
  list-style-position:outside;
	margin-left:1.5em;
}

.entry_content ul li { list-style-type:disc; }

.entry_content img{ margin-bottom:1em; }
.entry_content img.alignright { float: right; margin: 0 0 1em 1em; }
.entry_content img.alignleft { float: left; margin: 0 1em 1em 0; }
.entry_content img.aligncenter { display: block; margin: 1em auto; }

.entry_content a { text-decoration: underline; line-height: inherit; }
.entry_content a:hover { text-decoration: none; }

.entry_content blockquote{
  margin:1em 0;
  padding:0.5em 1em;
  border:2px dotted #ddd;
}

.entry_content strong{ font-weight:bold; }
.entry_content em{ font-style:italic; }
.entry_content pre { font: 14px/24px Consolas, Monaco, monospace; }

/*コメント*/

#comment{ padding:24px 0 50px 0;}

#comment h3{
  height:20px;
  line-height:20px;
  font-size:16px;
  font-weight:normal;
  padding-bottom:20px;
}

#comment ul{ margin-bottom:40px; }

#comment li{ margin-bottom:15px; }

#comment li.author{ text-align:right; }
#comment li.approved{ background:#eaedf7; padding:5px 10px; }

#userid{
  height:40px;
  line-height:40px;
  padding-left:20px;
  background:#eaedf7;
  margin-bottom:20px;
}

#comment form{
  display:block;
  padding:0;
  margin:0;
}

#comment form dt{ padding-bottom:0.25em; }
#comment form dd{ padding-bottom:1em; }

#comment form label{ cursor:pointer; }

#comment form input,
#comment form textarea{
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  color:#666;
  margin:0;
  padding:0;
  vertical-align:baseline;
  overflow:auto;
}

#comment form input{
  height:1.3em;
  padding:8px 0.5em;
  letter-spacing:normal;
  border:1px solid #b3b3b3;
  background-color:#fff;
  overflow:hidden;
  width:60%;
}

	*+html #comment form input{
    padding:0 0.5em;
    height:2.4em;
    line-height:2.4em;
    vertical-align:middle;
	}

#comment form textarea{
  padding:8px 0.5em;
  line-height:1.5em;
  letter-spacing:0;
  color:#666;
  border:1px solid #b3b3b3;
  background-color:#fff;
  height:200px;
  width:98%;
}

#comment form button{
  cursor:pointer;
  display:block;
  width:150px;
  height:30px;
  line-height:30px;
  background:#fff;
  border:1px solid #b2b2b2;
	margin:0 auto;
  padding:0;
  text-align:center;
  font-size:12px;
  color:#666;
  font-weight:normal;
  font-family:'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
}


#comment form input:hover,
#comment form textarea:hover,
#comment form input:focus,
#comment form textarea:focus,
#comment form button:hover{
  border: 1px solid #808080;
}

/*エラーページ*/

.error_content{
  padding:40px 0 60px 0;
}

/* WP-PageNavi plugin */
.wp-pagenavi{
	clear: both;
  padding-top:30px;
  text-align:center;
}

.wp-pagenavi a,
.wp-pagenavi span {
	border: 1px solid #b2b2b2;
  background:#fff;
	padding: 4px 8px;
  margin:0 4px;
  height:28px;
  line-height:28px;
  font-size:12px;
	text-decoration: none;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  color:#808080;
	border-color: #808080;
}

.wp-pagenavi span.current {
  padding: 3px 8px;
	font-weight:bold;
}

/*ページャ*/
#pager{
	clear: both;
  padding-top:30px;
  width:220px;
  height:30px;
  margin:0 auto;
  padding-left:40px;
}

#pager p{
  width:100px;
  height:30px;
}

#pager a{
  display:block;
  width:98px;
  height:28px;
  line-height:28px;
	border: 1px solid #b2b2b2;
  background:#fff;
  text-align:center;
  font-size:12px;
	text-decoration: none;
}

#pager a:hover{
 border-color: #808080;
 text-decoration:none;
}

#pager .prev{ float:left; }
#pager .next{ float:right; }

/****************************************************************************
サイド
****************************************************************************/

#aside{
  float:left;
  width:200px;
	position:relative;
  z-index:9999999;
  
  border:1px solid #e8e8e8;
  padding:23px 39px 40px 69px;
  background:#fff;
  margin-top:-90px;
  margin-left:-40px;
}

/* IE7 調整 */
*+html #aside{ position:static; margin-left:10px; padding-left:39px; }

.widget { padding-top:40px; }

.widget li{
  font-size: 12px;
  line-height:1.7em;
  padding:10px 0 11px 0;
  background:url(../img/bg_dot.png) repeat-x left bottom;
}

.widget h3{
  height:44px;
  line-height:44px;
  margin:0;
  border-bottom:1px solid #b2b2b2;
  
  color:#676767;
  font-size:18px;
  font-weight:normal;
  font-family: "New York", "Georgia", serif;
}

.widget a { text-decoration: none; line-height: inherit; }
.widget a:hover { text-decoration: underline; }

/*プロフィール*/
#media_image-2 {
    padding: 30px;
    background: url(../img/bg_profileimg.png) no-repeat left top;
    margin-top: 20px;
}

#media_image-2 + #text-2 {
  padding:20px 0 0;
  font-size: 12px;
  line-height:1.7em;
  /*background:url(../img/bg_dot.png) repeat-x left bottom;*/
}

/*#profileimg{
  padding:30px;
  background:url(../img/bg_profileimg.png) no-repeat left top;
  margin-top:20px;
}

#profile p{
  padding:20px 0;
  font-size: 12px;
  line-height:1.7em;
  background:url(../img/bg_dot.png) repeat-x left bottom;
}*/

/*カレンダー*/

#wp-calendar{
  width:100%;
  max-width:401px;
  margin:0 auto;
  font-size: 12px;
  line-height:1.7em;
  padding-bottom:1px;
  background:url(../img/bg_dot.png) repeat-x left bottom;
}

#wp-calendar tbody a { text-decoration: underline; line-height: inherit; }
#wp-calendar tbody a:hover { text-decoration: none; }

#wp-calendar caption{
  line-height:39px;
  text-align:left;
  padding-bottom:1px;
  background:url(../img/bg_dot.png) repeat-x left bottom;
}

#wp-calendar tbody{}

#wp-calendar tfoot{
  line-height:39px;
  padding-top:1px;
  background:url(../img/bg_dot.png) repeat-x left top;
  margin-top:3px;
}

#wp-calendar tfoot #prev{ text-align:left;}
#wp-calendar tfoot #next{ text-align:right;}

#wp-calendar th,
#wp-calendar td{ text-align:center; border:none; }

#wp-calendar thead th{ padding-top:5px; }
#wp-calendar tbody td{ padding-bottom:5px; }

.widget_search{}
#searchform{ padding-top:10px; }
#searchform label{ display:none;}

#s,
#searchsubmit{
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  color:#666;
  vertical-align:baseline;
  overflow:auto;
  letter-spacing:normal;
  border:1px solid #b3b3b3;
  background-color:#fff;
  overflow:hidden;
  width:75%;
  font-size:12px;
}

#searchsubmit{
  width:20%;
  padding:0 0.5em;
  cursor:pointer;
  text-align:center;
}

#s:hover,
#searchsubmit:hover{
  border: 1px solid #808080;
}

#archives-2 select {
  width: 100%;
  font-size: 13px !important;
  border: solid 1px #b3b3b3;
  display: inline-block;
  padding: 0 10px;
  margin-top: 14px;
  color: #666;
  -webkit-transition: border linear .2s, box-shadow linear .2s;
  -moz-transition: border linear .2s, box-shadow linear .2s;
  -o-transition: border linear .2s, box-shadow linear .2s;
  transition: border linear .2s, box-shadow linear .2s;
  font-size: 100%;
  line-height: 1.6;
  vertical-align: baseline;
  outline: none;
  -webkit-appearance: none; /* Chrome, Safari */
    -moz-appearance: none;    /* Firefox */
    appearance: none;         /* 標準 */
    background-image: none;
}

#archives-2 select::-ms-expand {
    display: none;
}

.screen-reader-text {
  display: none;
}

/****************************************************************************
フッタ
****************************************************************************/

#footer{
  clear:both;
  height:30px;
  padding-top:40px;
}
  
#footer a{ text-decoration:none;}
  
.copyright{
  float:left;
  padding:16px 0 0 90px;
	height:14px;
  line-height:14px;
  font-size:10px;
}

.copyright img{ vertical-align:middle; }

#gotop{
  float:right;
  width:140px;
  height:30px;
  font-size: 12px;
  background:#fff;
}

#gotop a{
  display:block;
  height:28px;
  line-height:28px;
  text-align:center;
  border:1px solid #b2b2b2;
}

#gotop a:hover{ border-color:#808080; }

@media only screen and (max-width: 767px) {

img{ width:auto; height:auto;}

#container{
  width:100%;
  background: url(../img/bg_container_min.png) repeat-y 12% 0;
}

#branch{ display:none;}

#header{
  float:none;
  height:auto;
  position:static;
  width:auto;
  margin:0;
  padding:20px 10px;
  background:url(../img/branch.png) no-repeat 210px -50px;
}

#header h1{
  margin:0 auto;
  width:90%;
}

#headcopy{ display:none; }

#contents{
  margin:0 auto;
  width:90%;
}

#main{
  float:none;
  width:100%;
  margin:0;
}

#posts{
  width:auto;
  background-image:none;
  padding:15px 30px;
}

#posts article{ padding:20px 0 20px 0; }

.entry_content img.alignright { float: none; margin: 0 0 1em 0; }
.entry_content img.alignleft { float: none; margin: 0 0 1em 0; }
.entry_content img.aligncenter { display: inline; margin: 0 0 1em 0; }


#comment{ padding:15px 0 20px 0;}

#comment form input{ width:80%; }

#pager,
.wp-pagenavi{
  padding-top:20px;
  padding-left:0;
}


#aside{
  position:static;
  float:none;
  width:auto;
  padding:0 30px 30px 30px;
  margin:0;
  margin-top:20px;
}

.widget { padding-top:30px; }


#footer{
  width:90%;
  height:auto;
  margin:0 auto;
  padding:0;
}

.copyright{
  float:none;
  height:auto;
  padding:30px 0 0 15%;
}

#gotop{
  float:none;
  margin:30px auto 0 auto;
}

}

@media screen and (max-width: 480px){
.wp-pagenavi .current,
.wp-pagenavi .page,
.wp-pagenavi .extend,
.wp-pagenavi .first,
.wp-pagenavi .last{ display:none; }

/*#aside{
  display:none;
}*/

}