/* base.css */




html {
	text-align: center;
	background: url(../bg24.png); 
}



body {
	margin: 0px auto 0px auto;
	height: 610px;

	background: url(../cyuraka-gi-zu.png) no-repeat; 
	text-align: center;
	background-position: 50% 0%;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;
}



#slider-wrapper {
	width: 554px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;
}



#slider {
	width: 554px;
	position:relative;
	margin: 0px 0px 0px 7px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}



#rap {
	float:  center;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 12px;
	width: 554px;
	border: 0px solid #000;
	text-align: center;
	background-repeat: repeat-y;
	overflow: hidden;
}



#header {
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#header h3 {
	float:  center;
	text-align: center;
	color: #3a3a3a;
	font-size: 100%;
	margin: 450px 0px 5px 0px;
	padding: 0px 5px 0px 15px;
	width: 525px;
	line-height: 210%;
	background:url(../bbgg02.png);
}



#header img {
	text-align: right;
	margin: -3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}




.overlay{

width: 100%;

height: 100%;

position: fixed;

top: 0;

left: 0;

z-index: 1000;

display: none;

}


.modal{

display: none;

background:#eee;

padding:0 20px 20px;

overflow:auto;

z-index:1001;

position:absolute;

width: 500px;

min-height: 300px;

}



#footer {
	float: center;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 554px;
	height: 50px;
	background-repeat: no-repeat;
	overflow: hidden;
}


#content {
	float: left;
	margin: 20px auto 0px auto;
	padding: 0px 0px 0px 1px;
	color: #50504f;
}



#contentarea {
	width: 300px;
	text-align: left;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 20px 1px;
	background: url(../contentback.png);
    -webkit-box-shadow: 0px 1px 2px 0px #aeaeae;
    -moz-box-shadow: 0px 1px 2px 0px #aeaeae;
    box-shadow: 0px 1px 2px 0px #aeaeae;
}



#contentphoto {
	margin: 15px 0px 20px 7px;
	padding: 5px 0px 7px 42px;
	background: url(snapbg.png);
    -webkit-box-shadow: 0px 1px 2px 0px #aeaeae;
    -moz-box-shadow: 0px 1px 2px 0px #aeaeae;
    box-shadow: 0px 1px 2px 0px #aeaeae;
}




#contentphoto img {
	margin: 10px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
	background: url(snapbg-1.png);
    -webkit-box-shadow: 0px 1px 2px 0px #aeaeae;
    -moz-box-shadow: 0px 1px 2px 0px #aeaeae;
    box-shadow: 0px 1px 2px 0px #aeaeae;
}



#content h3 {
	color: #3a3a3a;
	font-size: 100%;
	margin: 10px 0px 5px 0px;
	padding: 0px 5px 0px 15px;
	line-height: 210%;
}

#content h5 {
	color: #3a3a3a;
	font-size: 70%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	line-height: 170%;
	text-decoration: none;
}


#content p {
	color: #333;
	font-size: 90%;
	margin: 10px 0px 20px 0px;
	padding: 0px 10px 0px 20px;
	line-height: 170%;
	text-indent: 1em;
}







#contentarea img {
	float: left;
	margin: 10px 15px 10px 45px;
 }



#menu {
	position: relative;
	float:  right;
	margin: 3px 45px 0px 10px;
	padding: 8px 7px 10px 1px;
	width: 310px;
	color: #50504f;
	background: url(side7.png);
    -webkit-box-shadow: 0px 1px 2px 0px #aeaeae;
    -moz-box-shadow: 0px 1px 2px 0px #aeaeae;
    box-shadow: 0px 1px 2px 0px #aeaeae;
}



#menu2 img {
	margin: 1px 0px 5px 0px;
	padding: 7px;
	background:url(../images/newsphoto-wp-caption.png);
    -webkit-box-shadow: 0px 1px 2px 0px #b7b6b6;
    -moz-box-shadow: 0px 1px 2px 0px #b7b6b6;
    box-shadow: 0px 1px 2px 0px #b7b6b6;
}

#menu a:link {
	font-weight: bold;
}


#menu h3 {
	margin: 2px 5px 20px 5px;
	padding: 3px 3px 3px 3px;
	color:#343434;
	font-size:14px;
	text-decoration:none;
	line-height:2em;
	background:url(../images/newsphoto-wp-caption.png);
}

#menu2 h3 {
	margin: 2px 5px 10px 5px;
	padding: 3px 3px 3px 3px;
	color:#343434;
	font-size:14px;
	text-decoration:none;
	line-height:2em;
	background:url(../images/newsphoto-wp-caption.png);
    -webkit-box-shadow: 0px 1px 2px 0px #b7b6b6;
    -moz-box-shadow: 0px 1px 2px 0px #b7b6b6;
    box-shadow: 0px 1px 2px 0px #b7b6b6;
}



#menu ul {
	font-size:12px;
	margin: 0px 2px 10px -30px;
	line-height: 230%;
}


#menu ul li {
	font-size:12px;
	margin: 0px 2px 0px 3px;
	padding: 5px 20px 2px 10px;
	width:260px;
	height:30px;
	line-height: 230%;
	overflow:hidden;
	background:url(../images/categories_listing_bg002.png);
    -webkit-box-shadow: 0px 1px 2px 0px #d3d3d3;
    -moz-box-shadow: 0px 1px 2px 0px #d3d3d3;
    box-shadow: 0px 1px 2px 0px #d3d3d3;
}







img  { border: 0px;}

a:link { text-decoration: none; color: #373c45;}
a:visited  { color: #373c45; text-decoration: none; }
a:active  { color: #373c45; font-weight: bold; text-decoration: none; }

#bottom {
	margin: 0 auto 0 auto;
	padding: 0px 0px 0px 0px;
	width: 1002px;
	height:4px;
	text-align: center;
	border: 0px solid #000;
	background: url(../images/bottom.gif); 
}