* {

	margin: 0;

	padding: 0;

}



body {

	background: #cedcf2 url(img/css_bgline.jpg) repeat-y top center;

	font-family: Verdana, Arial, Helvetica, sans-serif, Osaka;

	font-size: 12px;

	line-height: 20px;

	color: #222;

}



a {

	text-decoration: none;

	color: #3C75B0;

}

a:hover {

	text-decoration: underline;

	color: #111;

}



#wrap {

	margin: 0 auto;

	width: 800px;

}



#header {

	height: 120px;

	background: #cedcf2 url(img/css_header.jpg) no-repeat;

}

#header h2 {

	font-size: 12px;

	color: #fff;

	padding: 5px 0 0 40px;

	font-weight: normal;

}

#header h1 { 

	font-size: 32px;

	padding: 15px 0 0 40px;

	color: #fff;

}

#header h1 a { 

	color: #fff;

	text-decoration: none;

	font-weight: normal;

}

#header h1 a:hover { color: #33f; }



#content {

	background: #cedcf2;

	padding: 0 20px;

}



#right {

	float: right;

	width: 560px;

	padding-top: 10px;

	overflow: hidden;

}

#right h2 {

	color: #fff;

	font-size: 18px;

	font-weight: normal;

	margin: 10px 0;

	padding-left: 10px;

	height: 30px;

	line-height: 30px;

	background: #fff url(img/css_rh2back.jpg) no-repeat;

}

#right h2 a {

	text-decoration: none;

	color: #fff;

}

#right h2 a:hover { color: #111; }



#right h3 {

	color: #000;

	font-size: 14px;

	font-weight: normal;

	margin: 10px 0;

	padding-left: 25px;

	height: 26px;

	line-height: 26px;

	background: #fff url(img/css_rh3back.gif) no-repeat;

}



#right ul {

	padding: 10px 0 15px 25px;

	font-weight: normal;

}

#right ul li {

	padding: 0px 0px 10px 3px;

}

#right ul li a {

	text-decoration: none;

	font-weight: normal;

}

#right ul li a:hover { }



#left {

	float: left;

	width: 180px;

	padding-top: 10px;

	overflow: hidden;

}

#left h2 {

	color: #fff;

	font-size: 13px;

	font-weight: normal;

	margin: 10px 0 0 0;

	padding-left: 14px;

	height: 30px;

	line-height: 30px;

	background: #fff url(img/css_lh2back.jpg) no-repeat;

}

#left ul {

	padding: 10px 0 15px 20px;

	list-style-type: none;

	font-weight: bold;

}

#left ul li a {

	text-decoration: none;

	font-weight: normal;

}

#left ul li a:hover { }



table.sdbox {

	margin: 5px 2px;

	border: 0px solid #0043CB;

	border-collapse: separate;

	background-color: #fff;

	font-family: sans-serif;

}

.sdbox tr {

	vertical-align: middle;

}

.sdbox th {

	border-left: 1px solid #3D7DFF;

	border-top: 1px solid #3D7DFF;

	border-right: 1px solid #0043CB;

	border-bottom: 1px solid #0043CB;

	color: #fff;

	background-color: #1A65FF;

	padding: 6px;

	text-align: center;

	white-space: nowrap;

}

.sdbox td {

	border-right: 1px solid #3064CE;

	border-bottom: 1px solid #3064CE;

	padding: 6px;

	background-image: url(img/td_shadow.jpg);

	background-repeat: repeat-x;

	background-position: left bottom;

}

.tdcenter { text-align: center; }

.tdright  { text-align: right; }

.sdbox_bar_top { border-top: 1px solid #3D7DFF; }

.sdbox_bar_left { border-left: 1px solid #3D7DFF; }



table.graybox {

	margin: 3px;

	border: 1px dotted #888;

	border-collapse: collapse;

	font-family: sans-serif;

}

.graybox tr {

	vertical-align: middle;

}

.graybox th {

	border: 1px dotted #888;

	background-image: none;

	background-color: #eee;

	padding: 3px;

	color: #000;

	white-space: nowrap;

}

.graybox td {

	border: 1px dotted #888;

	background-image: none;

	padding: 3px;

	color: #000;

}



table.bluebox {

	margin: 3px;

	border: 1px solid #888;

	border-collapse: collapse;

	font-family: sans-serif;

}

.bluebox tr {

	vertical-align: middle;

}

.bluebox th {

	border: 1px dotted #888;

	background-color: #1A65FF;

	padding: 3px;

	color: #fff;

}

.bluebox td {

	border: 1px dotted #888;

	padding: 3px;

	color: #000;

}



#footer {

	width: 760px;

	text-align: center;

	font-size: 11px;

	color: #aaa;

	margin: 40px 20px 0px 20px;

	border-top: 1px dotted #aaa;

	padding: 10px 0;

}

#footer a { color: #aaa; }

#footer a:hover { color: #111; }



#right dl {

	list-style-type: none;

}

#right dl dt {

	text-decoration: none;

	font-weight: bold;

}

#right dl dd {

	padding: 0 20px 0 40px;

	text-decoration: none;

	font-weight: normal;

}



.red   { color: #f00; }

.gray  { color: #888; }

.sgray { color: #888; font-size: x-small; }

.small { font-size: x-small; }



.rightbox { text-align: right; }

.step_on {

	padding: 3px;

	background-color: #FFAA00;

	font-weight: bold;

}

.step_off {

	padding: 3px;

	background-color: #FFE4C4;

	font-weight: normal;

}



.waku {

	margin: 10px;

	border: 1px dotted #888;

	padding: 5px 10px;

	line-height: 46px;

	vertical-align: top;

	text-align: left;

	background-color: #eee;

	color: #000;

}



.imgwaku {

	border: 2px dashed #FF6D00;

	margin: 5px;

}