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

/* common */
* {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family:"Myriad","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
body {
	background-color: #006;
}
a {
	border: none;
	overflow: hidden;
	text-decoration: none;
	color: #069;
	outline:none;
}
a:visited {text-decoration: none;}
a:hover,a:active {text-decoration: underline;}


img,hr {
	border: none;
	color: #333;
}

hr {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #666;
	background-position: center;
	margin-top: 10px 0px;
	width: auto;
	clear: both;
}

h2 {
	color: #333;
	margin: 0.8em 0em;
	clear: both;
}
p {
	font-size: 10px;
	text-align: left;
	color: #666;
	line-height: 120%;
	margin-bottom: 0.8em;
}
/* index */

#whatsnewheader {
	font-size: small;
	color: #FFF;
	background-color: #333;
	margin: 5px;
	padding: 2px;
}
.whatsnew {
	display: block;
	width: 470px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
.whatsnewword {
	width: 330px;
	text-align: left;
	float: left;
}
.whatsnew h2 {
	font-size: 12px;
	font-weight: bolder;
	line-height: 1.2em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #069;
}
.whatsnew p {
	font-size: small;
	color: #666;
	line-height: 110%;
	margin: 5px 0px 25px 0px;
	float: none;
}
.whatnewimg{
	float: right;
	width: 90px;
	border: none;
}
.whatnewimg img {
	float: right;
	width: 90px;
	border: none;
}
.whatsnewday {
	margin: 0px 5px;
	text-align: center;
	float: left;
	background: url(../image/whatsnew_calendar/calender_bg.gif) no-repeat bottom;
	height: 35px;
	width: 35px;
	border-style: none;
	border-collapse: collapse;
}
.whatsnew ul {
	font-size: 10px;
	text-align: left;
	color: #666;
	line-height: 120%;
	margin: 5px 0px 25px 0px;
}
.whatsnew li {
	list-style-type: circle;
	margin-left: 2em;
}

/* content */

#container2 {
	width: 960px;
	margin: 0px auto;
	background: #FFF;
}
#header2 {
	width: 960px;
	margin: 0px;
	background: #fff;
}
#footer2 {
	width: 960px;
	background:#333;
	clear: both;
	font-size: 10px;
	text-align:center;
	color:#FFF;
	padding: 10px 0px;
}
#footer2 a{
	color: #FFF;
	text-decoration: none;
}
#footer2 p {
	margin: 0em 3em;
	color: #CCC;
}

#contentmain{
	width:750px;
	margin:0px auto;
	float: left;
}
#contentmainc{
	width:750px;
	margin:0px;
}
#contentmain h2 {
	color: #333;
	background: #FFF;
	padding: 0.2em;
	margin:0px 5px 0.5em auto;
	font-size: 1em;
	display: block;
	border-top: none;
	border-left: 0.5em solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: none;
}
#content2 {
	display:block;
	height:auto;
	width: 960px;
	margin: 0px;
	background: #000;
}
#content3 {
	display:block;
	height:auto;
	width: 960px;
	margin: 0px;
	background: #fff;
}
#indexnavi {
	width: 200px;
	float: left;
	margin: 0px auto;
	padding: 0px;
}
#navi {
	width: 200px;
	float: left;
	margin: 0px auto;
	padding: 0px;
}
#section {
	width: 750px;
	float: right;
	background: #FFF;
}
#article {
	width: 470px;
	float: left;
	padding: 15px;
}

#whatsnewheader {
	font-size: small;
	color: #FFFFFF;
	background-color: #333333;
	margin: 5px;
	padding: 2px;
}

#aside {
	width: 250px;
	float: right;
	text-align: left;
}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}	



#shoplist{
	margin:10px;
}
#shoplist h2 {
	color: #333;
	background: #FFF;
	padding: 0.2em;
	margin:0px 5px 0.5em auto;
	font-size: 1em;
	display: block;
	border-top: none;
	border-left: 0.5em solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: none;
}




#shoplist ul {
	color: #666;
	width: 700px;
	text-align: left;
	font-size: 0.8em;
	margin: 5px;
}
#shoplist li {
	display: block;
	float:left;
	width: 210px;
	height:80px;
	border: none;
	list-style: none;
	text-align:center;
	padding:10px;
}



#remarks {
-moz-border-radius:3px;
background-color:#FFFFFF;
border:1px solid #666;
color:#666;
font-size:0.8em;
margin:10px;
padding:5px;
}

#aboutus dl {
	background-color: #FFF;
}
#aboutus dt {
	float:left;
	clear: both;
	width: 120px;
	padding: 0px 0px 0px 10px;
	border-left: 5px solid #3399FF;
	margin: 5px 0px 0px;
	font-size: 70%;
}
#aboutus dd {
	margin: 5px 0px 0px 140px;
	display: block;
	margin-bottom: 10px;
	font-size: 80%;
}




#newsrelease{
	margin:10px;
	float: left;
}
#newsrelease h2 {
	color: #333;
	background: #FFF;
	padding: 0.2em;
	margin:0px 5px 0.5em auto;
	font-size: 1em;
	display: block;
	border-top: none;
	border-left: 0.5em solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: none;
}
#newsrelease dl {
	clear: both;
}
#newsrelease dt {
	display: block;
	clear: both;
	float:left;
	text-indent: 0.5em;
	font-size: 0.8em;
	margin: 0 1em;
	border-left: 5px solid #CCC;
}
#newsrelease dd {
	margin: 0 2em 1em 9em;
	padding-bottom:0.5em;
	font-size: 0.8em;
	border-bottom: 1px dotted #CCC;
}





#sitepolicy {
	margin:10px;
}
#sitepolicy h3 {
	font-size: 12px;
	text-indent: 0.5em;
	border-left: 5px solid #666;
	margin-bottom: 1em;
	margin-top: 1em;
}

#footer{
	font-size: 10px;
	width:960px;
	clear:both;
	background:#333;
	text-align:center;
	color:#FFF;
	padding: 10px 0px;
}
#footer a{
	color: #FFF;
	text-decoration: none;
}
#footer p {
	margin: 0em 3em;
	color: #CCC;
}

#navimenu{
	width:170px;
	font-size:0.8em;
	line-height:normal;
	background-color: #FFFFFF;
	text-align: left;
	margin: 10px;
}
#navimenu ul{
	font-size: 1.1em;
	margin-bottom: 1em;
}
#navimenu li{
	line-height:2em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#navimenu a {
	text-decoration: none;
	padding: 3px;
}
#navimenu h3 {
	font-size: 1em;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-bottom: 0.5em;
}
#navimenu p {
	padding: 3px;
	border-bottom: 1px dotted #666;
}


.media{
	clear:both;
	margin-bottom:1em;
}
.media h2{
	background:none repeat scroll 0 0 #FFF;
	border-color:-moz-use-text-color -moz-use-text-color #CCC;
	border-style:none none solid solid;
	border-width:medium medium 1px 0.5em;
	color:#333;
	font-size:1em;
	margin:0 0.5em 0.5em;
	padding:0.2em 0.5em;
}

.media dl{
}
.media dt{
	float:left;
	clear: both;
	width: 300px;
	padding: 0 0 0 10px;
	margin: 5px 0 0;
	font-size: 0.8em;
}
.media dd{
	margin: 5px 0px 10px 320px;
	display: block;
	font-size: 0.8em;
}
.mevent h4{
	margin-top:1em;
	font-size:.9em ; 
	text-indent:-1em;
}
.mpaper{
	width:200px;
	height:380px;
	display:block;
	float:left;
	padding:10px;
	margin:10px;
	border:#666 solid 1px;
}
.mpaper img{
	border:#666 solid 1px;
}
.mpaper h4{
	margin:0.5em 0 ;
	font-size:0.9em ; 
}