body
{
	color: #333;
}
a
{
	color: #c04702;
}
a:hover
{
	text-decoration: none;
}
.linkimg
{
	border: solid 2px #cbd4df;
}
.linkimg:hover
{
	border: solid 2px #ff6600;
}
.topView
{
	color: #fff;
	padding: 15px 0;

}
.topView a
{
	color: #fff;
	text-decoration: none;
}
.topView a:hover
{
	text-decoration: underline;
}
.topThumbnailTd
{
	vertical-align: top;
	text-align:center;
	width: 130px;
}
.topThumbnailDiv
{
	width: 86px;
	height: 87px;
	background: url(/img/spide2/other/imgback.png);
	margin: 0 auto;
}
.topThumbnail
{
	width: 80px;
	height: 82px;
	margin: 0 auto;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;

	outline: none;
}
input[type="text"], input[type="password"], textarea, select
{
	border: solid 1px #cbd4df;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus
{
	border: solid 1px #ff7e1b;
}
#generalTable
{
	width: 100%;
	margin-top: 5px;
}
#generalMainTd
{
	vertical-align: top;
	padding: 8px 25px 0px 0px;
	/*-moz-border-radius-topleft:  10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	background-color: #fff;*/
}
#generalSubTd
{
	width: 270px;
	vertical-align: top;
	padding-top: 8px;
	/*-moz-border-radius-topright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-right-radius: 10px;
	background-color: #fff;*/
}

.hint, .hint a, #footer, #footer a
{
	color: #666;
}

/* menu */
.menuHoverDiv
{
	padding-left: 10px;
}
.menuSelectedDiv a
{
	color: #000;
}

/* 背景 */
.bg
{
	background-color: #fcfcfc;
}
.detailsTableLeftCol, .detailsTableLeftCol2, .listTableHeaderRow, .mouseOver
{
	background: #f9f9f9;
}

/* ボーダー */
.borderTop, .border, .detailsTableLeftCol, .detailsTableLeftCol2, .detailsTableRightCol, .listTableDataRow, .listTableHeaderRow
{
	border-top: solid 1px #cbd4df;
}
.borderRight, .border, .detailsTableLeftCol, .detailsTableLeftCol2
{
	border-right: solid 1px #cbd4df;
}
.borderBottom, .border, .detailsTableLeftCol, .detailsTableLeftCol2, .detailsTableRightCol, .listTableDataRow, .listTableDataRow, .listTableHeaderRow
{
	border-bottom: solid 1px #cbd4df;
}
.borderLeft, .border
{
	border-left: solid 1px #cbd4df;
}

/* titleFrame */
.titleFrameAll
{
	border-collapse: collapse;
	margin-bottom: 2px;
}
.titleFrameL
{
	width:5px;
	background-color: #f60;
}

.titleFrameC
{
	padding:0 0 0 5px;
}
.titleFrameR
{
	width:0px;
}
/* MainFrame 
　幅制限： left + right + MCのpadding×2 = 40px固定
*/
.mainFrameUL
{
	width: 18px;
	height: 65px;
	background: url(/Img/Spide2/Frame/Main/UpperLeft.gif) no-repeat;
}
.mainFrameUC
{ 
	background: url(/Img/Spide2/Frame/Main/UpperCenter.gif) repeat-x;
	vertical-align:top;
	padding-top:15px;
}
.mainFrameUR
{
	width: 18px;
	background: url(/Img/Spide2/Frame/Main/UpperRight.gif) no-repeat left;
}
.mainFrameUL2
{
	width: 18px;
	height: 5px;
	background: url(/Img/Spide2/Frame/Main/UpperLeft2.gif) no-repeat right;
}
.mainFrameUC2
{
	/*-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	background-color: #fff;*/
	background: url(/Img/Spide2/Frame/Main/UpperCenter2.gif) repeat-x;
}
.mainFrameUR2
{
	width: 18px;
	background: url(/Img/Spide2/Frame/Main/UpperRight2.gif) no-repeat left;
}
.mainFrameML
{
	width: 18px;
	background: url(/Img/Spide2/Frame/Main/MiddleLeft.gif) repeat-y right;
}
.mainFrameMC
{
	padding:13px 2px;
}
.mainFrameMR
{
	width: 18px;
	background: url(/Img/Spide2/Frame/Main/MiddleRight.gif) repeat-y left;
}
.mainFrameMML
{
	width: 18px;
	background: url(/Img/Spide2/Frame/Main/MiddleLeft.gif) repeat-y right;
}
.mainFrameMMC
{
	height: 2px;
	border-bottom: 2px solid #f60;
}
.mainFrameMMR
{
	width: 18px;
	background: url(/Img/Spide2/Frame/Main/MiddleRight.gif) repeat-y left;
}
.mainFrameLL
{
	width: 18px;
	height: 10px;
	background: url(/Img/Spide2/Frame/Main/LowerLeft.gif) no-repeat top right;
}
.mainFrameLC
{
	background: url(/Img/Spide2/Frame/Main/LowerCenter.gif) repeat-x top;
}
.mainFrameLR
{
	width:18px;
	background: url(/Img/Spide2/Frame/Main/LowerRight.gif) no-repeat top left;
}

/* SubFrame 
　幅制限： left + right + MCのpadding×2 = 40px固定
*/
.subFrameUL
{
	width: 6px;
	height: 31px;
	background: url(/Img/Spide2/Frame/Sub/UpperLeft.gif) no-repeat left bottom;
}
.subFrameUC
{ 
	/*-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;*/
	padding: 5px;
	background: #d1d0d0;
}

.subFrameUR
{
	width: 6px;
	background: url(/Img/Spide2/Frame/Sub/UpperRight.gif) no-repeat bottom;
}
.subFrameUL2
{
	width: 6px;
	height: 4px;
	background: url(/Img/Spide2/Frame/Sub/UpperLeft2.gif) no-repeat bottom;
}
.subFrameUC2
{
	/*-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;*/
	background: url(/Img/Spide2/Frame/Sub/UpperCenter2.gif) repeat-x bottom;
}
.subFrameUR2
{
	width: 6px;
	background: url(/Img/Spide2/Frame/Sub/UpperRight2.gif) no-repeat bottom;
}
.subFrameML
{
	width: 6px;
	background: url(/Img/Spide2/Frame/Sub/MiddleLeft.gif) repeat-y left;
}
.subFrameMC
{
	padding: 10px 5px 5px 5px;
	background: #fdfbfb;
}
.subFrameMR
{
	width: 6px;
	background: url(/Img/Spide2/Frame/Sub/MiddleRight.gif) repeat-y right;
}
.subFrameLL
{
	width: 6px;
	height: 15px;
	background: url(/Img/Spide2/Frame/Sub/LowerLeft.gif) no-repeat bottom;
}
.subFrameLC
{
	background: url(/Img/Spide2/Frame/Sub/LowerCenter.gif) repeat-x bottom;

}
.subFrameLR
{
	width:6px;
	background: url(/Img/Spide2/Frame/Sub/LowerRight.gif) no-repeat bottom;
}
/* MenuFrame 
　幅制限： left + right + MCのpadding×2 = 40px固定
*/
.menuFrameUL
{
	width: 6px;
	height: 5px;
	background: url(/Img/Spide2/Frame/Menu/UpperLeft.gif) no-repeat bottom;
}
.menuFrameUC
{
	/*-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;*/
	background: url(/Img/Spide2/Frame/Menu/UpperCenter.gif) repeat-x bottom;
}
.menuFrameUR
{
	width: 6px;
	background: url(/Img/Spide2/Frame/Menu/UpperRight.gif) no-repeat bottom;
}
.menuFrameML
{
	width: 6px;
	background: url(/Img/Spide2/Frame/Menu/MiddleLeft.gif) repeat-y left;
}
.menuFrameMC
{
	padding:8px 8px 3px 8px;
	background-color: #eaeaea;
	/*-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;*/
}
.menuFrameMR
{
	width: 6px;
	background: url(/Img/Spide2/Frame/Menu/MiddleRight.gif) repeat-y bottom;
}
.menuFrameLL
{
	width:6px;
	height: 15px;
	background: url(/Img/Spide2/Frame/Menu/LowerLeft.gif) no-repeat bottom;
}
.menuFrameLC
{
	background: url(/Img/Spide2/Frame/Menu/LowerCenter.gif) repeat-x bottom;
}
.menuFrameLR
{
	width:6px;
	background: url(/Img/Spide2/Frame/Menu/LowerRight.gif) no-repeat bottom;
}
/* detailFrame */
.detailFrameUL
{
	background: url(/Img/Spide2/Frame/Detail/UpperLeft.png);
}
.detailFrameUC
{ 
	color: #FFFFFF;
	background: url(/Img/Spide2/Frame/Detail/UpperCenter.png) repeat-x top;
 }

.detailFrameUR
{
	background: url(/Img/Spide2/Frame/Detail/UpperRight.png);
}
.detailFrameUL2
{
	background: url(/Img/Spide2/Frame/Detail/UpperLeft2.png);
}
.detailFrameUC2
{
	background: url(/Img/Spide2/Frame/Detail/UpperCenter2.png) repeat-x;
}
.detailFrameUR2
{
	background: url(/Img/Spide2/Frame/Detail/UpperRight2.png);
}
.detailFrameML
{
	background: url(/Img/Spide2/Frame/Detail/MiddleLeft.png) repeat-y;
}
.detailFrameMC
{
	color: #333333;
	background-color: #FFFFFF;
}
.detailFrameMR
{
	background: url(/Img/Spide2/Frame/Detail/MiddleRight.png) repeat-y;
}
.detailFrameLL
{
	background: url(/Img/Spide2/Frame/Detail/LowerLeft.png);
}
.detailFrameLC
{
	background: url(/Img/Spide2/Frame/Detail/LowerCenter.png) repeat-x;
}
.detailFrameLR
{
	background: url(/Img/Spide2/Frame/Detail/LowerRight.png);
}
/* button (use sliding doors) */
a.button
{ 
	background: transparent url(/img/Spide2/btn/btnleft.png) no-repeat top left;
	line-height: 30px; /* 画像の高さ */
	height: 30px; /* 画像の高さ */
	padding-left: 20px; /* 左画像の幅 */
	color: #555555;
}
a.button span
{ 
	background: transparent url(/img/Spide2/btn/btnright.png) no-repeat top right;
	display: block;
	padding-right: 20px; /* 左画像の幅(左右対称じゃない画像の場合は変わってくる) */
}
a.button:hover
{
	background-position: left -30px;
}
a.button:hover span
{
	background-position: right -30px;
}
a.button:active
{
	background-position: left -60px;
}
a.button:active span
{
	background-position: right -60px;
}
a.button2
{ 
	background: transparent url(/img/Spide2/btn/btn2left.png) no-repeat top left;
	line-height: 30px; /* 画像の高さ */
	height: 30px; /* 画像の高さ */
	padding-left: 20px; /* 左画像の幅 */
	color: #FFFFFF;
}
a.button2 span
{ 
	background: transparent url(/img/Spide2/btn/btn2right.png) no-repeat top right;
	display: block;
	padding-right: 20px; /* 左画像の幅(左右対称じゃない画像の場合は変わってくる) */
}
a.button2:hover
{
	background-position: left -30px;
}
a.button2:hover span
{
	background-position: right -30px;
}
a.button2:active
{
	background-position: left -60px;
}
a.button2:active span
{
	background-position: right -60px;
}

.tabs .ui-widget-header
{
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: solid 1px #ddd;
	background: transparent url();
}
.tabs .ui-widget-content
{
	border: 0;
}
.tabs .ui-corner-all
{
	border-radius: 0;
}
.tabs .ui-state-default, .tabs .ui-state-active
{
	border: solid 1px #ddd;
}