/* ********************************* FileName: style.css UpdatedBy: - *********************************** */ /* ********************************* *********************************** */ /* ********************************* 001 : Base Layout 002 : General purpose ID & CLASS 003 : Exclusive use ID & CLASS *********************************** */ /* ********************************* 001 : Base Layout *********************************** */ /* --------------------------------- base ----------------------------------- */ body { margin:0; padding:0; text-align:center; color:#333333; background:url(../images/body_bg.jpg) 0 117px repeat-x; font-size:80%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック","MS PGothic", sans-serif; line-height:150%; } /* wrap */ #wrapper {width:740px;margin:0 auto;text-align:left;} /* --------------------------------- header ----------------------------------- */ #header {width:740px;padding:14px 0 0 0;border-top:2px solid #ADD7EB;} #header .header_img {background:url(../images/header_bg.jpg) 0 0 no-repeat;width:740px;height:87px;} #header h1 {font-size:11px;padding-left:70px;padding-top:7px;} #header p.header_link {padding:2px 0 0 95px;} #header p.header_link a {display:block;width:258px;height:41px;} #header p.header_link span {display:none;} #header p.inq_txt {display:none;} /* gnavi */ #gnavi {width:420px;height:105px; position:relative} #gnavi ul {width:420px;height:105px;} #gnavi li {float:left;height:105px;width:105px;} #gnavi li a{display:block;height:105px;width:105px;} #gnavi li a span {display:none;} li.li_01 a{ background:url(../images/gnavi_btn01.jpg) 0px 0px no-repeat; position:absolute; left:425px; top: 22px; } li.li_02 a{background:url(../images/gnavi_btn02.jpg) 0px 0px no-repeat;position:absolute;top:57px;left:373px;} li.li_03 a{ background:url(../images/gnavi_btn03.jpg) 0px 0px no-repeat; position:absolute; top:87px; left:533px; } li.li_04 a{ background:url(../images/gnavi_btn04.jpg) 0px 0px no-repeat; position:absolute; top:181px; left:617px; } /* gnavi_secondary */ #gnavi_secondary {width:740px;height:31px;padding-top:14px;background: url(../images/bg_navi.jpg) repeat-x bottom;} #gnavi_secondary ul {width:740px;height:31px;} #gnavi_secondary li {float:left;} #gnavi_secondary li a{display:block;height:31px;width:185px;} #gnavi_secondary li a span {display:none;} li.li_05 a{background:url(../images/gnavi_secondary.jpg) 0px 0px no-repeat;} li.li_06 a{background:url(../images/gnavi_secondary.jpg) -185px 0px no-repeat;} li.li_07 a{background:url(../images/gnavi_secondary.jpg) -296px 0px no-repeat;} li.li_08 a{background:url(../images/gnavi_secondary.jpg) -370px 0px no-repeat;} li.li_09 a{background:url(../images/gnavi_secondary.jpg) -555px 0px no-repeat;} li.li_05 a.on{background:url(../images/gnavi_secondary.jpg) 0px -31px no-repeat;} li.li_06 a.on{background:url(../images/gnavi_secondary.jpg) -185px -31px no-repeat;} li.li_07 a.on{background:url(../images/gnavi_secondary.jpg) -296px -31px no-repeat;} li.li_08 a.on{background:url(../images/gnavi_secondary.jpg) -370px -31px no-repeat;} li.li_09 a.on{background:url(../images/gnavi_secondary.jpg) -555px -31px no-repeat;} li.li_05 a:hover {background-position: 0px -31px;} li.li_06 a:hover {background-position: -185px -31px;} li.li_07 a:hover {background-position: -296px -31px;} li.li_08 a:hover {background-position: -370px -31px;} li.li_09 a:hover {background-position: -555px -31px;} /* --------------------------------- contents ----------------------------------- */ #contents {clear:both;text-align:left;width:740px;background:url(../images/contents_bg.gif) 0 bottom no-repeat;padding-bottom:10px;} #contents:after {content:".";display:block;clear:both;height:0;visibility:hidden;} /* ----- Index Page ----- */ /* main_img */ #contents #main_img {width:740px;height:355px;background:url(../images/main_img.jpg) 0 0 no-repeat;margin-bottom:2px;} /* Index Page only */ #index #contents #mainvisual {width:457px;float:left;} #side {width:267px;float:right;background:url(../images/side_box_frame.gif) 0 0 no-repeat;} #side dl{padding:0 25px 10px 25px;} #mainvisual .box01 {width:455px;border:1px solid #ECECEC;padding:1px;background:#FFFFFF;} #mainvisual .box01 ul{float:left;width:308px;padding:15px 0 15px 15px;list-style:none;} #mainvisual p.box01_img {float:right;padding:10px;} #mainvisual .box02 {width:457px;background:url(../images/box02_bg.gif) 0 0 no-repeat;margin-top:10px;} #extra {width:740px;background:url(../images/box03_bg_bottom.gif) 0 bottom no-repeat;margin-top:15px;padding-bottom:10px;} #extra .box03 {width:740px;background:url(../images/box03_bg.gif) 0 0 no-repeat;} #extra .box03_inner_left {float:left;width:550px;} #extra .box03_inner_right {float:right;width:167px;padding:10px;} #extra .box03_inner_right p {border:4px solid #FFFFFF;} /* ----- Secondary Page ----- */ #contents_secondary {clear:both;text-align:left;width:740px;background:#FFFFFF;} #mainvisual_secondary {width:740px;} #mainvisual_secondary .box_float {width:736px;_width:740px;padding:1px;border:1px solid #ECECEC;margin-top:14px;} .box_float .left_text_area {float:left;padding:10px;width:500px;_padding-right:0;} .box_float .right_img_area {float:right;padding:10px;_padding-left:0;} .box_float .right_text_area {float:right;padding:10px;width:540px;_padding-left:0;} .box_float .left_img_area {float:left;padding:10px;_padding-right:0;} #mainvisual_secondary .box_05 {width:740px;margin-top:15px;} .box_05_inner_left {float:left;width:500px;} .box_05_inner_left_frame {width:500px;border:1px solid #ECECEC;padding:2px;margin-bottom:5px;margin-left:2px;} .box_05_inner_right {float:right;padding:30px 40px 0 0;width:135px;} .box_05_inner_left dl{padding:10px 15px;} .box_05_inner_left dt{float:left;width:120px;} #mainvisual_secondary dl.dl_02 {width:736px;padding:10px;} dl.dl_02 dt {float:left;width:140px;padding:7px 0;} dl.dl_02 dd {width:500px;padding:7px 20px;margin-left:150px;border-left:1px solid #ECECEC;} .inquiry {width:740px;height:38px;margin:20px auto 0;background:url(../images/info_img.jpg) 0 0 no-repeat;padding:167px 0 20px 38px;} .inquiry a{display:block;padding:10px 0;_padding:20px 0;width:320px;} /* --------------------------------- footer & footer_navi ----------------------------------- */ #footer {font-size:11px;zoom:1;width:740px;margin:0 auto;} #footer:after {content:".";display:block;clear:both;height:0;visibility:hidden;} .footer_main {float:left;text-align:left;width:600px;padding-top:10px;} #footer_navi p span {padding-right:5px;border-right:1px solid;margin-right:5px;} #footer_navi p span.last{border-style:none;} p.top_link {float:right;width:140px;} p.top_link a {text-decoration:none;color:#6A5949;} p.top_link a:hover {text-decoration:underline;color:#6A5949;} /* ********************************* 002 : General purpose ID & CLASS *********************************** */ /* --------------------------------- text ----------------------------------- */ /* bold */ .bold {font-weight:bold;} /* red */ span.red{color:#CC0000;} /* hr */ hr {color:#EFEEEA;border-color:#EFEEEA;margin-top:35px;} p.info{font-size:130%;margin-left:15px;} p.index_box_txt{padding:10px 10px 10px 0;margin-left:25px;} p.attention {font-size:95%;padding-top:20px;} p.float_right {float:right;padding-top:20px;} /* --------------------------------- headline ----------------------------------- */ /* h2 */ h2{width:740px;padding:11px 0 11px 50px;margin-top:15px;} h2.h2_01 {background:url(../images/h2_01_bg.gif) 0 0 no-repeat;} h2.h2_02 {background:url(../images/h2_02_bg.gif) 0 0 no-repeat;} h2.h2_03 {background:url(../images/h2_03_bg.gif) 0 0 no-repeat;} h2.h2_04 {background:url(../images/h2_04_bg.gif) 0 0 no-repeat;} /* h3 */ h3 {background:url(../images/h3_bg.gif) 0 0 repeat-x #FFAF32;padding:4px 8px;} /* h4 */ h4.h4_01 {background:url(../images/line_dot.gif) 0 bottom repeat-x;padding:15px 0;margin-left:25px;border:none;} h4.h4_02 {background:url(../images/h4_bg.gif) -7px 0 no-repeat;padding:8px 23px;_padding:7px 23px;width:500px;border-left:7px solid #68CCCC;} /* h5 */ h5 {width:223px;padding-bottom:8px;margin:23px 0 5px 20px;background:url(../images/line_dot.gif) 0 bottom repeat-x;} /* ---------------------------------s link text ----------------------------------- */ a {text-decoration:none;color:#333333;} a:hover {text-decoration:underline;color:#333333;} span.link_btn {display:none;} a.link_btn {display:block;background:url(../images/link_btn.gif) 0 0 no-repeat;width:97px;height:20px;margin:5px 0 0 0;float:right;} /* --------------------------------- clearfix ----------------------------------- */ .clearfix:after { content: "."; /* 新しい要素を作る */ display: block; /* ブロックレベル要素に */ clear: both; height: 0; visibility: hidden; } .clearfix { min-height: 1px; } * html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ } /* ********************************* 003 : Exclusive use ID & CLASS *********************************** */ /* --------------------------------- Index Page ----------------------------------- */ /* --------------------------------- 　Index Page List ----------------------------------- */ /* --------------------------------- Map ----------------------------------- */ /* --------------------------------- form table ----------------------------------- */