/* IMPORT RESET */
@import url("css/reset.css");
/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("css/responsive.gs.12col.css");
/*
Theme Name: sateright
Theme URL: http://ドメイン/
Version: 1.2
Author: sateright
Author URI: http://ドメイン/
*/

/*----------------------------
サイトのレイアウト幅
-----------------------------*/
.header-in,#mainimgarea-in,main,#menu div,#footer{ 
	max-width: 980px;/*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.8em;
background: #fff /*url(./images/bg.gif);*/
}
.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 {
margin:10px;
padding:10px 10px 10px 40px;
font-size: 18px;
border-bottom:3px solid #000;
background:url(images/h2arrow.png) 5px 50% no-repeat;
font-weight:bold;
}
article h2 a{
/*text-decoration:none;*/
color:#888;
}


article h3 {
margin:10px;
padding:10px 10px 10px 40px;
font-size: 18px;
border-bottom:3px solid #000;
background:url(images/h3_arrow.png) 5px 50% no-repeat;
font-weight:bold;
}
article h3 a{
/*text-decoration:none;*/
color:#888;
}


/************************************
** 引用（blockquote）
************************************/
blockquote {
  background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
  border: 1px solid #FFFFFF;
  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:#4da599;/*メニューバーの背景色*/
  						/*#4da599 #89c3eb #00a381 #ddb1e8 #06bfdb #785002 #78b325 #1937a3 #d3bd2f #e854a3*/
}
#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 /*url(./images/bg.gif);*/
}
#header{
overflow:hidden;
}
.logoimg{
}
.logotxt h1{
text-align:right;
padding:30px 10px 10px;
}
/************************************
** メイン画像
************************************/
#mainimgarea{
background: #b3ffe7 /*url(./images/bg.gif);*/
}
#mainimg{
padding:10px 0 0;
}
#mainimg img{
width:100%;
height:auto;
}
article {
margin-bottom:10px;
}
/************************************
** サイドバーエリア
************************************/
aside {
}
#sidearea{
padding:10px;
}
.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{
background:#4da599;/*サイドバー見出しの背景色*/
				/* #89c3eb #00a381 #ddb1e8 #06bfdb #785002 #78b325 #1937a3 #d3bd2f #e854a3*/
color:#fff;
padding:.5em;
text-align:center;
margin-bottom:10px;
}
/************************************
** フッターエリア
************************************/
footer {
min-height:100px;
background:#b3ffe7;/*フッターの背景色*/
/*color:#ddd;フッターのテキストカラー*/
}
#footer {
/*background:#ddd;*/
}
.copyright{
padding:20px;
text-align:center;}