@charset "UTF-8";

body {
	margin:0;
	padding:0;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	background-image: url(img/blue_bg.jpg);
	background-repeat: repeat-x;
	line-height: 18px;
}
img {border:none;}
h1 {margin:0; padding:2px 50px; font-size:x-small; color:#555; text-align:right;}
#Wrapper {width:770px; margin:20px auto 5px; background:url(img/wrap_bg.jpg) repeat-y;}
#Header { height:89px;background:url(img/head.jpg) no-repeat; margin:0 10px;}

ul#GNav {margin:0 0 10px; padding:0 10px; list-style:none; float:left;}
ul#GNav li {margin:0; padding:0; float:left;}

#Footer { width:760px; margin:0 auto;}

#Cont {margin:0 20px 0; clear:both;}

#Cont2 {margin:0 15px 0; clear:both; border:1px solid #eee;background:url(img/bg_space.jpg) repeat-y #fff;}
#Cont2 h2,
#Cont3 h2  { margin:0; padding:0;}
#Cont2 h3,#Cont4 h3,
#diaryPro .diary h3 { margin:10px 0; padding:0 0 0 24px; background:url(img/h3.jpg) no-repeat; line-height:30px; padding-top:3px; color:#c30;}
#Cont2 h4,#Cont4 h4,
#diaryPro .diary h4 {
	padding-left:16px;
	background:url(img/li.jpg) no-repeat left center;
	color:#050;
	line-height:20px;
	font-size:14px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 5px;
}
#Cont4 h4{
	padding-left:16px;
	background:url(img/li.jpg) no-repeat left center;
	color:#050;
	line-height:20px;
	font-size:12px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 5px;
}

#Cont3 {margin:0 15px 0; clear:both; border:1px solid #eee;background: #fff;}
#Cont4 {margin:0 15px 0; clear:both; border:1px solid #eee;background: #fff;}

#Spacer {float:left; width:250px;}
#mainContents { width:488px; float:left;}
#mainContents p {line-height:150%; margin:10px 5px;}

img.left { float:left; margin:0 5px 5px 2px;}
img.right { float:right; margin:0 2px 5px 5px;}

.LeftBox { float:left; width:525px;}
.RightBox { float:right; width:190px;}
.RightBox p {line-height:125%;color:#444;font-size:11px;border:1px solid #960;padding:3px;background-color:#EDDFC3}
.RightBox p strong { color:#500; font-size:120%;}

dl#News {margin:0; padding:5px; background:#fff;}
dl#News dt { padding-top:5px; color:#600; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
dl#News dd { margin:0;padding-bottom:5px; background-image:url(img/dotbar_w.jpg); background-position:bottom; background-repeat:repeat-x; color:#333; font-size:12px;}

#News a {color:#c60;text-decoration:none;}
#News a:link,
#News a:active,
#News a:visted {color:#930;text-decoration:none;}
#News a:focus,
#News a:hover {text-decoration:underline;}

ul#Examp { margin:5px 0 0 ; padding:0; list-style:none;}
ul#Examp li {margin:0 0 3px; padding:0;}

.Banner {margin:0; padding:0; list-style:none; width:800px; float:left;}

.copy { float:right; font-family:sans-serif; font-size:11px; color:#555;}
.swf { clear:both; background:url(img/swf.jpg) no-repeat;margin:0 15px 10px; padding:5px;}

.links { clear:both; border-top:1px dotted #c60; color:#444; text-align:center; margin:10px 10px 0; padding:3px 3px 5px; font-size:10px;}
.links a {padding:0 5px;}
.links a:link,
.links a:visited,
.links a:active { color:#930;text-decoration:none;}
.links a:hover,
.links a:focus {text-decoration:underline;}
table.info,
table.mail {background:#ccc; margin:10px 9px; width:470px}
.info th { font-size:12px; border-right:4px solid #040; padding:1px 4px 1px 0; text-align:right; background:#f3f3f3;}
.info td { font-size:12px; background:#fff; padding-left:5px;}
.mail th {font-size:12px; border-right:4px solid #f50; padding-right:4px; text-align:right;background:#f3f3f3; width:30%;}
.mail td {background:#fff; text-align:center;}
table.price {background:#ccc; margin:10px  auto; width:400px}
table.price thead th { background:#990033;color:#fff;}
table.price tbody th { background:#ffc;}
table.price tbody td { text-align:center; background:#fff; color:#00c;}
table.price tbody td.red { color:#c00; font-weight:bold; font-size:16px}

input.reg,textarea {width:99%;}
small {font-size:11px;}
strong {color:#c00; text-decoration:underline;}
em {color:#039; font-style:normal;}
#link_body p {
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.feature_text p {
	padding-right: 10px;
	padding-left: 5px;
}
#frow{
	margin: 10px;
}
#frow td {
	padding: 10px;
}