@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,p,div,ul,ol,li,label,dl,dt,dd { margin:0; padding:0; border:0; list-style:none;} html{overflow-y:scroll;} img{border:none; vertical-align:bottom; line-height:0; font-size:0;} body{background: #ffffff;margin:0 !important;color: #525252;line-height:1.5;letter-spacing: 0;font-family: 'Noto Sans',YuGothic,'游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS PGothic', Arial, sans-serif;} .clearfix{zoom:1;} .clearfix:after{content: ".";display:block;clear:both;height:0;visibility:hidden;} .clearfix{min-height: 1px;} *html .clearfix{height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/} .clearboth{clear:both;height:1px;}

a#top { position: absolute; top: 0px; }
a.alpha { display: block; }
a.alpha:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

/* -------------------------------- header & nav -------------------------------- */

#header {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 50px;
	z-index: 999;
	background: #ffffff;
}
#header ul.party {
	width: 1000px;
	height: 50px;
	margin: 0 auto;
}
#header ul.party li.toru a {
	float: left;
	width: 170px;
	height: 0px;
	padding: 50px 0 0;
	overflow: hidden;
	background: url(../img/logo_toru.png) top left no-repeat;
	margin-right: 20px;
}
#header ul.party li.party a {
	float: right;
	width: 172px;
	height: 0px;
	padding: 50px 0 0;
	overflow: hidden;
	background: url(../img/logo_party.png) top right no-repeat;
}
#header ul.party li.sns {
	float: left;
}
#header ul.party li.sns span { float: left; margin-right: 10px; }
#header span.fbtw { width: 120px; height: 22px; padding: 16px 0 0; }
#header span.line { width: 88px; height: 20px; padding: 12px 0 0; }

#header #menu {
	position: relative;
	width: 100%;
	height: 80px;
	background: url(../img/base_nav.png) top center repeat-x;
}
#header ul.nav {
	position: relative;
	clear: both;
	width: 994px;
	height: 80px;
	margin: 0 auto;
}
#header ul.nav li {
	position: relative;
	display: block;
	float: left;
	width: 142px;
	height: 80px;
	overflow: hidden;
	line-height: 0;
	font-size: 1%;
	margin: 0;
}
#header ul.nav li.lst { width: 148px; }

#header ul.nav li a { display: block; }
#header ul.nav li a:hover { position: relative; top: -80px; }
#header ul.nav li img.current { position: relative; top: -160px; }

#spheader { display: none; }

/* ---------------------------------------- common --------------------------------------- */

#container {
	clear: both;
	position: relative;
	width: 100%;
}
#container.title {
	position: relative;
	margin: 130px 0 0;
	background: url(../img/base_title.png) bottom center no-repeat #054ea1;
	padding: 40px 0;
}
#container.title.snd {
	position: relative;
	margin: 0;
}
#container.wrap { background: #054ea1; }
#container.section {
	position: relative;
	background: url(../img/base_section.png) bottom center repeat-x;
	padding: 30px 0;
}

#content {
	width: 918px;
/*	border: solid 1px #09699a; */
	padding: 40px;
	margin: 0 auto;
}
#content.noline {
	padding: 0px;
	border: none;
}
#article {
	width: 820px;
	margin: 0 auto;
}

h1.msg { text-align: center; margin: 0 auto 50px; width: 515px; }
h2.ttl {
	width: 515px;
	margin: 0 auto;
}
h2.ttl.sub { margin: 0 auto 20px; }
h3.ttl {
	width: 515px;
	margin: 0 auto;
}
h4.ttl {
	width: 285px;
	text-align: center;
	margin: 0 auto 18px;
	padding: 24px 0 0;
}
h4.pttl {
	width: 300px;
	margin: 0 0 18px;
}
h5.ttl {
	width: 758px;
	text-align: center;
	margin: 24px auto 18px;
}

p.txt { font-size: 16px; line-height: 2.0em; }
p.signtxt {
	width: 100%;
	text-align: right;
	font-size: 16px;
	line-height: 2.0em;
}

ul#gist li {
	list-style-type: disc;
	margin-left: 16px;
	font-size: 16px;
	line-height: 2.0em;
}
ol#gist li {
	list-style-type: decimal;
	margin-left: 16px;
	font-size: 16px;
	line-height: 2.0em;
}

/* ------------------------------------- content ------------------------------------- */

/* profile */
.rBox, .lBox {
	float: left;
	width: 398px;
	padding: 0 30px;
	margin: 20px 0 0;
}
.lBox.line { border-left: solid 1px #09669a; }

.photo {
	position: relative;
	background: url(../img/base_photo.png) top left no-repeat;
	width: 470px;
	height: 340px;
}
.photo ul { position: relative; }
.photo ul li { position: absolute; top: 19px; left: 15px; width: 440px; }
.photo p.sngl { position: absolute; top: 19px; left: 15px; width: 440px; } 
.photo.flr { float: right; margin-left: 20px; }
.photo.fll { float: left; margin-right: 20px; }


/* policy */
#policy {
	position: relative;
	width: 700px;
	border: solid 10px #4094d1;
	margin: 0 auto 20px;
	padding: 30px;
}
p.attn {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6em;
	color: #054ea1;
	margin: 0 0 16px;
}
p.tag {
	font-size: 16px;
	line-height: 2.0em;
	background: url(../img/p_tag.png?1243) center left no-repeat;
	padding-left: 30px;
	background-size: 24px auto;
}
.p_tag {
	position: absolute;
	width: 240px;
	top: 10px;
	right: -60px;
}

h5.ttl.no1 {
	background: url(../../images/txt16.png) top center no-repeat;
	height: 0px;
	padding: 22px 0 0;
	overflow: hidden;
}
h5.ttl.no2 {
	background: url(../../images/txt17.png) top center no-repeat;
	height: 0px;
	padding: 50px 0 0;
	overflow: hidden;
}
h5.ttl.no3 {
	background: url(../../images/txt18.png) top center no-repeat;
	height: 0px;
	padding: 22px 0 0;
	overflow: hidden;
}
h5.ttl.no4 {
	background: url(../../images/txt19.png) top center no-repeat;
	height: 0px;
	padding: 22px 0 0;
	overflow: hidden;
}
h5.ttl.no5 {
	background: url(../../images/txt20.png) top center no-repeat;
	height: 0px;
	padding: 22px 0 0;
	overflow: hidden;
}
h5.ttl.no6 {
	background: url(../../images/txt21.png) top center no-repeat;
	height: 0px;
	padding: 50px 0 0;
	overflow: hidden;
}
h5.ttl.no7 {
	background: url(../../images/txt22.png) top center no-repeat;
	height: 0px;
	padding: 22px 0 0;
	overflow: hidden;
}
h5.ttl.no8 {
	background: url(../../images/txt23.png) top center no-repeat;
	height: 0px;
	padding: 22px 0 0;
	overflow: hidden;
}

/* activity */
#actfb {
	width: 980px;
	margin: 20px auto;
}
#actfb iframe {
	width: 980px;
	margin: 0 auto;
	height: 600px;
}
ul.poster {
	width: 980px;
	margin: 0 auto;
	padding: 40px 0;
}
ul.poster li {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 2.0em;
	color: #0092d7;
	float: left;
	margin: 0 5px;
}
ul.poster li img {
	display: block;
	margin: 0;
}

/* support */
#spBox {
	position: relative;
	width: 400px;
	height: 182px;
	margin: 20px 0;
	padding: 18px 0 0;
	background: #005a96;
	float: left;
	text-align: center;
}
#spBox.rside { margin-right: 20px; }
#spBox a {
	display: block;
	position: absolute;
	bottom: 18px;
	left: 57px;
	width: 286px;
}

#rtBox {
	clear: both;
	position: relative;
	width: 820px;
	margin: 20px 0;
	padding: 18px 0;
	background: #005a96;
	text-align: center;
}
#rtBox a {
	width: 468px;
	margin: 18px auto 0;
}
#spBox p.ttl, #rtBox p.ttl {
	color: #ffffff;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: bold;
}
#spBox p.txt, #rtBox p.txt {
	color: #ffffff;
	font-size: 14px;
	line-height: 1.6em;
}

/* contact */
#ctBox {
	width: 320px;
	background: url(../img/base_office.png) top center no-repeat #ffffff;
	border: solid 3px #054ea1;
	margin: 0 auto;
	padding: 18px;
	color: #054ea1;
	font-size: 16px;
	line-height: 2.0em;
	font-weight: bold;
}


/* -------------------------------- footer -------------------------------- */
#footer {
	width: 1000px;
	margin: 0 auto;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	line-height: 2.0em;
	padding: 30px 0;
}
#footer .copy {
	float: left;
	width: 500px;
	padding: 15px 0 0;
}
#footer .backtop {
	float: right;
	width: 40px;
}
#footer a {
	display: block;
}
#footer a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

/* ----------------------------------- fitting ----------------------------------- */

.fSP { display: none !important; }
.tac { text-align: center; }
.caption { font-size: small; color: #666666; }
.bold { font-weight: bold; }