﻿* {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p, address {
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
}

body {
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color:#ffffcc;
}

td, th {
	font-size: 0.9em;
}

li {
	font-size: 1em;
	margin-left:20px;
	line-height:150%;	
}

a {
	color:#FF3366;
}

option {
	margin-right: 4px;
}


/* レイアウト構成 */
#container {
	width: 98%;
	text-align: left;
	margin: 0px auto 0px 10px;
	min-width: 720px;
	background-color:#FFFFFF;
	border:1px solid #cccccc; 
}

#container2 {
	width: 98%;
	text-align: left;
	margin: 0px auto 0px 10px;
	max-width: 780px;
	background-color:#FFFFFF;
	border:1px solid #cccccc; 
}

#header {
	width: 100%;
	height: 80px;
	background-image:url(img/title_back.gif);
	background-repeat:repeat-x;
	margin-bottom:7px;
}
#header h1 {
	font-size: 1.2em;
	padding: 6px 10px;
}
#contents {
	margin-left:20px;
	margin-right:20px;
}
#central {
	width:100%;
	margin-right: -175px;
	float: left;
	font-size: 0.8em;
}
/*
#central #locationdata,
#central #commentarea,
*/
#central #formarea,
#central #gmap, #menu, #head {
	margin-right: 185px;
}

#gmap {
	margin-bottom:10px;
}

#rightside {
	width: 175px;
	background-color: #ebf3f3;
	float: left;
}

#new {
	color:#333333;
	margin:7px 4px 5px;
}

#footer {
	clear: both;
	text-align:center;
	padding-bottom:15px;
	padding-top:15px;
}

#footer p {
	font-size: 0.8em;
	margin-top:15px;
}

h1 img {
	position:absolute;
	top:40px;
	left:30px;
}

#oyako {
	position:absolute;
	top:10px;
	left:600px;
}

#logo {
	position:absolute;
	top:0px;
	left:10px;
}

#head {
	margin-bottom: 10px;
}

#head p {
	line-height:125%;
	max-width:740px;
	width:98%;
}

#head2 {
	margin-bottom: 10px;
	line-height:125%;
	max-width:740px;
}

#present {
	margin-bottom:5px;
}

#guide {
	width:80%;
}

#to-guide {
	text-align:center;
	width:60%;
	font-weight:bold;
	font-size:1.2em;
	color:#666666;
}

.mini {
	width:20%;
	font-size:0.75em;
	line-height:1.8em;
	margin-bottom:5px;
}

.red {
	color:#FF0000;
}

#k-top {
	font-size:1em;
	font-weight:bold;
	text-align:center;
}

#k-top2 {
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}

#menu {
	margin-top: 3px;
}

#rule {
	border:3px solid #FF9999;
	padding:20px;
	max-width:580px;
	margin:5px auto;
}

#rule .red-title2 {
	background-image:url(img/canpen.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:30px;
	margin-bottom:20px;
}

#rule img {
	border:1px solid #cccccc;
}

#rule li {
	clear:right;
}

#sample {
	float:right;
	margin-left:5px;
	margin-bottom:10px;
}

#sample  img {
	border:0px;
}

#sample p {
	font-size:10px;
	text-align:right;
}

ol img {
	float:right;
	margin-left:5px;	
	margin-bottom:10px;
}	

ol .rule {
	line-height:150%;
	margin-left:20px;
}

ol .rule2 {
	line-height:150%;
	margin-left:40px;
}

.red-title {
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	color:#FF3333;
	margin-bottom:15px;	
}

#setmapinfo {
	margin-top:10px;
	margin-bottom:10px;
}

#setmapinfo a {
	font-weight:bold;
}


/* 右サイドエリア */
#new .toko {
	font-weight:bold;
	text-align:center;
	margin-bottom:5px;
}

#new .toko2 {
	font-size:0.65em;
	line-height:125%;
}

#rightdata {
	padding: 2px 4px;
	background-color: #ebf3f3;
	width:167px;
}
#rightdata .locdata {
	border: 1px solid #999999;
	background-color: #ffffff;
	margin-bottom: 4px;
	padding: 4px 4px 4px 2px;
	min-height:32px;
	clear: both;
	width:159px;
}
#rightdata .locdata h3 {
	font-weight: normal;
	font-size: 0.8em;
	width:159px;	
}
#rightdata .locdata p {
	font-size: 0.8em;
}
#rightdata .locdata img {
	vertical-align: middle;
	margin-right: 2px;
	float:left;
	background-color: #ffffff;
	behavior: expression(IEPNGFIX.fix(this));
}


/* データチェック参照エリア */
#dbdata th,
#dbdata td {
	border: 1px solid #ff6600;
	padding: 4px;
}

/* 右クリックメニュー */
#rclick {
	background-color: #f9fff9;
	font-size: 9pt;
	padding: 2px 4px;
	border: 1px solid #a0a0ff;
	z-index: 100;
}

/* ロケーション登録フォーム */
#addlocation {
	padding: 6px;
}
#formarea {
	margin-top:5px;
}

#formarea input {
	font-size: 1em;
}
#formarea th,
#formarea td {
	padding: 2px 4px;
	vertical-align: top;
}
#formarea th {
	text-align: right;
	background-color: #FF9966;
	color: #ffffff;
	width: 100px;
}

#formarea td span {
	font-size: 1em;
}

#formarea .hissu {
	background-color: #FF7733;
	color: #ffffff;
}

/* データ表示エリア */
#locationdata {
	margin: 4px 0;
	padding: 8px;
	border: 1px solid #ffcc99;
	color: #333333;
}
#locationdata p {
	line-height: 120%;
}
#locationdata p.category {
	color: #666666;
	line-height: 110%;
	font-size: 1em;
	float: right;
}
#locationdata p.cdate {
	color: #666666;
	text-align: right;
	font-size: 1em;
}
#locationdata p.maintit {
	background-color: #fffce8;
	color: #101010;
}
#locationdata .head {
	padding: 4px 0px 4px 10px;
}
#locationdata h3 {
	color: #ff6600;
	float:left;
}
#locationdata .icon {
	color: #666666;
	float:right;
}

#locationdata img {
	vertical-align:middle;
}
#locationdata p.url {
	margin-left:10px;
	clear:both;
}
#locationdata p.cont {
	margin-left:10px;
}

#locationdata p.commentadd {
	margin-top: 10px;
	margin-left:10px;
}

#locationdata p.commentadd img {
	margin-right: 4px;
}

#commentarea {
	margin: 4px 0;
}

#commentarea .commarea0,
#commentarea .commarea1 {
	border: 1px solid #e0e0e0;
	padding: 8px;
	margin: 2px 0 2px 40px;
}
#commentarea .commarea0 {
	border: 1px solid #ffd6a3;
	background-color: #fff7e5;
}

#commentarea h4 {
	padding: 2px 10px 4px;
	color: #ff6600;
	font-size: 1em;
}
#commentarea p {
	line-height: 140%;
	margin-left: 10px;
	margin-right: 10px;
	padding: 2px;
}
#commentarea p.msgdate {
	margin-left: 0;
}
#commentarea p.msgmain {
	border-top: 1px solid #ffd6a3;
}


