@charset "utf-8";
@import url("common.css");

/* -----------------------------------------------------------------
   message
----------------------------------------------------------------- */
#message {
	width  : 780px;
	margin : 0 auto;
}

#message .center-image {
	width      : 778px;
	height     : 100px;
	margin     : 10px 0 5px 0;
	padding    : 0;
	border     : 1px solid #CDCAA3;
	text-align : center;
}

* html body #message .center-image {
	padding : 3px 0 0 0;
}

/* -----------------------------------------------------------------
   bread-crumb
----------------------------------------------------------------- */
#bread-crumb {
	width      : 780px;
	margin     : 0 auto;
	padding    : 0 0 5px 0;
	text-align : left;
}

/* -----------------------------------------------------------------
   main
----------------------------------------------------------------- */
#main {
	position : relative;
	width    : 778px;
	margin   : 0 auto;
}

/* -----------------------------------------------------------------
   left
----------------------------------------------------------------- */
#main .left {
	float         : left;
	width         : 500px;
	margin        : 0 0 0 5px;
	padding       : 0;
	background    : url(../images/left-head.gif) no-repeat;
	border-right  : 1px solid #CDCAA3;
	border-bottom : 1px solid #CDCAA3;
	border-left   : 1px solid #CDCAA3;
}

#main .left h2 {
	height      : 25px;
	margin      : 0;
	padding     : 5px 0 5px 25px;
	color       : #fff;
	font        : 18px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight : bold;
	line-height : 25px;
}

#main .left h3 {
	height      : 25px;
	margin      : 0;
	padding     : 5px 0 5px 35px;
	background  : url(../images/left-h3.gif) no-repeat;
	color       : #333;
	font        : 16px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight : bold;
	line-height : 25px;
}

#main .left h4 {
	text-decoration : underline;
}

#main .left .sentence {
	padding : 0 10px 20px 20px;
}

#main .left .sentence p {
	padding : 0 0 10px 0;
}

#main .left .sentence ul,
#main .left .sentence ol {
	margin     : 0 0 0 20px;
	padding    : 0 0 10px 0;
	list-style : disc;
}

#main .left .sentence .left-image {
	float   : left;
	margin  : 0 10px 10px 0;
	padding : 5px;
	border  : 1px solid #D80000;
}

#main .left .sentence .right-image {
	float   : right;
	margin  : 0 0 10px 10px;
	padding : 5px;
	border  : 1px solid #D80000;
}

#main .left .sentence .center-image {
	text-align : center;
}

#main .left .sentence .left-text {
	text-align : left;
}

#main .left .sentence .right-text {
	text-align : right;
}

#main .left .sentence .center-text {
	text-align : center;
}

#main .left .sentence span.highlite {
	color       : #D80000;
	font-weight : bold;
}

#main .left .payment {
	width   : 450px;
	margin  : 0 auto 10px auto;
	padding : 10px;
	border  : 1px solid #CDCAA3;
}

/* -----------------------------------------------------------------
   right
----------------------------------------------------------------- */
#main .right {
	float         : left;
	width         : 255px;
	margin        : 0 0 0 8px;
	padding       : 0;
	border-right  : 1px solid #CDCAA3;
	border-bottom : 1px solid #CDCAA3;
	border-left   : 1px solid #CDCAA3;
}

#main .right h3 {
	height      : 25px;
	margin      : 0;
	padding     : 5px 0 5px 25px;
	background  : url(../images/left-head.gif) no-repeat;
	color       : #fff;
	font        : 18px "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight : bold;
	line-height : 25px;
}

#main .right .recommend {
	margin  : 0;
	padding : 10px;
}

#main .right .recommend h4 {
	margin : 5px 0;
}

#main .right .recommend img {
	text-align : center;
}

#main .right .recommend p {
	margin : 5px 0;
}

#main .right .side-menu {
	margin     : 0;
	padding    : 10px 0 10px 10px;
}

#main .right .side-menu ul {
}

#main .right .side-menu ul li {
	margin        : 0 20px 5px 5px;
	border-bottom : 1px dotted #333;
}

#main .right .side-menu ul li img {
	height         : 25px;
	vertical-align : middle;
}

#main .right .side-menu ul li span {
	height      : 25px;
	margin      : 0;
	padding     : 0 0 0 10px;
	line-height : 25px;
}

#main p.border {
	height     : 1px;
	padding    : 0 0 14px 0;
	background : url(../images/dot-line.gif) 0 0 repeat-x;
}