@charset "utf-8";

/* ========== body Style ========== */

body {
background:url(/img/ouchi/common/body_bg.gif);
}

#wrapper {
width:904px;
margin:0px auto;
}

/* ========== header Style ========== */

#smiles{
float:right;
margin:0px 0px 13px 0px;
width:96px;
height:35px;
background:url(/img/ouchi/common/smiles.png) no-repeat;
behavior: url("/iepngfix.htc");
}

*html #smiles{
margin:13px 0px 0px 0px;
}

*+html #smiles{
margin:13px 0px 0px 0px;
}

#smiles a {
width:96px;
height:35px;
text-indent:-9999px;
display:block;
}

#logo {
margin:13px 0px 13px 0px;
width:256px;
height:35px;
background:url(/img/ouchi/common/logo.png) no-repeat 0px 7px;
behavior: url("/iepngfix.htc");
}

*html #logo {
margin:19px 0px 7px 0px;
}

#logo_enq {
margin:13px 0px 13px 0px;
width:256px;
height:35px;
}

*html #logo_enq {
margin:19px 0px 7px 0px;
}

#logo a {
width:256px;
height:35px;
text-indent:-9999px;
display:block;
}

#logo p {
float:left;
margin:0px;
}

#header {
margin:0px;
padding:0px 2px;
width:900px;
height:165px;
background:url(/img/ouchi/common/header_bg.png) no-repeat bottom;
behavior: url("/iepngfix.htc");
}

#enq_header {
margin:0px;
padding:0px 2px;
width:900px;
height:30px;
background:url(/img/ouchi/common/enq_header_bg.png) no-repeat bottom;
behavior: url("/iepngfix.htc");
}

#logo h1 {
float:left;
margin-left:20px;
}

#header ul {
list-style:none;
}

#g_nav {
width: 606px;
height:153px;
}

*html #g_nav {
width: 606px;
height:0px;
}

#g_nav li {
display:block;
float:left;
text-indent:-9999px;
}

#g_nav_top {
width: 606px;
height:153px;
}

*html #g_nav_top {
margin-left:-19px;
width: 606px;
height:0px;
}

#g_nav_top li {
display:block;
float:left;
text-indent:-9999px;
}

.g_nav01 a {
display:block;
margin: 21px 0px 0px 19px;
width:109px;
height:107px;
background:url(/img/ouchi/common/g_navi_01.gif) no-repeat;
}

.g_nav01 a:hover {
background:url(/img/ouchi/common/g_navi_01_on.gif) no-repeat;
}

.g_nav01_on {
display:block;
margin: 21px 0px 0px 19px;
width:109px;
height:107px;
background:url(/img/ouchi/common/g_navi_01_on.gif) no-repeat;
}

.g_nav01_on a {
display:block;
width:109px;
height:107px;
}

.g_nav02 a {
display:block;
margin: 18px 0px 0px 0px;
width:109px;
height:107px;
background:url(/img/ouchi/common/g_navi_02.gif) no-repeat;
}

.g_nav02 a:hover {
background:url(/img/ouchi/common/g_navi_02_on.gif) no-repeat;
}

.g_nav02_on {
display:block;
margin: 18px 0px 0px 0px;
width:109px;
height:107px;
background:url(/img/ouchi/common/g_navi_02_on.gif) no-repeat;
}

.g_nav02_on a {
display:block;
width:109px;
height:107px;
}

.g_nav03 a {
display:block;
margin: 15px 0px 0px 0px;
width:109px;
height:107px;
background:url(/img/ouchi/common/g_navi_03.gif) no-repeat;
}

.g_nav03 a:hover {
background:url(/img/ouchi/common/g_navi_03_on.gif) no-repeat;
}

.g_nav03_on {
display:block;
margin: 15px 0px 0px 0px;
width:109px;
height:107px;
background:url(/img/ouchi/common/g_navi_03_on.gif) no-repeat;
}

.g_nav03_on a {
display:block;
width:109px;
height:107px;
}

.g_nav04 a {
display:block;
margin: 12px 0px 0px 0px;
width:109px;
height:107px;
background:url(/img/ouchi/common/g_navi_04.gif) no-repeat;
}

.g_nav04 a:hover {
background:url(/img/ouchi/common/g_navi_04_on.gif) no-repeat;
}

.g_nav04_on {
display:block;
margin: 12px 0px 0px 0px;
width:109px;
height:107px;
background:url(/img/ouchi/common/g_navi_04_on.gif) no-repeat;
}

.g_nav04_on a {
display:block;
width:109px;
height:107px;
}

.g_nav05 a {
display:block;
margin:9px 0px 0px 0px;
width:109px;
height:107px;
background:url(/img/ouchi/common/g_navi_05.gif) no-repeat;
}

.g_nav05 a:hover {
background:url(/img/ouchi/common/g_navi_05_on.gif) no-repeat;
}

.g_nav05_on {
display:block;
margin: 9px 0px 0px 0px;
width:109px;
height:107px;
background:url(/img/ouchi/common/g_navi_05_on.gif) no-repeat;
}

.g_nav05_on a {
display:block;
width:109px;
height:107px;
}

#apDiv1 {
display:block;
position:relative;
left:538px;
top:-55px;
width:140px;
height:58px;
z-index:101;
text-indent:-9999px;
}

*html #apDiv1 {
display:block;
position:relative;
left:538px;
top:-25px;
width:140px;
height:58px;
z-index:101;
text-indent:-9999px;
}

#apDiv2 {
display:block;
position:relative;
left:568px;
top:-75px;
width:140px;
height:58px;
z-index:101;
text-indent:-9999px;
}

*html #apDiv2 {
display:block;
position:relative;
left:538px;
top:-45px;
width:140px;
height:58px;
z-index:101;
text-indent:-9999px;
}

html* #apDiv2 {
display:block;
position:relative;
left:538px;
top:-75px;
width:140px;
height:58px;
z-index:101;
text-indent:-9999px;
}

.report_ex {
display:block;
width:140px;
height:58px;
background:url(/img/ouchi/common/btn_report_ex.png);
behavior: url("/iepngfix.htc");
}

.report_ex a {
display:block;
width:140px;
height:58px;
}

.report_ex_on {
display:block;
width:140px;
height:58px;
background:url(/img/ouchi/common/btn_report_ex_on.png);
behavior: url("/iepngfix.htc");
}

.report_ex_on a {
display:block;
width:140px;
height:58px;
}

/* ========== pre Style ========== */

#pre{
display:none;
}

/* ========== container Style ========== */

#container {
width:904px;
padding:0px;
background:url(/img/ouchi/common/container_bg.gif) repeat-y;
}

*html #container {
margin-top:-21px;
}

#container2 {
width:904px;
padding:0px;
background:url(/img/ouchi/common/container_bg.gif) repeat-y;
}

*html #container2 {
margin-top:-61px;
}

#note_header {
margin:0px auto;
width:866px;
height:63px;
background:url(/img/ouchi/common/note_header.png);
behavior: url("/iepngfix.htc");
}

#note_body {
display:block;
margin:0px auto;
width:866px;
background:url(/img/ouchi/common/note_bg.png) repeat-y;
behavior: url("/iepngfix.htc");
}

#note_bottom {
margin:0px auto 10px auto;
width:866px;
height:21px;
background:url(/img/ouchi/common/note_bottom.png);
behavior: url("/iepngfix.htc");
clear:both;
}

/* ========== footer Style ========== */

#footer {
background-color:none;
margin:0px auto;
width:904px;
height:38px;
}

#footer ul {
float:left;
list-style:none;
}

#footer ul li {
float:left;
margin:10px 5px 5px 0px;
padding-right:10px;
text-indent:-9999px;
}

.f_nav01 a {
display:block;
width:63px;
height:11px;
background:url(/img/ouchi/common/footer_navi_01.gif) no-repeat left top;
}

.f_nav01 a:hover {
background:url(/img/ouchi/common/footer_navi_01_on.gif) no-repeat left top;
}

.f_nav02 a {
display:block;
width:109px;
height:11px;
background:url(/img/ouchi/common/footer_navi_02.gif) no-repeat left top;
}

.f_nav02 a:hover {
background:url(/img/ouchi/common/footer_navi_02_on.gif) no-repeat left top;
}

.f_nav03 a {
display:block;
width:75px;
height:11px;
background:url(/img/ouchi/common/footer_navi_03.gif) no-repeat left top;
}

.f_nav03 a:hover {
background:url(/img/ouchi/common/footer_navi_03_on.gif) no-repeat left top;
}

#footer address {
float:right;
margin:10px 0px 0px 0px;
width:315px;
height:10px;
background:url(/img/ouchi/common/copyright.gif) no-repeat;
text-indent:-9999px;
}

/* ========== pagetop Style ========== */

#page_top {
display:block;
width:828px;
height:22px;
margin: 15px 15px 0px 0px;
text-indent: -9999px;
}

#page_top a {
float:right;
display:block;
width:111px;
height:22px;
background:url(/img/ouchi/common/page_top.gif) left top;
}

#page_top a:hover {
background:url(/img/ouchi/common/page_top.gif) left bottom;
}	




/* ========== frame Style ========== */

/****************************************************************************** hogan_l *****/

.hogan_l_header {
width:828px;
height:33px;
background:url(/img/ouchi/common/hogan_top.gif);
margin:20px 0 0 20px;
}

.hogan_l_body{
width:828px;
padding:0 0 18px 0 ;
background:url(/img/ouchi/common/hogan_body.gif);
margin:0 0 0 20px;
}

.hogan_l_body h2{
font-size:14px;
margin-bottom:5px;
}

.canvas_l{
margin:0px 18px 0px 18px;
padding:16px;
background-color:#FFFFFF;
}

/***************************************************************************** hogan_s *****/

.hogan_s_header {
float:left;
margin: 0px 4px 0px 6px;
padding: 38px 0px 0px 0px;
width:406px;
background:url(/img/ouchi/common/hogan_s_top.gif) left top no-repeat;
}

.hogan_s_header_2 {
float:left;
margin: 0px 0px 0px 16px;
padding: 38px 0px 0px 0px;
width:406px;
background:url(/img/ouchi/common/hogan_s_top.gif) left top no-repeat;
}

.hogan_s {
width:406px;
height:215px;
background:url(/img/ouchi/common/hogan_s_body.gif);
}

.canvas_s {
margin:0px 18px 0px 18px;
padding:16px 0 16px 16px;
height:145px;
background-color:#FFFFFF;
}

.hogan_s .redb{
padding:0px 0px 10px 18px;
height:12px;
color:#b30810;
font-weight:bold;
}

.probox{
margin:0 0 0 15px;
}

.canvas_s dl{
float:left;
width:220px;
height:115px;
}

.canvas_s dl dt {
float:left;
padding:6px 0px 0px 0px;
width:85px;
clear:both;
}

.canvas_s dl dd {
float:left;
padding:6px 0px 0px 5px;
width:120px;
}

.canvas_s ul{
margin:0px;
width:345px;
height:31px;
clear:both;
}

.canvas_s ul li {
display:block;
float:left;
text-indent:-9999px;
}

.canvas_s ul li a{
display:block;
width:157px;
height:31px;
}

.canvas_s ul .btn04 a {
background:url(/img/ouchi/common/btn_project_detail.gif) no-repeat left top;
}
.canvas_s ul .btn04 a:hover {
background:url(/img/ouchi/common/btn_project_detail.gif) no-repeat left bottom;
}

.hogan_s ul .btn05{
padding:0 0 0 15px;
}
.hogan_s ul .btn05 a {
background:url(/img/ouchi/common/btn_bbs.gif) no-repeat left top;
}
.hogan_s ul .btn05 a:hover {
background:url(/img/ouchi/common/btn_bbs.gif) no-repeat left bottom;
}

p.int{
width:121px;
height:31px;
}

p.int a{
width:121px;
height:31px;
display:block;
background:url(/img/ouchi/report/btn_introduction_s.gif) no-repeat left top;
text-indent:-9999px;
}
p.int a:hover{
width:121px;
height:31px;
display:block;
background:url(/img/ouchi/report/btn_introduction_s.gif) no-repeat left bottom;
}

.no_pro {
display:block;
margin-left:20px;
width:500px;
}

/* ========== content Style ========== */

.photo {
float:left;
margin:0px 20px 10px 0px;
}

.redb{
color:#B30810;
font-weight:normal;
}

.red{
color:#ff0000;
font-weight:bold;
}

.mgt10{
margin-top:10px;
}

.mgt20{
margin-top:20px;
}

.mgl15{
margin-left:15px;
}

.mgl35{
margin-left:35px;
}

.fll{
float:left;
}

.flr{
float:right;
}

.hogan_l_body .redb {
padding:10px 0px 10px 18px;
height:12px;
color:#b30810;
font-weight:bold;
}

.icn-circle{
background:url(/img/ouchi/details/icn_circle.gif) no-repeat left top;
font-weight:bold;
padding:0 17px;
}

/* ========== msg Style ========== */

.msg{
width:600px;
margin:0 auto;
padding:60px 0 30px 0;
text-align:center;
}

.msg_btn{
width:340px;
margin:20px auto;
}

.msg_btn01{
display:block;
width:158px;
height:31px;
margin:10px 20px 10px 0;
float:left;
text-indent:-9999px;
}

.msg_btn01 a{
display:block;
width:158px;
height:31px;
background:url(/img/ouchi/common/btn_msg01.gif) no-repeat left top;
}
.msg_btn01 a:hover{
background:url(/img/ouchi/bbs/btn_msg01.gif) no-repeat left bottom;
}

.msg_btn02{
display:block;
width:158px;
height:31px;
margin:10px 0px;
float:left;
text-indent:-9999px;
}

.msg_btn02 a{
display:block;
width:158px;
height:31px;
background:url(/img/ouchi/common/btn_msg01.gif) no-repeat left top;
}
.msg_btn02 a:hover{
background:url(/img/ouchi/bbs/btn_msg01.gif) no-repeat left bottom;
}

.msg_btn00{
display:block;
width:99px;
height:31px;
margin:10px auto;
text-indent:-9999px;
}

.msg_btn00 a{
display:block;
width:99px;
height:31px;
background:url(/img/ouchi/example/btn_top.gif) no-repeat left top;
}
.msg_btn00 a:hover{
background:url(/img/ouchi/example/btn_top.gif) no-repeat left bottom;
}

.msg_btn03{
display:block;
width:135px;
height:31px;
margin:10px auto;
text-indent:-9999px;
}

.msg_btn03 a{
display:block;
width:135px;
height:31px;
background:url(/img/ouchi/bbs/btn_bbs_top.gif) no-repeat left top;
}
.msg_btn03 a:hover{
background:url(/img/ouchi/bbs/btn_bbs_top.gif) no-repeat left bottom;
}