@charset "UTF-8"; /*初期設定 ----------------------------------------------------*/ body { min-width: 320px; font: normal normal 16px/1.5 Meiryo, sans-serif; color: #555555; } a {text-decoration: none;} h1 { background-image: url(../images/h1.png); background-repeat: no-repeat; margin: 0 0 20px 0; padding: 0 0 0 30px; font-size: 18px; font-weight: bold; } h2 { font-size: 16px; font-weight: bold; color: #336699; border-left-width: 6px; border-left-style: solid; border-left-color: #800012; padding: 4px 0 0 8px; line-height: 1em; } h3 { font-size: 16px; font-weight: bold; color: #336699; line-height: 1em; margin: 0 0 10px 0; } .red {color: #FF0000;} .white {color: #FFFFFF;} .small {font-size: 12px} img { max-width: 100%; height: auto; } hr {color: #ccc} pre {font: normal normal 16px/1.5 Meiryo, sans-serif} .clear {clear: both;} /*layout ----------------------------------------------------*/ header { background-color: #fff; width: 100%; } .logo { width: 150px; height: 17px; margin: -30px auto 0; } #menu {display: none;} #content { width: 100%; padding: 12px 10px; background-color: #fff; } #content a{color: #66F;} .textbox{margin-bottom: 20px;} .photo200{float: left; width:40%; margin: 0 20px 5px 0;} .photo200r{float: right; width:40%; margin: 0 0 5px 20px;} .photo900{width:100%; margin: 0 0 5px 0;} .photo750{float: left;width:100%; margin: 0 0 5px 0;} .photo750_2{float: left;width:100%; margin: 0 0 5px 0;} .photolist290{width:100%; margin: 0 0 15px 0;} .photolist290_r{width:100%; margin: 0 0 15px 0;} .photolist365{ float: left; width:45%; margin: 0 0 15px 0; text-align: center; } .space20{float: left; width:20px; margin: 0;} .paypal200{float: left; width:40%; margin: 0;} .tr1{background-color:#339999; color:#fff; text-align:center} .tr2{background-color:#EEEEEE; text-align:center} .tr3{background-color:#BDC6E6; text-align:center} .form1{width:100%; border-collapse: collapse;} .form1 th, .form1 td { border-top: 1px solid #d7d7d7; padding: 20px; display: block; border-bottom: none; } .form1 th { background: #99cccc; position: relative; text-align: left; } .voice{ margin-bottom: 20px; padding: 20px; border: 1px solid #666; } .link li { margin: 0 0 5px -40px; padding-bottom: 5px; border-bottom: 1px solid #666; list-style-type: none; } footer { clear: both; padding: 30px 0; color: #666; text-align: center; font-size: 12px; } /*media Queries ----------------------------------------------------*/ @media only screen and (min-width: 960px) { body {background-image: url(../images/bg.gif);} header { width: 980px; height: 60px; margin: 0 auto; } .logo { float: left; width: 180px; margin: 30px 0 0 40px; } #menu { float: left; display: block; width: 700px; margin: 27px 0 0 -20px; list-style-type: none; } #menu li{ float: left; margin-right: 15px; font-size: 16px; } #menu li a{ color: #555; padding: 0 6px; } #menu li a:hover { color: #fff; background-color: #800012; padding: 0 6px; border-radius: 4px} .slicknav_menu {display: none;} #content { width: 900px; margin: 0 auto; padding: 15px 40px; min-height: 500px; clear: both; } .photolist290{float: left; width:290px; margin: 0 15px 15px 0;} .photolist290_r{float: left; width:290px; margin: 0 0 15px 0;} .photolist365{float: left; width:200px; margin: 0 0 15px 0;} .photo200{width:200px; margin: 0 20px 5px 0} .photo200r{width:200px; margin: 0 0 5px 20px;} .photo900{width:900px; margin: 0 0 5px 0;} .photo750{width:50%; margin: 0 20px 5px 0} .photo750_2{width:60%; margin: 0 20px 5px 0} .paypal200{float: left; width:200px; margin: 0} .form1 th {border-bottom: 1px solid #d7d7d7;}