@charset "utf-8";

/*
Theme URI: http://hp-morph.com/
Description:MORPH 05テーマ・テーマカスタマイザー色変更用CSS。ターコイズブルー。
Author: Vision Inc.
Author URI: http://hp-morph.com/
Tags: simple

	hp-morph.com Template
	http://hp-morph.com/

	This theme was designed and built by hp-morph.com template,
	whose blog you will find at http://hp-morph.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


body {
	border-top: 5px solid #009DBF;
	}

/*------------------------------------------------------------
初期：リンク設定
------------------------------------------------------------*/ 
a {
	color: #009DBF;
	}
	
input[type="submit"], input[type="reset"], input[type="button"] {
	background: #009DBF;
	background: -moz-linear-gradient(top, #009DBF 0%, #528DAA 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009DBF), color-stop(100%, #528DAA));
	background: -webkit-linear-gradient(top, #009DBF 0%, #528DAA 100%);
	background: -o-linear-gradient(top, #009DBF 0%, #528DAA 100%);
	background: -ms-linear-gradient(top, #009DBF 0%, #528DAA 100%);
	background: linear-gradient(to bottom, #009DBF 0%, #528DAA 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009DBF', endColorstr='#528DAA', GradientType=0 );
	}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
	background: #009DBF;
	background: -moz-linear-gradient(top, #528DAA 0%, #009DBF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #528DAA), color-stop(100%, #009DBF));
	background: -webkit-linear-gradient(top, #528DAA 0%, #009DBF 100%);
	background: -o-linear-gradient(top, #528DAA 0%, #009DBF 100%);
	background: -ms-linear-gradient(top, #528DAA 0%, #009DBF 100%);
	background: linear-gradient(to bottom, #528DAA 0%, #009DBF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#528DAA', endColorstr='#009DBF', GradientType=0 );
}
#footer {
	background: #009DBF; 
}
#footerInfo{
	border-bottom:1px dotted #009DBF;
	}
/*------------------------------------------------------------
タイポグラフィー
------------------------------------------------------------*/
h1.title {
	background: url(../images/green/h_bg.png) bottom repeat-x; 
	}
.wide h1.title {
	background: url(../images/green/h_bg.png) bottom repeat-x; 
	}
h2.title {
	background: #009DBF;
	}
.post ul#sitemap_list li {
	background: url(../images/green/bullet.png) no-repeat 0 8px; 
	}
/* コンテンツ内見出し
----------------------------------*/ 
.post h1 {
	background: url("../images/green/h_bg.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);
	}
.post h2 {
	background: url("../images/green/sec-h_bg2.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	}
.post h3 {
	border-left: 7px solid #009DBF;
	}

/* ページナビ
----------------------------------*/
.prev {
	background: #009DBF;
	}
.next {
	background: #009DBF;
	}
#pageLinks {
	color: #009DBF;
	}
#pagetop a {
	background: #009DBF url(../images/green/toTop.png) no-repeat 8px 60%;
	}

/*------------------------------------------------------------ 
サイドバー
------------------------------------------------------------*/
section.widget h2 {
	background: url(../images/green/sec-h_bg.png) left no-repeat; 
	}
section.widget h3 {
	background: #009DBF; 
	}
#sidebar ul li a:hover {
	background-color: #E1F5FF;
}
/*-- arrow --*/
#sidebar ul li a::before{
	border-top: 2px solid #009DBF;
	border-right: 2px solid #009DBF;
	}
/* 更新情報
-------------*/ 
.newsTitle {
	background: url(../images/green/sec-h_bg.png) left no-repeat;
	}
.newsTitle p {
	background: url(../images/green/arrow.png) no-repeat 0 50%;
	}
.news a:hover span {
	color: #009DBF;
	}

/*------------------------------------------------------------
フッター 
------------------------------------------------------------*/
#footer ul {
	background: #009DBF;
	}
	
/*------------------------------------------------------------
TOPフロントページバナー指定（ex:c1＝1カラム） 
------------------------------------------------------------*/ 
.thumbWrap ul.thumb h3 {
	background: url(../images/green/arrow.png) no-repeat 100% 50%;
	}
	
/* Step系テーブル  */
table.step th {
	background: #009DBF !important;
	}
table.step th:after {
	border-left-color: #009DBF;
	}
@-moz-document url-prefix() {
	table.step th::after {
		border-left: #009DBF 10px solid;
		}
	}

/*------------------------------------------------------------
 投稿記事
------------------------------------------------------------*/
.postlist .time {
	background-color: #009DBF;
	}
	
/*-------------------------------------------- 
/* 見出しデザイン 
--------------------------------------------*/
.ctitle {
	background: #009DBF;
	background: -moz-linear-gradient(top, #009DBF 0%, #528DAA 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009DBF), color-stop(100%, #528DAA));
	background: -webkit-linear-gradient(top, #009DBF 0%, #528DAA 100%);
	background: -o-linear-gradient(top, #009DBF 0%, #528DAA 100%);
	background: -ms-linear-gradient(top, #009DBF 0%, #528DAA 100%);
	background: linear-gradient(to bottom, #009DBF 0%, #528DAA 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009DBF', endColorstr='#528DAA', GradientType=0 );
	box-shadow: 0 1px 2px #009DBF;
}
.ctitle2:before {
	background: none repeat scroll 0 0 #009DBF;
}
.ctitle3 {
	border-top: 2px solid #009DBF;
	}
.ctitle3:before {
	background: none repeat scroll 0 0 #009DBF;
	}
.ctitle4 {
	border-bottom: 2px dotted #528DAA;
	}
.ctitle4:before {
	background: none repeat scroll 0 0 #528DAA;
	background: -moz-linear-gradient(top, #009DBF 0%, #528DAA 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009DBF), color-stop(100%, #528DAA));
	background: -webkit-linear-gradient(top, #009DBF 0%, #528DAA 100%);
	background: -o-linear-gradient(top, #009DBF 0%, #528DAA 100%);
	background: -ms-linear-gradient(top, #009DBF 0%, #528DAA 100%);
	background: linear-gradient(to bottom, #009DBF 0%, #528DAA 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009DBF', endColorstr='#528DAA', GradientType=0 );
}
.ctitle7 {
	background: url(../images/green/patterns_wh.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #009DBF), color-stop(0.00, #528DAA));
	background: url(../images/green/patterns_wh.png) repeat, -webkit-linear-gradient(#009DBF, #528DAA);
	background: url(../images/green/patterns_wh.png) repeat, -moz-linear-gradient(#009DBF, #528DAA);
	background: url(../images/green/patterns_wh.png) repeat, -o-linear-gradient(#009DBF, #528DAA);
	background: url(../images/green/patterns_wh.png) repeat, -ms-linear-gradient(#009DBF, #528DAA);
	background: url(../images/green/patterns_wh.png) repeat, linear-gradient(#009DBF, #528DAA);
}
/*------------------------------------------------------------ 
投稿記事
------------------------------------------------------------*/ 
.post .time {
	background-color: #009DBF;
	}
.post2b h2 {
	background: url("../images/green/sec-h_bg2.png") no-repeat scroll left center rgba(0, 0, 0, 0); 
	}
.post2b .time {
	background-color: #009DBF;
	}
.post4b h2 {
	background: url("../images/green/sec-h_bg2.png") no-repeat scroll left center rgba(0, 0, 0, 0); 
	}
.post4b .time {
	background-color: #009DBF;
	}
	
/*----------------------------------------------------------------------------------------------------
 PC用：メインメニュー + 検索ボックス
----------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1024px) {
	nav#mainNav ul li.current-menu-item a{
	color: #009DBF;
	border-bottom: 5px solid #009DBF;
		}
	nav#mainNav ul li.current-menu-ancestor a{
	color: #009DBF;
	border-bottom: 5px solid #009DBF;
		}
	nav#mainNav ul li a:hover,
	nav#mainNav ul li a:active{
	color: #009DBF;
	border-bottom: 5px solid #009DBF;
		}
	nav#mainNav ul li.current-menu-ancestor li.current-menu-ancestor a:hover{
		background:#009DBF;
		}
	nav#mainNav ul li.current-menu-ancestor li.current-menu-ancestor li.current-menu-item a{
		background:#009DBF;
		}
	nav#mainNav ul li li.current-menu-item a,
	nav#mainNav ul li li a:hover,
	nav#mainNav ul li.current-menu-item li a:hover{
		background:#009DBF;
		}
	nav#mainNav ul li li li.current-menu-item a{
		background:#FFFFFF;
		color:#009DBF;
	}
	nav#mainNav ul li li li a,
	nav#mainNav ul li.current-menu-item li li a,
	nav#mainNav ul li li.current-menu-item li a{
		background:#FFFFFF;
	}
	nav#mainNav ul li li.current-menu-item li a{
		background:#FFFFFF;
		color:#009DBF;
		}
	nav#mainNav ul li li li.current-menu-item a,
	nav#mainNav ul li li li a:hover,
	nav#mainNav ul li.current-menu-item li li a:hover{
		background:#009DBF;
		color:#FFFFFF;
		}
	nav#mainNav ul li li:last-child a{
		background:#FFFFFF;
		}
	nav#mainNav ul li li.current-menu-item li:last-child a:hover{
		background:#009DBF;
		color:#FFFFFF;
		}

	nav#mainNav ul li li li.current-menu-item a{
		background:#009DBF;
		color:#FFFFFF;
		}
	
	nav#mainNav ul li li:last-child li.current-menu-item a{
		background:#009DBF;
		color:#FFFFFF;
		}
	
	nav#mainNav ul li.current-menu-item li:last-child li a:hover,
	nav#mainNav ul li li:last-child li a:hover{
		background:#009DBF;
		color:#FFFFFF;
		}
		
	nav#mainNav ul li.current-menu-item li li:last-child a:hover{
		background:#009DBF;
		color:#FFFFFF;
		}
		
	nav#mainNav ul li li:last-child.current-menu-item a,
	nav#mainNav ul li li:last-child a:hover,
	nav#mainNav ul li.current-menu-item li:last-child a:hover{
		background:#009DBF;
		color:#FFFFFF;
		}
	nav#mainNav ul li li li:last-child a:hover{
		background:#009DBF;
		color:#FFFFFF;
		}
}

/*---------------------------------------------------------------------------------------------------- 
iPadサイズ以下から：メインメニュー + 検索ボックス 
----------------------------------------------------------------------------------------------------*/ 
@media only screen and (max-width:1023px) {
/*arrow*/
nav#mainNav a.menu::before{
	background: #009DBF;
	}
/*arrow*/
nav#mainNav a.menuOpen::before{
	background: #009DBF;
	}
	.panel ul li.current-menu-item a, .panel ul li a:hover, .panel ul li.current-menu-item a, .panel ul li a:active, .panel ul li li.current-menu-item a, .panel ul li.current-menu-item li a:hover, .panel ul li.current-menu-item li a:active {
	color: #ffffff;
	background: #009DBF;
}
.panel ul li ul li.current-menu-item a,  .panel ul li ul li a:hover,  .panel ul li ul li.current-menu-item a,  .panel ul li ul li a:active,  .panel ul li ul li li.current-menu-item a,  .panel ul li ul li.current-menu-item li a:hover,  .panel ul li ul li.current-menu-item li a:active {
	color: #ffffff;
	background: #009DBF;
}
.panel ul li li a:hover, .panel ul li.current-menu-item li a:hover {
	color: #ffffff;
	background: #009DBF;
}
.panel ul li li:last-child a:hover, .panel ul li.current-menu-item li:last-child a:hover {
	color: #ffffff;
	background: #009DBF;
}

}