﻿@charset "UTF-8";
/* === 如雨而酔トップCSS 151024 === */
body	{background-image: url("bg3311129046ho2.jpg") ;
		background-color:#acffcc; /*  前の指定が有効 #f7ffcc   */
		margin: 0px;
		padding:0px;
}
body	{
        scrollbar-face-color:#acffac;
        scrollbar-track-color:#acffac;
        scrollbar-arrow-color:#ffffff; 
        scrollbar-3dlight-color:#ffffff; 
        scrollbar-highlight-color:#ffffff; 
        scrollbar-shadow-color:#ffffff; 
        scrollbar-darkshadow-color:#acffac;
}


/* コンテンツ部分とサイド部分を横列のグループにする=boxA */
div.boxA:after	{content: "";
	display: block;
	clear: both;
}


/* === ヘッダー部分のスタイル === */

div#header {width:100%;
	margin: 1px auto 0px auto;  /*  中央揃え  */
}
div#header h1 {background-color:rgba(102,201,201,0.3); /*  全体背景の予備色,#66cccc */
	font-size:22px;
	font-family: century,Arial,Sans-serif;
	color:#887722;
	letter-spacing: 7px;
	text-align:center;
	border-top:solid 3px #0000ff
	border-bottom:solid 3px #0000ff+
	padding-top:0px;
	padding-bottom:	px;
	margin-top:-9px;
}
div#header h2 {background-color:rgba(102,221,102,0.5); /* 最上段ページ位置背景色#66dd66 */
	font-size:12px;
	font-family:Sans-serif,'メイリオ';
	color:#778899;
	height:15px;
	padding-top:0px;
	padding-left:30px;
	padding-bottom:2px solid;
	margin-top:-0px;
	border-bottom:solid 1px #c0c0c0;
}
a :	color:#778899;
}

/* === コンテンツ部分とサイド部分を横に並べる === */
div.boxA:after	{content: "";
	display: block;
	clear: both
}


/* === サイド部分のスタイル === */

div#side {width:120px;
		float: left;
		margin: 0px 12px;
}
#side td {text-align:center;
}
#side p	{font-size:14px;
		font-weight:normal;
		font-family:curcive,sans-serif,;
		color:indigo;
		ALIGN:center;"
}
#side a	{color: #0044bb; #2a9aFF;
	 text-decoration:none
}
#side a:hover	{color:#ef7000
}
.side1, .side2	{}
.side1	{}
.side1 .logo	{}
.side1 div	{}
.side2	{}


/* === コンテンツ部分のスタイル === */

div#main {width:700px;
		float: right;
		margin-right: 180px	;
}

#main p.notice {background-color: rgba(255,204,87,0.3);	/*  #ffccbb  */
	width: 480px;
	margin: 0px auto; /*  中央揃え  */
	border: solid 1px #aaaaaa;
	font-weight:bold;
	text-align:left;
	padding: 2px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 3px #aabbcc;
	box-shadow: 1px 1px 3px #aabbcc;
	border-radius: 15px;
}
table.omimai	{width:430px;
		text-align:left;
		font-family:'HG教科書体','有澤楷書',serif;
		font-size:18px;
		color:#800000;
		font-weight:normal;
		margin: 0 auto;  /*  中央揃え  */
}
table.annai	{width:430px;
		text-align:left;
		font-family:'メイリオ',serif;
		font-size:16px;
		color:#0000dd;
		font-weight:normal;
		margin: 0 auto;   /*  中央揃え  */ 
}
table.kousin	{width:430px;
		align:left;
		text-align:left;
		font-family:'メイリオ',serif;
		font-size:14px;
		color:#0000cc;
		font-weight:normal;
		margin: 0 auto;  /*  中央揃え  */ 
}
#header p.notice {background-color: rgba(255,204,87,0.3);	/*  #ffccbb  */
	width: 450px;
	margin: 0px auto; /*  中央揃え  */
	border: solid 1px #aaaaaa;
	font-weight:bold;
	text-align:center;
	padding: 2px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 3px #aabbcc;
	box-shadow: 1px 1px 3px #aabbcc;
	border-radius: 15px;
}

div#main td	{width:430px;
}
div#main ul	{text-align:left;
	width:430px;
	text-align:left; color: #000008;
}
div#main li	{color: ＃0000cd;
	font-size:16px;
}

.main	{color: ＃0000cd
         width: auto;
         padding-top:6px;
         padding-right:100px;
         padding-bottom: 20px;
		padding-left:100px;
}

div#main h1.matubi {font-size:22px;
	 font-family: century, Sans-serif;
	 color:#33cc66;
	 letter-spacing: 7px;
	 text-align:center;
	 border-top:solid 3px rgba(0,0,255,0.5);	/*   #0000ff */
	border-bottom:solid 3px rgba(0,0,255,0.5);	/*   #0000ff */
	 padding-top:10px;
	padding-bottom:14px;
}
div#main h2	{font-size:20px;
	text-align:center;
	width:480px;
	margin-top:15px;
	margin-bottom:15px;
	 padding:5px;
	 background-color: #afffaf;  /*  #90EE90;  */ 
}
p	{font-size:14px;
	 line-height:160%;
	 color:#2244aa;
}

div#main.p	{text-align:center;
	 border-top:solid 2px #66cc33;
	 padding-top:16px
}
div#main p.mark {margin:0px auto;
}
#main a	{color: green;
	 text-decoration:none
}
#main a:hover	{color:#ff8c00;
}

/*  === フッターのソース === */
div#bottom {float: left;
		width:100%;
} 
p.copyright	{background-color:rgba(211,211,211,0.8);   /*  #d3d3d3＝silver  */
		height:25px;
		padding-right:100px;
		padding-bottom:2px;
		text-align:right;
}
p.renewal	{text-align:right;		/*  不使用  */
}
/*  テスト中  */
div#topphoto {
	width: 500px;	/*  角丸写真  */
	height: 320px;
	background-color: #66ccff;
	background-image: url("image/dabasakura3.jpg");/*  写真サイズ660x495  radius30  */
	margin: 30px auto;
	padding: 20px;
	color: #222222;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	-moz-border-radius: 20px 50px;
	border-radius: 20px 50px;
	border-radius: 30px;
}

