/*==============================================
　◆◇　基礎構築
===============================================*/

* {
	margin:0;
	padding:0;}

body {
	background: url(http://www.yaotomi.net/img/main/back.jpg) repeat ;
	font-size: 15px;
	font-family:"verdana","helvetica","osaka","ＭＳ Ｐゴシック",ans-serif;
	color: #333;
	line-height: 1.6;}


p {
	margin: 0 0 1em;}

li {
	list-style: none;
	line-height: 1.3;}

li.side {
	padding-left: 5px ;
	list-style: none url(../img/list.png) inside ;
	line-height: 2.0;
	vertical-align: middle ;}

textarea,select,input {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック","sans-serif";
	font-size: 100%;}

hr {
	border:1px solid #999;
}


hr.dotted {
	border:1px dotted #999;
	margin:5px;
}


/*==============================================
　◆◇　写真・フォントの調整
===============================================*/

img {
	border: none ;}

h1{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: 400;
	line-height:normal;}

h2{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight:normal;
	line-height:normal;}

h3{
	margin: 8px 0;
	padding: 2px 5px;
	font-size: 120%;
	font-weight:normal;
	line-height:normal;
	border-left:5px solid #999999;
	border-bottom:1px solid #999999;
}


a {
	color:#3399FF;
	text-decoration: none;}

a:hover {
	color: #FF6600;
	text-decoration: none;}



/*==============================================
　◆◇　メニュー
===============================================*/


#menu {
	width: 250px ;
	height: 30px ;
}

#menu li {
	list-style-type: none ;
	float: left ;
	display: block ;
}

#menu a {
	width: 250px ;
	height: 30px ;
	text-decoration: none;
	display: block;
}


#menu-about a {
	background-image: url(http://yaotomi.net/img/main/menu.gif);
	background-position: 0px 0px;
	text-indent: -3000px;
}
#menu-about a:hover {
	background-position: -250px -0px;
}


#menu-venerable a {
	background-image: url(http://yaotomi.net/img/main/menu.gif);
	background-position: 0px -30px;
	text-indent: -3000px;
}
#menu-venerable a:hover {
	background-position: -250px -30px;
}

#menu-saizin a {
	background-image: url(http://yaotomi.net/img/main/menu.gif);
	background-position: 0px -60px ;
	text-indent: -3000px;
}
#menu-saizin a:hover {
	background-position: -250px -60px;
}

#menu-presinct a {
	background-image: url(http://yaotomi.net/img/main/menu.gif);
	background-position: 0px -90px;
	text-indent: -3000px;
}
#menu-presinct a:hover {
	background-position: -250px -90px;
}

#menu-enshrine a {
	background-image: url(http://yaotomi.net/img/main/menu.gif);
	background-position: 0px -120px;
	text-indent: -3000px;
}
#menu-enshrine a:hover {
	background-position: -250px -120px;
}


#menu-treasure a {
	background-image: url(http://yaotomi.net/img/main/menu.gif);
	background-position: 0px -150px;
	text-indent: -3000px;
}
#menu-treasure a:hover {
	background-position: -250px -150px;
}

#menu-phote a {
	background-image: url(http://yaotomi.net/img/main/menu.gif);
	background-position: 0px -180px;
	text-indent: -3000px;
}
#menu-phote a:hover {
	background-position: -250px -180px ;
}

#menu-map a {
	background-image: url(http://yaotomi.net/img/main/menu.gif);
	background-position: 0px -210px;
	text-indent: -3000px;
}
#menu-map a:hover {
	background-position: -250px -210px ;
}

#menu-visit a {
	background-image: url(http://yaotomi.net/img/main/menu.gif);
	background-position: 0px -240px;
	text-indent: -3000px;
}
#menu-visit a:hover {
	background-position: -250px -240px ;
}


/*==============================================
　◆◇　基礎レイアウト部分
===============================================*/


#container {
	width: 950px ;
	text-align: left ;
	margin: 0 auto ;
	background:#fff ;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
}

#head{
	background: url(http://www.yaotomi.net/img/main/copyback.jpg) repeat ;
	width:940px;
	color:#FFF;
	font-size: 13px;
	padding:2px 5px;
	border-top:3px solid #999999 ;
	border-bottom:1px solid #999999 ;
}

#header{
	width:950px;
}


#rogo{
	width:250px;
	float:left;
}


#banner {
	width:950px;
	height:270px ;
	background:#FFF;
	margin: 0 auto ;
	float:right;
}

#banner2 {
	width:700px;
	height:200px ;
	background:#FFF;
	float:right;
}




#copyright {
	background: url(http://www.yaotomi.net/img/main/copyback.jpg) repeat ;
	clear:both;
	color:#FFF;
	font-size:12px;
	line-height:16px;
	padding:10px;
	border-top:1px solid #999999 ;
	border-bottom:3px solid #999999 ;
	text-align:center;
}



#copyright a{
	color: #FFF;
	text-decoration: underline;	
}

#copyright a:hover{
	color: #FFF;
	text-decoration: none;
}



/*==============================================
　◆◇　トップページ
===============================================*/


#toppage{
	width:690px;
	float:right;
	margin:0;
	padding:5px 4px 5px 5px ;
	border-left:1px solid #DCDCDC ;
	border-top:1px solid #DCDCDC ;
}

.toptitle{
	width:630px;
	margin:10px 20px 0;
	padding:2px 10px;
	font-size:14px;
	color:#FFF;
	background:url(http://www.yaotomi.net/img/main/title.jpg) repeat;
}


.topbox{
	width:638px;
	margin:20px;
	padding:5px;
	border:1px solid #999;
}


.topbox2{
	width:650px;
	margin:20px;
}

.topbox5{
	font-size:12px;
	width:650px;
	margin:20px;
}

.topsitemap{
	width:690px;
	font-size:12px;
}


.topleft{
	width:320px;
	float:left;
}

.topright{
	width:320px;
	float:right;
}



/*==============================================
　◆◇　コンテンツ
===============================================*/

#left {
	width:250px;
	float:left;
	border-top:1px solid #DCDCDC ;
}




/*==============================================
　◆◇　イメージ
===============================================*/

img.menu {
	border: none ;
	margin: 0;
	float:left;
}

img.ban{
margin-top:5px;
}

img.topics{
margin-top:5px;
margin-bottom:5px;
}


img.top2{
margin-top:10px;
}

img.menus{
border-bottom:1px solid #DCDCDC ;
}

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

img.tp{
float:left;
}

img.tpp{
margin-left:5px;
margin-right:5px;
float:left;
}

img.photo{
margin-top:5px;
margin-right:5px;
float:left;
}

.floatr{
float:left;
margin-top:5px;
margin-right:5px;
}


/*==============================================
　◆◇　テーブル
===============================================*/

table{
border-collapse:collapse;
margin:5px 0;
}

th{
width:180px;
background:#999;
color:#FFF;
padding:3px 5px;
border:1px solid #666;
}

td{
width:470px;
padding:3px 5px;
border:1px solid #666;
}


th.menu{
width:60px;
background:#999;
color:#FFF;
padding:3px 5px;
border:1px solid #666;
text-align:center;
}

td.tosi{
width:180px;
padding:3px 5px;
border:1px solid #666;
}

td.tosi1{
width:190px;
padding:3px 5px;
border:1px solid #666;
}


count{
text-align:right;
}


em{
font-style:normal;
color:#FF0000;
font-weight:700;
}

hr.clear{
border:0 ;
clear:both;
}