@charset "utf-8"; /* ********************************************** * html定義 css * * 画面の大きさ・位置定義 * * css 基本定義順番 * 関数 { * position * display * left * top * rigth * buttom * width * height * margin * padding * } * ********************************************** */ /* * 2014/02/26 * body 大きさ定義 * * 2014/03/03 * p, ul, img * 余白0に定義 * div#main * 全体の高さ取得用に定義 */ @media screen and (-webkit-min-device-pixel-ratio:0) { .csshack { font-size: 14px; }} html { width: 100%; margin: 0 auto; background-color: #ffffff; } body { position: relative; display: block; width: auto; /*width: 1000px;*/ margin: 0 auto; padding: 0; /*background-image: url(img/kitagata_background.png);*/ line-height:120%; } body#back{ background-image: url(img/kitagata_background.png); } p, img, span { margin: 0; padding: 0; } ul { margin: 0 0 0 1em; padding: 0; } div#main { position: relative; display: block; left: 0px; top: 0px; height: 100%; width: 920px; /*margin: 0px 0px 0px 0px;*/ margin: 0 auto; padding: 10px 40px 40px 40px; } .gothic { font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; } .mincho { font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; /*font-family:'Hiragino Mincho ProN', serif;*/ } input#button1{ background-image: url(img/1_backcircle_red.png); } input#button2{ background-image: url(img/2_backcircle_gray.png); } input#button3{ background-image: url(img/3_backcircle_gray.png); } .u{ text-decoration: underline; } .borderall{ display: inline-block; border: solid 1px #000000; padding: 0px 0px 0px 0px; margin: 0px 0px 3px 0px; }