/*
	Copyright (c) 2006 spcontribute.com
	Layout_01 CSS 
	$Revision: 07.07 $
*/

img {border: 0px;}

body, #container, #intro, #pageHeader_stepmenu, #contents, #footer {
	margin:10px 0px 0px 0px;
	padding:0px;
}


body #container, #intro, #pageHeader, #footer{
	width:100%;
	text-align:left;
}

#contents, #contents_title, #contents_body, #contents_footer {
	width:700px;
}


/* Body Definitions
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


body { 
	font: 10px 'Lucida Grande','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
	text-align: left;
	color: #555753;
	height:100%; 
	max-height:100%; 
	margin:0; 
	border:0;
	}

#container {
	background:#ffffff url(http://www.spcontribute.com/cgi-bin/sp/menu/tubmenu_parts04.gif) repeat-y 100% 0px;
	position:relative;
	width:1000px;
	margin:0px;
	padding-right:5px;
	left:0px;
	text-align:left;
}



#intro {
	text-align:left;
}

#top_box {width:700px; height:200px;}

/* Round Box Definitions
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#rbox_body { position:relative; overflow:hidden; top:0px; left:0px; padding:0px; margin:0px;}
#rbox_body .rb1 { position:absolute; background:url(./../img/box/rbox_tl.gif) no-repeat; top:0px; left:0px; z-index:2; height:10px; width:100%;}
#rbox_body .rb2 { position:absolute; background:url(./../img/box/rbox_tr.gif) no-repeat; top:0px; right:-1px; z-index:3; height:100%; width:11px;}
#rbox_body .rb3 { position:absolute; background:url(./../img/box/rbox_l.gif) repeat-y; top:10px; left:0px; z-index:1; height:100%; width:10px;}
#rbox_body .rb4 { position:absolute; background:url(./../img/box/rbox_bl.gif) no-repeat; bottom:-1px; left:0px; z-index:2; height:11px; width:100%;}
#rbox_body .rb5 { position:absolute; background:url(./../img/box/rbox_br.gif) no-repeat; bottom:-1px; right:-1px; z-index:4; height:11px; width:11px;}
#rbox_body #bace { padding:10px; margin:0px;}


/* Header Definitions
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#pageHeader {
	padding:20px 0px 10px 0px;
	border-bottom:1px solid #cccccc;
	width:1000px;
	height:55px;
}



/* Page_body Definitions
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#page_body {
	position:static;
	width:1000px;
	margin:0px;
	padding:15px 0px 0px 20px;
}

#quickSummary {
	width:200px;
	margin:0px 0px 0px 0px;
	padding:5px 5px 0px 0px;
	font:12px/120% '‚l‚r ‚oƒSƒVƒbƒN','‚l‚r ƒSƒVƒbƒN',osaka;
	color:#6A5F4A;
	float:left;
}

#history_back {
	padding:20px 0px 20px 15px;
}

#next_page {
	text-align:center;
	padding:20px 20px 0px 20px;
	color:#880000;
}
#next_page:focus,
#next_page:hover,
{
color: #ffffff;
}
#next_page a:hover {
	color:#ffffff;
}

#contents {
	float:right;
	width:730px;
	background:# url(./../img/box/bg_middle.gif) repat-y 0px 0px;
}

#contents_title {
	width:700px;
	height:25px;
	padding:0px 10px;
	font:bold 15px/110% '‚l‚r ‚oƒSƒVƒbƒN','‚l‚r ƒSƒVƒbƒN',osaka;
	color:#222222;
	background:url(./../img/box/bg_top.gif) no-repeat left bottom;
}
#contents_title1 {
	width:700px;
	height:25px;
	padding:0px 10px;
	font:bold 15px/110% '‚l‚r ‚oƒSƒVƒbƒN','‚l‚r ƒSƒVƒbƒN',osaka;
	color:#222222;
	background:url(./../img/box/bg_top1.gif) no-repeat left bottom;
}
#contents_title .title_icon, #contents_title1 .title_icon, { background:url(http://www.spcontribute.com/cgi-bin/sp/img/arrow/arrow_big7_4.gif) no-repeat left middle; padding:4px 0px 0px 29px; height:24px;}


#contents_body {
	width:700px;
	margin:0px;
	padding:10px 10px 0px 30px;
	font:12px/120% '‚l‚r ‚oƒSƒVƒbƒN','‚l‚r ƒSƒVƒbƒN',osaka;
	color:#252423;
	background: url(./../img/box/bg_middle.gif) repeat-y 0px 0px;
}
#contents_body1 {
	width:700px;
	margin:0px;
	padding:10px 10px 0px 15px;
	font:12px/135% '‚l‚r ‚oƒSƒVƒbƒN','‚l‚r ƒSƒVƒbƒN',osaka;
	color:#333333;
	background: url(./../img/box/bg_middle1.gif) repeat-y 0px 0px;
}

#contents_footer {
	width:700px;
	height:25px;
	padding:3px 10px;
	font:bold 16px/110% '‚l‚r ‚oƒSƒVƒbƒN','‚l‚r ƒSƒVƒbƒN',osaka;
	color:#444444;
	background:url(./../img/box/bg_bottom.gif) no-repeat 0px 0px;
}
#contents_footer1 {
	width:700px;
	height:25px;
	padding:3px 10px;
	font:bold 16px/110% '‚l‚r ‚oƒSƒVƒbƒN','‚l‚r ƒSƒVƒbƒN',osaka;
	color:#444444;
	background:url(./../img/box/bg_bottom1.gif) no-repeat 0px 0px;
}

#contents img.right{
	float: right;
	margin:  0px 0px;
}


.subcont{
	float: left;
	margin: 5px 25px 0 0;
	width:310px;
	background: url(./../img/bg_middle.2gif.gif) repeat-y 0px 0px;
}


.subcont2{
	float: left;
	padding:0px 15px 0px 15px;
	width:340px;
}

.subcont3{
	float: left;
	padding:0px 10px 0px 10px;
	width:230px;
}

#box_base {	background:url(./../img/box/bg_middle2.gif) repeat-y 0px 0px;}

#box_Separater {
	height:6px;
	width:100%;
	padding:5px 0px 0px 0px;
	font:bold 13px/120% '‚l‚r ‚oƒSƒVƒbƒN','‚l‚r ƒSƒVƒbƒN',osaka;
	color:#222222;
}
.box_Separater {
	height:25px;
	width:100%;
	padding:4px 0px 0px 0px;
	font:normal 12px/120% '‚l‚r ‚oƒSƒVƒbƒN','‚l‚r ƒSƒVƒbƒN',osaka;
	color:#222222;
}
#box_Separater2 {
	width:100%;
	height:25px;
	padding:0px 10px;
	font:bold 15px/110% '‚l‚r ‚oƒSƒVƒbƒN','‚l‚r ƒSƒVƒbƒN',osaka;
	color:#222222;
}

#box_Separater2 .title_icon{ background:url(./../img/arrow_big7_4.gif) no-repeat 0px 0px; padding:3px 0px 0px 29px; height:27px;}



#box_body {
	margin:0px;
	height:85px;
	padding:5px 0px 0px 10px;
	font:12px/120% '‚l‚r ‚oƒSƒVƒbƒN','‚l‚r ƒSƒVƒbƒN',osaka;
	color:#414141;
}

#box_body p{
	margin:0px;
	padding:8px 1px 0px 0px;
}

.bg_top_w1 {background:url(./../img/box/bg_top.gif) no-repeat 0px 0px;}
.bg_bottom_w1 {background:url(./../img/box/bg_bottom.gif) no-repeat 0px bottom;}

.bg_top_w2 {background:url(./../img/box/bg_top1.gif) no-repeat 0px 0px;}
.bg_bottom_w2 {background:url(./../img/box/bg_bottom1.gif) no-repeat 0px bottom;}


.bg_top_g1 {background:url(./../img/box/bg_top2.gif) no-repeat 0px 0px;}
.bg_top_g1b {background:url(./../img/box/bg_top3.gif) no-repeat 0px 0px;}
.bg_bottom_g1 {background:url(./../img/box/bg_bottom2.gif) no-repeat 0px bottom;}

.bg_top_g4 {background:url(./../img/box/bg_top4.gif) no-repeat 0px 0px;}
.bg_bottom_g4 {background:url(./../img/box/bg_bottom4.gif) no-repeat 0px bottom;}

.bg_top_g2 {background:url(./../img/box/formtable_top-w.gif) no-repeat 0px 1px;}
.bg_bottom_g2 {background:url(./../img/box/formtable_btm-w.gif) no-repeat 0px 1px;}

.bg_middle_1 {background:url(./../img/box/bg_middle2.gif) repeat-y 0px 0px;}
.bg_middle_2 {background:url(./../img/box/bg_middle.gif) repeat-y 0px 0px;}
.bg_middle_3 {background:url(./../img/box/formtable_bg-w.gif) repeat-y 0px 0px;}



.boxshot {
	padding: 0px;
	margin:0px;
	width: 90px;
	height: 85px;
	float: right;
	overflow: hidden;
	border:0px solid #ffffff;
	text-align:right;
}
.boxshot img {
	width: 160px;
	height: 80px;
	position: relative;
	left: -20px;
}

.point1 { filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#E5E4E1', gradientType='1');}


.point1 ul {
	margin:0px;
	padding:2px 3px 5px 5px;
	color:#222222;
	list-style-image: url(./../img/icon_content.gif);
}

.point1 .bg1 {background:url(./../../ddt/img/grid_bg.gif) repeat 0px 0px;}

.point1 li {margin-left:22px; margin-bottom:4px;}

.point1 li a {
	padding-right: 13px;
	background: url(./../tour/images/icon_offsite.gif) no-repeat right 2px;
}

.point1 li a:hover {
	padding-right: 13px;
	background: url(./../tour/images/icon_offsite_red.gif) no-repeat right 2px;
}

/* Footer Definitions
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#footer {
	width:1000px;
	position:rerative;
	text-align:left;
	bottom:0px;
	left:0px;
	padding:35px 0px 0px 0px;
	margin-top:20px;
	border-top:3px double #aaaaaa;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#F5F4EF', gradientType='0');
}
#footer_link {
	padding:2px 2px 15px 25px;
}

#footer_content{
	padding-left:100px;
}

#copyright {
	padding-left:50px;
	font:10px/110% arial;
}


#menu_1line {
	padding:5px 5px 0px 2px;
	height:22px;
}
#menu_2line {
	font:12px/120% ,‚l‚r ‚oƒSƒVƒbƒN,‚l‚r ƒSƒVƒbƒN,osaka;
	padding:0px 5px 0px 10px;
	height:20px;
}



/* Sitemap Definitions
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#sitemapmain {
 margin:0px;
 padding:0px 10px 10px 0px;
 color:#616161;
 font:12px/120% ,Verdana, Geneva, Arial, Helvetica, sans-serif;}

#sitemapbody {
 background:url(http://www.spcontribute.com/cgi-bin/sp/img/box/spacer2.gif) repeat-x 0% 100%;
 margin:0px 0px 0px 0px;
 padding:5px 10px 7px 10px;
 color:#616161;
 font:12px/120% ,Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#sitemapbody .field {
 width:620px;
 padding:10px 10px 10px 10px;
}
#sitemapbody .field2 {
 width:570px;
 filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F7F7EF', endColorStr='#ffffff', gradientType='0');
 padding:8px 10px 0px 0px;
}
#sitemapbody .field_in {
 padding:0px 10px 5px 10px;
}

#sitemapbody .field2_in {
 padding:5px 0px 5px 0px;
}

#sitemapbody .category {
 font:bold 14px/120% ,‚l‚r ‚oƒSƒVƒbƒN,‚l‚r ƒSƒVƒbƒN,osaka;
 padding-right:5px;
}

#sitemapmain h2 {
 background:url('http://www.spcontribute.com/cgi-bin/sp/img/opera/unselected1.gif') no-repeat 0px 5px;
 font:12px/120% ,Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin:0px 0px 0px 0px;
 padding:5px 0px 5px 40px;
 text-align:left;}

#sitemapmain h3 {
position:relative;
 background:url('http://www.spcontribute.com/cgi-bin/sp/img/opera/unselected2.gif') no-repeat 0px 2px;
 font:bold 12px/120% ,Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin:0px 0px 0px 0px;
 padding:3px 5px 3px 18px;
 color:#444444;
 text-align:left;}

#sitemapmain h4 {
position:relative;
width:580px;
 font:12px/120% ,Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin:0px;
 padding:12px 10px 10px 20px;
 border-bottom:1px dashed #dddddd;
 text-align:left;}


#sitemapmain .h4s a {
position:relative;
height:15px;
width:220px;
 font:bold 12px/120% ,Verdana, Geneva, Arial, Helvetica, sans-serif;
 padding:0px 10px 0px 25px !important;}

#sitemapmain .h4s a:link {

 background:url('http://www.spcontribute.com/splove/tour/images/icon_offsite.gif') no-repeat 8px 4px !important;}

#sitemapmain .h4s a:visited {
 background:url('http://www.spcontribute.com/splove/tour/images/icon_offsite.gif') no-repeat 8px 4px !important;}



#sitemapmain .h4s a:hover {
 background:url('http://www.spcontribute.com/splove/tour/images/icon_offsite_red.gif') no-repeat 8px 4px !important;}


#h4in{
position:relative;
 font:12px/120% ,Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin:0px;
 padding:12px 10px 3px 55px;
 text-align:left;}

#h4in a {
 background:url('http://www.spcontribute.com/cgi-bin/sp/img/arrow/9x6_rightturn_grey2.gif') no-repeat 10px 4px;
 font:normal 12px/120% ,Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin:0px;
 padding:3px 10px 0px 28px;
 text-align:left;}

#h4in .info{
 font:12px/120% ,Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin:0px 0px 0px 0px;
 padding:15px 0px 0px 175px !important;
 color:#555555;
 text-align:left;}


#sitemapmain h6{
position:relative;
 background:url('http://www.spcontribute.com/cgi-bin/sp/img/arrow/9x6_rightturn_grey.gif') no-repeat 0px 4px;
 font:12px/120% ,Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin:6px 0px 0px 20px;
 padding:0px 10px 3px 15px;
 text-align:left;}



#h4in .info,{
 position:absolute;
 top:0px;
 left:0px;
 width:500px;
 font:12px/120% ,Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin:0px;
 padding:15px 0px 4px 200px;
 color:#555555;
 text-align:left;}

#sitemapmain h6 .info{
 position:absolute;
 top:0px;
 left:0px;
 width:500px;
 font:12px/120% ,Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin:0px 0px 0px 0px;
 padding:0px 0px 4px 200px;
 color:#555555;
 text-align:left;}


#sitemapmain h6 a { font:bold 12px/120% arial;}



/* Blog Definitions
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.sample_contents_01 {
 border-left:1px solid #CDC1C7;
 border-top:1px solid #97948E;
 border-bottom:1px solid #715261;
 padding:0px;
 filter: Alpha(opacity=95);}

.sample_contents_01 td {
 padding-left:9px;
 padding-right:7px;
 font:10px/120% ,Verdana, Geneva, Arial, Helvetica, sans-serif;
}