body{
color: #000;
background-image: url("images/back.gif");
padding: 0px;
margin: 0px;
text-align: center;
}


#container{
width: 800px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
text-align: left;
}

<!-- ヘッダー -->
.header{
width: 800px;
height: 80px;
font-size: 16px;
position: relative;
text-align: left;
}

.header span{
background: url("images/tittle2_22.jpg") no-repeat;
width: 100%;
height: 100%;
position: absolute;
}

.introduction{
margin: -4px 0px 0px 0px;
padding: 6px 0px 4px 0px;
font-size: 11px;
font-weight: normal;
text-align: center;
color: #fff;
background-color: #336666;
}

#site_pass{
float: left;
width: 800px;
margin: 8px 0px 5px 0px;
padding: 0px 10px 0px 10px;
text-align: left;
font-size: 11px;
}

#site_pass a{
color: #336666;
text-decoration: none;
}

#site_pass a:visited{
color: #336666;
text-decoration: none;
}

#site_pass a:hover{
color: #990000;
text-decoration: none;
}

/* コンテンツのスタイル設定　*/

<!-- 左メニュー -->

#leftside{
float: left;
text-align: left;
width: 227px;
height: 1180px;
background-color: #fff;
}

#leftside_index{
float: left;
text-align: left;
width: 227px;
height: 1910px;
background-color: #fff;
}

#leftside_site1{
float: left;
text-align: left;
width: 227px;
height: 2000px;
background-color: #fff;
}

#leftside_site1_1{
float: left;
text-align: left;
width: 227px;
height: 2180px;
background-color: #fff;
}

#leftside_site1_2{
float: left;
text-align: left;
width: 227px;
height: 1530px;
background-color: #fff;
}


#leftside_site1_3{
float: left;
text-align: left;
width: 227px;
height: 1180px;
background-color: #fff;
}

#leftside_site1_4{
float: left;
text-align: left;
width: 227px;
height: 2170px;
background-color: #fff;
}

#leftside_site1_5{
float: left;
text-align: left;
width: 227px;
height: 1400px;
background-color: #fff;
}

#leftside_site2{
float: left;
text-align: left;
width: 227px;
height: 1180px;
background-color: #fff;
}

#leftside_site2_1{
float: left;
text-align: left;
width: 227px;
height: 1180px;
background-color: #fff;
}

#leftside_site2_2{
float: left;
text-align: left;
width: 227px;
height: 2210px;
background-color: #fff;
}

#leftside_site2_4{
float: left;
text-align: left;
width: 227px;
height: 2400px;
background-color: #fff;
}

#leftside_site2_5{
float: left;
text-align: left;
width: 227px;
height: 1180px;
background-color: #fff;
}

#leftside_site2_6{
float: left;
text-align: left;
width: 227px;
height: 1620px;
background-color: #fff;
}

#leftside_site3{
float: left;
text-align: left;
width: 227px;
height: 1200px;
background-color: #fff;
}

#leftside_site3_1{
float: left;
text-align: left;
width: 227px;
height: 1420px;
background-color: #fff;
}

#leftside_site3_2{
float: left;
text-align: left;
width: 227px;
height: 1840px;
background-color: #fff;
}

#leftside_site3_4{
float: left;
text-align: left;
width: 227px;
height: 2160px;
background-color: #fff;
}

#leftside_site3_5{
float: left;
text-align: left;
width: 227px;
height: 1220px;
background-color: #fff;
}

#leftside_site4{
float: left;
text-align: left;
width: 227px;
height: 1570px;
background-color: #fff;
}

#leftside_site4_1{
float: left;
text-align: left;
width: 227px;
height: 1180px;
background-color: #fff;
}

#leftside_site4_2{
float: left;
text-align: left;
width: 227px;
height: 1300px;
background-color: #fff;
}

#leftside_site4_4{
float: left;
text-align: left;
width: 227px;
height: 1880px;
background-color: #fff;
}

#leftside_mail{
float: left;
text-align: left;
width: 222px;
height: 1180px;
background-color: #fff;
}

#leftside_map{
float: left;
text-align: left;
width: 222px;
height: 1160px;
background-color: #fff;
}

.call{
margin: 0px 0px 0px 5px;
}

.mail_1{
margin: -4px 0px 0px 6px;
}

.map{
margin: -4px 0px 0px 6px;
}

#menu{
width: 198px;
margin: -2px 0px 0px 7px;
border: solid 1px #cccccc;
}


#mobile{
margin: 2px 0px 0px 7px;
width: 197px;
text-align: center;
border: solid 1px #336666;
}

.mobile_cap{
width: 197px;
font-size: 13px;
color: #fff;
text-align: center;
background-color: #336666;
border: solid 1px #336666;
}

#region{
margin: 3px 0px 0px 7px;
width: 199px;
border: dotted 1px #999999;
}

#region_cap1{
width: 197px;
height: 12px;
font-size: 10px;
text-align: center;
color: #ffcc00;
background-color: #999999;
}

#region_cap2{
width: 195px;
padding: 5px;
font-size: 10px;
font-style: normal;
text-align: justify;
text-justify: distribute;
line-height: 14px;
color: #999999;
}

#region_cap2 h6{
margin: 0px 0px 0px 0px;
font-weight: normal;
}

.menu_td1 a{
width: 190px;
height: 26px;
font-size: 14px;
color: #003333;
text-align: center;
padding: 5px 0px 0px 0px;
text-decoration: none;
background: url("images/menu_bar_3.gif") no-repeat;
}

.menu_td1 a:link{
width: 190px;
height: 26px;
font-size: 14px;
color: #003333;
padding: 5px 0px 0px 0px;
text-decoration: none;
background: url("images/menu_bar_3.gif") no-repeat;
}

.menu_td1 a:hover{
width: 190px;
font-size: 14px;
color: #009999;
padding: 5px 0px 0px 0px;
background: url("images/menu_bar_4.gif") no-repeat;
}

#list{
margin: 0px 0px 0px 0px;
width: 178px;
text-align: left;
font-size: 12px;
line-height: 20px;
list-style: none;
}

#list a{
margin: 0px 0px 0px 8px;
padding: 0px 0px 0px 18px;
width: 178px;
text-align: left;
font-size: 12px;
line-height: 20px;
color: #003333;
list-style: none;
text-decoration: none;
background: url("images/menu_1.gif") no-repeat;
}

#list a:hover{
margin: 0px 0px 0px 8px;
width: 178px;
text-align: left;
font-size: 12px;
line-height: 20px;
color: #990000;
list-style: none;
text-decoration: none;
background: url("images/menu_2.gif") no-repeat;
}

<!-- 写真/右コラム -->
<!-- 写真--!>

#green{
float: left;
margin: 0px 0px 10px 0px;
width: 570px;
}

<!-- コラム -->
#column{
float: left;
width: 565px;
margin: 0px 0px 0px 1px;
}

#column h3{
float: left;
border-left: solid 20px #006666;
border-bottom: double 2px #006666;
width: 540px;
padding: 4px 0px 4px 10px;
margin: 5px 0px 10px 1px;
font-size: 18px;
text-align: left;
}

#column h4{
float: left;
width: 540px;
font-size: 14px;
text-align: justify;
text-justify: distribute;
line-height: 24px;
color: #006666;
margin: 7px 0px 7px 2px;
}

#column p{
float: left;
width: 540px;
margin: 0px 0px 0px 2px;
padding: 0px 0px 0px 0px;
text-align: justify;
text-justify: distribute;
font-size: 13px;
line-height: 24px;
color: #222222;
}

#column strong{
font-weight: normal;
}

#border_seiri{
float: left;
width: 540px;
height: 345px;
margin: 10px 0px 10px 2px;
background-image: url("images/border_seiri.gif") ;
background-repeat: no-repeat;
}

#border_hasan{
float: left;
width: 540px;
height: 320px;
margin: 10px 0px 10px 2px;
background-image: url("images/border_hasan.gif") ;
background-repeat: no-repeat;
}

#border_saisei{
float: left;
width: 540px;
height: 320px;
margin: 10px 0px 10px 2px;
background-image: url("images/border_saisei.gif") ;
background-repeat: no-repeat;
}

.sentence{
float: left;
width: 540px;
font-size: 13px;
text-align: justify;
text-justify: distribute;
line-height: 24px;
padding: 30px 15px 15px 15px;
}

.sentence strong{
font-weight: normal;
}

#here{
float: left;
font-size: 13px;
font-weight: bold;
line-height: 20px;
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 20px;
background-image: url("images/here.gif") ;
background-repeat: no-repeat;
}

#here a{
color: #003333;
text-decoration: none;
}

#here a:hover{
color: #d00000;
text-decoration: none;
}

.sp a{
color: #336666;
text-decoration: none;
}

.sp a:visited{
color: #336666;
text-decoration: none;
}

.sp a:hover{
color: #990000;
text-decoration: none;
}

#merit{
float: left;
width: 545px;
margin: 0px 0px 10px 0px;
}

.merit_td1_1{
font-size: 13px;
text-align: center;
color: #fff;
background-color: #336666;
width: 70px;
}

.merit_td2_1{
font-size: 16px;
font-weight: bold;
text-align: justify;
text-justify: distribute;
line-height: 32px;
width: 462px;
color: #003333;
border-top: double 3px #006666;
border-bottom:  double 3px #006666;
border-right: double 3px #006666;
}

#sample{
margin: -20px 0px 0px 0px;
padding: 10px;
font-size: 13px;
font-weight: normal;
line-height: 24px;
text-align: justify;
text-justify: distribute;
width: 460px;
border: solid 1px #666666;
background-color: #f8f8f8;
color: #000;
}

#pict_1{
text-align: center;
}

#sample_1{
margin: 5px 0px 0px 0px;
padding: 10px;
font-size: 13px;
font-weight: normal;
line-height: 24px;
text-align: justify;
text-justify: distribute;
width: 540px;
border: solid 1px #666666;
background-color: #f8f8f8;
color: #000;
}

#sample_1 h5{
font-size: 15px;
font-weight: bold;
line-height: 24px;
color: #003333;
}


#pict_1_1{
margin: 0px 0px 0px 58px;
}

#risoku{
width: 425;
border: solid 1px #336666;
background-color: #fff;
}

#risoku_1{
width: 425;
margin: 0px 0px 0px 47px;
border: solid 1px #336666;
background-color: #fff;
}
.risoku_td1{
width: 185px;
font-size: 13px;
font-weight: normal;
color: #fff;
padding: 5px;
background-color: #336666;
}

.risoku_td2{
width: 240px;
font-size: 13px;
font-weight: bold;
padding: 5px;
background-color: #f7ffe8;
}

.red{
color: #ff0000;
}

.blue{
color: #003366;
}

.gray{
color: #777777;
}

.black{
color: #333333;
}

.bold{
font-weight: bold;
}

.white{
color: #fff;
}

.em{
font-size: 14px;
font-weight: bold;
line-height: 28px;
color: 336666;
}

#center{
width: 540px;
text-align: center;
}

#line{
width: 470px;
border: solid 1px #003333;
}

#line_2{
float: left;
margin: 5px 0px 5px 5px;
width: 537px;
font-size: 13px;
text-align: justify;
text-justify: distribute;
line-height: 18px;
padding: 10px;
border: solid 1px #555555;
color: #555555;
}

.saisei_td1{
font-size: 13px;
line-height: 20px;
width: 200px;
color: #fff;
background-color: #003333;
padding: 5px 0px 5px 10px;
}

.saisei_td2{
font-size: 13px;
line-height: 20px;
width: 270px;
color: #003333;
background-color: #f7ffe8;
padding: 5px 0px 5px 10px;
}

#line3{
width: 440px;
border: solid 1px #003333;
}

.saisei_td3{
font-size: 13px;
line-height: 20px;
width: 200px;
color: #fff;
background-color: #003333;
padding: 5px 0px 5px 10px;
}

.saisei_td4{
font-size: 13px;
line-height: 20px;
width: 240px;
color: #003333;
background-color: #f7ffe8;
padding: 5px 0px 5px 10px;
}

#rightbox{
float: left;
width: 540px;
margin: 10px 0px 10px 0px
}

.con1_1{
background-image: url("images/word_q.gif");
background-repeat: no-repeat;
width: 540px;
height: 55px;
margin: 0px 0px 0px 3px;
padding: 17px 0px 0px 40px;
text-align: justify;
text-justify: distribute;
font-size: 13px;
border-top: double 4px #336666;
border-bottom: dotted 2px #336666;
color: #003333;
}

.con1_2{
background-image: url("images/word_q.gif");
background-repeat: no-repeat;
width: 540px;
margin: 0px 0px 0px 3px;
padding: 5px 0px 5px 40px;
text-align: justify;
text-justify: distribute;
font-size: 13px;
line-height: 20px;
border-top: double 4px #336666;
border-bottom: dotted 2px #336666;
color: #003333;
}

.con2{
background-image: url("images/word_a.gif");
background-repeat: no-repeat;
width: 540px;
margin: 0px 0px 0px 3px;
padding: 5px 0px 5px 40px;
text-align: justify;
text-justify: distribute;
font-size: 13px;
line-height: 20px;
border-bottom: double 4px #336666;
color: #330000;
}

#ques1{
float: left;
width: 540px;
margin: 10px 0px 10px 10px;
text-align: left;
}

#top{
float: left
text-align: left;
width: 130px;
margin: 0px 0px 0px 635px;
font-size: 13px;
}

#top a:link{
float: left
font-size: 13px;
color: #336666;
text-decoration: none;
}

#top a:visited{
float: left
font-size: 13px;
color: #336666;
text-decoration: none;
}

#top a:hover{
float: left
font-size: 13px;
color: #990000;
}

.rot{
text-align: left;
font-size: 13px;
line-height: 20px;
text-align: justify;
text-justify: distribute;
margin: 0px 10px 20px 0px;
padding: 0px 0px 0px 15px;
background-image: url("images/mark_1.gif");
background-repeat: no-repeat;
}

.rot a:link{
color: #003333;
text-decoration: none;
}

.rot a:visited{
color: #330000;
text-decoration: none;
}

.rot a:hover{
color: #ff0000;
text-decoration: underline;
}

#table{
float: left;
text-align: left;
margin: 10px 0px 0px 2px;
width: 540px;
border-top: double 4px #336666;
border-bottom: double 4px #336666;

.tr1{
width: 540px;
}

.td1{
width: 65px;
font-size: 13px;
padding: 0px 0px 0px 5px;
background-color: #336666;
color: #fff;
}

.td2{
width: 360px;
font-size: 13px;
line-height: 20px;
text-align: justify;
text-justify: distribute;
padding: 5px 0px 5px 5px;
color: #333333;
}


.td3{
width: 115px;
font-size: 13px;
line-height: 20px;
text-align: justify;
text-justify: distribute;
padding: 5px 0px 5px 5px;
color: #003333;
}

.cost_p{
width: 540px;
font-size: 12px;
line-height: 15px;
margin: 5px 0px 0px 0px;
color: #003333;
}

#ss{
float: left;
width: 540px;
text-align: center;
}

#mail{
float: left;
text-align: left;
font-size: 13px;
margin: 10px 0px 0px 5px;
border: solid 1px #336666;
width: 530px;
}

.mail_td1{
text-align: left;
font-size: 13px;
color: #fff;
width: 80px;
border: solid 1px #336666;
background-color: #336666;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
}

.mail_td2{
text-align: left;
font-size: 13px;
width: 450px;
border: solid 1px #336666;
margin: 0px 0px 0px 0px;
}

.cap1{
text-align: left;
font-size: 10px;
color: #669966;
vertical-align: middle;
}

#submit{
float: left;
text-align: center;
margin: 10px 0px 0px 0px;
width: 540px;
}

#info{
float: left;
text-align: left;
border: double 1px #999999;
margin: 0px 0px 10px 5px;
}

.info_td1{
font-size: 12px;
width: 95px;
height: 24px;
color: #fff;
padding: 0px 0px 0px 5px;
background-color: #336666;
}

.info_td1_2{
font-size: 12px;
width: 95px;
height: 44px;
color: #fff;
padding: 0px 0px 0px 5px;
background-color: #336666;
}

.info_td2{
font-size: 12px;
width: 355px;
height: 24px;
color: #333333;
padding: 0px 0px 0px 5px;
background-color: #f7ffe8;
}

.info_td2_2{
font-size: 12px;
line-height: 18px;
width: 355px;
height: 44px;
color: #333333;
padding: 0px 0px 0px 5px;
background-color: #f7ffe8;
}

.info_td2 a:link{
color: #333333;
text-decoration: none;
}

.info_td2 a:visited{
color: #333333;
text-decoration: none;
}

.info_td2 a:hover{
color: #ff0000;
text-decoration: none;
}

#process{
width: 540px;
border: solid 1px #003333;
padding: 20px;
}

#process_1{
width: 500px;
text-align: center;
border: solid 1px #336666;
padding: 0px;
}

.pro_1{
font-size: 14px;
font-weight: bold;
color: #fff;
height: 24px;
padding: 5px 0px 0px 0px;
background-color: #336666;
}

.pro_2{
font-size: 13px;
line-height: 20px;
text-align: justify;
text-justify: distribute;
padding: 10px;
}

#arrow{
width: 500px;
text-align: center;
padding: 5px;
}

#process_h{
width: 540px;
border: solid 1px #003333;
}

#process_2{
width: 500px;
text-align: center;
border: solid 1px #336666;
margin: 0px 0px 0px 19px;
padding: 0px;
}

#process_2_1{
width: 500px;
text-align: center;
border: solid 1px #336666;
margin: 19px 0px 0px 19px;
padding: 0px;
}

.pro_1_2{
font-size: 14px;
font-weight: bold;
color: #fff;
height: 24px;
padding: 5px 0px 0px 0px;
background-color: #336666;
}

.pro_2_2{
font-size: 13px;
line-height: 20px;
text-align: justify;
text-justify: distribute;
padding: 10px;
}

#process_2_h{
float: left;
width: 240px;
text-align: center;
border: solid 1px #336666;
margin: 0px 0px 0px 10px;
padding: 0px;
}

.pro_1_2_h{
font-size: 14px;
font-weight: bold;
color: #fff;
height: 24px;
padding: 5px 0px 0px 0px;
background-color: #336666;
}

.pro_2_2_h{
font-size: 13px;
line-height: 20px;
text-align: justify;
text-justify: distribute;
padding: 10px;
}

#process_2_h2{
float: left;
width: 240px;
text-align: center;
border: solid 1px #336666;
margin: 0px 0px 0px 18px;
padding: 0px;
}

.pro_1_2_h2{
font-size: 14px;
font-weight: bold;
color: #fff;
height: 24px;
padding: 5px 0px 0px 0px;
background-color: #336666;
}

.pro_2_2_h2{
font-size: 13px;
line-height: 20px;
text-align: justify;
text-justify: distribute;
padding: 10px;
}

#process_2_h3{
float: left;
width: 240px;
text-align: center;
border: solid 1px #fff;
margin: 0px 0px 0px 10px;
padding: 0px;
}

.pro_1_2_h3{
font-size: 14px;
font-weight: bold;
color: #fff;
height: 24px;
padding: 5px 0px 0px 0px;
background-color: #fff;
}

.pro_2_2_h3{
font-size: 13px;
line-height: 20px;
text-align: justify;
text-justify: distribute;
padding: 10px;
}

#arrow_2{
width: 500px;
text-align: center;
padding: 5px;
}

#arrow_2_h{
width: 500px;
text-align: center;
margin: 5px 0px 5px 20px;
}

#topic{
width: 540px;
border: solid 1px #dddddd;
margin: 10px 0px 0px 0px;
}


.topic_1{
font-size: 14px;
line-height: 20px;
font-weight: bold;
color: #fff;
width: 540px;
padding: 2px 2px 2px 10px;
background-color: #000;
}

.topic_2{
font-size: 13px;
line-height: 26px;
color: #66666;
width: 540px;
padding: 10px;
}

.topic_3{
font-size: 13px;
line-height: 26px;
color: #66666;
width: 517px;
padding: 10px;
background-color: #f7ffe8;
}

.topic_4{
font-size: 14px;
line-height: 20px;
font-weight: bold;
text-align: center;
color: #fff;
width: 517px;
background-color: #336666;
padding: 2px;
}

#topic_5{
width: 519px;
border: solid 1px #336666;
margin: 0px 0px 10px 10px;
}

.client{
font-size: 14px;
line-height: 28px;
font-weight: bold;
text-align: right;
color: #990000;
margin: 0px 10px 0px 0px;
}

#rim{
width: 500px;
border: solid 1px #336666;
}

.documents{
font-size: 14px;
color: #fff;
width: 500px;
background-color: #336666;
padding: 5px;
}

.doc_1{
font-size: 13px;
line-height: 20px;
}

#position{
float: left;
width: 540px;
margin: 15px 0px 35px 30px;
}

#map_1{
float: left;
width: 540px;
text-align: center;
margin: 15px 0px 0px 5px;
}

#mailer{
float: left;
margin: 10px 0px 10px 200px;
}

#telephone{
float: left;
width: 540px;
margin: 5px 0px 5px 20px;
font-size: 15px;
line-height: 28px;
font-weight: bold;
}

<!-- フッター＆ボトムナビ -->
#footer{
float: left;
background-color: #336666;
}

#under_bar{
float: left;
width: 800px;
margin: 2px 0px 0px 0px;
padding: 0px;
list-style: none;
}

.root{
float: left;
margin: 0px 0px 0px 0px;
border-right: dotted 1px #fff;
width: 114px;
text-align: center;
}

.root a{
text-decoration: none;
font-size: 11px;
padding: 2px;
color: #fff;
}

.root a:hover{
color: #ff9900;
}

.root_1{
float: left;
margin: 0px 0px 0px 0px;
width: 114px;
text-align: center;
}

.root_1 a{
text-decoration: none;
font-size: 11px;
padding: 2px;
color: #fff;
}

.root_1 a:hover{
color: #ff9900;
}

.copyright{
text-align: right;
width: 800px;
margin: 3px 0px 0px 0px;
padding: 5px 8px 5px 0px;
font-size: 11px;
line-height: 14px;
color: #fff;
border-top: double 4px #fff;
}