@charset "UTF-8";

/* ========BASIC======== */
html {
	overflow-y:scroll;
	background:#FFFFFF;
	margin:0;
	padding:0;
	}

body {
	line-height:24px;
	letter-spacing:1px;
	font-size:14px;
	color:#333;
	width:100%;
	margin:0 auto;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;
}


br {
   letter-spacing:normal;
}

a {
   color:#333;
   text-decoration:none;
}


a:hover {
   color:#0172AB;
}

img {
   border:0;
   vertical-align:bottom;
   }

h1,h2,h3,h4,h5,h6 {
	font-size:17px;
line-height:1.6em;
}


#main h6{color:#3298D3;
}


/*  line-35~last     */
#top {
	max-width:1000px;
	margin:0 auto;
	min-width: 1000px;
}

/* htmlline 36~   */
#wrapper {
   max-width:1000px;
   background-color:#FFF;
      border-left:6px solid #C90;
   border-right:6px solid #C90;
}

#header {
	position:relative;
	padding:0 5px;
	border-top:12px solid #004998;
	max-width: 980px;
	min-width: 750px;


}

#pr {
	position:absolute;
	font-size:14px;
		line-height:15px;
	width:324px;
	right:0px;
	top:16px;
	margin-right: 30px;

}

#menu {
	display:inline;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	max-width:1000px;
	margin:0;
	min-width: 750px;
	float: right;
	
}

#contents {
	
	margin:0 auto;
	clear:both;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	overflow:hidden;
	
}


#sub,#subtop{
   float:right;
   width:25%;
   background:#f5f5dc;
}



#pageTop {
   clear:both;
}

#footer {
	clear:both;
	background:#004998;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}







/* ========HEADER CUSTOMIZE======== */
#header h1 {
   padding:10px;
   font-size:24px;
   color:#fff;
   line-height:70px;
}

#header h1 a {
   color:#333;
}

#header h1 a:hover {
   color:#666;
}


#mainvisual{
	background:url(../images/top.jpg);
	width:988px;
	height:250px;
	margin-top:20px;	
}

#mainvisual img{
	display:none;
	

}
#mainvisual span{
	display:none;	
}








/* ========MENU CUSTOMIZE======== */


#menu ol,#menu ul{
	margin:0;
	padding:0;
	overflow:hidden;
}


#menu ul {
   margin:0 auto;
   text-align:right;
   list-style:none;
}

#menu ul li {list-style: none;color:#000;list-style-type:none;display:inline-block;*display: inline;*zoom:1;}

#menu ol,#menu ul{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:950px;
	border-radius:15px;
	background:#FC0;
	text-align: right;
	}


#menu li a {
	
	display:block;
	width:157px;
	color:#000;
	line-height:30px;
	border-left:1px solid #DCDCDC;
	text-align:center;
	color:#000;
	/*
	background:url("../images/bg_menu.gif") 0 0 repeat-x;
	*/
}

#menu li.home a {
   border:none;

}

#menu li a.active {
   color:#333;margin-top:15px;
	background:url(../images/top2.jpg) #06C;
	width:989px;
	height:250px;
}

#menu li a:hover {
	background:#004998;
	color:#fff;
	/*
   background:url("../images/bg_menu.gif") 0 -40px repeat-x;
   */
}







/* ========MAIN CONTENTS CUSTOMIZE======== */
#main a {
   color:#990000;
}

#main a:hover {
   text-decoration:underline;
}

#main h2 {
   margin:0px 0 2px 0;
   padding:2px 0px 2px 5px;
   color:#fff;
   background:#004998;
}


#main{
	position:relative;
}

#main h3 {
	margin-bottom:3px;
	padding:0 0 3px 8px;
	font-size:15px;
	background:url("../images/bg_h3.gif") 0 100% repeat-x;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #C1B995;
}

#main h4 {
   margin:5px 0 2px 0;
   padding:2px 0px 2px 5px;
   font-size:16px;
   color:#fff;
}

h4.back{
	  background:#004998;
}

h5.back{
	background:#004998;
	margin:5px 0 2px 0;
   padding:2px 0px 2px 5px;
   font-size:16px;
   color:#fff;
}

#main  h3.clubs {
   margin-top:5px;
   margin-bottom:10px;
   padding-left:5px;
   font-size:16px;
   color:#3298D3;
   border-left:8px solid #3298D3;
}


#main h5.mon{
	 margin-bottom:2px;
   font-size:15px;
   color:#3298D3;
}


h4 span.itemmozi{
	  margin:0;
	padding:0;
	line-height:24px;
	letter-spacing:1px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:15px;
	color:#0066FF;
	background:#f5f5dc;
}



#main p {
   margin:0 0 1em 0;
}

#main dt {
   margin-bottom:3px;
}

#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#f1f1f1;
}

/* INFORMATION CUSTOMIZE */
* html body #main dl.information dd div {
   display:inline-block;
}

#main dl.information dt {
   float:left;
   width:10em;
   margin:0;
   padding:0;
}


#main dl.information dd {
   margin:0 0 0.5em 10em;
   padding:0;
   background:transparent;
}

#main table {
   width:100%;
   border-collapse: collapse;
}

#main table th {
	padding:5px;
   font-size:12px;
   text-align:center;
   border:1px solid #555;
}

#main table td {
   padding:5px;
   font-size:12px;
   border:1px solid #555;
}

#main .syokai img{
	border:0;
	margin-bottom:5px;
	
	}
#main .syokai table{
	border:0;

	}
#main .syokai table th{
	border:0;
   font-size:12px;
   text-align:center;
   border:0px;

	}
#main .syokai table td{
	border:0;
   font-size:12px;
   text-align:center;
   border:0px;
   padding-bottom:25px;
   display:inline-block;
	}
	
	
		#tab table td{
	border-left:1px;
	border-right:0;
	vertical-align:middle;
	text-align:center;
	border-top:0;
	border-bottom:none;
	line-height:1.2em;
}

/* ========Main masonry SCRIPT ======== */
#container{
		height:100%;
		width:100%;
		overflow:hidden;
	}



.photo,.photos{	
	margin:0 auto;
	text-align:center;
}


.photo{
	text-align:center;
	margin:0 auto;
}
.item{
	width:250px;
	float:left;
	background:#f5f5dc;
	color:#333333;
	width:145px;
	margin:0 10px 20px 0px;
	padding: 10px;

}

.one{
width:320px;
height:350px;
}

.peace{
width:640px;
}



.peace img{
	margin-left:20px;
}

.peace p{
	padding:5px 10px;
}

.item h7{
	line-height:1.16em;
}

.item p{
	padding-left:10px;
}





/*========katudo.html ??======== */
table{
	 border-collapse: collapse;
}

table th.month {
   width: 3em;
   font-weight:normal;
   background:#FFCC66;
   padding:10px 5px !important;
   }



tr.littleTB{
	line-height:1.2em;
}

td.month{
	background:#FFCC66;
	margin:0 auto;
	text-align:center;
	width:1em;
}



td.monthsec{
	background:#FFCC66;
	text-align:center;
	margin:0 auto;
	width:1em;
}




.month{
width: 10px;
border: 1px solid #000000;
margin:0 auto;
text-align:center;
}

td.day{
	text-align:center;
	background:#FFCC66;
}










/* ========SUBCONTENTS CUSTOMIZE======== */
.section{
	width:220px;
}


#sub .section,#subtop .section {
   margin-bottom:10px;
   margin:0 auto;
}

#sub .section img,#subtop .section img{
				  margin-top:10px;
}



.sectionsub{
	width:150px;padding:15px;margin-left:-930px;position:fixed; top:430px;bottom:30px;list-style-type:none; height:120px;
}


#sub h3,#sub h4,#sub h5,#sub h6,#subtop h3,#subtop h4,#subtop h5,#subtop h6  {
	margin-top:0px;
   padding:3px;
   font-size:13px;
   font-weight:bold;
   color:#fff;
   background:url("../images/bg_sub_h2.gif") 50% 50%;
   margin-bottom:0px;
}
#sub h6,#subtop h6{
	margin-top:10px;
}

#sub ul,#subtop ul {
   margin:5px 0 0 5px;
   padding:0;
}

#sub li,#subtop li {
   padding:5px 0 5px 0;
   line-height:1.4;
   list-style:none;
   background:url("../images/bg_dotline.gif") 0 100% repeat-x;
}

#sub li a ,#subtop li a {
   display:block;
   padding-left:12px;
   background:url(../images/bg_list.gif) 0 5px no-repeat;
}


.new{
	color:#FC0;
}


.newsa:before{
	content:url(../images/bg_list.gif);
	padding-right:8px;
	
}

#sub{
	margin-top:42px;
}
#subtop{
	margin:0;
}

/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
	clear:both;
   padding:2px 0;
   text-align:right;
   font-size:12px;
   position:fixed;
   right:0px;
   bottom:10px;
   
}

#pageTop a {
   padding:0 0 0 10px;
   background:url("../images/bg_pagetop.gif") #00F 0 50% no-repeat;
   color:#fff;
   line-height:30px;
   height:30px;
   display:block;

}


/* ========FOOTMENU CUSTOMIZE======== */

#footMenu{
	clear:both;
}

#footMenu ul {
   margin:0 0 5px 0;
   padding:10px 0 0 0;
   font-size:12px;
   text-align:right;
   background:url("../images/bg_dotline.gif") 0 0 repeat-x;
   padding-right:10px;
}

#footMenu li {
   display:inline;
   margin:0 0 0 10px;
   list-style:none;
}

#footMenu li a {
   padding-left:10px;
   background: url("../images/bg_footmenu.gif") 0 50% no-repeat;
}


/* ========FOOTER CUSTOMIZE======== */
.copyright {
   padding:10px 0;
   font-style:normal;
   font-size:11px;
   color:#fff;
   text-align:center;
}


(max-width:900px).sectionsub{
	display:inline-block;
}


.sectionsub{
	background:#f5f5dc;
}
#top #wrapper #contents #main #content .item.peace {
	width:670px;
}

#top #wrapper #menu #menulist {
	float:right;
}
p.smt,h2.smt,h3.smt,h4.smt{
	display:none}

#top #wrapper #menu #menulist ul .smart{
	display:none;
}

header.header,#modal{
	display:none;
}

#top #wrapper #contents #main div .link{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-weight:bold;
	font-size:15px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOTkiLz4KICAgIDxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDBiN2VhIiBzdG9wLW9wYWNpdHk9IjAuNyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 1%, rgba(255,255,255,0.4) 45%, rgba(0,183,234,0.7) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(1%,rgba(255,255,255,0.99)), color-stop(45%,rgba(255,255,255,0.4)), color-stop(100%,rgba(0,183,234,0.7))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0.4) 45%,rgba(0,183,234,0.7) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0.4) 45%,rgba(0,183,234,0.7) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0.4) 45%,rgba(0,183,234,0.7) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 1%,rgba(255,255,255,0.4) 45%,rgba(0,183,234,0.7) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b300b7ea',GradientType=0 ); /* IE6-8 */
padding:2px;
/* border-radius */
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;

/* box-shadow */
box-shadow:rgba(82, 83, 84, 0.258824) 0px 0px 2px 2px;
-webkit-box-shadow:rgba(82, 83, 84, 0.258824) 0px 0px 2px 2px;
-moz-box-shadow:rgba(82, 83, 84, 0.258824) 0px 0px 2px 2px;
float:left;
margin-top:10px;
margin-left:150px;margin-left:0px; width:260px; margin-left:16px; padding-left:24px; margin-top:12px;

}
.itemblock{
	overflow:hidden; width:600px; margin:0 auto;
}
.clearfix {
  background: #f00;
  *zoom: 1;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

#top #wrapper #header #pr .scr{
	font-size:14px;
	line-height:1.1em;
	font-weight:normal;
}
#top #wrapper #contents #main .slogantlist,#top #wrapper #contents #main ul .slogantlist {
	font-weight:bold; list-style:inside;
	font-size:130%;
}

#top #wrapper #contents #main ul .slogankagi{
	 list-style:none; text-indent:1em;
	font-size:110%;
	font-weight:500;
}

#top #wrapper #contents #pageTop{
	display:none;
}

#main {
	float:left;
	width:74%;
}

#top #wrapper #contents #main .syokai{
	overflow:hidden;
}
