/* light orange */
 /* light blue */


body {
margin: 0px; padding: 0px; color: #333333; background: #FFFFFF;
font: 13px/150% verdana, arial, sans-serif;
}
a { color: #0099FF; text-decoration: underline; }
a:hover { color: #FF9933; text-decoration: underline; }

h1 { height: 25px; margin: 0px 10px; padding: 0px; font-size: 12px; font-weight: normal; color: #666666; }
h2 {
width: 517px; height: 27px; color: #FFFFFF;font-size: 18px;
margin: 5px 0px 15px 0px; padding: 10px;
background: url("http://www.s-thing.co.jp/images/contents_title01.jpg") no-repeat;
}
h3 {
width: 517px; height: 25px; margin: 5px 0px; padding: 5px 0px 0px 20px; font-size: 13px;
background: url("http://www.s-thing.co.jp/images/contents_title02.jpg") left no-repeat;
}

p { margin: 5px; padding: 0px 5px 10px 5px; }

ul { margin: 2px 0px 2px 18px; padding: 2px; list-style: square; }
ol { margin: 2px 0px 2px 18px; padding: 2px; }
li { margin: 0px; padding: 2px; }

img { border: 0px; }
img.photo {	float: left;	padding: 0px;	margin: 5px;	border: 1px solid #CCCCCC;	}

hr {
color: #666666; background-color: #666666;
height: 1px; border: 1px; border-style: dotted;
}

.right { float: right; }
.left { float: left; }
.clear { clear:both; }

/* form styling */
input,select { margin: 1px; font-size: 13px; }
textarea { margin: 1px; font-size: 13px; width: 480px; }
#ok { height: 30px; font-size: 15px; font-weight: bold; background:#0099FF; }
#back { height: 30px; background:#EFEFEF; }

.form_style {
width: 520px; font-size: 13px; margin: 0px 0px 0px 10px;
border-width: 1px 1px 0px 0px; border-style: solid; border-color: #CCCCCC;
}
.form_style p { font-size: 11px; color: #0099FF; margin: 0px 3px; padding: 0px; }
.form_style th {
padding: 3px; text-align: left; font-weight: normal; vertical-align: top; background: #EFEFEF;
border-width: 0px 0px 1px 1px; border-style: solid; border-color: #CCCCCC;
}
.form_style th.b {
padding: 3px; text-align: left; font-weight: bold; color: #FFFFFF; vertical-align: top; background: #666666;
border-width: 0px 0px 1px 1px; border-style: solid; border-color: #CCCCCC;
}
.form_style td {
padding: 3px; border-width: 0px 0px 1px 1px; border-style: solid; border-color: #CCCCCC;
}

/* contents styling */
#wrapper {
position: relative;
margin: auto; padding: 0px;
width: 780px;
background: #ffffff;
}

#wrapper #container {
position: absolute !important;
top: 0px;
left: 0px !important;
overflow: visible !important;
width: 780px;
padding: 0px; margin: 0px;
background: url("http://www.s-thing.co.jp/images/top.jpg") top left no-repeat;
border-width: 0px 1px; border-style: solid; border-color: #CCCCCC;
}

#wrapper #main_contents {
float: right;
width: 540px;
padding: 20px 15px; margin: 0px;
word-wrap: break-word; overflow: hidden;
}

#top_contents { width: 540px; }
#top_contents td { vertical-align: top; }
.main_contents1 { padding: 10px; margin: 0px 10px 10px 0px; }
.main_contents2 { padding: 10px; margin: 0px; border: 1px solid #CCCCCC; }

.main_contents_pan {
font-size: 10px; padding: 0px; margin: 0px 0px 5px 0px;
}

img.voice { padding: 0px; margin: 2px; float: left; }
#news { padding: 0px; margin: 10px 0px; }
#news ul { list-style: none; margin: 0px 10px; }
#news li { padding: 3px; }

ul.office {
float: left; width: 510px; height: 20px; text-align: left;
margin: 0px; padding: 0px;	list-style: none;
}
ul.office li {
float: left; width: 160px; height: 20px; margin: 0px; padding: 0px 0px 0px 10px;
background: url("http://www.s-thing.co.jp/images/arrow_office.jpg") top left no-repeat;
}

/* header styling */
#wrapper #head {
width: 780px;
height: 85px;
padding: 0px; margin: 0px;
word-wrap: break-word; overflow: hidden;
}

#top_menu { float: right; font-size: 10px; margin: 5px 0px 0px 0px; padding: 0px 10px 0px 0px; }
#top_menu li {
display: inline; margin: 0px; padding: 0px 5px 0px 12px;
background: url("http://www.s-thing.co.jp/images/arrow.jpg") left no-repeat;
}

#head_menu { width: 780px; margin: 0px; padding: 0px; list-style: none; }
#head_menu img { float: left; }

/* side-menu styling */
#wrapper #side_menu {
float: left;
width: 196px;
vertical-align: top;
padding: 20px 0px 20px 14px; margin: 0px;
word-wrap: break-word; overflow: hidden;
}

.side_menu1 { padding: 5px 10px; margin: 0px 0px 10px 0px; }
.side_menu2 {
float: left; width: 171px; padding: 5px 10px; margin: 0px;
border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC;
}

.side_menu2 ul {
margin: 0px 0px 0px 15px; padding: 0px; line-height: 120%;
list-style: url("http://www.s-thing.co.jp/images/arrow_circle.jpg"); color: #0099FF;
}
.side_menu2 li { margin: 0px; padding: 2px 0px; }

.list {
padding: 0px 0px 5px 15px; margin: 5px 0px 0px 0px; line-height: 120%;
background: url("http://www.s-thing.co.jp/images/arrow_circle.jpg") top left no-repeat;
}
.list_sub {
margin: 5px 0px 5px 15px; padding: 0px 0px 0px 10px; line-height: 115%;
background: url("http://www.s-thing.co.jp/images/arrow.jpg") top left no-repeat;
}


/* footer styling */
#foot {
clear: both; width: 780px; margin: 0px; padding: 10px 0px;
font-size: 10px; line-height: 130%;
}

#foot td {
vertical-align: top;	padding: 5px;	margin: 0px 0px 0px 15px;
border: 1px solid #CCCCCC;	background: #FFFAE4;
}

#foot p { margin: 5px; padding: 0px; }
#foot_menu { clear: both; margin: 0px 15px; padding: 0px; border-top: 1px solid #CCCCCC; }
#foot ul { text-align: center; margin: 10px 0px; padding: 0px; list-style: none; }
#foot ul li { margin: 0px; padding: 0px 2px; display: inline; border-right: 1px solid #CCCCCC; }
#foot ul.office {	float: left;	width: auto;	margin: 0px; padding: 0px;	list-style: none;	}
#foot ul.office li { 
display: inline;	width: auto; margin: 0px; padding: 0px 5px 0px 0px;	background:none;	border: none;
}

#copy { height: 23px; padding: 5px 10px; background: url("http://www.s-thing.co.jp/images/foot.jpg") bottom no-repeat; }