@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 1.0
 *  updated --- 2014/09/1
 */


/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px; /* 12px; */
	-webkit-text-size-adjust: none;
	line-height: 1.7;
	color: #646464;
	-webkit-text-size-adjust: 100%;
}
/* ie7 */ *:first-child+html body { font-size: 88%; /* 75%; */}
/* ie6Below */ * html body { font-size:88%; /* font-size: 75%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 88%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}
p
{ text-align: justify;}


/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}


/* !Clearfix
---------------------------------------------------------- */
.clearfix
{
	display: block;
	min-height: 1%;
}
.clearfix:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}


/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;}

img{
	width: 100%;
	height: auto;
}

.blue{
	color: #5E90C4;
}

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	width: 100%;
	text-align: left;
}


/* !header
---------------------------------------------------------- */
#header {
	
	width: 100%;
	height: auto;
	
}
	#headerIn {
		text-align: left;	
	}
	
		#headerLogo {
			float: left;
			width: 180px;
			height: auto;
			margin-left: 5%;
			padding: 20px 0 ;
		}
		#headerLinks {
			display: none;
		}
		
		#spMenu {
			
			background: url(../img/header/sp-menu.gif) 0px 20px no-repeat #FFFFFF;
			background-size: 90px ;
			background: url(../img/header/sp-menu1x.gif) 0px 20px no-repeat #FFFFFF \9;
			
			text-indent: -9999px;
			float: right;
			width: 90px;
			height: 29px;
			padding:20px 0 ;
			margin-top: -4px;
			cursor: pointer;
			margin-right: 5%;
		}
		
		.spMenu-active{
			background: url(../img/header/sp-menu_on.gif) 0px 20px no-repeat #5E90C4 !important;
			background-size: 90px !important;
			background: url(../img/header/sp-menu_on1x.gif) 0px 20px no-repeat #5E90C4 \9 !important;
			width: 90px !important;
			height: 29px !important;
			padding:20px 0 20px 0px !important;
			margin-right: 5%;
		}
		
		


/* !gNavi
---------------------------------------------------------- */
#gNavi {
	width: 100%;
	position: absolute;
	top:50px;
	left:0;
	display: none;
	background: #FFFFFF;
	z-index: 9999;
}
	#gNavi ul {
		border: 15px solid #5E90C4;
		
				
		
	}
		#gNavi ul li {
			background: #FFFFFF;
			text-align: center;	
			font-size: 16px;		
		}
		#gNavi ul li a {
			color: #5E90C4;
			font-weight: 700;
			display: block;
			padding: 10px 0;
			border-bottom: 1px dotted #5E90C4;
			text-decoration: none;
			
		}
		
		#gNavi ul li.last a{
			border-bottom: none;
		}
		
		


		



/* ! TopicPath
---------------------------------------------------------- */		

#topicPath{
	width: 98%;
	/*border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;*/
	background: #dfe7f1	;
	/*background: #cee6fc;*/
	margin: 0px auto;
	padding: 3px 1%;
	font-size: 10px;
	overflow: hidden;
	height: 15px;

}


/* ! Lower contents
---------------------------------------------------------- */

#lower #contents{
	clear: both;
}



	#lower #contents #main{
		width: 90%;
		margin: 30px auto;
	}
	
		#lower .hgroup h2{
			color: #5E90C4;
			font-size: 17px;
			font-weight: 700;
		}

		#lower .hgroup{	
			
			padding: 0 0 10px;
			border-bottom: 1px solid #CCCCCC;
			margin-bottom: 10px;
		}
		
		#lower #contents #main .contsection{
			width: 90%;
			margin: 0 auto;
		}
		
		#lower #contents h3{
			color: #5E90C4;
			font-weight: 700;
			margin-bottom: 10px;
			font-size: 16px;
		}
	
	

#lower .thumbList{
	margin: 20px 0;
}
	#lower .thumbList ul li{
		width: 100%;
		float: none;
		margin: 0 20px 20px 0;
	}
	#lower .thumbList ul li .linkico{
		 position: absolute;
		 display: block;
		 top:3px;
		 right:3px;
		 width: 15px;
		 height: 13px;
	 }


	#lower .thumbList ul li img {
		/* max-width: 240px; */
		width: 100%;
	}
	
		#lower .thumbList ul li a{
			display: block;
		}
	
	#lower .thumbList ul li .title,
	#lower .thumbList-large ul li .title{
		background: url(../img/ico/ico-01.gif) 0 9px no-repeat;
		line-height: 1;
		border-bottom: 1px solid #CCCCCC;
		font-weight: 700;
		padding: 10px 0 10px 1em;
		margin-bottom: 8px;
		font-size: 12px;
	}
	
	#lower .thumbList ul li .copy,
	#lower .thumbList-large ul li .copy{
		font-size: 12px;
	}
	
#lower .thumbList-large{
	margin: 20px 0;
}
	#lower .thumbList-large ul li{
		width: 100%;
		float: none;
		margin: 0 20px 20px 0;
	}
	
		#lower .thumbList-large ul li a{
			display: block;
		}

	
.titleLine2{
	height: 30px;
	background-position: 0 12px !important;
}

.titleLine2 a{
	line-height: 1.5;
}
	
.outlinkIcon{
	position: relative;
}
	
.linkico{
	 position: absolute;
	 display: block;
	 top:3px;
	 right:3px;
	 width: 15px;
	 height: 13px;
}

/* ! sNavi
---------------------------------------------------------- */


.sNavi{
	border: 1px solid #5E90C4;
	width: 80%;
	margin: 60px auto ;
}

	.sNaviTitle{
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6392C1), color-stop(0.00, #97B2D7));
		background: -webkit-linear-gradient(#97B2D7, #6392C1);
		background: -moz-linear-gradient(#97B2D7, #6392C1);
		background: -o-linear-gradient(#97B2D7, #6392C1);
		background: -ms-linear-gradient(#97B2D7, #6392C1);
		background: linear-gradient(#97B2D7, #6392C1);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#97B2D7', endColorstr='#6392C1', GradientType=0)";  

		height: 50px;
		line-height: 50px;
		padding: 0 15px;
		color: #FFFFFF;
		font-weight: 700;
		font-size: 16px;
	}	
	
	.sNavi ul li {
		
		border-bottom: 1px dotted #5E90C4;
	}
	
	.sNavi ul li a{
		display: block;
		padding: 10px 15px;
		text-decoration: none;
		color: #5E90C4;
	}
	
	.sNavi ul li.last{
		border-bottom: none;
	}
	
	.group .sNavi ul li a:hover{
		background: #e5ebf4;
	}
	
	.group .sNavi ul .current a{
		background: #e5ebf4;
	}


		.sNavi ul li ul.childNavi li{
			border-bottom: none;
		}



/* !footer
---------------------------------------------------------- */
#footerNavi {
	display: none;

}
			
#footer{
	display: none;
}

#spFooter ul{
	border-top: 2px solid #9E9E9F;
	border-bottom: 2px solid #9E9E9F;
	margin-bottom: 15px;
}

	#spFooter ul li{
		border-bottom: 1px dotted #9E9E9F;
		padding: 10px 0;
		text-align: center;
	}
	
		#spFooter ul li.last{
			border-bottom: none;
		}
	
	#spFooter ul li a{
		background: url(../img/ico/ico-01.gif) 0 0px no-repeat; 
		padding-left: 1em;
		font-weight: 700;
	}

#spFooter .viewPC{
	display: block;
	width: 225px;
	height: auto;
	margin: 0 auto 20px;
}

#spFooter .footerCopyRight{
	text-align: center;
}

	/* Print
	---------------------------------------*/ 

@media print{
  #header,#footer,#footerNavi,#sub{
    display: none !important;
  }
  #lower #contents #main {
      float: none;
  }
    
}