/* IMPORT RESET */
@import url("./css/reset.css");
/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("./css/responsive.gs.24col.css");
/*
Theme Name: laexaminer
Theme URL: http://www.laexaminer.com/
Version: 1.3
Author: laexaminer
Author URI: http://www.laexaminer.com/
*/
/*#f8d343; サイトの背景色*/
/*#b22222; h2の背景色*/
/*#c2e2e1; サイドバーの見出し色*/
/*#50aba9; サイドバーの背景色*/
/*#404040; h3のborder*/

article {
background:#ffffff;/*コンテンツ背景色*/
}

/*----------------------------
サイトのレイアウト幅
-----------------------------*/
.header-in,#mainimgarea-in,main,#menu div,#footer{ 
	max-width: 960px;/*920 940 960 980 1000 1020 1080*/
	margin: 0 auto; 
}
/*----------------------------
基本設定
-----------------------------*/
body {
font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #333;
font-size:14px;
line-height:1.5em;
background:#f8d343;/*サイトの背景色*/
}
.aligncenter {
    display: block;
    margin: 0 auto;
  clear:both;
}
.alignright { float: right; }
.alignleft { float: left; }
 
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}
 
/* clearfix */
.clearfix {
    overflow: hidden;
    zoom: 1;
}
.clearfix:after {
    content: ""
    display: block;
    clear: both;
}
/************************************
** リンク色
************************************/
a {
  color: #2098A8;
}
a:hover {
  color: #C03;
}
/************************************
** 見出し（H1-6）
************************************/
h1, h2, h3, h4, h5, h6{
  line-height:130%;
  color:#333;
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6{
  position:relative;
  margin-top:35px;
  margin-bottom:20px;
}
article h2 {
padding: .5em .75em;
background: #b22222;
border-radius: 6px;
margin:10px;
font-size: 18px;
font-weight:bold;
color:#fff;
}
article h2 a{
/*text-decoration:none;*/
color:#f9fbd3;
}
article h2 a:hover{
/*text-decoration:none;*/
color:#f3ff3b;
}
article h3 {
/*text-decoration:none;*/
padding:10px;
color:#404040;
border-left:5px solid #404040;
font-size:15px;
font-weight:bold;

}
/************************************
** 引用（blockquote）
************************************/
blockquote {
  background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
  border: 1px solid #f9f9e3;
  margin: 1em 0;
  padding: 20px 55px;
  position: relative;
}
blockquote:before {
  color: #C8C8C8;
  content: "“";
  font-family: serif;
  font-size: 600%;
  left: 0;
  line-height: 1em;
  position: absolute;
  top: 0;
}
blockquote:after {
  bottom: 0;
  color: #C8C8C8;
  content: "”";
  font-family: serif;
  font-size: 600%;
  line-height: 0;
  position: absolute;
  right: 0;
  bottom: -16px;
}
/************************************
** ナビゲーション
************************************/
#menu{
  background-color:#000;/*メニューバーの背景色*/
}
#menu div ul{
  position: relative;
  clear: both;
  margin-bottom: 0;
  margin:0;
  padding: 1em 0;
  width:100%;
}
#menu div ul ul{
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#menu div ul > li{
  float: left;
  list-style:none;
  position: relative;
border-right:1px solid #fff;
}
#menu div ul li a{
	color:#fff;
  font-size:13px;
font-weight:800;
  display: block;
  padding: .1em .7em;
  text-decoration:none;
  z-index:99;
}
#menu div ul li a:hover{
  text-decoration:underline;
}
#menu div ul.sub-menu,
#menu div ul.children{
  position: absolute;
  display: none;
  margin-left: 0;
  min-width:200px;
  border: 1px solid #ddd;
  list-style:none;
  padding-left:0;
  z-index:99;
}
#menu div .sub-menu li,
#menu div .children li{
  position: relative;
  border: none;
  float:none;
  height:31px;
}
#menu div ul.sub-menu ul,
#menu div ul.children ul {
  top:-31px;
  left:200px;
  position:relative;
}
#menu div ul li:hover > ul{
  display: block;
}
/* Clearfix) */
#container:after,
#menu div ul:after,
.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: " ";
  font-size: 0;
}
/* clearfix for ie7 */
#container,
#menu div ul,
.clearfix {
  /*display: inline-block;*/
}
#container,
#menu div ul,
.clearfix {
  display: block;
}
/************************************
** ヘッダー
************************************/
header {
/*background:#fff;ヘッダーの背景色*/
}
#header{
overflow:hidden;
}
.logoimg{
}
.header-in h1{
/*text-align:right;*/
padding:30px 10px 10px;
font-size:20px;
font-weight:bold;
}
/************************************
** メイン画像
************************************/
#mainimgarea{
background:#ddd;/*メイン画像の背景色*/
}
#mainimg{
padding:10px 0 0;
}
#mainimg img{
width:100%;
height:auto;
}
article {
margin-bottom:10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

}
.post{
padding:10px;
}
.post p{
padding:0 0 10px;
}


/************************************
** サイドバーエリア
************************************/
aside {
}
#sidearea{
padding:10px;
background: #50aba9;
}
.widget-erea{
}
.widget-erea ul li{
font-size:14px;
position: relative;
padding:8px 0 8px 15px;
line-height:1.5em;
border-bottom:1px solid #ddd;
}
.widget-erea ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: 1em;
	left: 0em;
	width: 6px;
	height: 6px;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.widget-erea ul li a{
text-decoration:none;
color:#333;
}
/*サイドバー見出し*/
.widget-title{
padding: .5em;
background: #c2e2e1;
border-radius: 4px;
/*margin:10px;*/
/*font-size: 18px;*/
font-weight:bold;
color:#fff;

}
/************************************
** フッターエリア
************************************/
footer {
min-height:100px;
/*background:#ddd;フッターの背景色*/
/*color:#ddd;フッターのテキストカラー*/
}
#footer {
/*background:#ddd;*/
}
.copyright{
padding:20px;
text-align:center;}




/* img */
 
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
 
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}

/*パンくず*/

#breadcrumb{
padding:10px 0;
}
#breadcrumb div{
float:left;
padding:0 5px;
}