kitagata_old/css/base.css

@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;
}