/* main styles */
div#container {
  	position: relative;
  	width:800px;
  	height: auto;
  	margin: 0 auto;
  	padding: 0;
  	color: #333333;
  	background-color:#FFFFFF;
  	text-align: left;
}
div#header {
  	width: auto;
  	height: 75px;
  	overflow: hidden;
  	background-color: transparent;
  	background-image: url(../image/gradBarTop.gif);  
  	background-repeat: no-repeat;
  	background-position: 0 0;
}
div#header p#logo {
  	margin: 40px 0 0 20px;
  	text-indent: 0;
}
div#header p#logo img {
  	border: none;
}
div#header h1, div#header p {
  	text-indent: -9999px;
}
ul#sitePolicy {
  	display: block;
  	position: absolute;
  	top: 45px;
  	right: 20px;
  	width: 200px;
  	height: auto;
  	margin: 0 0 1em 0;
  	text-align: right;
}
ul#sitePolicy li {
  	display: block;
  	float: right;
  	font-size: 11px;
  	text-transform: lowercase;
}
ul#sitePolicy a {
  	display:block;
  	width: auto;
  	height: auto;
  	padding: 0 10px;
  	border-right: 1px solid #c0c0c0;
}
ul#sitePolicy li#sitemap a {
  	margin-right: 0;
  	padding-right: 0;
  	border-right: none;
}
ul#mainNavi {
  	display: block;
  	position: absolute;
  	top: 0px;
  	left: 20px;
  	margin-bottom: 0;
}
ul#mainNavi a {
  	display:block;
  	width: 60px;
  	height: 14px;
  	padding: 8px 10px;
  	border-right: 1px solid #0099cc;
}
ul#mainNavi li {
  	float: left;
  	margin: 0 auto;
  	font-size: 11px;
  	font-weight: normal;
  	text-align: center;
  	text-transform: uppercase;
}
ul#mainNavi a:link, ul#mainNavi a:visited {
  	color: #ffffff;
  	background-color: transparent;
}
ul#mainNavi a:hover, ul#mainNavi a:active {
  	background-image: url(../image/gradBarOn.gif);
  	background-repeat: repeat-x;
  	border-bottom: 2px solid #003399;
}
ul#mainNavi li#mHome a {
  	border-left: 1px solid #0099cc;
}
div#siteBanner {
  	clear: both;
  	display: inline;
  	float: left;
  	width: 560px;
  	height: 112px;
  	color: #000000;
  	background-color: transparent;
  	background-image: url(../image/create_logo.gif);
  	background-repeat: no-repeat;
  	background-position: 20px 0px;
}
div#subNavi {
  	display: inline;
  	float: right;
  	width: 200px;
	w\idth: 150px;
  	height: auto;
  	margin: 0;
  	padding: 0 20px 0 30px;
  	background-color: transparent;
  	background-image: url(../image/subNavBG.gif);
  	background-repeat: no-repeat;
  	background-position: 0 0;
}
div#subNavi ul {
  	margin-bottom: 2em;
}
div#subNavi li {
  	font-size: 95%;
  	font-weight: normal;
  	line-height: 150%;
  	text-transform: uppercase;
}
div#subNavi li a {
	margin:0px;
	padding:0px;
	height:35px;
	width:170px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}
/*---------ここからsubnavi追加-------------*/
div#subNavi li#sn1 a {
	background:url(../image/btn/btn_guide.gif) no-repeat;
}
div#subNavi li#sn1 a:hover {
	background:url(../image/btn/btn_guide_ro.gif) no-repeat;
}
div#subNavi li#sn2 a {
	background:url(../image/btn/btn_lan.gif) no-repeat;
}
div#subNavi li#sn2 a:hover {
	background:url(../image/btn/btn_lan_ro.gif) no-repeat;
}
div#subNavi li#sn3 a {
	background:url(../image/btn/btn_mcpet.gif) no-repeat;
}
div#subNavi li#sn3 a:hover {
	background:url(../image/btn/btn_mcpet_ro.gif) no-repeat;
}
div#subNavi li#sn4 a {
	background:url(../image/btn/btn_create_dis.gif) no-repeat;
}
div#subNavi li#sn4 a:hover {
	background:url(../image/btn/btn_create_ro.gif) no-repeat;
}
div#subNavi em {
	visibility:hidden;
	font-size:9px;
	color:#FFFFFF;
}
/*ここまで*/
div#subNavi dt {
  	font-size: 100%;
  	font-weight: bold;
}
div#subNavi dd {
  	font-size: 95%;
}
div#subNavi h2, div#mainContents h2 {
  	height: auto;
  	margin-bottom: 0.5em;
  	padding: 2px 0;
  	color: #000000;
  	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "MS UI Gothic",  "ＭＳ Ｐゴシック", Verdana, Myriad, Helvetica, "MS Trebuchet", Arial, sans-serif;
  	font-size: 95%;
  	font-weight: bold;
  	text-transform: capitalize;
}
div#mainContents {
  	clear: left;
  	display: inline;
  	float: left;
  	width: 560px;
	w\idth: 520px;
  	height: auto;
  	margin: 0 0 1em 0;
  	padding: 0 20px;
}
div#mainContents div#midashi {
  	display: block;
  	width: auto;
  	height: auto;
  	margin: 0 0 2em 0;
  	padding: 20px 0 0 20px;
  	border-bottom: 1px solid #D3D3D3;
  	background-image: url(../image/gradWhBG.jpg);
  	background-repeat: no-repeat;
}
/*ここから追加*/
div#mainContents dt,dd {
	display: block;
	float: left;
	padding: 3px 0;
}	
div#mainContents dd{
	padding-left: 5px;
	border-left: solid 1px #999;
	width: 400px;
}
div#mainContents dt{
    width: 85px;
	text-align: right;
	padding-right: 5px;
}
/*ここまで追加*/
div#mainContents div#recent {
  	display: block;
  	width: auto;
  	height: auto;
  	padding: 20px 0 0 20px;
  	border-bottom: 1px solid #f0f0f0;
  	background-image: url(../image/gradWhBG.jpg);
  	background-repeat: no-repeat;
}
div#mainContents h3 {
  	margin-bottom: 5px;
  	color: #0099CC;
  	font-family: "ヒラギノ角ゴ Pro W3", Osaka, "MS UI Gothic",  "ＭＳ Ｐゴシック", Verdana, Myriad, Helvetica, "MS Trebuchet", Arial, sans-serif;
  	font-size: 120%;
  	font-weight: bold;
  	text-transform: capitalize;
}
div#mainContents h5 {
  	padding:3px 5px;
  	border-color:#0066CC;
  	border-width:0 0 1px 7px;
  	border-style:solid;
  	background:#F8F8F8;  
}
div#mainContents div#recent h3 {
  	color: #0066CC;
  	font-size: 110%;
  	font-weight: bold;
  	text-transform: capitalize;
}
div#mainContents p {
  	line-height: 145%;
}
p.indexPhoto {
  	float: left;
  	margin: 0 1em 1em 0;
  	width: auto;
  	height: auto;
}
p.indexPhoto img {
  	border: none;
}
p.cClear {
  	clear: both;
  	height: 0;
  	margin: 0;
  	padding: 0;
}
p#siteFooter {
  	clear: both;
  	width: 764px;
  	height: 22px;
  	margin: 0 auto;
  	padding-top: 10px;
  	overflow: hidden;
  	background-color: transparent;
  	background-image: url(../image/gradBarBtm.gif);
  	background-repeat: no-repeat;
  	background-position: 0 0;
  	color: #ffffff;
  	font-size: 80%;
  	text-align: center;
}