/*=======================================================================

	❤❤❤ Gumby by Digital Surgeons. ❤❤❤
	
	*** This is where you should keep all of your TEXT styles ***
 
 ========================================================================*/
 
html { font-size: 62.5%; } 

body {
  		font-size: 14px;
  		font-size: 1.4rem;
  		line-height: 1.6;
  		color: #555;
  	}
 
 
body, button, input, select, textarea, .btn, .btn a, .btn a:hover, .btn a:visited { font-family: Meiryo,"CI",Arial,Helvetica,Clean,"Hiragino Kaku Gothic Pro","qMmpS Pro W3",Osaka,"MS P Gothic","lr oSVbN",sans-serif; }


	
 /*=====================================================
  
  	Headings
  	
  ======================================================*/
  
  
  	h1, h2, h3, h4, h5, h6 {
  		color: #1b1b1b;
  		font-weight: bold;
  		line-height: 1.6;
  	}
  	
  	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  		font-weight: inherit;
  	}
  	
  	h1 {
  		font-size: 19px;
  		font-size: 1.9rem;
  		margin-bottom: 12px;
  	}
  	
  	h2 {
  		font-size: 18px;
  		font-size: 1.8rem;
  		margin: 15px 0;
		text-align: left;
  	}
  	
  	h3 {
  	  font-size: 14px;
  		font-size: 1.4rem;
  		margin-bottom: 9px;
  	}
  	
  	h4 {
  	  font-size: 14px;
  		font-size: 1.4rem;
  		margin-bottom: 3px;
  	}
  	
  	h5 {
  		font-size: 19px;
  		font-size: 1.9rem;
  		font-weight: normal;
  		margin-bottom: 3px;
  	}
  	
  	h6 {
  		font-size: 15px;
  		font-size: 1.5rem;
  		font-weight: normal;
  	}
  
  	.subhead {
  		color: #777;
  		font-weight: normal;
  		margin-bottom: 20px;
  	}
	

/*=====================================================
  
  	Links & Paragraph styles
  	
======================================================*/

h2 span {
	font-size: 21px;
  	font-size: 2.1rem;
	color: #504f4f;
}

h3 span {
	font-size: 16px;
  	font-size: 1.6rem;
	margin-top: 20px;
	display: block;
}

h3 a{disoplay:block;padding-left:20px;text-decoration:none;color:#28455d!important;height:20px!important; background: #fff url(../images/mark_local_menu_on.gif) left 2px no-repeat;}
	
	
 /*=====================================================
  
  	Links & Paragraph styles
  	
======================================================*/	
	
	p {
  		font-size: 14px;
  		font-size: 1.4rem;
  		line-height: 1.6;
		text-align: left;
  	}
	
	p.lead {
	font-size: 18px;
	font-size: 1.8rem;
  	}
  
 	a { color: #555; text-decoration: none; outline: 0; line-height: inherit; }
 	a:hover { color: #c03d20; }
 	p a, p a:visited { line-height: inherit; }
	
	
	.p_m {
		margin: 20px 0;
	}
	
	.p_mm {
		margin: 45px 0;
	}
		
	
	
	
/* Mobile */

@media only screen and (max-width: 767px) {
body, p {  font-size: 14px; font-size: 1.4rem; line-height: 1.4; }
h2 span {
	font-size: 21px;
  	font-size: 2.1rem;
}
}
	
	em {
	  font-style: italic;
	  line-height: inherit;
	}
	
	strong {
	  font-weight: bold;
	  line-height: inherit;
	}
	
	small {
	  font-size: 56.4%;
	  line-height: inherit;
	}
	
	h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
	
/*	Blockquotes  */
	blockquote, blockquote p { line-height: 20px; color: #777; }
	blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; }
	blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited { color: #555; }
	
	hr {
	  clear: both;
	}
	
	abbr, acronym {
	  text-transform: uppercase;
	  font-size: 90%;
	  color: #222;
	  border-bottom: 1px solid #ddd;
	  cursor: help;
	}
	
	abbr { text-transform: none; }
	
	
	
	

 

 /* =============================================================================
   リンク
   ========================================================================== */

a { color: #00e;text-decoration: none; }
a:visited { color: #551a8b; }
a:hover { color: #06e; text-decoration: underline; }
a:focus { outline: thin dotted; }

/* すべてのブラウザーで、フォーカスの設定時およびホバー時の読みやすさを改善 : h5bp.com/h */
a:hover, a:active { outline: 0; }




/* =============================================================================
   テキスト編集
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* タイプライター字体ファミリーを再宣言 : h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* すべてのブラウザーでのプリフォーマットテキストの読みやすさを改善 */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* 行の高さに影響を与えずに、サブスクリプトおよびスーパースクリプトコンテンツを配置 : h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
 
 
 
 
 
 
 
 a.ft10w {
	font-size: 10px;
  	font-size: 1.0rem;
	color: #fff;
}


.fred {
	color: #F00;
}

.note{
	font-size: 11px;
  	font-size: 1.1rem;
}
.notes{
	font-size: 11px;
  	font-size: 1.1rem;
}
.attention{
	color:#f00;
	text-align:left;
}

.tip{border-bottom:1px dotted #ff8c00;text-decoration:none;}
a.tip:hover{text-decoration:none;}


.ft10 {
	font-size: 10px;
  	font-size: 1.0rem;
}
.ft11 {
	font-size: 11px;
  	font-size: 1.1rem;
}
.ft12 {
	font-size: 12px;
  	font-size: 1.2rem;
}
.ft13 {
	font-size: 13px;
  	font-size: 1.3rem;
}
.ft14 {
	font-size: 14px;
  	font-size: 1.4rem;
}
.ft15 {
	font-size: 15px;
  	font-size: 1.5rem;
}
.ft16 {
	font-size: 16px;
  	font-size: 1.6rem;
}
.ft17 {
	font-size: 17px;
  	font-size: 1.7rem;
}
.ft18 {
	font-size: 18px;
  	font-size: 1.8rem;
}
.ft21 {
	font-size: 21px;
  	font-size: 2.1rem;
}


.fbold {
	font-weight: bold;
}
.fcenter {
	text-align: center;
}

.f_bold {
	font-weight: bold;
}

.colred {
	color: #ff0000;
}
 
.colgray {
	color: #878787;
}
 
 
 
 
 
 
 
 
 
 
 
 
 /* ==|== media queries ======================================================
    PLACEHOLDER Media Queries for Responsive Design.
    These override the primary ('mobile first') styles
    Modify as content requires.
    ========================================================================== */
 
@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */
 
}
 
@media only screen and (min-width: 768px) {
   /* Style adjustments for viewports 768px and over go here */
h3 {
  font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 9px;
}
 }