@charset "utf-8";
/* CSS Document */

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;
	font-weight:normal;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
ul, ol, dt, dd {
	list-style:none;
}

a {
	text-decoration:none;
	color:#333+
}
a img {
	border: 0;
}
.margin-top30 {
	margin-top: 30px;
}

.margin-top50 {
	margin-top: 100px;
}
.margin-bott-20 {
	margin-bottom: 20px;
}
.margin-bott-30 {
	margin-bottom: 30px;
}
.margin-bott-50 {
	margin-bottom: 50px;
}
.margin-bott-70 {
	margin-bottom: 70px;
}
.padding-top-20 {
	padding-top: 20px;
}
.padding-bott-20 {
	padding-bottom: 20px;
}
.padding-all-20 {
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 50px;
}
.padding-all-40 {
	padding-top: 40px;
	padding-right: 100px;
	padding-bottom: 40px;
	padding-left: 100px;
}
.width-100 {
	width: 150px;
}

.border-bott {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #096;
}

.txt-align {
	text-align: center;
}
.font-red {
	color: #F00;
}
.font-green {
	color: #033;
	font-weight: bold;
}
.al-right {
	text-align: right;
	display: block;
	width: 100%;
	color: #313810;
	margin-top: 20px;
}
.al-right_2 {
	text-align: right;
	display: block;
	width: 100%;
	margin-top: 20px;
}
.clear {
	clear: both;
}


#home {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#wrapper {
	color: #333;
}

#header {
	position: fixed;
	left: 0;
	top: 0;
	background-color: #FFF;
	box-shadow: 0 1px 4px 2px rgba(0,0,0,0.1);
	z-index: 100;
	width: 100%;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.body-wrap  {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
.body-wrap2 {
	display: block;
	padding: 0px;
	clear: both;
	height: 120px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.body-wrap2 a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 1000px;
}
.body-wrap-txt1  {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	line-height: 28px;
}


.body-wrap #logo  {
	display: inline-block;
}
.body-wrap #grobal-navi  {
	float: right;
	padding: 10px 0;
	display: block;
}
#grobal-navi ul li {
	float: left;
	height: 40px;
}
#grobal-navi ul li a {
	color: #333;
	display: block;
	margin: 0 10px;
	padding: 10px 5px;
}

@media screen and (min-width:481px) {
	
	h2 {
		text-align: center;
		line-height: 1;
		font-size: 18px;
	}
	.top-title-1 {
		font-size: 32px;
		letter-spacing: 2px;
		display: inline-block;
	}
	h2 .sub-title1 {
		font-size: 18px;
    }
	.body-wrap-txt {
		width: 900px;
		margin-right: auto;
		margin-left: auto;
		line-height: 24px;
	}
	.body-wrap-txt h3 , .body-wrap-txt1 h3{
		font-weight: bold;
		color: #89888D;
	}
	.body-wrap-txt p {
		font-size: 16px;
		line-height: 24px;
	}
	.body-wrap-txt1 p {
		font-size: 16px;
		line-height: 24px;
	}#footer {
		height: 300px;
		width: 100%;
		z-index: 100;
		padding-top: 20px;
		padding-bottom: 20px;
		clear: both;
		box-shadow: -4px -2px rgba(0,0,0,0.1);
		background-color: #001D39;
	}	
	#footer a {
		color: #ccc;
	}	
	.footer-cont {
		width: 800px;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 20px 100px 20px 100px;
		color: #ccc;
	}

}

@media screen and (max-width:480px) {
	
	h2 {
		text-align: center;
		line-height: 1;
		font-size:xx-large;
		color:#F00;
	}
	.top-title-1 {
		font-size:xx-large;
		letter-spacing: 2px;
		display: inline-block;
	}
	h2 .sub-title1 {
		font-size:xx-large;
    }
	.body-wrap-txt {
		width: 900px;
		margin-right: auto;
		margin-left: auto;
		line-height: 48px;
		font-size:xx-large;
	}
	.body-wrap-txt h3 , .body-wrap-txt1 h3{
		font-weight: bold;
		color: #89888D;
		font-size:xx-large;
	}
	.body-wrap-txt1 p {
		font-size:xx-large;
		line-height: 48px;
	}
	.body-wrap-txt p {
		font-size:xx-large;
		line-height: 48px;
	}#footer {
		height: 300px;
		width: 100%;
		z-index: 100;
		padding-top: 20px;
		padding-bottom: 20px;
		clear: both;
		background-color: #ffffff;
	}
	
	#footer a {
		color: #001D39;
	}	
	.footer-cont {
		width: 800px;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 20px 100px 20px 100px;
		color: #001D39;
	}	
	.border-bott_2 {
		border-bottom-width: medium;
		border-bottom-style: dashed;
		border-bottom-color: #096;
	}

}




.body-wrap-txt h4 , .body-wrap-txt1 h4{
	font-weight: bold;
	color: #036;
	font-size: 14px;
}
.body-wrap-txt1 h5 {
	color: #633;
	font-size: 14px;
	font-weight: bold;
}
.body-wrap-txt1 .discp-txt {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.link-ichiran {
	text-align: right;
	width: 850px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 50px;
}



.top-title-1   {
	font-size: 32px;
	letter-spacing: 2px;
	display: inline-block;
}
h2 .top-title-1 :: before{
	display: block;
	width: 100px;
	content: '';
	padding-top: 30px;
	margin: 0 auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}
/*----------------------------------------
table
----------------------------------------*/

.defaultTable {
	width: 900px;
}

.defaultTable th {
	padding: 14px;
	border: 1px solid #CCCCCC;
	background: #F9F9F9;
}
.defaultTable th h3 a { 
	font-size: 18px;
	font-weight: bold;
	color: #06F;
}

.defaultTable td {
	padding: 10px;
	border: 1px solid #CCCCCC;
	background: #FFF;
	vertical-align: top;
}

.defaultTable2 {
width: 100%;
}

.defaultTable2 th {
		padding: 14px;
		width: 150px;
		border: 1px solid #CCCCCC;
		background: #F9F9F9;
		font-weight: normal;
		vertical-align: top;
}

.defaultTable2 td { 
   padding: 14px;
   border: 1px solid #CCCCCC;
   background: #FFF;
   vertical-align: top;
}
.top_table_layout {
	width: 800px;
	border-collapse: separate;
}
.top_table_layout tr td {
	width: 33%;
	text-align: center;
	padding: 3px;
}
.border_top_un {
	border: 1px dashed #999;
}


.ad-space {
	text-align: center;
	height: 30px;
	width: 900px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.next-prev {
	width: 850px;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
	padding-right: 50px;
	border: 1px dotted #CCC;
	font-size: 16px;
}
.next-prev a {
	font-weight: bold;
	color: #093;
}

.gotop{
	position: fixed;
	right: 30px;
	bottom: 10px;
	margin:0 0 0 -63px;
	z-index: 0;
}
.gotop a{
	width: 80px;
	height: 80px;
	display: block;
	z-index: 0;
}