/* Theme Name: 松本写真館v5 /* Basic */ * {margin: 0;padding: 0;} body {background:url(images/base_dot.jpg) repeat;color:#666666;font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',sans-serif;font-size: 13px; line-height: 1.7;} #soto{background:url(images/base1000_01.jpg) repeat-y; width:1000px; margin:0 auto;} h2 {font-size: 4;} h3 {font-size: 3;} a:link {color: #548A1A; text-decoration: none;} a:visited { color: #548A1A;} a:hover {color: #73AD36;text-decoration: underline;} a:active {color: #548A1A;} img{border: 0;} hr{margin: 5px 0;} fieldset{padding: 10px;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} .aligncenter {display: block;margin-left: auto;margin-right: auto;} .alignleft {float: left;} .alignright {float: right;} .clearfix{clear: both;} /* Page Navi */ .wp-pagenavi{margin: 20px;text-align: center;line-height: 18px;} .wp-pagenavi a.page-numbers, .wp-pagenavi a.page{padding: 0 7px;} .wp-pagenavi span.current{font-weight: bold;font-size: 18px;padding: 0 7px;vertical-align: bottom;} .wp-pagenavi a.prev.page-numbers, .wp-pagenavi a.next.page-numbers{margin: 0 10px;} /*ページ送りボタン*/ .little_button, .wp-pagenavi a.prev.page-numbers, .wp-pagenavi a.next.page-numbers, .wp-pagenavi span.newer a, .wp-pagenavi span.older a{padding: 2px 15px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;border: 1px solid #cfe0e9;cursor: pointer;background-color: #e5e5c4;background-image: -moz-linear-gradient(top, #fefefc, #e5e5c4); background-image: -ms-linear-gradient(top, #fefefc, #e5e5c4); background-image: -o-linear-gradient(top, #fefefc, #e5e5c4); background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefc), to(#e5e5c4)); background-image: -webkit-linear-gradient(top, #fefefc, #e5e5c4); background-image: linear-gradient(top, #fefefc, #e5e5c4);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefc', EndColorStr='#e5e5c4');text-shadow: 0 1px 2px #fcfcf8;} .little_button:hover, .wp-pagenavi a.prev.page-numbers:hover, .wp-pagenavi a.next.page-numbers:hover, .wp-pagenavi span.newer a:hover, .wp-pagenavi span.older a:hover{text-decoration: none;background-color: #c5c574;background-image: -moz-linear-gradient(top, #fcfcf9, #c5c574); background-image: -ms-linear-gradient(top, #fcfcf9, #c5c574); background-image: -o-linear-gradient(top, #fcfcf9, #c5c574); background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcf9), to(#c5c574)); background-image: -webkit-linear-gradient(top, #fcfcf9, #c5c574); background-image: linear-gradient(top, #fcfcf9, #c5c574);filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fcfcf9', EndColorStr='#c5c574')} /* Header */ #header{width:1000px;margin: 0 auto; background:url(images/kanban.jpg) no-repeat; height:118px;} #header-logo {float: left; margin: 0;text-align: left; padding-top:50px;} #header-logo img {margin-left: 0;margin-right: 0; margin-top: 0; width:350px; height:60px;} #Header-title2 {font-size: 12px;line-height: inherit;text-decoration: none;text-indent: 0; float:right; padding:35px 25px 0 0; font-weight:100;} #Header-title2 a{color:#666666;} /*アイキャッチ について*/ .gazou{width:1000px;margin: 0 auto;} .gazou img{width:960px; height:182px;} /* Headerメニュー基礎 */ .dropmenu{*zoom: 1;list-style-type: none;width: 960px;margin: 0px auto 15px;padding: 0;height:45px;} .dropmenu:before, .dropmenu:after{content: "";display: table;} .dropmenu:after{ clear: both;} .dropmenu li{position: relative;float: left;margin: 0;padding: 0;text-align: center;} .dropmenu li ul{list-style: none;position: absolute;z-index: 9999;top: 100%;left: 0;margin: 0;padding: 0;}/*サブメニュー*/ .dropmenu li ul li{width: 100%;} /* Headerメニュー各メニューの画像設定 */ #cmenu01{ width:160px;} #cmenu01 a{background:url(images/cnavi_home.jpg) no-repeat; text-indent:-9999px;display: block;margin: 0;padding: 15px 0 20px;line-height: 1; } #cmenu01 a:hover{background:url(images/cnavi_home_b.jpg) no-repeat;text-indent:-9999px;} #cmenu02{ width:160px;} #cmenu02 a{background:url(images/cnavi_01.jpg) no-repeat; text-indent:-9999px;display: block;margin: 0;padding: 15px 0 20px 0;line-height: 1;} #cmenu02 a:hover{background:url(images/cnavi_01_b.jpg) no-repeat;text-indent:-9999px;} #cmenu03{ width:160px;} #cmenu03 a{background:url(images/cnavi_02.jpg) no-repeat; text-indent:-9999px;display: block;margin: 0;padding: 15px 0 20px 0;line-height: 1;} #cmenu03 a:hover{background:url(images/cnavi_02_b.jpg) no-repeat;text-indent:-9999px;} #cmenu04{ width:160px;} #cmenu04 a{background:url(images/cnavi_03.jpg) no-repeat; text-indent:-9999px;display: block;margin: 0;padding: 15px 0 20px 0;line-height: 1;} #cmenu04 a:hover{background:url(images/cnavi_03_b.jpg) no-repeat;text-indent:-9999px;} #cmenu05{ width:160px;} #cmenu05 a{background:url(images/cnavi_04.jpg) no-repeat; text-indent:-9999px;display: block;margin: 0;padding: 15px 0 20px 0;line-height: 1;} #cmenu05 a:hover{background:url(images/cnavi_04_b.jpg) no-repeat;text-indent:-9999px;} #cmenu06{ width:160px;} #cmenu06 a{background:url(images/cnavi_05.jpg) no-repeat; text-indent:-9999px;display: block;margin: 0;padding: 15px 0 20px 0;line-height: 1;} #cmenu06 a:hover{background:url(images/cnavi_05_b.jpg) no-repeat;text-indent:-9999px;} /*Headerメニューのサブメニュ*/ #sub01 li{background:#FFFFFF; line-height:40px;} #sub01 li a{border-bottom: 1px dotted #7c8c0e; background:#FFFFFF; color:#333333; text-align:center;text-indent:0; font-size:12px;padding: 5px 0 10px 0} #sub01 li a:hover{ text-decoration:underline; background:#FFFFFF;border-bottom: 1px solid #7c8c0e;text-indent:0;} /*Headerメニューのサブメニュ 制御用*/ .menu li{list-style:none;} .cmenu01{ width:160px;} .cmenu01 a{background:url(images/cnavi_home.jpg) no-repeat; text-indent:-9999px;display: block;margin: 0;padding: 15px 0 10px; } .cmenu01 a:hover{background:url(images/cnavi_home_b.jpg) no-repeat;text-indent:-9999px;} .cmenu02{ width:160px;} .cmenu02 a{background:url(images/cnavi_01.jpg) no-repeat; text-indent:-9999px;display: block;margin: 0;padding: 15px 0 10px 0;} .cmenu02 a:hover{background:url(images/cnavi_01_b.jpg) no-repeat;text-indent:-9999px;} .cmenu03{ width:160px;} .cmenu03 a{background:url(images/cnavi_02.jpg) no-repeat; text-indent:-9999px;display: block;margin: 0;padding: 15px 0 10px 0;} .cmenu03 a:hover{background:url(images/cnavi_02_b.jpg) no-repeat;text-indent:-9999px;} .cmenu04{ width:160px;} .cmenu04 a{background:url(images/cnavi_03.jpg) no-repeat; text-indent:-9999px;display: block;margin: 0;padding: 15px 0 10px 0;} .cmenu04 a:hover{background:url(images/cnavi_03_b.jpg) no-repeat;text-indent:-9999px;} .cmenu05{ width:160px;} .cmenu05 a{background:url(images/cnavi_04.jpg) no-repeat; text-indent:-9999px;display: block;margin: 0;padding: 15px 0 10px 0;} .cmenu05 a:hover{background:url(images/cnavi_04_b.jpg) no-repeat;text-indent:-9999px;} .cmenu06{ width:160px;} .cmenu06 a{background:url(images/cnavi_05.jpg) no-repeat; text-indent:-9999px;display: block;margin: 0;padding: 15px 0 10px 0;} .cmenu06 a:hover{background:url(images/cnavi_05_b.jpg) no-repeat;text-indent:-9999px;} .sub-menu li{background:#FFFFFF; line-height:1.3;} .sub-menu li a{width: 160px; border-bottom: 1px dotted #7c8c0e; background:#FFFFFF; color:#333333; text-align:center;text-indent:0; font-size:12px;padding: 5px 0 10px 0} .sub-menu li a:hover{ text-decoration:underline; background:#FFFFFF;border-bottom: 1px solid #7c8c0e;text-indent:0;} /*Headerメニューのサブメニュ動き*/ #dropmenu li ul li{overflow: hidden;height: 0;transition: .2s;} #dropmenu li:hover ul li{overflow: visible;height:100%;} /*topメニュー10個*/ #tmenu{width: 110px;float: left;display: inline;min-height: 1px;} #twaku{width: 170px;float: left;display: inline;min-height: 1px;} #tmnu01 a{background:url(images/menu_01.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu01 a:hover{background:url(images/menu_01_b.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu02 a{background:url(images/menu_02.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu02 a:hover{background:url(images/menu_02_b.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu03 a{background:url(images/menu_03.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu03 a:hover{background:url(images/menu_03_b.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu04 a{background:url(images/menu_04.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu04 a:hover{background:url(images/menu_04_b.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu05 a{background:url(images/menu_05.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu05 a:hover{background:url(images/menu_05_b.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu06 a{background:url(images/menu_06.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu06 a:hover{background:url(images/menu_06_b.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu07 a{background:url(images/menu_07.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu07 a:hover{background:url(images/menu_07_b.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu08 a{background:url(images/menu_08.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu08 a:hover{background:url(images/menu_08_b.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu09 a{background:url(images/menu_09.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu09 a:hover{background:url(images/menu_09_b.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu10 a{background:url(images/menu_10.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} #tmnu10 a:hover{background:url(images/menu_10_b.jpg) no-repeat; width:170px; height:97px; display:block; text-indent:-9999px;} /*topコンテンツ上部*/ #tcon1{width: 196px;float: left;display: inline;min-height: 1px;margin-top: 25px;} #tcon2{width: 530px;float: left;display: inline;min-height: 1px; padding-left:15px; font-size:12px;} #tcon3{width: 217px;float: left;display: inline;min-height: 1px;margin-top: 20px;} #tcon3 a{background:url(images/bnr_mail.jpg) no-repeat; width:217px; height:60px; display:block; text-indent:-9999px;} #tcon3 a:hover{background:url(images/bnr_mail_b.jpg) no-repeat;} /*パンくず*/ #pankuzu{padding-left:8px; margin-right:8px; border-bottom:1px dashed #E5E5E5;} /*コンテンツページ*/ .main1{width:1000px;margin: 0 auto;position: relative;} #content{width: 667px;margin: 0 auto;margin-top: 0px;float:right;min-height:500px; padding-right:20px;word-wrap: break-word;} #side-bar li{list-style:none;} .migiside{ width:268px; float:right; margin-top:10px; padding-right:20px;} .entry_top{ margin-top:15px;} #content_naka{ width:960px; padding:0 20px;} .entry_naka{margin:10px 0 5px 0;} /* サイドメニュー */ #side01 a{background:url(images/bnr268_pg.jpg) no-repeat; width:268px; height:83px;display:block; text-indent:-9999px;} #side01 a:hover{background:url(images/bnr268_pg_b.jpg) no-repeat;} #side02{ margin:15px 0;} #side02 a{background:url(images/bnr268_nagare.jpg) no-repeat; width:268px; height:83px;display:block; text-indent:-9999px;} #side02 a:hover{background:url(images/bnr268_nagare_b.jpg) no-repeat;} #side03{background:url(images/info268_base.jpg) no-repeat; width:268px;} #side03 div{ font-size:12px; line-height:1.5; padding:50px 10px 0 15px;} /* Footer */ #footer{width:auto;background:url(images/base1000_02.jpg) repeat-y;} #copright{text-align:center; padding:10px 0;} /*コンテンツ内のページトップボタン*/ #pagetop{margin:10px 0;} #pagetop a{background:url(images/img_pagetop.jpg) no-repeat; height:26px;display: block;position: relative;text-indent: -9999px;overflow: hidden; margin-left:880px;} /*post in page*/ .p-year{background:url(images/news_ten.jpg) no-repeat; height:12px;line-height:15px;color:#C06317;font-size:11px; padding-left:20px; margin:0 0 10px 20px;} #seigyo{padding:10px 30px 10px 55px;} #seigyo2{padding:10px 20px;} /*post in page用トップページ*/ #news_top1{background:url(images/news_t1.jpg) no-repeat;height:60px; width:667px;} #news_top2{background:url(images/news_base.jpg) repeat-y; width:667px;} #news_top3{background:url(images/news_st.jpg) no-repeat;height:26px; width:667px;} #news_top1-2{background:url(images/news_t2.jpg) no-repeat;height:47px; width:667px; margin-top:25px;} /*ショップ案内*/ #shop_con1{background:url(images/title_c_04.jpg) no-repeat;height:60px; margin:10px 0; padding:0 10px; text-indent:-9999px;} #shop_hida{float:left; width:525px;} #shop_migi{float:right; width:400px;} #shop_con2{border-top:dashed #cc6633 1px;} #shop_con2 th{width:130px;font-size:14px;font-weight:bold; padding:10px 0 10px 20px;border-bottom:dashed #cc6633 1px; text-align:left; vertical-align:top;} #shop_con2 td{ width:395px; border-bottom:dashed #cc6633 1px; padding:10px 0; font-size:14px; display:block;} #shop_con3{background:url(images/title_f.jpg) no-repeat;height:40px; margin:10px 0; padding:0 10px; text-indent:-9999px; clear:both; margin-top:30px;} /*ページ下バナー*/ #sita_bana li{display: inline-block; width:470px;} .bana01 a{background:url(images/bnr470_01.jpg) no-repeat; height:150px; display:block; text-indent:-9999px;} .bana01 a:hover{background:url(images/bnr470_01_b.jpg) no-repeat; height:150px; display:block; text-indent:-9999px;} .bana02{margin-left:10px;} .bana02 a{background:url(images/bnr470_02.jpg) no-repeat; height:150px; display:block; text-indent:-9999px; margin:10px 0;} .bana02 a:hover{background:url(images/bnr470_02_b.jpg) no-repeat; height:150px; display:block; text-indent:-9999px;} /*インフォメーションページ*/ #info_con1{background:url(images/title_c_03.jpg) no-repeat;height:60px; margin:10px 0; padding:0 10px; text-indent:-9999px;} #info_con1_1{ padding:5px 10px 10px 10px;} #info_con1_2{background:url(images/base_step_01.jpg) no-repeat; width:880px; margin:0 40px;} #info_con1_2 h4{height:43px; padding-left:70px; font-size:18px; line-height:60px; color:#339900; margin-bottom:20px;} #info_con1_3{padding-left:12px; width:644px; font-size:16px;display: inline-block;vertical-align: text-top;} #info_con1_4{padding-right:12px; width:200px;display: inline-block;vertical-align: text-top;} #info_con1_5{margin:0 40px;} #info_con2{margin:10px 40px;} #info_con2 td{background:url(images/base_step_01_a.jpg) no-repeat;height:60px;height:43px; padding-left:70px; font-size:18px; line-height:60px; color:#339900; font-weight:bold;} #info_con2_1{margin:15px 40px;} #info_con2_1 td{vertical-align:top; font-size:14px;} /*撮影メニューページ*/ #menu_con1{ margin:10px 0;} #menu_con1 td{background:url(images/title_a.jpg) no-repeat;height:60px;font-size:22px; color:#A29384; line-height:60px; font-weight:bold;padding-left: 60px; padding-top:3px;} #menu_con1_1{margin-bottom:10px; font-size:14px;} #menu_con1_2{background:url(images/title_b_01.jpg) no-repeat;height:43px; margin:10px 40px; padding:0 10px; text-indent:-9999px;} #menu_con2{margin:10px 40px;} #menu_con2 td{vertical-align:top; font-size:14px;} #menu_con2 td img{border:#FFFFFF solid 5px;} #menu_con2 td h4{color:#339900; font-size:18px; font-weight:bold; margin-bottom:5px;} #menu_con3{background:url(images/title_b_02.jpg) no-repeat;height:43px; margin:10px 40px; padding:0 10px; text-indent:-9999px;} #menu_con4{background:url(images/title_b_03.jpg) no-repeat;height:43px; margin:10px 40px; padding:0 10px; text-indent:-9999px;} #menu_con5{margin:10px 40px; margin-bottom:30px;} #menu_con5 ul{ margin-left:10px;} #menu_con5 li{display: inline-block; width:270px; margin-left:10px;} #menu_con5 h3{ color:#339900;} #menu_con6{margin:10px 40px; margin-bottom:20px; clear:both;} #menu_con6 ul{ margin-left:30px;} #menu_con6 li{display: inline-block; width:270px; margin-left:90px;} #menu_con6 h3{ color:#339900;} #menu_con7{margin:10px 80px; border:#CCCCCC solid 1px; margin-bottom:20px;} #menu_con7 div{padding:10px;} #menu_con7 div h4{color:#339900; padding:5px 0; font-size:14px;} #menu_con8{margin:10px 80px; margin-bottom:30px; font-size:12px;} /*フォトギャラリーページ*/ #photo_con1{background:url(images/title_c_02.jpg) no-repeat;height:60px; margin:10px 0; padding:0 10px; text-indent:-9999px;} #photo_con2{background:url(images/title_d.jpg) no-repeat;height:45px; margin:10px 40px; padding:0 40px;} #photo_con2 h2{color:#339900; font-size:14px; line-height:45px;} #photo_con3{margin:20px 40px; font-size:14px;} #photo_con4{margin:10px 0; margin-bottom:20px; clear:both;} #photo_con4 li{display: inline-block; width:315px;} #photo_con4 li img{border:#FFFFFF solid 3px;} /*お問い合わせ*/ #toi_con{background:url(images/title_c_05.jpg) no-repeat;height:60px; margin:10px 0; padding:0 10px; text-indent:-9999px;} #toi_con0{margin:20px 40px; font-size:14px;} #toi_con1{background:url(images/base_880_01.jpg) no-repeat; margin:0 40px; height:60px;} #toi_con2{background:url(images/base_880_02.jpg) repeat-y; margin:0 40px; padding:0 20px;} #toi_con3{background:url(images/base_880_03.jpg) no-repeat; margin:0 40px; height:25px;} /*トップイベント*/ #top_ive td{ vertical-align:top;} /*mwformお問合せ*/ #nw-form{margin: 0 auto;border-collapse: collapse;border-spacing: 0; width: 100%;} #nw-form tr{border-bottom: #ccc solid 1px;} #nw-form tr:hover{background-color: #F8F8F8;} #nw-form th,#nw-form td{padding: 15px;} #nw-form th{padding: 15px 0;border-bottom: 1px solid #ccc; text-align: left;vertical-align: top;font-weight: bold;} .form-con{padding: 0 15px;} .mw_kakunin{background:url(images/kakuninimg.jpg) no-repeat;text-indent: 100%;white-space: nowrap;overflow: hidden; width: 100px; height: 30px;border:0px solid;cursor:pointer;font-size: 0px;} .mw_modoru{background:url(images/modoruimg.jpg) no-repeat;text-indent: 100%;white-space: nowrap;overflow: hidden; width: 100px; height: 30px;border:0px solid;cursor:pointer;font-size: 0px;} .mw_sousin{background:url(images/sousinimg.jpg) no-repeat;text-indent: 100%;white-space: nowrap;overflow: hidden; width: 100px; height: 30px;border:0px solid;cursor:pointer;font-size: 0px;} @media only screen and (max-width: 600px){ #nw-form{border: 1px solid #ccc; border-bottom-width: 0; margin: 2em auto;} #nw-form th{background-color: #f4f4f4;border-bottom: #ccc solid 1px; text-align: left; float: left;clear: both;width: 100%;} #nw-form td{float: left;clear: both;width: 100%;} } /*mwformお問合せ確認完了*/ .mw_nagare01{background:url(images/toiawase-img001.png) no-repeat center;text-indent: 100%;white-space: nowrap;overflow: hidden; height: 30px;margin: 15px 0; font-size: 0px;} .mw_nagare02{background:url(images/toiawase-img002.png) no-repeat center;text-indent: 100%;white-space: nowrap;overflow: hidden; height: 30px;margin: 15px 0; font-size: 0px;} .mw_nagare03{background:url(images/toiawase-img003.png) no-repeat center;text-indent: 100%;white-space: nowrap;overflow: hidden; height: 30px;margin: 15px 0; font-size: 0px;} @media only screen and (max-width: 600px){ .mw_nagare01, .mw_nagare02, .mw_nagare03{background-size:100% 30px;} }