@charset "utf-8";
/* CSS Document */

/*
共通スタイルシート
*/

body {
	text-align: center;		/* WinIE5.5以下,IE6Quirksモード対策 */
	background-color: lightgray;
}

#container {				/* コンテンツ幅 */
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;		/* WinIE5.5以下,IE6Quirksモード対策 */
	background-color: white;
}

#wrapper {
	padding: 10px;
/*スタイルカスタマイズ値*/
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

h1 {
	font-size: 160%;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 140%;
}
h4 {
	font-size: 130%;
}
h5 {
	font-size: 120%;
}
h6 {
	font-size: 110%;
}

#exceed_menu {
	margin: 0;
	padding: 0;
	height: 30px;
	background-color: gray;
	background-image: url(image/em_bg.gif);
}

#exceed_menu ul{			/* リスト表示を解除 */
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#exceed_menu li.em_left {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
}

#exceed_menu li.em_right {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
}

#exceed_menu a {
	text-decoration: none;
	color: white;
	display: block;
	padding: 0.5em 0;
	width: 100%;
}

#exceed_menu a:hover {
	color: yellow;
}

#header {
	clear: both;
}

#footer {
	clear: both;
	background-color: lightgray;
	text-align: center;
}

#QR_box {
	width: 135px;
	height: 135px;
	float: left;
}
#QR_info {
	padding: 10px;
	float: left;
}

div.kadomaru {
	border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */

	border: 3px green solid;     /* 枠線の装飾 */
	background-color: #ccffcc;   /* 背景色 */
 
	padding: 10px;
}

div.clear {
	clear: both;
}

/* メニュー */

#menu {
	margin: 0;
	padding: 0;
	height: 30px;
	background-color: gray;
	background-image: url(../image/menu_bg.gif);
	background-repeat: repeat-x;
}
#menu ul{			/* リスト表示を解除 */
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#menu li {
	float: left;
	width: 130px;
	margin: 0;
	padding: 0;
}
#menu a {
	text-decoration: none;
	color: white;
	display: block;
	padding: 0 0;
	width: 100%;
}

#menu a:hover {
	color: red;
	background-color: yellow;
}

.dkirBox {
	position: relative;
	z-index: 3;
	zoom: 1; /* いらない場合も */
}
.dkirMenu1 {
	background: url(../image/menu.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 130px;
	height: 30px;
	background-position: 0px 0px;
}
.dkirMenu1:hover {
	background-position: 0px -30px;
}
.dkirMenu1 span {
	position: relative;
	z-index: -1; /* テクニックの要！ */
}
.dkirMenu2 {
	background: url(../image/menu.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 130px;
	height: 30px;
	background-position: -130px 0px;
}
.dkirMenu2:hover {
	background-position: -130px -30px;
}
.dkirMenu2 span {
	position: relative;
	z-index: -1; /* テクニックの要！ */
}
.dkirMenu3 {
	background: url(../image/menu.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 130px;
	height: 30px;
	background-position: -260px 0px;
}
.dkirMenu3:hover {
	background-position: -260px -30px;
}
.dkirMenu3 span {
	position: relative;
	z-index: -1; /* テクニックの要！ */
}
.dkirMenu4 {
	background: url(../image/menu.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 130px;
	height: 30px;
	background-position: -390px 0px;
}
.dkirMenu4:hover {
	background-position: -390px -30px;
}
.dkirMenu4 span {
	position: relative;
	z-index: -1; /* テクニックの要！ */
}
.dkirMenu5 {
	background: url(../image/menu.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 130px;
	height: 30px;
	background-position: -520px 0px;
}
.dkirMenu5:hover {
	background-position: -520px -30px;
}
.dkirMenu5 span {
	position: relative;
	z-index: -1; /* テクニックの要！ */
}
.dkirMenu6 {
	background: url(../image/menu.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 130px;
	height: 30px;
	background-position: -650px 0px;
}
.dkirMenu6:hover {
	background-position: -650px -30px;
}
.dkirMenu6 span {
	position: relative;
	z-index: -1; /* テクニックの要！ */
}
.dkirMenu7 {
	background: url(../image/menu.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 130px;
	height: 30px;
	background-position: -780px 0px;
}
.dkirMenu7:hover {
	background-position: -780px -30px;
}
.dkirMenu7 span {
	position: relative;
	z-index: -1; /* テクニックの要！ */
}