@charset "utf-8";
/*－－－－－－－－－－共通－－－－－－－－－－*/
  
* {  
        margin:0;  
        padding:0;  
    }  
body {
	background:#FFF url(images/body_bg.jpg) repeat-x;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.9em;
	line-height: 1.4;
    }  


h1 {
	font-size: 12px;
    }  
h2 {
	color: #FFF;
	margin-bottom: 10px;
    }  
h3 {
	margin-bottom: 0px;
    } 	
h4 {
	
    }  	
h5 {

    }
h6 {
    }
p,li {
	line-height:1.6;
    }  
p {
	margin:0.5em 0;
    }  
li {  
        list-style-type:none;  
    }  

img {  
        border:0;  
    }  
address {  
        font-style:normal;  
    }  
.clear {  
        clear:both;  
    }  
.right {
	float: right;
    }  

.left {
	float: left;
    }  
.center {
	text-align: center;	
    } 

.topSpace20 {
	margin-top: 20px;
    }
.leftSpace {
	margin-left: 20px;
    }
.leftSpace50 {
	margin-left: 50px;
    }
.topBottomSpace {
	margin: 5px 0px 25px;
    }
.size10 {
	font-size: 10px;
}

.size12 {
	font-size: 12px;
	color: #333;
	line-height: 90%;
}
.black {
	font-size: 123%;
	font-weight: bold;
	color: #000;
	margin-top: 30px;
    }  
.blue {
	font-size: 125%;
	font-weight: bold;
	color: #06C;
    }  	
.orange {
	color: #F60;
    }  	

.attention {
	color: #F60;
    }  
.attention2 {
	color: #FF6600;
	font-weight: bold;
    }  
input:focus,select:focus ,textarea:focus{
	border:2px solid #F60;
}
input, select, textarea {
	font-size: 115%;
	padding: 4px;
}


#header {
	height: 70px;
	width: 960px;
	overflow: hidden;
	margin: 15px auto 0px;
}
.logo {
	width: 410px;
	float: left;
}

#headerRight {
	float: right;
	width: 411px;
	font-size: 12px;
	overflow: hidden;
	color: #666;
	text-align: right;
}
#navigation {
	height: 47px;
	margin: 0px auto 0px;
	width: 965px;
	}
	#navigation ul {
	height: 47px;
			}
	#navigation li {
	float: left;
	margin-top: 5px;
	}
#navHome a{
	width: 135px;
	display: block;
	background: url(images/nav_home.jpg) no-repeat;
	height: 47px;
}
#navHome a:hover{
	display: block;
	background: url(images/nav_home_up.jpg);
}
#navMember a{
	width: 133px;
	display: block;
	background-image: url(images/nav_member.jpg?20180705);
	height: 47px;
}
#navMember a:hover{
	width: 133px;
	display: block;
	background-image: url(images/nav_member_up.jpg?20180705);
}	
#navPolicy a{
	width: 131px;
	display: block;
	background-image: url(images/nav_policy.jpg);
	background-repeat: no-repeat;
	height: 47px;
}
#navPolicy a:hover{
	width: 131px;
	display: block;
	background-image: url(images/nav_policy_up.jpg);
}	
#navAssembly a{
	width: 131px;
	display: block;
	background-image: url(images/nav_assembly.jpg);
	background-repeat: no-repeat;
	height: 47px;
}
#navAssembly a:hover{
	width: 131px;
	display: block;
	background-image: url(images/nav_assembly_up.jpg);
}	
#navActivity a{
	width: 131px;
	display: block;
	background-image: url(images/nav_activity.jpg);
	background-repeat: no-repeat;
	height: 47px;
}
#navActivity a:hover{
	width: 131px;
	display: block;
	background-image: url(images/nav_activity_up.jpg);
}	
#navLink a{
	width: 138px;
	display: block;
	background-image: url(images/nav_link.jpg);
	background-repeat: no-repeat;
	height: 47px;
}
#navLink a:hover{
	width: 138px;
	display: block;
	background-image: url(images/nav_link_up.jpg);
}	

#navContact a{
	width: 166px;
	display: block;
	background-image: url(images/nav_contact.jpg?201802);
	background-repeat: no-repeat;
	height: 47px;
}
#navContact a:hover{
	width: 166px;
	display: block;
	background-image: url(images/nav_contact_up.jpg?201802);
}	
#breadcrumbs {
	font-size: 14px;
	background: url(images/in_bg2.jpg) no-repeat top;
	height: 30px;
	width: 964px;
	padding-top: 15px;
	text-indent: 10px;
}

#main {
	width: 968px;
	margin: 15px auto 0px;
	overflow: hidden;
	background: url(images/main_bg.png) repeat-y;
	clear: both;
}
#mainContent {
	width: 670px;
	margin: 20px 0px 20px 30px;
	overflow: hidden;
	float: left;
}
#footer {
	width: 100%;
	overflow: hidden;
	height: 122px;
	background: url(images/footer_bg.jpg) repeat-x bottom;
}
#goTop {
	width: 938px;
	overflow: hidden;
	background: url(images/main_bg.png) repeat-y;
	margin: 0px auto;
	text-align: right;
	padding-right: 30px;
	height: 33px;
}
#footerBox  {
	width: 968px;
	overflow: hidden;
	margin: 0px auto;
	text-align: center;
	padding-top: 17px;
	color: #FFF;
	text-decoration: none;
	background: url(images/footer_bottom.jpg) no-repeat;
	font-size: 12px;
	height: 35px;
}
#footerBox a {
	color: #333;
	text-decoration: none;
	background: url(images/footer_nav_icon.gif) no-repeat left 3px;
	padding-left: 14px;
	margin-left: 10px;
}
#footerBox2 {
	margin: 0px auto;
	width: 960px;

}
#copyright {
	font-size: 10px;
	background-image: url(images/footer_bg.gif);
	color: #FFF;
	text-align: right;
	float: right;
	margin-top: 7px;
}
#footerLeft {
	font-size: 12px;
	color: #FFF;
	float: left;
	margin-top: 7px;
}
/*－－－－－－－レイアウトここまで－－－－－*/

/*－－－－－各ページデザイン　以下－－－－－*/
#topmain {
	width: 910px;
	margin: 0px auto 10px;
	overflow: hidden;
}
#slider {
	width: 910px;
	overflow: visible;
	margin: 15px auto;
}

.whatsnew {
	width: 510px;
	margin: 0px 0px 20px 30px;
	overflow: hidden;
	float: left;
	clear: both;
}
.side {
	width: 204px;
	overflow: hidden;
	float: right;
	margin: 20px 30px 20px 0px;
}
.sideLink {
	width: 200px;
	overflow: hidden;
	margin: 10px 0px 20px 3px;
	background-image: url(images/side_bg.jpg);
	background-repeat: no-repeat;
	text-align: center;
	padding: 15px 0px 80px;
}

.sideLink img{
	margin: 10px 0px;
}



.mainBoxIn {
	width: 900px;
	margin: 0px auto 15px;
	overflow: hidden;
}
.mainBoxRight {
	width: 450px;
	float: right;
	margin: 0px 10px 30px 0px;
}
.mainBoxLeft {
	width: 450px;
	float: left;
	margin-left: 10px;
}
.newstable {
	width: 670px;
	font-size: 13px;
	margin: 0px 0px 15px;
	overflow-y: scroll;
	height: 230px;
}
	.newstable dt {
	float: left;
	width: 120px;
	background-image: url(images/new_bg.gif);
	background-position: left center;
	overflow: hidden;
	clear: both;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding: 5px 0px 5px 15px;
}
	.newstable dd {
	margin: 5px 0px 0px 135px;
	width: 515px;
	padding: 5px 0px;

}
.assembly, .activity {
	margin: 15px 0px 20px;
	overflow: hidden;
}
.assembly img, .activity img {
	margin: 0px 0px 7px 15px;
	float: right;
}
.assembly h2, .activity h2 {
	color: #F60;
	clear: both;
	border-bottom: 1px dotted #F60;
	margin: 25px 0px 15px;
}
.assembly h3 , .activity h3{
	color: #666;
	clear: both;
	margin: 6px 0px 0px;
}
.assembly h4, .activity h4 {
	color: #666;
	font-size: 12px;
	text-align: right;
	margin: 0px;
}
.assembly p, .activity p {
	margin: 0px 0px 5px;
}
.activity li {
	margin: 5px 0px 7px 30px;
	padding: 5px 5px 5px 0px;
	list-style: decimal outside;
}
.activityHimawari li {
	background-image: url(images/pdf.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 7px 0px 5px 37px;
	margin: 10px 0px 10px 10px;
	list-style: none;
}

.question {
	padding:10px;
	font-size:14px;
	border:1px solid #ddd;
	line-height: 150%;
	background-color: #FFF7EE;
}
.answer {
	padding:15px 15px 30px;
	font-size:13px;
	border:1px solid #ddd;
	line-height: 170%;
}​.contactForm {
	width: 600px;
	margin: 10px auto;
	border: 1px dotted #333;
	padding: 10px;
}
.contactThanks {
	background: #F7F5D9;
	font-size: 120%;
	padding: 20px;
	color: #09F;
	margin: 40px 0px;
}
.contactThanksTitle {
	font-size: 150%;
	color: #09F;
	text-align: center;
	font-weight: bold;
	margin-top: 50px;
	background-color: #FFFFE8;
	padding: 25px;
}

.policy li{
	list-style: decimal inside;
	margin-top: 25px;
	color: #F60;
	font-weight: bold;
	font-size: 120%;
}
.policy p{
	list-style: decimal inside;
	margin-left: 25px;
}
.consultation {
	margin-top: 30px;

}
.consultation table{
	width: 100%;
	border: 1px solid #CCC;
}
.consultation th{
	background-color: #F5F5F5;
	padding: 5px;

}
.consultation td{
	text-align: center;
	padding: 5px;
}
.cityNews {
	padding: 10px;
	border: 1px dotted #CCC;
}
.cityNews p {
	margin-left: 90px;
}
.cityNews li {
	background-image: url(images/pdf.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 7px 0px 5px 37px;
	margin: 10px 0px 10px 10px;
}

.member h3 {
	clear: both;
	margin: 30px 0px 15px;
	border-bottom: 1px dotted #F60;
	color: #F60;
	font-size: 120%;
}

.member dt {
	float: left;
	width: 120px;
	background-image: url(member/images/bg.gif);
	background-position: left center;
	overflow: hidden;
	clear: both;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding: 6px 0px 6px 15px;
}
.member dd {
	margin: 5px 0px 0px 135px;
	width: 530px;
	padding: 6px 0px 6px;
}
.memberTitle {
	background-color: #09F;
	padding: 5px;
	margin-top: 15px;
	color: #FFF;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	
}
.memberRed {
	background-color: #FF7D26;
	padding: 3px;
	margin-top: 15px;
	color: #FFF;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	
}
.link h3 {
	clear: both;
	margin: 30px 0px 15px;
	border-bottom: 1px dotted #F60;
	color: #F60;
	font-size: 120%;
}
.link li {
	background-image: url(link/images/icon.gif);
	background-repeat: no-repeat;
	margin: 10px 0px 10px 25px;
	padding: 0px 0px 0px 25px;
	background-position: left center;
}
.now {
	padding: 10px;
	border: 1px dotted #CCC;
}
.now li {
	margin-bottom: 15px;
	background-image: url(images/pdf.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 7px 0px 5px 37px;
}
.activityBox {
	overflow: hidden;
	margin: 5px 0px 15px;
	border-bottom: 1px dotted #CCC;
}
.activityBox h3{
	overflow: hidden;
	margin: 15px 0px 25px;
	color: #F60;
	border-bottom: 1px dotted #F60;
	font-size: 22px;
}
.activityBox img{
	border: 1px solid #888;
	margin-bottom: 15px;
}

.activityRight {
	float: right;
	width: 580px;
}
.activityLeft {
	float: left;
	clear: both;
	width: 75px;
}
.activityList li {
	list-style: circle outside;
}
.activityList p {
	margin-left: 9px;
	margin-top: 5px;
	margin-bottom: 19px;
}