@charset "utf-8";

/*-------------------------------------------------------------------

	reset

-------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,p {
	padding: 0px;
	margin: 0px;
}

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border: 0px;
}
address,caption,cite,code,dfn,th,var,h1,h2,h3,h4,h5,h6 {
	font-style:normal;
	font-size:100%;
	font-weight:100;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
:before,q:after{
	content:'';
}
abbr,acronym {
	border:0;font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
img,
object,
embed {
	vertical-align: bottom;
}

/*-------------------------------------------------------------------

	link

-------------------------------------------------------------------*/

a {
	color: #0F298F;
	text-decoration: none;
}
a:hover,
a:active {
	text-decoration: underline;
	color: #FDAB01;
}

/*-------------------------------------------------------------------

	layout

-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
	body
-------------------------------------------------------------------*/

body#body {
	text-align: center;
	background-image: url(assets/images/default/background.gif);
	background-repeat: repeat-y;
	background-position: center;
	background-color: #fff;
}

body {
	font-family: "font-family: Lucida Grande", Verdana, Arial,"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro W3", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け", "MS P Gothic", sans-serif;
	text-align: left;
	color:#606060;
	background-color: #ccc;
}

/*-------------------------------------------------------------------
	wrapper
-------------------------------------------------------------------*/

#wrapper {
	text-align: left;
	margin: 0px auto;
	width: 780px;
	background-color: #fff;
	padding: 0 10px;
}

/*-------------------------------------------------------------------
	main
-------------------------------------------------------------------*/

#main {
	padding: 10px 0 30px 0;
	background-color: #fff;
	width: 780px;
}

/*-------------------------------------------------------------------
	Content
-------------------------------------------------------------------*/

div.contentHome{
	width: 630px;
	float: left;
	background-color: #fff;
}

div.contentSub {
	width: 580px;
	float: right;
	background-color: #fff;
}

/*-------------------------------------------------------------------
	sidebar
-------------------------------------------------------------------*/

#main #sidebar,
#main #sidebar_school {
	width: 185px;
	float: left;
	margin-bottom: 20px;
	border: 2px solid #0190bf;
}

/*-------------------------------------------------------------------
	footer
-------------------------------------------------------------------*/

#footer {
	clear: both;
}

/*-------------------------------------------------------------------

	header

-------------------------------------------------------------------*/

#header h1#siteName,
#header p#siteName {
	background: url(assets/images/default/logo.gif) no-repeat right;
	width:132px;
	height: 52px;
	padding: 10px 0 0 0;
}

#header h1#siteName a,
#header p#siteName a {
	display: block;
	width:132px;
	height: 52px;
	text-indent: -9999px;
}

#header p#catchcopy {
	margin: -25px 0 0 0;
	background-image: url(images/toiawase.gif) no-repeat left;
	float: right;
}

#header p#keyVisual object {
	clear: both;
	margin-bottom: 1px;
}

/*-------------------------------------------------------------------
	gNav
-------------------------------------------------------------------*/

#gNav {
	clear: both;
	width: 780px;
}

#gNav table {
	width: 100%;
}

#gNav td {
	height:48px;
	width: 20%;
	padding-left: 5px;
	border: 1px solid #fff;
}

#gNav td#gNav3 {
	background-color: #ff0000;
}

#gNav td#gNav5 {
	background-color: #f2ce00;
}

#gNav td#gNav6 {
	background-color: #33a02c;
}

#gNav td#gNav298 {
	background-color: #0190bf;
}

#gNav td#gNav8 {
	background-color: #0f298f;
}

#gNav a {
	color: #ffffff;
	font-weight: bold;
}

#gNav td span {
	display: block;
	margin: 6px 0 0 0;
	color: #fff;
	font-size: 85%;
	font-weight: normal;
}

/*-------------------------------------------------------------------

	footer

-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
	footer
-------------------------------------------------------------------*/

#footer {
	background: url(assets/images/default/image_bottom.gif) no-repeat top;
	height: 30px;
	padding-top: 112px;

}

/*-------------------------------------------------------------------
	ul#footerNavi
-------------------------------------------------------------------*/

#footer ul#footerNavi li {
	display: inline;
	padding:0 5px 0px 5px;
	border-left: 1px solid #888;
}
#footer ul#footerNavi li.last {
	border-right: 1px solid #888;
}
#footer ul#footerNavi a{
	font-size: 85%;
	font-weight: bold;
	color: #888;
}

/*-------------------------------------------------------------------
	p#copy
-------------------------------------------------------------------*/

#footer p#copy {
	color: #888;
	font: normal bold 85% Arial;
	padding: 0 0 10px 0;
	margin-top: -17px;
	text-align: right;
}

/*-------------------------------------------------------------------

	sidebar, sidebar_school

-------------------------------------------------------------------*/

#main #sidebar h2#sideH2,
#main #sidebar_school h2#sideH2 {
	padding: 10px 0px 10px 10px;
	background-color: #0190bf;
	font-weight: bold;
	width: auto;
}

#main #sidebar h2#sideH2 a,
#main #sidebar_school h2#sideH2 a {
	color: #fff;
}

#main #sidebar h2#sideH2 span,
#main #sidebar_school h2#sideH2 span {
	display: block;
	font-size: 85%;
}

/*-------------------------------------------------------------------
	sidebar_school
-------------------------------------------------------------------*/

#main #sidebar ul li.l1 a {
	display: block;
	padding: 10px 0px 10px 10px;
	background-color: #0190bf;
	border: 1px solid #fff;
	color: #fff;
}

#main #sidebar ul li.l2 a {
	display: block;
	padding: 5px 0px 5px 20px;
	background-color: #fff;
	color: #0190bf;
	border-bottom: 1px dotted #0190bf;
}


#main #sidebar ul li.l2 {
	background: url(images/menu2_l3.gif);
}

#main #sidebar ul li.l3 {
	background-color: #E0EFF2;
	background-image: none;
}

#main #sidebar ul li.l4 {
	background-color: #E0EFF2;
	background-image: none;
}

/*-------------------------------------------------------------------
	sidebar_school
-------------------------------------------------------------------*/

#main #sidebar_school ul {
	border: 1px solid #fff;
}

#main #sidebar_school ul li.l1 a {
	display: block;
	padding: 5px 0px 5px 25px;
	background: url(assets/images/default/sidebar_arrow.gif) no-repeat 10px center;
	background-color: #0190bf;
	color: #fff;
}

#main #sidebar_school ul li.l2 a {
	display: block;
	background: url(assets/images/default/sidebar_arrow.gif) no-repeat 25px center;	
	padding: 2px 0px 2px 40px;
	background-color: #fff;
	color: #0190bf;
}


#main #sidebar_school ul li.l2 {
	background: url(images/menu2_l3.gif);
}

/*-------------------------------------------------------------------
	utilities : width 136->146 margin-bottom 10->5 padding 2->1
-------------------------------------------------------------------*/

#utilities {
	width: 146px;
	float: right;
}

#utilities li {
	margin-bottom: 5px;
}

#utilities img {
	border: 1px solid #0190bf;
	padding: 1px;
}

/*-------------------------------------------------------------------

	Content

-------------------------------------------------------------------*/

div.contentHome p,
div.contentSub p {
	line-height: 1.6;
}

div.contentHome ol,
div.contentSub ol {
	margin: 0 0 5px 30px;
}

div.contentHome ul li,
div.contentSub ul li {
	background: url(assets/images/default/dot.gif) no-repeat left 0.5em;
	padding-left: 10px;
	margin: 0 0 5px 10px;
}

div.contentHome table,
div.contentSub table {
	line-height: 1.6;
	vartical-align: top;	
}

div.contentSub blockquote {
	border: 3px double #666;
	padding: 10px;
	line-height: 1.6;
}

/*-------------------------------------------------------------------
	B_crumbBox 
-------------------------------------------------------------------*/

.B_crumbBox {
	display:block;
	margin: 0 0 10px 0;
	height: 1em;
	font-size: 85%;
}


/*-------------------------------------------------------------------

	contentHome

-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
	guide
-------------------------------------------------------------------*/

#guide {
	height: 110px;
	padding: 0 10px 10px 0;
	line-height: 1.2;
}

#guide img {
	float: left;
}

#guide h2,
#guide p {
	padding-left: 260px;
}

#guide h2 {
	font-weight: bold;
	font-size: 123.1%;
	color: #33a02c;
	margin-bottom: 2px;
}

/*-------------------------------------------------------------------
	homeNews
-------------------------------------------------------------------*/

#homeNews {
	margin: 0 0 20px 0;
}

#homeNews h2 {
	margin-bottom: 10px;
	padding: 13px 0px 10px 5px;
	background: url(assets/images/default/h1_red.gif) repeat-x;
	font-weight: bold;
	font-size: 123.1%;
	color: #555;
}

#homeNews h3 {
	font-weight: bold;
	margin: 0 0 5px 195px;
	color: #0190BF;
	border-left: 3px solid #0190BF;
	padding: 0 0 0 3px;
}

#homeNews h3 a {
	color: #0190BF;
}

#homeNews p img {
	margin: 0 0 0 5px;
	padding: 3px;
	border: 1px solid #ccc;
	float: left;
}

#homeNews ul.newsList {
	margin: 0 0 10px 0;
	padding: 0 0 0 195px;
}

#homeNews ul.newsList li {
	background: none;
	color: #000;
	border-bottom: 1px dotted #ccc;
	margin: 0 0 2px 0;
	padding: 0 0 3px 0;
}

#homeNews ul.newsList li a {
	color: #666;
	margin-left: 5px;
}

#homeNews div#pickupNews p {
	line-height: 1.2;
	padding: 0 0 10px 195px;
}

/*-------------------------------------------------------------------
	homeUpdate
-------------------------------------------------------------------*/

#homeUpdate {
	margin: 0 0 20px 0;
}

#homeUpdate h2 {
	margin-bottom: 10px;
	padding: 13px 0px 10px 5px;
	background: url(assets/images/default/h1_yellow.gif) repeat-x;
	font-weight: bold;
	font-size: 123.1%;
	color: #555;
}

#homeUpdate h3 {
	font-weight: bold;
	margin: 0 0 5px 195px;
	color: #0190BF;
	border-left: 3px solid #0190BF;
	padding: 0 0 0 3px;
}

#homeUpdate h3 a {
	color: #0190BF;
}

#homeUpdate p img {
	margin: 0 0 0 5px;
	padding: 3px;
	border: 1px solid #ccc;
	float: left;
}

/*-------------------------------------------------------------------
	spotLight
-------------------------------------------------------------------*/

#spotlight div.spotlightBox {
	width: 305px;
	margin: 0 0 10px 0;
}

#spotlight h2 {
	margin-bottom: 10px;
	padding: 13px 0px 10px 5px;
	background: url(assets/images/default/h1_lightblue.gif) repeat-x;
	font-weight: bold;
	font-size: 123.1%;
	color: #555;
	width: auto;
	clear: both;
}


#spotlight #spotlightEvent {
	border: 2px solid #33a02c;
	float: left;
}

#spotlight #spotlightSns {
	border: 2px solid #0190bf;
	float: right;
}

#spotlight #spotlightTriathlon {
	border: 2px solid #0f298f;
	clear: both;
	float: left;
}

#spotlight #spotlightSchool {
	border: 2px solid #ff0000;
	float: right;
}

#spotlight h3 {
	padding: 4px 0px 4px 18px;
	font-weight: bold;
	color: #ffffff;
}

#spotlight #spotlightEvent h3 {
	background-color: #33a02c;
}

#spotlight #spotlightSns h3 {
	background-color: #0190bf;
}

#spotlight #spotlightTriathlon h3 {
	background-color: #0f298f;
}

#spotlight #spotlightSchool h3 {
	background-color: #ff0000;
}

#spotlight .spotlightMain {
	padding: 15px;
	height: auto;
}

#spotlight div div span {
	margin: 0px 0px 10px 0px;
	display: block;
	float: left;
	padding: 2px; 
	border: 1px solid #cccccc;
}

#spotlight div div h4 {
	margin: 10px 0px 10px 0px;
	font-weight: bold;
	color: #000000;
}

#spotlight div div p.description {
	height: 10em;
	margin: 10px 0px 10px 0px;
	color: #000000;
}

#spotlight p.spotlightMore {
	margin: 10px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	border-top: 1px dotted #ccc;
	text-align: right;
	font-weight: bold;
}

#spotlight #spotlightEvent p.spotlightMore a {
	color: #33a02c;
}

#spotlight #spotlightSns p.spotlightMore a {
	color: #0190bf;
}

#spotlight #spotlightTriathlon p.spotlightMore a {
	color: #0f298f;
}

#spotlight #spotlightSchool p.spotlightMore a {
	color: #ff0000;
}

.section_en {
	font-size: 77%;
	font-weight: normal;
}
.more {
	float: right;
	margin: 0 5px 0px 0px;
}

/*-------------------------------------------------------------------

	ContentSub

-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
	hedding 
-------------------------------------------------------------------*/

div.contentSub h1 {
	margin-bottom: 10px;
	padding: 13px 0px 10px 10px;
	background: url(assets/images/default/h1_lightblue.gif) repeat-x;
	font-weight: bold;
	font-size: 116%;
}

div.contentSub h2 {
	margin-bottom: 10px;
	padding: 5px 0px 5px 10px;
	font-weight: bold;
	color: #fff;
	background-color: #ccc;
}

div.contentSub h3 {
	margin-bottom: 10px;
	padding: 2px 0px 2px 10px;
	font-weight: bold;
	border-left: 5px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.contentSub h4 {
	font-weight: bold;
	margin-bottom: 5px;
}

div.contentSub h1.midashi_1_red {
	background: url(assets/images/default/h1_red.gif) repeat-x;
}

div.contentSub h1.midashi_1_yellow {
	background: url(assets/images/default/h1_yellow.gif) repeat-x;
}

div.contentSub h1.midashi_1_green {
	background: url(assets/images/default/h1_green.gif) repeat-x;
}

div.contentSub h1.midashi_1_lightblue {
	background: url(assets/images/default/h1_lightblue.gif) repeat-x;
}

div.contentSub h1.midashi_1_blue {
	background: url(assets/images/default/h1_blue.gif) repeat-x;
}

div.contentSub h2.midashi_2_red {
	background-color: #ff0000;
}

div.contentSub h2.midashi_2_yellow {
	background-color: #f2ce00;
}

div.contentSub h2.midashi_2_green {
	background-color: #33a02c;
}

div.contentSub h2.midashi_2_lightblue {
	background-color: #0190bf;
}

div.contentSub h2.midashi_2_blue {
	background-color: #0f298f;
}

div.contentSub h3.midashi_3_red {
	border-left: 5px solid #ff0000;
	border-bottom: 1px solid #ccc;
	
}

div.contentSub h3.midashi_3_yellow {
	border-left: 5px solid #f2ce00;
	border-bottom: 1px solid #ccc;
	
}

div.contentSub h3.midashi_3_green {
	border-left: 5px solid #33a02c;
	border-bottom: 1px solid #ccc;
	
}

div.contentSub h3.midashi_3_lightblue {
	border-left: 5px solid #0190bf;
	border-bottom: 1px solid #ccc;
	
}

div.contentSub h3.midashi_3_blue {
	border-left: 5px solid #0f298f;
	border-bottom: 1px solid #ccc;
	
}

/*-------------------------------------------------------------------
	fontcolor 
-------------------------------------------------------------------*/

.fontcolor_red {
	color: #ff0000;
}

.fontcolor_yellow {
	color: #f2ce00;
}

.fontcolor_green {
	color: #33a02c;
}

.fontcolor_lightblue {
	color: #0190bf;
}

.fontcolor_blue {
	color: #0f298f;
}

/*-------------------------------------------------------------------
	News
-------------------------------------------------------------------*/

div#newsTop {
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	
}

div#newsTop h3 {
	margin: 0 0 10px 190px;
	border-bottom: none;
}

div#newsTop img {
	float: left;
	padding: 3px;
	border: 1px solid #ccc;
}

div#newsTop div#introtext {
	padding: 0 0 0 190px;

}

div#news li {
	background: none;
	margin: 0 0 5px 0;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 5px 0;
	color: #0190BF;
}

div#news li a {
	margin: 0 0 0 5px;
	color: #666;
}

div#news li a:hover {
	color: #0F298F;
	text-decoration: underline;
}

div#news p {
	text-align: center;
}

/*-------------------------------------------------------------------
	school
-------------------------------------------------------------------*/

div.contentSub li.schoolDittoCall {
	background: none;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #606060;
	padding: 0 0 10px 0;
}

li.schoolDittoCall h2 {
	background-color: #fff;
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
	font-size: 108%;
}

li.schoolDittoCall h2 a {
	color: #606060;
}

li.schoolDittoCall img.schoolLogo {
	float: right;
	margin: 0 10px 0 0;
}

li.schoolDittoCall p {
	margin: 0 0 0 10px;
	padding: 0 0 15px 0;
	line-height: 1.3;
	width: 380px;
}

li.schoolDittoCall p a {
	float: right;
	margin: 0 10px 0 0;
}

/*-------------------------------------------------------------------
	blog
-------------------------------------------------------------------*/

div.contentSub h1.blogH1 {
	padding: 0;
}

div.contentSub ul.blogHome {
	margin: 20px 0 0 0;
}

div.contentSub ul.blogHome li {
	background: none;
	padding: 0;
	float: left;
}

div.contentSub ul.blogHome li a {
	display: block;
	border: 5px solid #fff;
	margin: 0 0 10px 0;
	padding: 0;
}

div.contentSub ul.blogHome li a:hover {
	border: 5px solid #ff0000;
}

/*-------------------------------------------------------------------

	3-8.	Clearfix

-------------------------------------------------------------------*/
#header p#keyVisual,
#main,
div#news,
div#newsTop {
	_height: 1px;
	min-height: 1px;

	/* Only Mac IE \*//*/
	height: auto;
	display: inline-table;
	/**/
}
#header p#keyVisual:after,
#main:after,
div#news:after,
div#newsTop:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}