/* ----------------------------------------------------------------------

 overwrite setting

---------------------------------------------------------------------- */

body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 15px;
}

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
	color: #223a70;
	font-weight: normal;
}

.em,
.strong {
	font-weight: bold;
}


.page_navi a:hover, 
#post_pagination a:hover, 
#return_top:hover,
.widget_search #search-btn input:hover, 
.widget_search #searchsubmit:hover,
.tcd_menu_widget a:hover, 
.tcd_menu_widget li.current-menu-item a, 
#submit_comment:hover { 
	background-color:#0077B3; 
}

#header-wrapper{
	border-top-color: #0077B3;
}
#wrapper-light #global_menu ul ul li a {
	background: #0077B3;
}
#wrapper-light #global_menu ul ul a:hover{
	background: #57BDCC;
}
#wrapper-dark #global_menu ul ul li a {
	background: #0077B3;
}
#wrapper-dark #global_menu ul ul a:hover{
	background: #57BDCC;
}
#bread_crumb_wrapper{ 
	background-color: #0077B3;
}
.headline1{ 
	border-left: solid 5px #0077B3;
}
.headline2{ 
	border-top: solid 5px #0077B3;
}
.side_headline{ 
	border-left: solid 5px #0077B3;
}
.footer_headline{ 
	color:#0077B3;
}

/*------------------------------------------------------------
	Space
-------------------------------------------------------------*/
/* Top */
.space-top {
	margin-top: 1em;
}
.space-top-half {
	margin-top: 0.5em;
}
.spacer-top {
	margin-top: 1.5rem;
}
.space-top-w {
	margin-top: 2em;
}
/* Bottom */
.space-bottom {
	margin-bottom: 1em;
}
.space-bottom-half {
	margin-bottom: 0.5em;
}
.spacer-bottom {
	margin-bottom: 1.5rem;
}
.space-bottom-w {
	margin-bottom: 2em;
}
/* Height */
.space-height {
	margin-top: 1em;
	margin-bottom: 1em;
}
/* LR */
.space-left {
	padding-left: 1em;
}
.space-right {
	padding-right: 1em;
}
/* Width */
.space-width {
	padding-left: 1em;
	padding-right: 1em;
}
.outer-space-right {
	margin-right: 1.2rem;
}
.outer-space-left {
	margin-left: 1.2rem;
}
/* All */
.space-all {
	margin: 1em;
}
/* Reset */
.space-top-reset {
	margin-top: 0.2rem !important;
	padding-top: 0.2rem !important;
}
.space-bottom-reset {
	margin-bottom: 0.2rem !important;
	padding-bottom: 0.2rem !important;
}
.space-reset {
	margin: 0 !important;
	padding: 0 !important;
}
/* Inner */
.padding, .inner {
	padding: 1.2rem;
}
/* Outer */
.margin, .outer {
	margin: 1.2rem;
}


/*------------------------------------------------------------
　Horizontal Rule
-------------------------------------------------------------*/
hr.dottline {
	clear: both;
	border-bottom: 0;
	border-top: 1px dotted #ccc;
	border-right: 0;
	border-left: 0;
	margin: 21px 0;
	min-height: 0px;
	height: 1px;
}
hr.dashline {
	clear: both;
	border-bottom: 0;
	border-top: 1px dashed #ccc;
	border-right: 0;
	border-left: 0;
	margin: 21px 0;
	min-height: 0px;
	height: 1px;
}
hr.clears {
	clear: both;
	border-bottom: 0;
	border-top: 1px solid #fff;
	filter: alpha(opacity=0);/*ie100*/
	-moz-opacity: 0.0;/*fx1.0*/
	opacity: 0.0;/*wk1.0*/
	border-right: 0;
	border-left: 0;
	margin: 1px 0;
	min-height: 0px;
	height: 1px;
}
hr.space {
	clear: both;
	border-bottom: 0;
	border-top: 1px solid #fff;
	filter: alpha(opacity=0);/*ie100*/
	-moz-opacity: 0.0;/*fx1.0*/
	opacity: 0.0;/*wk1.0*/
	border-right: 0;
	border-left: 0;
	margin: 12px 0;
	min-height: 0px;
	height: 1px;
}
hr.spacer {
	clear: both;
	border-bottom: 0;
	border-top: 1px solid #fff;
	filter: alpha(opacity=0);/*ie100*/
	-moz-opacity: 0.0;/*fx1.0*/
	opacity: 0.0;/*wk1.0*/
	border-right: 0;
	border-left: 0;
	margin: 32px 0;
	min-height: 0px;
	height: 1px;
}


/*------------------------------------------------------------
	Arrow
-------------------------------------------------------------*/
.arrow {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.arrow:after {
	position: absolute;
	top: 50%;
	right: 16px;
	display: block;
	z-index: 111;
	content: '';
	width: 16px;/*arrow size*/
	height: 16px;/*arrow size*/
	margin-top: -8px;
	border-top: 3px solid #a3a3a3;/*arrow color*/
	border-right: 3px solid #a3a3a3;/*arrow color*/
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}



/*------------------------------------------------------------
	Header
-------------------------------------------------------------*/
#header h1 {
	font-size: 14px;
	font-weight: normal;
	margin: 11px 0 0 0;
	padding: 0;
	line-height: 1;
}
/*------------------------------------------------------------
	Float
-------------------------------------------------------------*/
.f-left {
	float: left;
}
.f-right {
	float: right;
}
/*------------------------------------------------------------
	Navi
-------------------------------------------------------------*/
#bottom-navi h3 {
	background: #ccb684;
	margin: 0;
	padding: 16px 0px 14px 24px;
	line-height: 1;
	font-size: 15px;
	color: white;
}
/*------------------------------------------------------------
	Banner
-------------------------------------------------------------*/
.banner li {
	margin-bottom: 1rem;
}


ul.list li {
	margin-bottom: 1.5rem;
}


p.name {
	font-size: 1rem;
}
p.name span {
	font-size: 1.6rem;
}