body{ background-image:url(http://www.memoris.co.jp/img/bg.jpg); color:#333333; background-color:#FFFFFF; margin-top:0px; margin-bottom:0;} body, td, tr, th{ font-size:13px; font-family:Verdana, arial, ＭＳ Ｐゴシック; } h1{ font-size:13px; text-align: right; padding: 5px 20px 0px 0px; font-family:Verdana, arial, ＭＳ Ｐゴシック; font-weight:bold; line-height:1em; margin:0; color:#ffffff; } strong{ font-size:13px; font-family:Verdana, arial, ＭＳ Ｐゴシック; font-weight:normal; line-height:1em; margin:0; } .main{ font-size:13px; line-height:18px; font-family:Verdana, arial, ＭＳ Ｐゴシック; } .xlarge{ font-size:19px; line-height:25px; font-family:Verdana, arial, ＭＳ Ｐゴシック; } .xlarge_red{ font-size:19px; color:#ff0000; line-height:25px; font-family:Verdana, arial, ＭＳ Ｐゴシック; } .large{ font-size:15px; line-height:21px; font-family:Verdana, arial, ＭＳ Ｐゴシック; } .small{ font-size:10px; line-height:15px; font-family:Verdana, arial, ＭＳ Ｐゴシック; } .nsmall{ font-size:10px; font-family:Verdana, arial, ＭＳ Ｐゴシック; } .small_green{ font-size:11px; color:#336600; font-family:Verdana, arial, ＭＳ Ｐゴシック; } .input{ font-size:13px; color:#000000; background-color:#ffffff; } A:link{ text-decoration:none; color:#0066cc; font-family:Verdana, arial, ＭＳ Ｐゴシック; } A:visited{ text-decoration:none; color:#3399cc; font-family:Verdana, arial, ＭＳ Ｐゴシック; } A:active{ text-decoration:underline; color:#ff0000; font-family:Verdana, arial, ＭＳ Ｐゴシック; } A:hover{ text-decoration:underline; color:#cc6633; font-family:Verdana, arial, ＭＳ Ｐゴシック; } #navi A:link{ text-decoration:none; color:#333333; font-family:Verdana, arial, ＭＳ Ｐゴシック; } #navi A:visited{ text-decoration:none; color:#555555; font-family:Verdana, arial, ＭＳ Ｐゴシック; } #navi A:active{ text-decoration:underline; color:#ff0000; font-family:Verdana, arial, ＭＳ Ｐゴシック; } #navi A:hover{ text-decoration:underline; color:#cc6633; font-family:Verdana, arial, ＭＳ Ｐゴシック; } img{border:0;} /* 全体 */ #container {text-align: left; margin-top:0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; width: 800px; } /* ヘッダー */ #header-top {position: relative; border-bottom: none;border-top: none;clear:both;} #header-top h1 {width: 400px;font-size: 12px;color: #fff;float: left;display: inline; margin: 4px 0 0 380px;text-align:left;} #header-top ul {list-style-type: none;color: #fff;padding-top:10px;padding-left:540px;/*position: absolute; */right: 8px;top: 22px;text-align:left;} #header-top li {width: 100px;display: block;float: left;text-align: center;background:url(http://www.memoris.co.jp/img/point_link3.gif) no-repeat;} #header-top a{color: #fff; text-decoration: underline;} #header-top a:hover{color: #fff; text-decoration: none;} #header { WIDTH: 800px; background-position: center top; background-repeat: no-repeat; padding: 0px 0px 0px 0px; margin-bottom: 0px; } .titlebase {width:800px; height:95px; background-image:url(http://www.memoris.co.jp/img/head01.jpg);background-repeat:repeat-x; padding: 0px 0px 0px 0px; margin:0px;} .topmenu {width:800px; height:40px; background-image:url(http://www.memoris.co.jp/img/menu_bg.jpg);background-repeat:repeat-x; padding: 0px 0px 0px 0px; margin:0px;} #navigation {width: 780px;height: 46px;margin-left:15px; /*margin: 0 auto; */position: relative;border-bottom: none;border-top: none;} #navigation ul {margin: 0px; padding: 0px; list-style: none;} #navigation li {margin: 0; padding: 0; float: left; list-style: none;} #navigation li a {display: block;text-decoration: none;height: 46px;background-position: 0 0;background-repeat: no-repeat;} #navigation li#home a {background-image: url(http://www.memoris.co.jp/img/sw_home.jpg); width: 158px;} #navigation li#design a {background-image: url(http://www.memoris.co.jp/img/sw_design.jpg); width: 161px;} #navigation li#orderguide a {background-image: url(http://www.memoris.co.jp/img/sw_orderguide.jpg); width: 118px;} #navigation li#ryoukin a {background-image: url(http://www.memoris.co.jp/img/sw_ryoukin.jpg); width: 106px;} #navigation li#order a {background-image: url(http://www.memoris.co.jp/img/sw_order.jpg); width: 89px;} #navigation li#dvdworks a {background-image: url(http://www.memoris.co.jp/img/sw_dvdworks.jpg); width: 138px;} #navigation li a:hover {background-position: 0 -46px;} #navigation li a span {visibility: hidden;} /* FLASH */ #flash {width: 800px; background-image:url(http://www.memoris.co.jp/img/bg_content.jpg); margin-top:0;} /* コンテンツ全体 */ #content_all {width: 800px; background-image:url(http://www.memoris.co.jp/img/bg_content.jpg); margin-top:0;} /* 右側コンテンツ */ #content {width: 580px;float: right; background-image:url(http://www.memoris.co.jp/img/bg_content_r.jpg);} #content h2{font-size:14px; font-weight: normal;} /* 右側コンテンツ　内側*/ #content_main {text-align:left; width: 570px; padding: 10px 0px 0px 0px; } .topicstext{width: 520px; text-align="left"; line-height:1.5em; padding: 0px 0px 0px 10px; margin-bottom:0px; margin-top:0px;} .pagetitle_bg{width: 560px; height: 60px; margin-top:0px; margin-bottom:3px; background-image:url(http://www.memoris.co.jp/img/title_bg.gif); background-repeat:no;} .pagetitle{font-size:20px; font-weight:bold; text-align="left"; padding: 20px 0px 0px 55px; } .pannavi{font-size:12px; width: 550px; height: 20px; text-align="left"; padding: 1px 0px 0px 10px; margin-top:1px; background-image:url(http://www.memoris.co.jp/img/pan_bg.gif); background-repeat:no;} .campaign {margin:0 ;width: 546px ;height:240px ;background: url(http://www.memoris.co.jp/img/bg_campaign.jpg) no-repeat ;background-position:6px 0px ;} .campaign p {margin:0 ;padding:135px 10px 0 308px;line-height:1.5em;} .sampleRight {float:right ;margin-top:5px;margin-right:0px ;width:220px ;height:140px ;text-align:left ;} .sampleLeft {float:left ;margin-top:10px;margin-left:5px ;width:315px ;text-align:left ;font-size:13px;line-height:1.5em;} .sampleRight span {width: auto;height: 60px;display: block;background: url(http://www.memoris.co.jp/img/pw5.gif) no-repeat;}.sampleRight a {width: auto;height: 60px;display: block;background: url(http://www.memoris.co.jp/img/pw5.gif) no-repeat;} .sampleRight a:hover {width: auto;height: 60px;display: block;background: url(http://www.memoris.co.jp/img/pw5on.gif) no-repeat;} .entryRight {float:right;width:270px ;height:190px ;text-align:left ;} .entryRight p {margin-left:10px;margin-top:5px;} .entryRight h3{margin-bottom:0px;} .entryLeft {float:left;width:270px ;height:190px ;text-align:left ;border-right: 1px solid #d0d0d0;} .entryLeft p {float:left;margin-top:0px;width:250px ;padding-left:5px; padding-top:0px; line-height:1.5em;} .entryLeft h3{margin-bottom:0px;} /*　右側コンテンツ下の会社名　*/ #company {width:540px;height:80px;background: url(http://www.memoris.co.jp/img/logos.gif) no-repeat ;background-position:left center ;padding:10px 0 0 0px;} .context{text-align:left; font-size:12px; color:#333; padding: 10px 0px 0px 125px;} /* トップ右側　ブログ新着 */ #topix {width:540px; height:30px;background: url(http://www.memoris.co.jp/img/title_sinchaku.gif) no-repeat ;font-size:14px;padding:4px 0 0 20px; font-weight: bold;} .news {width:540px; height:auto;font-size:12px; background: url(http://www.memoris.co.jp/img/line_green.gif) no-repeat ;background-position:bottom;padding-bottom:15px;} .news h3{margin-bottom:2px; background:url(http://www.memoris.co.jp/img/news.gif) no-repeat; background-position:0px 5px; padding:2px 0 0 20px; font-size:12px;} .news p{margin-top:0px; padding:2px 0 0 20px; font-size:12px; line-height:1.5em;} /* サブタイトル　オレンジ */ .topicstitle_bg{width: 540px; height: 35px; margin-top:0px; margin-bottom:3px; background-image:url(http://www.memoris.co.jp/img/line_orange.gif); background-repeat:no;} .topicstitle{font-size:14px; font-weight:bold; text-align="left"; padding: 6px 0px 0px 15px; } /* 罫線 */ .bgline{font-size:13px;line-height: 1.2em;color: #333333;background-image: url(http://www.memoris.co.jp/img/bg_dot.gif);vertical-align: middle;padding-top: 5px;padding-left: 10px;} /* サブタイトル緑オプション */ .optiontitle_bg{width: 540px; height: 35px; margin-top:0px; margin-bottom:3px; background-image:url(http://www.memoris.co.jp/img/line_ygreen.gif); background-repeat:no;} .optiontitle{font-size:14px; font-weight:bold; text-align="left"; padding: 6px 0px 0px 15px; } /* サブタイトル　緑 */ .tygreentitle_bg{width: 540px; height: 35px; margin-top:0px; margin-bottom:3px; background-image:url(http://www.memoris.co.jp/img/line_tygreen.gif); background-repeat:no;} .tygreentitle{font-size:14px; font-weight:bold; text-align="left"; padding: 6px 0px 0px 15px; } /* サブタイトル　紫 */ .purpletitle_bg{width: 540px; height: 35px; margin-top:0px; margin-bottom:3px; background-image:url(http://www.memoris.co.jp/img/line_purple.gif); background-repeat:no;} .purpletitle{font-size:14px; font-weight:bold; text-align="left"; padding: 6px 0px 0px 15px; } /*プロフィールムービーの仕様*/ .waku2sico_bg{width: 540px; height: 70px; margin-top:0px; margin-bottom:0px; background-image:url(http://www.memoris.co.jp/img/waku2s.jpg); background-repeat:no;} .waku2s_bg{width: 540px; height: 70px; margin-top:0px; margin-bottom:0px; background-image:url(http://www.memoris.co.jp/img/waku2s.gif); background-repeat:no;} .waku2s{text-align:left; float: left; width: 270px; font-size:14px; color:#333333; padding: 15px 0px 0px 10px;} .waku2sr{text-align:left; float: right; width: 250px; font-size:14px; color:#333333; padding: 15px 0px 0px 0px;} /*プロフィールムービーtype1の構成*/ .kousei_bg{width: 540px; height: 585px; margin-top:0px; margin-bottom:0px; background-image:url(http://www.memoris.co.jp/img/kousei.jpg); background-repeat:no;} .kousei1{text-align:left; font-size:13px; color:#333333; padding: 55px 0px 0px 170px;} .kousei2{text-align:left; font-size:13px; color:#333333; padding: 270px 0px 0px 30px;} /*プロフィールムービーtype2の構成*/ .kousei_type2_bg{width: 540px; height: 810px; margin-top:0px; margin-bottom:0px; background-image:url(http://www.memoris.co.jp/img/kousei_type2.jpg); background-repeat:no;} .kousei_type2_1{text-align:left; font-size:13px; color:#333333; padding: 55px 0px 0px 170px;} .kousei_type2_2{text-align:left; font-size:13px; color:#333333; padding: 90px 0px 0px 350px;} .kousei_type2_3{text-align:left; font-size:13px; color:#333333; padding: 275px 0px 0px 30px;} /*エンディングロールの構成*/ .kousei_endroll_bg{width: 540px; height: 802px; margin-top:0px; margin-bottom:0px; background-image:url(http://www.memoris.co.jp/img/kousei_endroll.jpg); background-repeat:no;} .kousei_endroll_1{text-align:left; font-size:13px; color:#333333; padding: 55px 0px 0px 170px;} .kousei_endroll_2{text-align:left; font-size:13px; color:#333333; padding: 100px 30px 0px 200px;} /*オレンジの枠 縦70px*/ .waku70_bg{width: 520px; height: 70px; margin-top:0px; margin-bottom:0px; background-image:url(http://www.memoris.co.jp/img/waku_h70.gif); background-repeat:no;} .waku70{text-align:left; font-size:13px; color:#333333; padding: 10px 0px 0px 10px;} /*オレンジの枠 縦230px*/ .waku230_bg{width: 520px; height: 230px; margin-top:0px; margin-bottom:0px; background-image:url(http://www.memoris.co.jp/img/waku_h230.gif); background-repeat:no;} .waku230{text-align:left; font-size:13px; color:#333333; padding: 30px 0px 0px 10px;} /*セット内容の枠 540px210px*/ .webset_bg{width: 540px; height: 210px; margin-top:0px; margin-bottom:0px; background-image:url(http://www.memoris.co.jp/img/webset_bg.gif); background-repeat:no;} .webset{text-align:left; font-size:13px; color:#333333; padding: 50px 0px 0px 15px;} /*ムービーのグレー枠*/ .movie_bg{text-align:center; margin-left:50px; width: 394px; height: 360px; padding: 7px; background-color:#DDDADA;} /*申込の流れテキスト枠*/ .flow1_bg{width: 540px; height: 107px; margin-top:0px; margin-bottom:0px; background-image:url(http://www.memoris.co.jp/img/flow_01.jpg); background-repeat:no;} .flow1{text-align:left; width: 340px; font-size:13px; color:#333333; padding: 10px 10px 10px 35px; } .flow2_bg{width: 540px; height: 49px; margin-top:0px; margin-bottom:0px; background-image:url(http://www.memoris.co.jp/img/flow_02.jpg); background-repeat:no;} .flow2{text-align:left; width: 340px; font-size:13px; color:#333333; padding: 10px 10px 10px 35px; } .flow3_bg{width: 540px; height: 145px; margin-top:0px; margin-bottom:0px; background-image:url(http://www.memoris.co.jp/img/flow_03.jpg); background-repeat:no;} .flow3{text-align:left; width: 320px; font-size:13px; color:#333333; padding: 10px 10px 10px 40px; } .flow4_bg{width: 540px; height: 84px; margin-top:0px; margin-bottom:0px; background-image:url(http://www.memoris.co.jp/img/flow_04.jpg); background-repeat:no;} .flow4{text-align:left; width: 320px; font-size:13px; color:#333333; padding: 10px 10px 10px 55px; } .flow5_bg{width: 540px; height: 49px; margin-top:0px; margin-bottom:0px; background-image:url(http://www.memoris.co.jp/img/flow_05.jpg); background-repeat:no;} .flow5{text-align:left; width: 340px; font-size:13px; color:#333333; padding: 10px 10px 10px 35px; } .flow6_bg{width: 540px; height: 230px; margin-top:0px; margin-bottom:0px; background-image:url(http://www.memoris.co.jp/img/flow_06.jpg); background-repeat:no;} .flow6{text-align:left; width: 320px; font-size:13px; color:#333333; padding: 10px 10px 10px 55px; } .flow7_bg{width: 540px; height: 57px; margin-top:0px; margin-bottom:0px; background-image:url(http://www.memoris.co.jp/img/flow_07.jpg); background-repeat:no;} .flow7{text-align:left; width: 340px; font-size:13px; color:#333333; padding: 10px 10px 10px 35px; } .flow8_bg{width: 540px; height: 96px; margin-top:0px; margin-bottom:0px; background-image:url(http://www.memoris.co.jp/img/flow_08.jpg); background-repeat:no;} .flow8{text-align:left; width: 340px; font-size:13px; color:#333333; padding: 35px 10px 10px 35px; } /* 申込みボタン type1*/ .ordertype1 span{width: auto;height: 85px; margin-left:60px; text-align: center; display: block;background: url(http://www.memoris.co.jp/img/order_profile1.jpg) no-repeat;} .ordertype1 a {width: auto;height: 85px;display: block;background: url(http://www.memoris.co.jp/img/order_profile1.jpg) no-repeat;} .ordertype1 a:hover {width: auto;height: 85px;display: block;background: url(http://www.memoris.co.jp/img/order_profile1on.jpg) no-repeat;} /* 申込みボタン type2*/ .ordertype2 span{width: auto;height: 85px; margin-left:60px; text-align: center; display: block;background: url(http://www.memoris.co.jp/img/order_profile2.jpg) no-repeat;} .ordertype2 a {width: auto;height: 85px;display: block;background: url(http://www.memoris.co.jp/img/order_profile2.jpg) no-repeat;} .ordertype2 a:hover {width: auto;height: 85px;display: block;background: url(http://www.memoris.co.jp/img/order_profile2on.jpg) no-repeat;} /* 申込みボタン endroll*/ .orderendroll span{width: auto;height: 85px; margin-left:60px; text-align: center; display: block;background: url(http://www.memoris.co.jp/img/order_endroll.jpg) no-repeat;} .orderendroll a {width: auto;height: 85px;display: block;background: url(http://www.memoris.co.jp/img/order_endroll.jpg) no-repeat;} .orderendroll a:hover {width: auto;height: 85px;display: block;background: url(http://www.memoris.co.jp/img/order_endrollon.jpg) no-repeat;} /* 左側 */ #side {width: 220px;float: left;} /* 左側コンテンツ　内側*/ #side_main {text-align:left; width: 200px; padding: 10px 0px 0px 20px; } #content #leftSide { width: 178px;height:870px;float: left;position: relative;padding-left:9px;background: #fff;text-align:left;} .menubox {text-align:left; width: 178px; background-color:#eeeeee; padding: 0px 0px 0px 0px;} .TitleBG {width: 187px;height: 23px;font-size: 14px;color: #fff;padding-top: 4px;margin-top:4px;margin-left:1px;margin-bottom: 0px;background:url(http://www.memoris.co.jp/img/lt_tx1.gif) no-repeat;text-align:center ;} .TitleBGgray {width: 187px;height: 23px;font-size: 14px;color: #fff;padding-top: 4px;margin-top:4px;margin-left:1px;margin-bottom: 0px;background:url(http://www.memoris.co.jp/img/lt_tx1gray.gif) no-repeat;text-align:center ;} #subNav {width: 186px;margin: 5px 0 0 0 ;padding: 0;border-bottom: none;list-style: none;} #menu1 a, #menu2 a, #menu3 a, #menu4 a {width: auto;height: 90px;margin:0 0 5px 0;display: block;text-decoration: none;} #menu1 p, #menu2 p, #menu3 p, #menu4 p {color: #000;font-size:9px;padding:34px 14px 0 66px;line-height:130% ;} #menu1 a {background: url(http://www.memoris.co.jp/img/pw1_bg.gif) no-repeat;} #menu1 a:hover {background: url(http://www.memoris.co.jp/img/pw1_bg2.gif) no-repeat;} #menu2 a {background: url(http://www.memoris.co.jp/img/pw2_bg.gif) no-repeat;} #menu2 a:hover {background: url(http://www.memoris.co.jp/img/pw2_bg2.gif) no-repeat;} #menu3 a {background: url(http://www.memoris.co.jp/img/pw3_bg.gif) no-repeat;} #menu3 a:hover {background: url(http://www.memoris.co.jp/img/pw3_bg2.gif) no-repeat;} #menu4 a {background: url(http://www.memoris.co.jp/img/pw4_bg.gif) no-repeat;} #menu4 a:hover {background: url(http://www.memoris.co.jp/img/pw4_bg2.gif) no-repeat;} #qanda {width: width:187px ;height: 48px;display: block;background: url(http://www.memoris.co.jp/img/pw4.gif) no-repeat;} #qanda a {width: width:187px ;height: 48px;display: block;} #qanda a:hover {width: width:187px ;height: 48px;display: block;background: url(http://www.memoris.co.jp/img/pw4on.gif) no-repeat;} #blog {margin:0 0 0 1px ;padding:4px 0 4px 0 ;width: 178px;height: auto;display: block;background: #dfdfdf;} #blog ul {margin: 0px; padding: 0 0 0 10px; list-style: none;} #blog li {padding:2px 0 0 10px ;list-style: none; background: url(http://www.memoris.co.jp/img/point_link1.gif) no-repeat;background-position:0px 3px ;} /* フッター */ #footernavi {width:800px; height: 80px; text-align:center; padding: 0px 0px 0px 0px; background-image:url(http://www.memoris.co.jp/img/bg_futter.jpg); background-repeat:repeat-x;clear:both;} .copy{text-align:center; font-size:9px; color:#666; padding: 10px 15px 0px 0px;} #footernavi p#footerNav {text-align:center;font-size:11px;width: auto;height: 25px;margin-bottom:15px;margin: 0 auto 15px;padding: 0 0 0 100px;} #footernavi p#footerNav a {text-align:center;font-size:11px;display: block;float: left;padding: 10px;margin-right: 10px;text-decoration: none;color: #085281;} #footernavi p#footerNav a:hover {font-size:11px;text-decoration: underline; color: #cc6633;}p.copyright {text-align: center; margin: 18px 0 12px;}