@charset "UTF-8";

body {
  margin: 0;
  padding: 0;
  background: url(../images/back.gif);
  color: #333333;
  font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
  font-size: 75%;
  text-align: center;/* センタリングIE6対策 */
  line-height: 1.3em;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  zoom: 1;
}

.iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
}/* 透過PNGをIE6や5.5のバージョンでも綺麗に表示 */

h1, h2, h3, h4, p, ul, dl { margin: 0; padding: 0; }
ul { list-style-type: none; }
img { border: none; }

a { color: #000099; text-decoration: none; }
a:visited { color: #000099; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { color: #000099; text-decoration: none; }

.container { width: 832px; margin: 0 auto; padding-bottom: 20px; border-left: 1px solid #666666; border-right: 1px solid #666666; background-color: #ffffff; text-align: left; }
body > .container { width: 830px; }

#head { padding: 11px 15px 5px; }
#head img.branch { margin-left: 8px; margin-right: 48px; }
#head p { color: #fff; font-size: 1px; text-align: right; line-height: normal; }

.ptop { clear: both; width: 84px; height: 11px; margin-left: 716px; }
.ptop a { display: block; width: 84px; height: 11px; background-image: url(../images/btn_ptop.gif); font-size: 1px; text-indent: -9999px; overflow: hidden; }
.ptop a:hover { background-position: 0px 11px; }

/* footer */
#f_contents{ clear:both; margin:0 10px;}

/*banner*/
#bn { padding-top: 11px; background: url(http://image.stworld.jp/img/common/line02.gif) top repeat-x; }
#bn ul { margin-bottom: 15px; padding-left: 23px; padding-bottom: 5px; background: url(http://image.stworld.jp/img/common/line02.gif) repeat-x bottom; }
#bn ul li { float: left; width: 240px; margin-right: 22px; margin-bottom: 5px; line-height: 1em; }
#bn ul li.aiu { float: right; width: 240px; margin-right: 23px; _margin-right: 11px; }

/*contact*/
div#contact { margin-bottom: 20px; padding-bottom: 20px; background: url(http://image.stworld.jp/img/common/line02.gif) repeat-x bottom; }
div#contact h2#h2_contact { height: 24px; background: url(http://image.stworld.jp/img/common/h2_contact.gif) no-repeat 5px top; font-size: 10px; text-indent: -9999px; }
div#contact #contact_t { padding: 10px 0; background: url(http://image.stworld.jp/img/common/line02.gif) repeat-x; }
div#contact #contact_t #contact_t_text { float: left; width: 619px; margin-left: 5px; }
div#contact #contact_t #contact_t_text span { display: block; padding-top: 1em; }
div#contact #visit_button { float: right; width: 166px; height: 130px; }
div#contact #visit_button a { display: block; width: 166px; height: 130px; background-image: url(http://image.stworld.jp/img/common/smenu/visit.png); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }
div#contact #visit_button a:hover{ background-position: bottom; }

div#contact div#office { width: 800px; margin-left: 5px; padding-top: 4px; background: url(http://image.stworld.jp/img/common/office/office_t.png) no-repeat; }
div#contact div#office a { font-weight: bold; }
div#contact div#office .office_tail { padding-bottom: 4px; background: url(http://image.stworld.jp/img/common/office/office_b.png) no-repeat 0px bottom; }
div#contact div#office .office_tail ul { padding: 7px 15px; background: url(http://image.stworld.jp/img/common/office/office_back.gif) repeat-y; }
div#contact div#office li { float: left; line-height: 1.6em; }
div#contact div#office li#office_shibuya { width: 770px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #666666; }
div#contact div#office li#office_shibuya div { float: left; font-weight: bold; }
div#contact div#office li#office_shibuya div.normal { font-weight: normal; }
div#contact div#office li.office_branch { float: left; width: 128px; _width: 125px; }
div#contact div#office li.office_branch a { display: block; float: left; }
div#contact div#office .btn_map { float: left; display: block; width: 30px; height: 17px; margin: 0 20px 0 5px; background: url(http://image.stworld.jp/img/common/office/office_map.gif) no-repeat; font-size: 1px; text-indent: -9999px; overflow: hidden; }
div#contact div#office .office_tel { clear: left; font-size: 16px; font-weight: bold; }
/*end contact*/

div#keyword h3 { width: 11em; font-size: 85%; _font-size: 75%; font-weight: normal; text-align: right; line-height: 1.5em; }
div#keyword ul { margin-top: -1.5em; margin-bottom: 5px; padding-bottom: 3px; padding-left: 10em; border-bottom: 1px dotted #666666; }
div#keyword ul.keyword_end { margin-bottom: 20px; padding-bottom: 0; border-bottom: none; }
div#keyword ul li { display: inline; margin-right: 10px; font-size: 85%; _font-size: 75%; line-height: 1.5em; white-space: nowrap; _white-space: normal; }
div#keyword ul li a { _white-space: nowrap; }
*+html div#keyword ul li a { /* for IE7 */ white-space: normal; }

*+html div#keyword h3,
*+html div#keyword ul li { /* for IE7 */ font-size : 75%; } 
html>/**/body #rim #f_contents div#keyword h3,
html>/**/body #rim #f_contents div#keyword ul li { /* for IE8 */ font-size/*\**/: 75%\9; }

div#fmenu {
 clear: both;
 height: 32px;
 background: url(http://image.stworld.jp/img/common/footer/fmenu/fm_back.png) no-repeat;
}
div#fmenu ul { margin-left: 131px; }
div#fmenu li { float: left; text-indent: -9999px; overflow: hidden; }
div#fmenu li a {
 display: block;
 height: 18px;
 margin: 7px 0 0 9px;
 overflow: hidden;
 border-right: 1px solid #fff;
 background: url(http://image.stworld.jp/img/common/footer/fmenu/fm.png) no-repeat;
}

div#fmenu #fm02 a { width: 42px; background-position: -67px -1px; }
div#fmenu #fm03 a { width: 94px; background-position: -109px -1px; }
div#fmenu #fm04 a { width: 102px; background-position: -203px -1px; }
div#fmenu #fm05 a { width: 114px; background-position: -305px -1px; }
div#fmenu #fm06 a { width: 124px; background-position: -419px -1px; }
div#fmenu #fm08 a { width: 49px; background-position: -640px -1px; border-right:none; }

div#flink { margin: 10px 0; text-align: center; font-size: 10px; }
div#flink ul{ clear: both ; margin: 0.5em 0; }
div#flink ul a{ color: #333333; }
div#flink li{ display: inline; margin: 5px 0; padding: 0 5px; border-right: 1px solid #666; }
div#flink li.line_none{ border: none; }

div#flogs { height: 80px;}
div#flogs ul { }
div#flogs li { float: left; margin-right: 10px; }
div#flogs li a { display: block; height: 37px; margin-top: 21px; background: url(http://image.stworld.jp/img/common/footer/flogos/lb.png) no-repeat; text-indent: -9999px; }
div#flogs li#flogo1 a { width: 42px; background-position: 0px 0px; }
div#flogs li#flogo2 a { width: 40px; background-position: -43px 0px; }
div#flogs li#flogo3 a { width: 79px; background-position: -84px 0px; }
div#flogs li#flogo4 a { width: 38px; background-position: -164px 0px; }
div#flogs li#flogo5 a { width: 68px; background-position: -203px 0px; }
div#flogs li#flogo6 a { width: 40px; background-position: -272px 0px; }
div#flogs li#flogo7 a { width: 42px; background-position: -313px 0px; }
div#flogs li#flogo8 a { width: 55px; background-position: -356px 0px; }
div#flogs li#flogo9 a { width: 35px; background-position: -412px 0px; }
div#flogs li#flogo11 a { width: 92px; background-position: -483px 0px; }

div#flogs li#flogo10 { float: right; width: 75px; height: 80px; margin-right: 0; }
div#flogs li#flogo10 a { width: 75px; height: 80px; margin-top: 0; background: none; text-indent: 0px; }/* privacymark */

div#flogs li#minus6 { float: right; width: 200px; height: 62px; }
div#flogs li#minus6 a { width: 200px; height: 62px; margin-top: 7px; background: none; text-indent: 0px; }

p#fcopy { height: 26px; margin: 5px 0 0 0; text-align: right; background: url(http://image.stworld.jp/img/common/footer/f_back.gif); }
p#fcopy img { margin: 8px 10px 0 0; }
html>body p#fcopy img { margin: 8px 12px 0 0; }

/* end footer */

/* diving footer */
#f_dv_contents {
  clear: both;
  margin: 0 10px;
  padding: 0 0 20px;
}

#f_dv_contents .copyright {
  padding: 2px;
  background-color: #00a0e9;
  color: #ffffff;
  text-align: center;
}

#f_dv_contents .divenavi_info {
  padding: 5px;
}

#f_dv_contents .divenavi_info .image {
  float: right;
  width: 150px;
}

#f_dv_contents .divenavi_info .text {
  margin-right: 150px;
}

#f_dv_contents .site_info {
  clear: both;
  margin: 10px 0 0 20px;
}

#f_dv_contents .site_info li {
  list-style-type: circle;
}

#f_dv_contents .logo_list {
  text-align: center;
  margin-bottom: 15px;
}

#f_dv_contents .logo_list li {
  display: inline;
}

#f_dv_contents .logo_list li img {
  padding-right: 5px;
}

#f_dv_contents .area_list_title  {
  font-size: 11px;
  color: #8f0000;
  border-bottom: solid 1px #cccccc;
}

#f_dv_contents .area_list {
  clear: both;
  margin-top: 3px;
  margin-bottom: 5px;
}

#f_dv_contents .area_list dt {
  clear: both;
  float: left;  
  font-size: 11px;
}

#f_dv_contents .area_list dd {
  display: inline;
  margin-left: 5px;
  font-size: 11px;
}
/* end diving footer */