/*BODY{margin : 0 ;font-family : 'ＭＳ Ｐゴシック' 'MS UI Gothic'; font-size : 9pt ; background-color:White}*/
BODY{ margin : 0 ;font-family : 'ＭＳ Ｐゴシック','MS UI Gothic',sans-serif; font-size : 9pt ; background-color:White}

A:link {FONT-SIZE: 9pt; color:blue ; TEXT-DECORATION: none ;}
A:visited {FONT-SIZE: 9pt; color:blue ; TEXT-DECORATION: none ;}
A:active {FONT-SIZE: 9pt; color:red ; TEXT-DECORATION: none ;}
A:hover {color: #0000FF;position: relative;top: 1px;left: 1px ;}

/* HEADING */
h2 { background-color:#ffeedd; padding:6px; margin-bottom:10px; color:#a04513; font-weight:bold; font-size: 14pt; border-style:solid; border-color:#a04513; border-width: 0px 0px 1px 10px  }
h3 { color:Maroon; font-weight:bold; font-size:10pt }

/* TABLE */
table { font-size: 9pt; }
table.InputTable { border: solid 1px #ffccaa; border-collapse:collapse; }
th.InputTable { border: solid 1px #ffccaa; background-color:#ffcb73; color: #666666; text-align:center; padding:5px 10px; font-weight:bold; height: 30px; }
td.InputTable { border: solid 1px #ffccaa; color: #000000; padding:5px 10px; height: 30px; text-align:left }

table.ViewTable { border: solid 1px #cccccc; border-collapse:collapse; }
th.ViewTable { border: solid 1px #cccccc; background-color:#f3eeee; color: navy; text-align:center; padding:5px 10px; font-weight:bold; height: 30px; }
td.ViewTable { border: solid 1px #cccccc; color: #000000; padding:5px 10px; height: 30px; }

table.SmallViewTable { border: solid 1px #cccccc; border-collapse:collapse;}
tr.SmallViewTableHeadRow { border: solid 1px #cccccc; background-color:#f3eeee; color: navy; text-align:center; font-weight:bold; padding:2px; }
th.SmallViewTable { border: solid 1px #cccccc; background-color:#f3eeee; color: navy; text-align:center; font-weight:bold; padding:2px; }
td.SmallViewTable { border: solid 1px #cccccc; color: #000000; padding:2px;}

td.Contents { padding : 20px }
td.HeadCell_1 { background-color:#ffcb73; color: #666666; text-align:center; padding:5px 10px; font-weight:bold; height: 30px; }

.WordBreak{ word-break: break-all;}

/* LINK */
span.PageMenu { border: solid 1px #ffccaa; font-weight: bold; color: navy; padding: 4px; margin: 3px; background-color:#ffdd99 }
span.PageSubMenu { border: solid 1px navy; font-weight:bold; color: navy; padding: 4px; margin: 3px; background-color:#ddddff }

Span.ImageSelectCloseButton { font-weight:bold; padding:2px; border-bottom: solid 1px orangered; color: orangered; } 

/* DIV */
div.ImageSelect { padding:2px; border: dotted 2px orange; background-color:beige; width:500px }
div.ImageSelectHead { margin-top:2px; padding:2px; height:20px; text-align:left;}

div.PageMenu { text-align: right; margin: 5px 0px } /* アルバム 表示画像数切り替えメニューなど */
div.PageSubMenu { text-align: left; margin: 10px 0px } /* アルバム 「プリント注文」「アップロード」など */

.GoodsName { font-size:medium; text-align:left; font-weight:bold; color:Navy; margin-top:5px; padding-bottom:2px; border-bottom: solid 1px navy }
.GoodsPrice { color:#444444; margin-top:3px; text-align:right; }

.LoadingMessage { text-align:right; font-weight:bold; color:crimson; margin-bottom:0px; padding-bottom:0px; padding-left:100px; padding-top:10px }

/* FORM */
.ButtonWhite { background-color:#f0f0f0; color:Navy; padding:2px }

.TextBoxSolid { background-color:White; color:#443333; border: solid 1px #eebb66; height:18px }

/* PARAGRAPH */
.Contents { font-size:9pt; margin: 15px }


/* NAVIGATOR */
.NavigatorText { padding-left : 3px; margin-right : 8px; }
img.NavigatorIcon { vertical-align: middle; margin:3px }

/* ALBUM IMAGE LIST */
.albumNavigator { clear:left } 
.box16 { width:510px; margin-bottom:15px; float:none; margin:10px }
.box16item { padding:10px; word-break:break-all }
.box50 { width:510px; margin-bottom:15px; float:none; margin:10px }
.box50item { padding:10px; word-break:break-all }
.ImageSelect-box50item { padding:5px; word-break:break-all }
.ImageSelect-box16 { width:500px; margin:2px; margin-bottom:15px; float:none; }
.ImageSelect-box50 { width:500px; margin:2px; margin-bottom:5px; float:none; }

/*.box16 IMG { BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 5px; BORDER-LEFT: 0px; WIDTH: 144px; BORDER-BOTTOM: 0px }*/

.style1 {}
.style2 {color: #333333}
.style3 {color: #660000;font-weight: bold;}
.style4 {color: #FFFFFF;font-weight: bold;}
.style5 {color: #CC0000}
.style6 {color: #333333;font-weight: bold;}
.style7 {color: #FFFF00}
.style8 {color: #990000;font-weight: bold;}
.style11 {color: #B7EFFB}
.style14 {color: #330099; font-weight: bold;}
.style15 {color: #FF0000; font-weight: bold;}
.style16 {color: #FF6600; font-weight: bold;}
.style19 {color: #990000}
.style20 {font-weight: bold ;}
.style17 {font-size: 24pt;font-weight: bold;color: #FF9A00;}
.style21 {color: #336600;font-size: 14pt;font-weight: bold;}

.style22 { 
background:url(images/bk_green.gif);
font-weight: bold ;
height : 10px ;
padding : 3px ;
}

div.class1 {
background: #FFCB73 ;
font-color: #666666 ;
border-style: solid 5px medium #FF9A00 ;
text-align:center;
}


/* アルバム画像表示用 */
	.album-numbers { WIDTH: 525px; TEXT-ALIGN: right }
	.album-numbers A { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px }
	.box-brief { BORDER-RIGHT: #ffe1c4 2px dashed; PADDING-RIGHT: 5px; BORDER-TOP: #ffe1c4 2px dashed; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffe1c4 2px dashed; PADDING-TOP: 5px; BORDER-BOTTOM: #ffe1c4 2px dashed }
	.box-exif { PADDING-LEFT: 5px; BORDER-LEFT: #ffe1c4 7px solid }
	.box-exif TD { FONT-SIZE: 12px }
	.photo-normal { BACKGROUND-COLOR: #ffe1c4 }
	.photo-selected { BACKGROUND-COLOR: #ff8000 }
	.box-filename { BACKGROUND-COLOR: #ff8000; TEXT-ALIGN: left }
	.box01 { FONT-SIZE: 13px; MARGIN: 5px }
	.box01 IMG { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 460px; BORDER-BOTTOM: 0px }
	.box16 { FONT-SIZE: 10px; MARGIN: 5px }
	
	.box50 { FONT-SIZE: 10px; MARGIN: 7px; padding:5px; }
	.box50 IMG { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 52px; BORDER-BOTTOM: 0px }
	.album-title{ font-size: 15px; MARGIN: 5px;}
	.album-findresult IMG { BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 5px; BORDER-LEFT: 0px; WIDTH: 180px; BORDER-BOTTOM: 0px }
	.top-thumbnail IMG { BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 5px; BORDER-LEFT: 0px; WIDTH: 80px; BORDER-BOTTOM: 0px }
	.webphotomail IMG  { BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 5px; BORDER-LEFT: 0px; WIDTH: 320px; BORDER-BOTTOM: 0px }



/*.mainmenu TD{ PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 80%; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: orange }
.mainmenu A { BORDER-RIGHT: #ccffcc 1px solid; PADDING-RIGHT: 0.5em; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0px; COLOR: white; PADDING-TOP: 0px; TEXT-DECORATION: none }
*/
/*
body
{
	background-color: White ;
}
*/

/*文字装飾*/
/*
h3.content 
{
	border-bottom: solid 3px #ff8000;
	border-left: solid 5px 	#ff8000;
}
*/

/*画面構成*/
/*
.wrapper
{
	margin: 0 auto;
}
.header
{
	margin: 0 auto;
	width: 740px;
}
ul.headnavi 
{
	list-style: none;
	text-align: right;
	font-size: x-small;
}
ul.headnavi li
{
	position:relative;
	display: inline;
	padding-left: 0.3em;
	padding-right: 0.3em;
}
.loginbox 
{
	width: 525px;
	padding: 15px 20px ;
	background: #ffe1c4;
	font-size: x-small;
	text-align:right;
}
.loginbox .login
{
	font-size: medium;
}
.mainmenu
{
	width:525px;
}
.mainmenu ul
{
	margin: 0;
	padding: 1px 1px;
	list-style: none;
	color: #ffffff;
	text-align: right;
	font-size: 12px;
	background: #ff8000;
}
.mainmenu li
{
	display: inline;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-right: solid 1px black;
}
.navi
{
	left: 30px;
	margin-left: 30px;
	width: 710px;
	margin: 5px 10px 8px 5px;
	background-color: #ffe1c4;
}

.pagebody
{
	width:740px	
}
.sidemenu
{
	float:left;
	margin-top: 30px;
	left:15px;
	width: 154px;
}
.sidemenu ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	border: solid 1px #ff8000;
}
.sidemenu li
{
	text-align: center;
	font-size: x-small;
	background: #ffffca;
	border-top: solid 1px #ff8000;
}
.sidemenu li.sidemenu-head
{
	text-align: center;
	color: #ffffff;
	font-size: x-small;
	font-weight: bold;
	background: #ff8000;
}
.sidemenu li.sidemenu-head-medium
{
	text-align: center;
	color: #ffffff;
	font-size:medium;
	font-weight: bold;
	background: #ff8000;
}

#banner #pmark
{
	margin: 0;
	padding-left: 40px;
}

.content
{
	float:right;
	margin-top: 10px;
	margin-left: 10px;
	width: 525px;	
}
.footer
{
	clear:both;
	margin: 0 auto;
	width:740px	;
}

.footer ul
{
	margin: 0;
	padding: 1px 1px;
	list-style: none;
	text-align: right;
	font-size: x-small;
	background: #ffe1c4;
}
.footer li
{
	display: inline;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-right: solid 1px black;
}
.footer p
{
	margin: 0;
	padding: 10px 10px;
	text-align: center;
	font-size: x-small;
}
*/