@charset "UTF-8"; * { margin: 0; padding: 0; } img { border: 0px; vertical-align: top; } ul > li { list-style-type: none; } a { text-decoration:none; } a:hover { text-decoration:underline; } input[type="text"] { font-size: 1.375rem; line-height:1.5rem !important; height: 40px !important; } input[type="submit"]:disabled { background-color: #666 !important; cursor: default !important; } body.layout-ja { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; } /* 600px用 ***************************************/ body.layout600 #header{ border-bottom: 1px solid #dcdcdc; padding-bottom:5px; /*min-width:618px;*/ width: 600px; margin: 0px auto; } body.layout600 #logo{ float: left; width: 283px; padding:13px 0px 0px 0px; } body.layout600 #header .area{ /*width:600px;*/ width:auto; } body.layout600 #headlink { float: right; margin: 20px 9px 15px 0px; padding:0px; } body.layout600 #headlink p a{ text-decoration: none; color: #000; } body.layout600 #headlink p span{ vertical-align: middle; } body.layout600 #contents{ width:600px; clear:both; margin:15px auto; float:none; padding:0px 9px; text-align:left; } body.layout600 #contents .area{ margin-bottom: 20px; } body.layout600 #contents p{ margin:0px 0px 5px 0px; } body.layout600 #contents h1{ font-size: 1.75rem; } body.layout600 #contents h1 span{ font-size: 1.0rem; } body.layout600 #contents h2{ padding: 10px 0 2px; line-height: 1.2; font-size: 1.0rem; font-weight: bold; } body.layout600 #footer{ /*min-width:618px;*/ width: 600px; margin: 0px auto; } body.layout600 #footer #copyright{ float:none; width:auto; text-align:right; padding:0px 0px 0px 5px; margin:0px; } /* 600px以下 ***************************************/ @media screen and (max-width: 600px) { body.layout600 #contents, body.layout600 #header, body.layout600 #footer { width: 100%; } body.layout600 #contents { padding-right: 7px !important; padding-left: 7px !important; box-sizing: border-box; } .elem_column_block .elem_column_block_pad { padding: 25px 15px 15px !important; } body.layout600 #footer > * { padding-right: 7px !important; padding-left: 7px !important; } body.layout600 #footer .clearfix > div { float: none !important; width: auto !important; margin: auto; } } /* clearfix *****************************************************************************************************************************/ .clearfix, #contents, #header .area, #headlink ul, #contents .area, #footer .area, #center, .area{ zoom: 1; } .clearfix:after, #contents:after, #header .area:after, #headlink ul:after, #contents .area:after, #footer .area:after, .area:after{ clear: both; height: 0px; visibility: hidden; display: block; content: "."; } /* End clearfix */