/*  
Theme Name: water-kawaguchi
Theme URI: http://www.water-kawaguchi.jp/
Description: water-kawaguchi
Version: 0.1
Author: SaiNet
Author URI: http://www.sainet.or.jp/
*/





/* Begin Images */
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0px 0px 2px 10px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 14px;
	display: inline;
	}

img.alignleft {
	margin: 0px 7px 2px 0px;
	padding-top: 0px;
	padding-right: 14px;
	padding-bottom: 4px;
	padding-left: 4px;
	display: inline;
	}

/* End Images */




/**********************************************************************/
*
{
	margin: 0px;
	padding: 0px;
}

body
{
	background-image: url(css/body_page.png);
	background-position: top left;
	background-repeat: repeat-x;
}
body#home
{
	background-image: url(css/body_home.png);
	background-position: top left;
	background-repeat: repeat-x;
}

.clfx
{
	clear: both;
}



/*** functions ***/
#functions
{
	margin-right: auto;
	margin-left: auto;
	width: 940px;
	height: 31px;
	background-image: url(css/bg_function_page.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#home #functions
{
	background-image: url(css/bg_function.png);
}

#seo h1
{
	float: left;
	width: 460px;
	margin-top: 8px;
	margin-left: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #3E5067;
}



/*** function ***/
#function
{
	width: 440px;
	float: left;
}

#function ul li
{
	padding-top: 5px;
	padding-left: 20px;
	float: left;
	font-size: 13px;
	color: #ffffff;
	list-style-type: none;
}
#function ul li a
{
	display: block;
	padding-top: 7px;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
}
#searchform
{
}
#searchform input
{
	font-size: 12px;
}
#chgfont
{
	float: left;
	padding-top: 8px;
	font-size: 13px;
	color: #ffffff;
}
#chgfont img
{
	border: 0px;
}
#chgfont a
{
	color: #ffffff;
	text-decoration: none;
}



/*** header (home only) ***/
#header_home
{
	width: 940px;
	height: 130px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	background-image: url(css/head_home.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#header_home #title
{
	float: left;
	width: 260px;
	margin-left: 10px;
}

#title address
{
	height: 74px;
	margin-top: 10px;
	font-style: normal;
	font-weight: bold;
	font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
	color: #3E5067;
}
#title address .button
{
	display: block;
}
#title address .button a
{
	display: block;
	font-size: 13px;
	text-decoration: none;
	color: #3E5067;
}
#title address .button a img
{
	border: 0px;
}

#flash
{
	float: left;
	width: 660px;
}



/*** header ***/
#header
{
	width: 940px;
	height: 64px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	background-image: url(css/head_page.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#header #title
{
	float: left;
	width: 320px;
	height: 58px;
	margin-left: 20px;
	padding-left: 60px;
	background-image: url(css/mizutaro_p.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#header #title h1
{
	font-size: 13px;
	font-weight: normal;
	color: #3E5067;
}
#header #address
{
	float: left;
	width: 510px;
	padding-top: 10px;
	text-align: right;
}
#header #address address
{
	font-style: normal;
	font-weight: bold;
	font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
	color: #3E5067;
}


/*** wrapper ***/
#wrapper
{
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(css/wrapper_body.png);
	background-position: top left;
	background-repeat: repeat-y;
}


/*** tab ***/
#tab
{
	width: 930px;
	height: 30px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#tab ul
{
	margin-left: 0px;
}
#tab li
{
	float: left;
	list-style-type: none;
}
#tab li a
{
	display: block;
	width: 93px;
	height: 12px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 9px;
	padding-bottom: 9px;
	background-image: url(css/btn_tab.png);
	background-position: bottom left;
	background-repeat: repeat-x;
	font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}


/*** sub ***/
#sub
{
	float: left;
	width: 260px;
	padding-left: 10px;
}
#sub .buttons,
#sub .buttonsm
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#sub .buttons li
{
	height: 80px;
	margin-bottom: 3px;
	list-style-type: none
}
#sub .buttonsm li
{
	margin-bottom: 3px;
	list-style-type: none
}
#sub .buttonsm li a
{
	display: block;
	width: 210px;
	height: 19px;
	padding-top: 5px;
	padding-left: 24px;
	background-image: url(css/btn_m_s.png);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 13px;
	text-decoration: none;
	color: #3E5067;
}
#sub .buttonsm li a:hover
{
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	text-decoration: underline;
}



/* gappei */
#sub .gappei
{
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
}
#sub .gappei li
{
	height: 60px;
	margin-bottom: 3px;
	list-style-type: none
}
#sub .gappei li a
{
	display: block;
	width: 210px;
	height: 40px;
	padding-top: 20px;
	padding-left: 26px;
	background-image: url(css/btn_gappei.png);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #FF5983;
}
#sub .gappei li a:hover
{
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	text-decoration: underline;
}




/* home */
#topbnr
{
	width: 480px;
	margin-right: auto;
	margin-left: auto;
}
#eq_jpeast
{
	display: block;
	width: 450px;
	height: 42px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding-top: 16px;
	padding-left: 48px;
	background-image: url(css/btn_eq_jpeast.png);
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 120%;
	font-size: 18px;
	font-weight: bold;
	color: #A86603;
	text-decoration: none;
}
#eq_jpeast:hover
{
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	text-decoration: underline;
}



#top3s
{
}
#sub h2
{
	height: 1em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(css/bg_h_s.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	font-size: 13px;
	color: #3597DF;
}
#sub #top3s h2
{
	height: 1em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(css/bg_h_top3.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	font-size: 13px;
	color: #A86603;
}
#top1,#top2,#top3
{
	display: block;
	width: 206px;
	height: 74px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding-top: 6px;
	padding-left: 28px;
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 120%;
	font-size: 18px;
	font-weight: bold;
	color: #A86603;
	text-decoration: none;
}
#top1:hover,#top2:hover,#top3:hover
{
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	text-decoration: underline;
}
#top1
{
	background-image: url(css/btn_top1.png);
}
#top2
{
	background-image: url(css/btn_top2.png);
}
#top3
{
	background-image: url(css/btn_top3.png);
}
#m1,#m2
{
	display: block;
	width: 206px;
	height: 74px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding-top: 6px;
	padding-left: 28px;
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 120%;
	font-size: 15px;
	font-weight: bold;
	color: #2D7DC4;
	text-decoration: none;
}
#m1:hover,#m2:hover
{
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	text-decoration: underline;
}
#m1
{
	background-image: url(css/btn_m1.png);
}
#m2
{
	background-image: url(css/btn_m2.png);
}
.commentm
{
	display: block;
	width: 130px;
	margin-left: -20px;
	font-weight: normal;
	font-size: 12px;
	color: #3E5067;
	line-height: 120%;
}

#adobe
{
	margin-top: 10px;
}
#adobe p
{
	width: 220px;
	margin-left: 10px;
	padding: 5px;
	border: 0px solid #f0f0f0;
	text-align: center;
	font-size: 12px;
	color: #3E5067;
}
#adobe p img
{
	border: 0px;
}



/*** main ***/
#main
{
	float: left;
	width: 660px;
}
#main h1
{
	height: 66px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-left: 20px;
	background-image: url(css/bg_h1_l.png);
	background-position: topleft;
	background-repeat: no-repeat;
	font-size: large;
	color: #ffffff;
}
#main h2
{
	height: 1.5em;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-image: url(css/bg_h2_l.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	font-size: medium;
	color: #3597DF;
}
#main h3
{
	height: 1.5em;
	margin-top: 1em;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-image: url(css/bg_h3_l.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	font-size: medium;
	color: #3597DF;
}
#main p
{
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	line-height: 130%;
	font-size: medium;
	color: #3E5067;
}
#main p img
{
	margin-left: -10px;
}

#main ol,
#main ul
{
	margin-right: 20px;
	margin-left: 20px;
	padding-left: 20px;
}
#main dl
{
	margin-right: 10px;
	margin-left: 10px;
}
#main li
{
	line-height: 130%;
	color: #3E5067;
}
#main dt
{
	line-height: 130%;
	font-weight: bold;
	color: #3E5067;
}
#main dd
{
	margin-bottom: 0.75em;
	line-height: 130%;
	color: #3E5067;
}



#main table
{
	width: 90%;
	margin-left: 2em;
	border-top: 1px solid #3E5067;
	border-right: 0x solid #3E5067;
	border-bottom: 0px solid #3E5067;
	border-left: 1px solid #3E5067;
}
#main table th
{
	border-top: 0px solid #3E5067;
	border-right: 1px solid #3E5067;
	border-bottom: 1px solid #3E5067;
	border-left: 0px solid #3E5067;
	padding-right: 0.25em;
	padding-left: 0.25em;
	line-height: 130%;
	background-color: #d6f1ff;
	color: #3E5067;
}
#main table td
{
	border-top: 0px solid #3E5067;
	border-right: 1px solid #3E5067;
	border-bottom: 1px solid #3E5067;
	border-left: 0px solid #3E5067;
	padding-right: 0.25em;
	padding-left: 0.25em;
	line-height: 130%;
	color: #3E5067;
}


#main hr
{
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	border-top: 0px solid #3E5067;
	border-right: 0px solid #3E5067;
	border-bottom: 3px dotted #3E5067;
	border-left: 0px solid #3E5067;
}




/*** breadcrumb ***/
#breadcrumb p
{
	font-size: small;
	color: #3E5067;
}


/*** control ***/
.control
{
	margin-right: 10px;
}
.control p
{
	text-align: right;
	font-size: small;
}
.control p a
{
	color: #3E5067;
}


/*** search ***/
.postdata
{
	text-align: right;
}
#main .postexcerpt p
{
	font-size: small;
	line-height: 120%;
}
.navigation
{
	width: 640px;
	clear: both;
	font-size: small;
	padding-top: 10px;
}


/*** page (contest) ***/
.contest
{
	text-align: center;
}


/*** telop (home only) ***/
#telop
{
	width: 630px;
}
#telop nobr
{
	height: 1.5em;
	color: #2d7dc4;
	font-weight: bold;
}


/*** news (home only) ***/
#news
{
}
#news ul
{
	width: 620px;
	height: 100px;
	margin-left: 10px;
	margin-bottom: 10px;
	overflow: auto;
}
#news ul li
{
	font-size: small;
	list-style-type: none;
}
#news ul li .date
{
	display: block;
	float: left;
	width: 20%;
}
#news ul li .title
{
	display: block;
	float: left;
	width: 70%;
	line-height: 110%;
	padding-bottom: 0.5em;
}




/*** topics (home only)  ***/
#topics
{
}
#topics ul
{
	margin-left: 5px;
}
#topics li
{
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	list-style-type: none;
}
#topics li a
{
	display: block;
	width: 172px;
	height: 112px;
	margin-right: 1px;
	margin-bottom: 1px;
	padding-top: 10px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: top left;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
	color: #2D7DC4;
}
#topics li a:hover
{
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	text-decoration: underline;
}

#topics1
{
	background-image: url(css/btn_topics1.png);
}
#topics2
{
	background-image: url(css/btn_topics2.png);
}
#topics3
{
	background-image: url(css/btn_topics3.png);
}
#topics4
{
	background-image: url(css/btn_topics4.png);
}
#topics5
{
	background-image: url(css/btn_topics5.png);
}
#topics6
{
	background-image: url(css/btn_topics6.png);
}
#topics7
{
	background-image: url(css/btn_topics7.png);
}
#topics8
{
	background-image: url(css/btn_topics8.png);
}
#topics9
{
	background-image: url(css/btn_topics9.png);
}
.commentt
{
	display: block;
	width: 110px;
	margin-left: -20px;
	font-weight: normal;
	font-size: 12px;
	line-height: 120%;
	color: #3E5067;
}


/*** pageindex ***/
#main .pageindex
{
	margin-left: 0px;
	padding-left: 0px;
}
#main .pageindex li
{
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-image: url(css/bg_h2_l.png);
	background-position: top left;
	background-repeat: no-repeat;
	font-weight: bold;
	text-decoration: none;
	color: #3597DF;
	list-style-type: none;
}
#main .pageindex ul
{
	margin-top: 20px;
}
#main .pageindex ul li,
#main .pageindex ul li ul li
#main .pageindex ul li ul li ul li
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: none;
	font-weight: normal;
	color: #3E5067;
	list-style-type: circle;
}
#main .pageindex ul li ul
{
	margin-top: 0px;
}



/*** footer ***/
#footer
{
	margin-right: auto;
	margin-left: auto;
	width: 940px;
	background-image: url(css/wrapper_foot.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#footer p
{
	padding-top: 15px;
	text-align: center;
	font-size: 12px;
	color: #3E5067;
}



/*** enquete ***/
#other_enqutes dl
{
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
#other_enqutes dl dt
{
	border-top: 1px solid #0099ff;
	border-right: 1px solid #0099ff;
	border-bottom: 0px solid #0099ff;
	border-left: 1px solid #0099ff;
	padding-top: 0.25em;
	padding-right: 0.5em;
	padding-bottom: 0.25em;
	padding-left: 0.5em;
	background-color: #c1e0ff;
}
#other_enqutes dl dd
{
	margin-bottom: 0.5em;
	border-top: 0px solid #0099ff;
	border-right: 1px solid #0099ff;
	border-bottom: 1px solid #0099ff;
	border-left: 1px solid #0099ff;
	padding-top: 0.25em;
	padding-right: 0.5em;
	padding-bottom: 0.25em;
	padding-left: 0.5em;
	font-size: small;
}
span.error
{
	margin-left: 2em;
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: medium;
	font-weight: bold;
	color: #ff3300;
	line-height: 150%;
}

#myForm br
{
	display:none;
}