





 /* deep blue */
 /* light blue */
 /* light green */
 /* deep green */


body {
margin: 0px; padding: 0px; color: #333333; background: #FFFFFF;
font: 13px/150% verdana, arial, sans-serif;background: url("http://www.preo-reform.jp/images/head_bg.jpg") top left repeat-x;
}
a { color: #D09152; text-decoration: underline; }
a:hover { color: #E2BB94; text-decoration: underline; }

h1 { margin: 0px; height:24px; padding: 3px 15px 0px 15px; font-size: 12px; font-weight: normal; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF; background:#FFFFFF;}

h2 {margin: 15px 0px 6px 0px; padding: 0px;}
h2#rss {width:536px; height:26px; margin: 15px 0px 6px 0px; padding: 4px 9px 0px 0px;background: url("http://www.preo-reform.jp/images/top_cat_04.jpg") top left no-repeat;text-align:right;}

h2#title {width:503px; height:26px; margin: 15px 0px; padding: 4px 9px 0px 33px;background: url("http://www.preo-reform.jp/images/title_bg.jpg") top left no-repeat; color:#FFFFFF; font-size:15px;}

h3 {
font-size: 15px;
margin: 5px 0px; padding: 2px 0px 2px 5px;
border-left:10px solid #D79039;
}

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

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; }

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

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

/* contents styling */
#wrapper {
position: relative;
margin: auto; padding: 0px;
width: 762px;
height:27px;
}

#wrapper #container {
position: absolute !important;
top: 27px;
left: 0px !important;
overflow: visible !important;
width: 762px;
padding: 0px; margin: 0px;
background: #FFFFFF;
background: url("http://www.preo-reform.jp/images/contents_bg.jpg") ;
}

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

.main_contents1 {width:525px; padding: 0px; margin: 0px auto; }

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

#top_contents { margin:0px 0px 0px 10px; }
#top_contents td {width:265px; vertical-align: top; }
#top_contents ul {width:207px; margin: 0px; padding: 0px 0px 0px 23px; line-height: 130%; color: #D09152; background:#FAF4ED; }
#top_contents li { margin: 0px; padding: 4px 0px; border-top:2px solid #FFFFFF; }

#news { margin:0px 0px 0px 10px; padding:0px; line-height: 130%; color:#FF9933; list-style:none; }
#news a { color: #D09152; }
#news a:hover { color: #E2BB94; }

/* header styling */
#wrapper #head {
width: ;
height: 258px;
padding: 0px; margin: 0px;
word-wrap: break-word; overflow: hidden;
border-right:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
}

#search_style {width: 314px; height: 30px; margin: 0px; padding: 10px 0px 0px 90px;
background: url("http://www.preo-reform.jp/images/head_02.jpg") no-repeat; float:left; }
#search_style form { height:25px; margin: 0px; padding: 0px;}
#search_style input { margin: 0px; padding: 0px 0px 0px 3px; font-size: 13px; vertical-align: middle; }
#search_style #search { margin: 0px 0px 0px 0px; padding: 0px; width: 120px; height: 16px; }

#head_menu {width:356px; height:40px; margin: 0px; padding: 0px; line-height:100%; float:left;  }
#head_menu li {display: inline; margin: 0px; padding: 0px;}

#global_menu { margin: 0px; padding: 0px; list-style: none; clear:both; }
#global_menu li {display: inline; margin: 0px; padding: 0px;}

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

.side_menu1 { padding: 0px; margin: 0px 0px 4px 0px; }
#side_menu ul {margin: 0px 0px 10px 15px; padding: 2px; line-height: 130%; color: #D09152;}
#side_menu li { margin: 0px; padding: 2px 0px; }


/* footer styling */
#foot { clear: both; width: 760px; margin: 0px 1px; padding: 0px; background:#D79039; }
#foot a {color:#FFFFFF;}
.foot_contents{margin:0px; padding:15px 15px 5px 15px; color:#FFFFFF;}

#foot_ul1 { margin: 0px 0px 10px 0px; padding: 0px; list-style: none; }
#foot_ul1 li { margin: 0px; padding: 0px 5px 0px 0px; display: inline; }

#foot_ul2 { margin: 0px 0px 10px 0px; padding: 0px; list-style: none; }
#foot_ul2 li { margin: 0px; padding: 0px 5px 0px 0px; display: inline; }

.foot_contents dl{margin: 0px 0px 10px 0px; padding: 0px;}
.foot_contents dt{margin: 0px; padding: 0px; font-weight:bold;}
.foot_contents dd{margin: 0px; padding: 0px;}


#copy { font-size: 10px; padding: 15px; margin: 0px; color: #555555; background:#FFFFFF;}


.form_table{
width:545px;
margin:0px; padding:0px;
background:#CCCCCC;
}

.form_table th{
width:170px;
margin:0px; padding:5px;
background:#FFFFFF;
vertical-align:top;
text-align:left;
word-wrap: break-word; overflow: hidden;
}


.form_table td{
margin:0px; padding:5px;
background:#FFFFFF;
vertical-align:top;
text-align:left;
word-wrap: break-word; overflow: hidden;
}


