@charset "utf-8";
body{
	background: #FFFFFF;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
}
#container {
	width: 930px;  /* これにより、幅がブラウザの幅の 930px のコンテナが設定されます */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #DDDDDD;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	background-color: #FFFFFF;
	font-family: "メイリオ","ＭＳ Ｐゴシック",Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 90%;
	line-height: 140%;
	color:#000000
}
#header {
	background: #FFFFFF
	padding: 0 0 3px 0;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}

#header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 3px; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-size: 12px;
	color:#000000;
}
#id2 {background-image:url(image/930wedding_1.jpg);
width:930px;
height:930px;
padding:0;
position: relative;
}
#id3 {background-image:url(image/930children.jpg);
width:930px;
height:930px;
padding:0;
position: relative;
}
#id4 {background-image:url(image/930ceremony.jpg);
width:930px;
height:930px;
padding:0;
position: relative;
}
#id5 {background-image:url(image/930photographer.jpg);
width:930px;
height:930px;
padding:0;
position: relative;
}
#id6 {background-image:url(image/930procedure.jpg);
width:930px;
height:550px;
padding:0;
position: relative;
}
#id7 {background-image:url(image/930inquiry.jpg);
width:930px;
height:550px;
padding:0;
position: relative;
}
#moji {
color:#000000;
position:absolute;
top: 660px;
left:530px;
font-size:13px;
text-align:right;
}
#phototable p {
font-size: 80%;
padding:0px 40px;
}

#mainContent {
	padding: 20px 50px 0px 50px ; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
}
#mainContent p {
text-align:left;
}
#mainContent h2{
font-size:x-large;
font-weight:bold;
line-height:40px;
padding-left:5px;
background-repeat:no-repeat;
color:#990000;
}
#mainContent h3{
font-size:large
}

#sitamenu{
margin:100px 0 50px 0;
}

#album {
text-align:center
}

#album p,h2,h3 {
text-align:left
}

#albumimg {
border:1px solid #AAAAAA ;
margin:0 20px 0 0 ;
float:left;
width:400px;
}

#albumimg2 {
border:1px solid #AAAAAA ;
margin:0 20px ;
width:300px;
}



#tokusyuu p.rcontent {
padding: 1em 50px;
background-color:#FFCCCC;
color:#000;
margin:0 1px;
}

#tokusyuu h3.rcontent {
padding: 1em;
background:#FFCCCC;
color:#000;
margin:0 1px;
font-size:large;
}



#tokusyuu span.rtop,#tokusyuu span.rbottom {
display:block;
background: #fff;
}

#tokusyuu span.rtop span,#tokusyuu span.rbottom span {
display:block;
height: 1px;
overflow: hidden;
background: #FFCCCC;
}

#tokusyuu span.r1{margin: 0 5px;}
#tokusyuu span.r2{margin: 0 3px;}
#tokusyuu span.r3{margin: 0 2px;}
#tokusyuu span.rtop span.r4, span.rbottom span.r4{margin: 0 1px;height: 5px;}


#logo { border: 1px #000000 solid;
} 

#footer {
	padding: 0px 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background-color:#666666;
	color:#FFFFFF;
	text-align:right;
	font-size:small;
} 
#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 3px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
td {color:#000000;
	text-align:center;
}
td img{border:none;
}
img{border:none;
}

td a{color:#000000;
text-decoration:none;
}
td a:link {color:#000000;
text-decoration:none;
}
td a:visited {color:#000000;
text-decoration:none;
}
td a:active {color:#666666;
text-decoration:none;
}
td a:hover {color:#666666;
text-decoration:none;
}
em {
background:#FFCC33;
}
#MainMenu 
{
	height:21px;
	background: #FFFFFF;
	margin:0;
	border:0;
}
#tab 
{
	margin:0;
	top:0;
}
#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tab li 
{
display:inline;
	float:left;
	margin:0 0 0 0 ;
	padding:0;
}
#tab a 
{
	background:#FFFFFF url("images/bright_064.gif") no-repeat right top;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}
#tab a span 
{
	display:block;
	background:url("images/bleft_064.gif") no-repeat left top;
	padding:0 15px 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11;
	color:#666666;
	font-weight:bold;
	line-height:21px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:#FFFFFF
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#000000;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0 solid ;
	background: #FFFFFF;
	color:#4D4D4D;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
	width:180px;
	margin:0 1px 0 0 ;
	padding:0;
	display:block;
	border:0 solid ;
	color:#4D4D4D;
	background:url("images/bleft_064.gif") no-repeat left top;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv a span 
{
	float:left;
	display:block;
	line-height:21px;
	background:url("images/bright_064.gif") no-repeat right top;
	padding:0 15px 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11;
	color:#4D4D4D;
}
.dropmenudiv a span 
{
	float:none;
}
.dropmenudiv a:hover
{
	border:0 solid #FF9300;
	background-position:left bottom;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#000000;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#000000;
	font-weight:bold;
}



ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
background:url(image/bg.png) repeat-x top left;
border:1px solid #000;
margin:0;
padding:0;
font-weight:200;
font-size:85%;
}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
}

ul.menu li a:hover,.current {
color:#fff;
background:url(image/bg.png) repeat-x top left;
font-size:100%;
}

ul.menu .current a {
color:#fff;
font-weight:700;
font-size:100%;

}

	
td a.imghover:hover img {
filter:alpha(opacity=30);
opacity:0.3;
}
a.imghover:hover img {
filter:alpha(opacity=30);
opacity:0.3;
}

span{color:#990000;
text-decoration:none;
font-size:100%;
font-weight:bold;
}

table.ryoukin th, table.ryoukin td {
font-size: 120%;
}

#topmoji {
text-align:center;
line-height:160%;
font-size:110%;
}

#form {
		background-color:#ffffff;
		color:#000000;
		font-size:12px;
		scrollbar-highlight-color:#FFFFFF;
		scrollbar-3dlight-color:#CCCCCC;
		scrollbar-base-color:#CCCCCC;
		scrollbar-face-color:#CCCCCC;
		scrollbar-shadow-color:#CCCCCC;
		scrollbar-darkshadow-color:#666666;
		scrollbar-arrow-color:#000000;
}

#form INPUT, TEXTAREA, SELECT, OPTION {
					border-style : solid;
					background-color:#FFFFFF;
					border-color:#aaaaaa ;
					color:#555555;
					border-width: 1px;
					font-size: 11px;
}
#form a:link    { color : #0000ff; }
#form a:visited { color : #0000ff; }
#form a:active  { color : #0000ff; }
#form a:hover   { color : #0000ff; }

#form .TITLE {
					color:#000000;
					font-size:25px;
				}

	#form			table {
					background-color:#000000;
					margin: 5px;
					padding: 0px;
				}

		#form		.CELL_TITLE {
					padding: 0px 10px 0px 10px;
					background-color:#DAE7EE;
					font-size:12px;
				}

#form				.CELL {
					background-color:#FFFFFF;
					text-align:left;
					font-size:12px;
				}

	#form			.ATTACHMENT {
					font-size:11px;
					color:#FF0000;
				}

		#form		.BTN{
					background-color:#DAE7EE;
					border-color:#B0C6DE;
					color:#4C4C4C;
					border-style : ridge;
					height: 21px;
					font-size: 12px;
				}
				
				
a{/*リンクされた文字*/
	color:#0000FF;
    font-style:normal;
    text-decoration:underline;
}
a:link {/*未訪問のリンク*/
	color:#0000FF;
    font-style:normal;
    text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
	color:#0000FF;
    text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    font-style:normal;
    text-decoration:underline;
}
a:active {/*クリック中*/
    text-decoration:none;
}

#footer a:link    { color : #ffffff; }
#footer a:visited { color : #ffffff; }
#footer a:active  { color : #000000; }
#footer a:hover   { color : #000000; }