/* Gumby */

/* -------------------------------------------------- 
    Table of Contents
-----------------------------------------------------
:: Reset & Standards
:: Links
:: Lists
:: Tables
:: Misc
*/


/*	--------------------------------------------------
	:: Global Reset & Standards
	-------------------------------------------------- */
	
	/* 
		Eric Meyer's CSS Reset
		http://meyerweb.com/eric/tools/css/reset/ 
		v2.0 | 20110126
   		License: none (public domain)
	*/
	
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline;
	}
	html {
		overflow-y: scroll;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	
	.left, .columns.left    { float: left; }
	.right, .columns.right  { float: right; }
	.hide     	{ display: none; }
	.highlight 	{ background: #fcf8bf; }
	
	
	
/*=======================================================================

	❤❤❤ Artfully Masterminded by ZURB. Perfected by Digital Surgeons. ❤❤❤
 
 ========================================================================*/
 
  	body {
		position: relative;
  		-webkit-font-smoothing: antialiased;
  	}
  	
  
  

  	
  	
 /*=====================================================
  
  	Links & Paragraph styles
  	
  	======================================================*/
  	
  	.pagetop_no_local_menu {
	margin-top: 10px;
	clear: both;
	width: 100%;
	text-align: right;
  	}
  	
  	p img {
  		margin: 0;
  	}
  	
	
	.boxlink {
	position: relative;
	}
	.boxlink a {
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		top:0;
	}
	.boxlink:hover {
		cursor: pointer;
	}
  
  
 /*=====================================================
 
  	Lists
  	
  ======================================================*/
  	
  	ul, ol { margin-bottom: 18px; }
  	ul { list-style: none outside; }
  	ol { list-style: decimal; }
  	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
  	ul.square { list-style: square outside; }
  	ul.circle { list-style: circle outside; }
  	ul.disc { list-style: disc outside; }
  	ul ul, ol ol { margin: 4px 0 5px 30px; }
  	li { margin-bottom: 12px; }
  	ul.large li { line-height: 21px; }
	
	a.mark{padding-left:20px;background-image:url(../images/mark_next.gif);background-repeat:no-repeat;background-position:left center;white-space:nowrap;font-weight:normal;}
	a.mark1{padding-left:7px;background-image:url(../images/mark_link.gif);background-repeat:no-repeat;background-position:left center;white-space:nowrap;font-weight:normal;}
	a.mark2{padding-left:17px;background-image:url(../images/mark_link2.gif);background-repeat:no-repeat;background-position:left center;white-space:nowrap;font-weight:normal;}

  	
	
	
/**
	 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
 */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  p a, p a:visited { color: #444 !important; text-decoration: none; }
  p a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
	
	
	
	
/*=======================================================================

	❤❤❤ Genius secreted from the brains of Digital Surgeons. ❤❤❤
 
 ========================================================================*/

hr.dotted{margin:10px 0;padding:0;height:1px;clear:both;display:block;border-color:#a1a1a1;border-style:dotted;border-width:1px 0 0;}



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

	+++ LE GRID +++
	A Responsive Grid -- Gumby defaults to a standard 960 grid, 
	but you can change it to whatever you'd like.
 
 ==================================================*/
 

	.container { 	
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	width: 90.36%;
	padding-left: 2.82%;
	padding-right: 2.82%;
	}
	
	
	.row { width: 100%; max-width: 1232px; margin: 0 auto; padding-bottom: 25px; }
	/* To fix the grid into a different size, set max-width to your desired width */
	
	.row .row { min-width: 0px; }
	
	.column, .columns { margin-left: 2.127663%; float: left; min-height: 1px; position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.column:first-child, .columns:first-child, .colums:first-child, .alpha { margin-left: 0px; }
	
	.column.omega, .columns.omega { float: right; }
	
	
	/*** side ***/
	.row .side.colums 		{ display: block; width: 18%; font-size: 12px; font-size: 1.2rem; margin-left: 4.127663%; }
	.row .main.colums 		{ display: block; width: 76%; }
	.colums { float: left; min-height: 1px; position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.colums.omega { float: right; }
	
	#next_step li {
		border-bottom: 1px solid #ccc;
		padding: 0;
		margin: 0;
	}
	#next_step li a{
		color: #232323;
		display: block;
		padding: 1.3em 0.5em;
	}
	#high_pages li {
		border-bottom: 1px solid #ccc;
		padding: 0;
		margin: 0;
	}
	#high_pages li a{
		color: #232323;
		display: block;
		padding: 1.3em 0.5em;
	}
	
	
	
	.row .one.columns 		{ width: 6%; }
	.row .two.columns 		{ width: 14%; }
	.row .three.columns 	{ width: 23%; }
	.row .four.columns 		{ width: 31%; }
	.row .five.columns 		{ width: 40%; }
	.row .six.columns 		{ width: 100%; }
	.row .seven.columns 	{ width: 57%; }
	.row .eight.columns 	{ width: 65%; }
	.row .nine.columns 		{ width: 74%; }
	.row .ten.columns 		{ width: 82%; }
	.row .eleven.columns	{ width: 91; }
	.row .twelve.columns	{ width: 100%; }
	
	
	.row .four.colums 		{ width: 31%; }
	
	
	/*** Formula: Column Width + Twice the Default Margin ***/
	
	.row .push_one 		{ margin-left: 10.638315%; }
	.row .push_two 		{ margin-left: 19.148967%; }
	.row .push_three 	{ margin-left: 27.659619%; }
	.row .push_four 	{ margin-left: 36.170271%; }
	.row .push_five 	{ margin-left: 44.680923%; }
	.row .push_six 		{ margin-left: 53.191575%; }
	.row .push_seven 	{ margin-left: 61.702227%; }
	.row .push_eight 	{ margin-left: 70.212879%; }
	.row .push_nine 	{ margin-left: 78.723531%; }
	.row .push_ten 		{ margin-left: 87.234183%; }
	/*.row .push_eleven 	{ margin-left: 95.744835%;  }*/
	
	
	/* Centering Columns is fun */
	
	.row .one.centered		{ margin-left: 46.808586%; }
	.row .two.centered 		{ margin-left: 42.55326%; }
	.row .three.centered	{ margin-left: 38.297934%; }
	.row .four.centered		{ margin-left: 34.042608%; }
	.row .five.centered 	{ margin-left: 29.787282%; }
	.row .six.centered 		{ margin-left: 25.531956%; }
	.row .seven.centered 	{ margin-left: 21.27663%; }
	.row .eight.centered 	{ margin-left: 17.021304%; }
	.row .nine.centered 	{ margin-left: 12.765978%; }
	.row .ten.centered 		{ margin-left: 8.510652%; }
	.row .eleven.centered { margin-left: 4.255326%; }
	
	
	/*** Formula: Column Width + Default Margin ***/

	.row .push_one:first-child 		{ margin-left: 8.510652%; }
	.row .push_two:first-child 		{ margin-left: 17.021304%; }
	.row .push_three:first-child 	{ margin-left: 25.531956%; }
	.row .push_four:first-child 	{ margin-left: 34.042608%; }
	.row .push_five:first-child 	{ margin-left: 42.55326%; }
	.row .push_six:first-child 		{ margin-left: 51.063912%; }
	.row .push_seven:first-child 	{ margin-left: 59.574564%; }
	.row .push_eight:first-child 	{ margin-left: 68.085216%; }
	.row .push_nine:first-child 	{ margin-left: 76.596868%; }
	.row .push_ten:first-child 		{ margin-left: 85.10652%; }
	.row .push_eleven:first-child { margin-left: 93.617172%; }
	

	 
	
	/*************** 16-column styles ****************/
	
	.sixteen.colgrid .row .one.columns 				{ width: 4.255326%; }
	.sixteen.colgrid .row .two.columns 				{ width: 10.638315%; }
	.sixteen.colgrid .row .three.columns 			{ width: 17.021304%; }
	.sixteen.colgrid .row .four.columns 			{ width: 23.404293%; }
	.sixteen.colgrid .row .five.columns 			{ width: 29.787282%; }
	.sixteen.colgrid .row .six.columns 				{ width: 100%; }
	.sixteen.colgrid .row .seven.columns 			{ width: 42.55326%; }
	.sixteen.colgrid .row .eight.columns 			{ width: 48.936249%; }
	.sixteen.colgrid .row .nine.columns				{ width: 55.319238%; }
	.sixteen.colgrid .row .ten.columns 				{ width: 61.702227%; }
	.sixteen.colgrid .row .eleven.columns 		{ width: 68.085216%; }
	.sixteen.colgrid .row .twelve.columns 		{ width: 74.468205%; }
	.sixteen.colgrid .row .thirteen.columns		{ width: 80.851194%; }
	.sixteen.colgrid .row .fourteen.columns		{ width: 87.234183%; }
	.sixteen.colgrid .row .fifteen.columns		{ width: 93.617172%; }
	.sixteen.colgrid .row .sixteen.columns		{ width: 100%; }
	
	
	/*** Formula: Column Width + Twice the Default Margin ***/
	
	.sixteen.colgrid .row .push_one 			{ margin-left: 8.510652%;  }
	.sixteen.colgrid .row .push_two 			{ margin-left: 14.893641%; }
	.sixteen.colgrid .row .push_three 		{ margin-left: 21.27663%;  }
	.sixteen.colgrid .row .push_four 			{ margin-left: 27.659619%; }
	.sixteen.colgrid .row .push_five 			{ margin-left: 34.042608%; }
	.sixteen.colgrid .row .push_six 			{ margin-left: 40.425597%; }
	.sixteen.colgrid .row .push_seven 		{ margin-left: 46.808586%; }
	.sixteen.colgrid .row .push_eight 		{ margin-left: 53.191575%; }
	.sixteen.colgrid .row .push_nine 			{ margin-left: 59.574564%; }
	.sixteen.colgrid .row .push_ten 			{ margin-left: 65.957553%; }
	.sixteen.colgrid .row .push_eleven 		{ margin-left: 72.340542%; }
	.sixteen.colgrid .row .push_twelve 		{ margin-left: 78.723531%; }
	.sixteen.colgrid .row .push_thirteen 	{ margin-left: 85.10652%; }
	.sixteen.colgrid .row .push_fourteen	{ margin-left: 91.489509%; }
	.sixteen.colgrid .row .push_fifteen		{ margin-left: 97.872498%; }
	
	
	/* Centering Columns is fun */
	
	.sixteen.colgrid .row .one.centered 			{ margin-left: 47.872424%; }
	.sixteen.colgrid .row .two.centered 			{ margin-left: 44.680929%; }
	.sixteen.colgrid .row .three.centered			{ margin-left: 41.489434%; }
	.sixteen.colgrid .row .four.centered 			{ margin-left: 38.297939%; }
	.sixteen.colgrid .row .five.centered 			{ margin-left: 35.106444%; }
	.sixteen.colgrid .row .six.centered 			{ margin-left: 31.914949%; }
	.sixteen.colgrid .row .seven.centered 		{ margin-left: 28.723454%; }
	.sixteen.colgrid .row .eight.centered 		{ margin-left: 25.531959%; }
	.sixteen.colgrid .row .nine.centered 			{ margin-left: 22.340464%; }
	.sixteen.colgrid .row .ten.centered 			{ margin-left: 19.148969%; }
	.sixteen.colgrid .row .eleven.centered 		{ margin-left: 15.957474%; }
	.sixteen.colgrid .row .twelve.centered		{ margin-left: 12.765979%; }
	.sixteen.colgrid .row .thirteen.centered	{ margin-left: 9.574484%; }
	.sixteen.colgrid .row .fourteen.centered	{ margin-left: 6.382989%; }
	.sixteen.colgrid .row .fifteen.centered		{ margin-left: 3.191495%; }
	

	/*** Formula: Column Width + Default Margin ***/
	
	.sixteen.colgrid .row .push_one:first-child 			{ margin-left: 6.382989%; }
	.sixteen.colgrid .row .push_two:first-child				{ margin-left: 12.765978%; }
	.sixteen.colgrid .row .push_three:first-child 		{ margin-left: 19.148967%; }
	.sixteen.colgrid .row .push_four:first-child 			{ margin-left: 25.531956%; }
	.sixteen.colgrid .row .push_five:first-child 			{ margin-left: 31.914945%; }
	.sixteen.colgrid .row .push_six:first-child 			{ margin-left: 38.297934%; }
	.sixteen.colgrid .row .push_seven:first-child 		{ margin-left: 44.680923%; }
	.sixteen.colgrid .row .push_eight:first-child 		{ margin-left: 51.063912%; }
	.sixteen.colgrid .row .push_nine:first-child 			{ margin-left: 57.446901%; }
	.sixteen.colgrid .row .push_ten:first-child 			{ margin-left: 63.82989%; }
	.sixteen.colgrid .row .push_eleven:first-child 		{ margin-left: 70.212879%; }
	.sixteen.colgrid .row .push_twelve:first-child 		{ margin-left: 76.595868%; }
	.sixteen.colgrid .row .push_thirteen:first-child	{ margin-left: 82.978857%; }
	.sixteen.colgrid .row .push_fourteen:first-child	{ margin-left: 89.361846%; }
	.sixteen.colgrid .row .push_fifteen:first-child 	{ margin-left: 95.744835%; }
	
	
	
	img, object, embed { max-width: 100%; height: auto; }
	img { -ms-interpolation-mode: bicubic; }
	 
	 /* Nicolas Gallagher's micro clearfix */
	 .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
	 .row:after, .clearfix:after { clear: both; }
	 .row, .clearfix { zoom: 1; }




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

        ❤❤❤ Artfully Masterminded by ZURB. Perfected by Digital Surgeons. ❤❤❤
 
 ========================================================================*/

/*	--------------------------------------------------
	:: Block grids
	
	These are 2-up, 3-up, 4-up and 5-up ULs, suited
	for repeating blocks of content. Add 'mobile' to
	them to switch them just like the layout grid
	(one item per line) on phones
	-------------------------------------------------- 
	
	.block-grid { display: block; overflow: hidden; }
	.block-grid>li { display: block; height: auto; float: left; }
	
	.block-grid.two-up { margin-left: -4% }
	.block-grid.two-up>li { margin-left: 4%; width: 46%; }
	
	.block-grid.three-up { margin-left: -2% }
	.block-grid.three-up>li { margin-left: 2%; width: 31.3%; }
	
	.block-grid.four-up { margin-left: -2% }
	.block-grid.four-up>li { margin-left: 2%; width: 23%; }
	
	.block-grid.five-up { margin-left: -1.5% }
	.block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; } */




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

	+++ Grid +++
	
===================================================*/
	
	/* Mobile */
	
	
	@media only screen and (max-width: 767px) {
		body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
		

		.row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
		.row .row .column, .row .row .columns, .row .row .colums { padding: 0; }
		.column, .columns, .colums { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
		.column:last-child, .columns:last-child { margin-right: 0; float: none; }
		.row .row .column, .row .row .columns, .row .row .colums { padding: 0; }
		.column, .columns, .colums { width: auto !important; float: none; margin-left: 0px; margin-right: 0px; }
		.column:last-child, .columns:last-child { margin-right: 0; float: none; }
		[class*="column"] + [class*="column"]:last-child { float: none; }
		[class*="column"]:before, [class*="column"]:after { display: table; }
		[class*="column"]:after { clear: both; }
		
		
		.row_non .row { padding-bottom: 0; }
		
		
		/*** side ***/
		.row .side.colums { display: none; }
		.row .main.colums { width: 100%; }
		.colums {margin-left: 0;}
		
		
		
		
		
		.push_one, .push_two, .push_three, .push_four, .push_five, .push_six, .push_seven, .push_eight, .push_nine, .push_ten, .push_eleven, .centered { margin-left: 0% !important; }
		
		.seven.columns {
			text-align: left;
		}
		
		.five.columns {
		margin-top: 30px;
		text-align: center;
		}
		.five.columns img {
		margin: 0 auto;
		}
		
		.three.columns img {
		margin: 0 auto;
		}
		
		.four.columns img {
		margin: 0 auto;
		}
		
		.six.columns img {
		margin: 0 auto;
		}
		
	}
	

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {
#top_head_back {
	width: 100%;
	background: url(../images/top_head_back.png) left top repeat-x;
}
}
	
/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 1300px) {
	.container { min-width: 1232px; margin-left: auto; margin-right: auto; }
	
}