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





/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, 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%;
  overflow: hidden;
}
/* 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,
#headerTop,
#headerLinks ul,
#gNavi ul,
#contents,
#footerLinksSec01,
#footerLinksSec02,
#footerLinksSec02 ul,
.section,
.sectionLast {
	display: block;
	min-height: 1%;
}
.clearfix:after,
#headerTop:after,
#headerLinks ul:after,
#gNavi ul:after,
#contents:after,
#footerLinksSec01:after,
#footerLinksSec02:after,
#footerLinksSec02 ul:after,
.section:after,
.sectionLast: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 {
	background: url(../img/header/bg_header01.gif) 0 100% repeat-x;
	width: 100%;
	height: 132px;
}
	#headerIn {
		margin: 0 auto;
		width: 940px;
		text-align: left;
		padding-top:28px ;
	}
	
	
	html>/**/body #headerIn { padding-top:26px\9; }
	
		#spMenu{
			display: none;
		}
	
		#gNavi{
			margin-top: 17px;
		}
		
		#headerLogo {
			float: left;
			width: 232px;
			height: 25px;
		}
		
			#headerLogo img{
				width: 232px;
				height: 25px;
			}
		
		#headerLinks {
			float: right;
			width: 396px;
			text-align: right;
		}
			#headerLinks ul{
				margin-top: 15px;
     min-height: 22px;
			}
				#headerLinks ul li {
					display: inline;
					padding-left: 20px;
					font-size: 0;
					line-height: 1;
				}
					#headerLinks ul li .btn1{
						width: 89px;
						height: 12px;
					}
					#headerLinks ul li .btn2{
						width: 80px;
						height: 12px;
					}
			
				


/* !gNavi
---------------------------------------------------------- */
#gNavi {
	text-align: center;
}
	#gNavi ul {
		width: 940px;
		height: 50px;
		overflow: hidden;
	}
		#gNavi ul li {
			height: 50px;
			display: inline-block;
    margin-left: -4px;
		}
		#gNavi ul li a {
			background: url(../img/header/gnavi.gif) left top repeat-x;
			height: 50px;
			display: block;
    color: #fff;
    padding: 0 0 4px;
    font-size: 16px;
    line-height: 50px;
    box-sizing: border-box;
    transition: 0.5s;
		}
		#gNavi ul li a:hover {
			background: url(../img/header/gnavi.gif) left bottom repeat-x;
    text-decoration: none;
		}
		#gNavi ul li a:active {
    text-decoration: none;
		}
		#gNavi ul li a span.text {
    border-left:1px solid #fff;
    padding: 8px 35px;
  }
		#gNavi ul li:nth-last-child(1) a span.text {
    border-right:1px solid #fff;
  }
		#gNavi ul li a span.small {
    font-size: 12px;
    padding-left: 4px;
  }

		#gNavi ul li#gNav01,
		#gNavi ul li#gNav01 a { width: 193px;}
		#gNavi ul li#gNav02,
		#gNavi ul li#gNav02 a { width: 178px;}
		#gNavi ul li#gNav03,
		#gNavi ul li#gNav03 a { width: 223px;}
		#gNavi ul li#gNav04,
		#gNavi ul li#gNav04 a { width: 175px;}
		#gNavi ul li#gNav05,
		#gNavi ul li#gNav05 a { width: 171px;}
		
		
		
			#gNavi ul li#gNav01 a { background-position: 0 0;}
			#gNavi ul li#gNav02 a { background-position: -193px 0;}
			#gNavi ul li#gNav03 a { background-position: -371px 0;}
			#gNavi ul li#gNav04 a { background-position: -594px 0;}
			#gNavi ul li#gNav05 a { background-position: -769px 0;}
			
	
			#gNavi ul li#gNav01 a:hover { background-position: 0 -50px;}
			#gNavi ul li#gNav02 a:hover { background-position: -193px -50px;}
			#gNavi ul li#gNav03 a:hover { background-position: -371px -50px;}
			#gNavi ul li#gNav04 a:hover { background-position: -594px -50px;}
			#gNavi ul li#gNav05 a:hover { background-position: -769px -50px;}
			

/* !gNavi active */	
.g01 #gNavi ul li#gNav01 a { background-position: 0 -50px;}
.g02 #gNavi ul li#gNav02 a { background-position: -193px -50px;}
.g03 #gNavi ul li#gNav03 a { background-position: -371px -50px;}
.g04 #gNavi ul li#gNav04 a { background-position: -594px -50px;}
.g05 #gNavi ul li#gNav05 a { background-position: -769px -50px;}



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

#topicPath{
	margin: 30px 0;
}


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

#lower #contents{
	width: 940px;
	margin: 0 auto;
}



	#lower #contents #main{
		width: 760px;
		float: right;
	}
	
	#lower .hgroup{
			border-bottom: 1px solid #CCCCCC;
			margin-bottom: 25px;
			padding-bottom: 25px;
		}
	
			#lower .hgroup h2{
				color: #5E90C4;
				font-size: 24px;
				font-weight: 700;
				
			}
			
			#lower .hgroup p{
				margin-top: 10px;
			}

		
	
	#lower #contents #sub{
		width: 140px;
		float: left;
	}
	
	#lower #contents h3{
		color: #5E90C4;
		font-weight: 700;
		margin-bottom: 10px;
		font-size: 16px;
	}
	
#lower .thumbList{
	margin: 20px 0;
}
	#lower .thumbList ul li{
		width: 240px;
		float: left;
		margin: 0 20px 20px 0;
	}
	
		#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: 370px;
		float: left;
		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;
  margin-bottom: 1rem;
}

	.sNaviTitle{
		background: url(../img/bg/bg_lower-01.gif) 0 0 repeat-x #5E90C4;
		line-height: 1.5;
		padding: 10px 15px;
		color: #FFFFFF;
		font-weight: 700;
	}	
	
	.sNavi ul li {
		font-size: 12px;
		border-bottom: 1px dotted #5E90C4;
	}
					
	
	.sNavi ul li a{
		display: block;
		padding: 10px 15px;
		text-decoration: none;
		color: #5E90C4;
	}
	
	.sNavi ul li span{
		display: block;
	}
	
	.sNavi ul li.last{
		border-bottom: none;
	}
	
	.sNavi ul li a:hover{
		background: #e5ebf4;
	}
	
	.sNavi ul .current {
		background: #e5ebf4;
	}
		.childNavi{
			border-top:1px dotted #5E90C4;
		}
		
		.childNavi li{
			border-bottom: none !important ;
		}
	
		.childNavi li a{
			display: block;
			padding: 0 ;
			text-decoration: none;
			padding: 0px;
			height: 14px;
			line-height: 14px;
			color: #5E90C4;		
		}

.icon-globe:before {
    content: "\e900";
}

#headerLinks ul li.last {
    display: inline;
    padding-left: 20px;
    font-size: 12px;
    line-height: 1;
    color: #000;
    position: relative;
    top: -5px;
}
#headerLinks ul li.last a {
    color: #33568D;
  font-family: Calibri, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 14px;
}
#headerLinks ul li.last a:hover {
  text-decoration: none;
  opacity: 0.7;
}



/* !footer
---------------------------------------------------------- */
#footerNavi {
	width: 100%;
	text-align: left;
	margin-top: 40px;
	background: #FAFAFA;

}

		

	#footerNaviIn{
		width: 940px;
		margin: 0 auto;
		font-size: 11px;
		padding: 35px 0 35px;
		
	}
		
	
		.footerBox01{
			width: 410px;
			float: left;
		}
		
			.footerSubBox01{
				width: 185px;
				padding-right: 20px;
				float: left;
			}
			
			.footerSubBox02{
				width: 185px;
				padding-right: 20px;
				float: right;
			}
		
		.footerBox02{
			width: 165px;
			padding-right: 20px;
			float: left;
		}
		
		.footerBox03{
			width: 165px;
			padding-right: 20px;
			float: left;
		}
		
		.footerBox04{
			width: 140px;
			padding-right: 20px;
			float: right;
		}
		
		.footerLinkTitle{
			color: #5E90C4;
			font-weight: 700;
			margin: 10px 0 3px;
		}
		
			.footerLinkTitle a{
				color: #5E90C4;
			}
		
		.footerLinkSubTitle{
			font-weight: 700;
		}
		
		.footerCont{
    margin-bottom: 0.75rem;
  }
		.footerCont ul{
    margin-left: 0.25rem;
  }
		.footerCont ul li{
			background: url(../img/footer/ico_footer_arrow01.gif) 0 4px no-repeat;
    background-size: 6px;
			padding-left: 1.1em;
		}
			.footerCont ul li a{
				color: #727272;
			}
			
#footer{
	
}

	#footerIn{
		width: 940px;
		margin: 0 auto;
		padding:35px 0 30px;
	}
	
		#footer #footerIn .footerLinks{
			float: left;
			width: 580px;
		}
		
			.footerLinks ul li{
				float: left;
				margin-right: 20px;
			}
			
			.footerLinks .footerLinkBtn01{
				width: 95px;
				height: 12px;
			}
			
			.footerLinks .footerLinkBtn02{
				width: 115px;
				height: 12px;
			}
			
			.footerLinks .footerLinkBtn03{
				width: 124px;
				height: 12px;
			}
		
		#footer #footerIn .footerCopyRight{
			float: right;
			width: 340px;
			text-align: right;
			line-height: 1;
		}


#spFooter{
	display: none;
}

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

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