@charset "utf-8";


/*
ベース
-------------------------------------------------------------------*/

*{margin:0; padding:0;}

body{
text-align: center;
background-color:#fff;
font-family:'MS UI Gothic';
font-size:13px; 
	background-image:url('images/back.jpg'); 
	background-repeat:repeat-x; 
	background-attachment:fixed;
margin-top:3px;
width:100%;
color:#000;

}

a {
	color:#8000FF;
	text-decoration:underline;

}
a:hover {

	text-decoration: none;
	color: #FF0080;
}


ul {  padding-left:10px; 
}

li{
list-style-type : square;
}



img {
border-width: 0px;
border-style: none;
}

h2 { 
font-weight:bold; 
font-size:15px; 
color:#893b67; 
margin-bottom:5px;
}

h4 { 
font-family:'MS UI Gothic'; 
font-weight:bold; 
font-size:14px; 
color:#4C8EB3; 
}



dd{ padding-left:2em;}


/*
区切り線
-------------------------------------------------------------------*/
hr {width:92%;
 border-width:1px; border-top-color:#0099CC; border-right-color:white; border-bottom-color:white; border-left-color:white; border-style:solid; text-align: center; clear:both;}
.hr {
	background-image:url('images/hr.gif'); 
	background-repeat:repeat-x; clear: both; text-indent: -9999px;
	
	}
	
.hr2 {
	background-image:url('images/hr2.gif'); background-repeat:repeat-x; clear: both; text-indent: -9999px;}
	
.hr3 {
	background-image:url('images/hr3.gif'); background-repeat:repeat-x; clear: both; text-indent: -9999px;}	
	
	
/*
段落
-------------------------------------------------------------------*/	

.p1{
	font-family:'MS UI Gothic'; 
	background-image:url('images/p1back.gif'); 
background-repeat:no-repeat; 
background-position:0% 5px; 
	clear: both;
	font-size:14px; 
	color:#CC0099;
	margin-left:0px; 
	margin-top:3px; 
	margin-bottom:5px; 
height: 30px;
	list-style-type : none;
	}
.p2{
font-size:13px; 
color:#000;
line-height:18px; 
margin-top:10px; 
margin-bottom:5px; 
text-align: left;
 }

.p3{
font-family:'MS UI Gothic'; 
font-size:14px; 
color:rgb(102,102,102);
line-height:22px; 
margin-top:3px; 
margin-bottom:5px; 
padding-bottom:15px;

}
.p4{
text-align:justify; 
font-size : 13px;
color:#000000;
}

/*
色のみ
-------------------------------------------------------------------*/	

.red{color:#FF0000 ;}

.blue{color:#0074E8 ;}

.yellow{color:#FF8000 ;}

.green{color:#008000 ;}

.brown{color:#800000 ;}

.pink{color:#CE00CE ;}

.purple{color:#800080 ;}
		
/*
レイアウト
-------------------------------------------------------------------*/
	
#room_body { 
position:relative; 
background-color: #D5D5D5;
text-align: left;
margin-top:3px; 
margin-right:auto; 
margin-bottom:0; 
margin-left:auto; 
width:720px; 
	border: 1px solid #9DA6B5;

}

#room_header{
width:100%;
background-image:url('images/room-top.jpg');
background-repeat:no-repeat; 
background-position:0% 0%;
height:160px;
border-bottom-width:1px; border-bottom-color:#fff; border-bottom-style:solid;
}

.title{
visibility : hidden;
height: 125px;
}

#room_footer{
width:100%;
background-image:url('images/footer.jpg');
background-repeat:no-repeat; 
background-position:0% 0%;
height:66px;

clear:both;
}

#room_footer h3{visibility: hidden;}



#navi { 
width: 100%;
padding-top: 15px;


}




#navi ul{
margin-left: 510px;
 }

#navi ul li{
margin: 0 5px;
margin-right: 1em;
float:left;
list-style: none;
color: #000;

}




#sidespace {
position:absolute; 
left :0; 
top: 160px; 
width:180px; 
padding-top: 2px;
background-color: #D5D5D5;

}
.side_text { 
width:170px; 
margin-left: 5px;
font-size:13px; 
line-height:120%; 
text-align: left;
list-style-position : inside;


}

#side_menu{
padding-top: 150px;
text-align: left;
padding-left: 15px;
padding-right: 10px;
line-height:160%;
color:#000000;

}

#side_menu ul li{
border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:dotted;

}

#side_menu a
{
font-size: 13px;
font-family: "MS UI Gothic";
display:block;
text-decoration:none;
color:#000000;
width:130px;
margin:1px 0px;
}

#side_menu a:hover 
{
font-size : 13px;
font-family : "MS UI Gothic";
display:block;
background-color:#FFFFFF;
text-decoration:none;
color:#FF0080;

}

#topics{
background-image:url('images/main-topics.jpg');
background-repeat:no-repeat; 
background-position:0% 0%;
height: 198px;
width: 538px;

}

#topics ul{
padding-top: 50px;
margin-left: 80px;
}

#topics li{
list-style-image : url('images/list02.gif');
list-style-position : inside;
margin-bottom: 3px;

}

#lanking{
background-image:url('images/lank.jpg');
background-repeat:no-repeat; 
background-position:5px 0%;
height: 320px;
width: 180px;

}

#lanking dl{
margin-left: 10px;
}

#lanking dt{
margin-left: 0px;
padding-left: 18px;
background-image:url('images/purple.gif');
background-repeat:no-repeat; 
background-position:0% 0%;
color: #000;

}

#lanking dd{
color: #FF0080;
margin-bottom: 5px;

}

/*
コンテンツ　メイン
-------------------------------------------------------------------*/

#main{
margin-left:182px; 
font-size: 13px;
color:#666;
background-color: #efefef;
	background-image:url('images/main-back.jpg'); 
	background-repeat:repeat-y; 
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

#main p{
margin-left: 10px;
}

#main h3 {margin-left: 10px;}


#info{
width: 538px;
margin-top: 10px;
list-style: none;

}

#info dl{
margin-top: 10px;
margin-left: 40px;
}

#info dt{
margin-left: -10px;
font-weight: bold;;
color: #FF8000;
}

#info dd{
	background-image:url('images/bluegreen.gif');
	background-repeat:no-repeat; 
	background-position: 12px 4px; 
margin-bottom: 3px;
margin-left: 10px;

}

.info-text
{
font-size: 12px;
margin-left: 5px;
width: 160px;
}


#topi-pp{
margin-left: 80px;
width: 380px;
font-size: 13px;
color: #000;
line-height: 150%;
color: #008000;
}



/*
周辺地図　ＭＡＰ
-------------------------------------------------------------------*/
#map{
width: 520px;
height: 288px;
	background-image:url('images/map.gif');
	background-repeat:no-repeat; 
margin-bottom: 3px;
margin-left: 5px;
}


/*
スペース
-------------------------------------------------------------------*/
.space{visibility: hidden;}
.space5{height:5px; visibility: hidden;}
.space10{height:10px; visibility: hidden;}
.space15{height:15px; visibility: hidden;}
.space20{height:20px; visibility: hidden;}
.space25{height:25px; visibility: hidden;}
.space30{height:30px; visibility: hidden;}
.space35{height:35px; visibility: hidden;}
.space40{height:40px; visibility: hidden;}
.space45{height:45px; visibility: hidden;}
.space50{height:50px; visibility: hidden;}
.space55{height:55px; visibility: hidden;}
.space60{height:60px; visibility: hidden;}
.space70{height:60px; visibility: hidden;}
.space100{height:100px; visibility: hidden;}
.space140{height:140px; visibility: hidden;}

.space200{height:200px; visibility: hidden;}



/*
コンテンツ　記事
-------------------------------------------------------------------*/
#kiji-topi{
background-image:url('images/kiji-topi.jpg');
background-repeat:no-repeat; 
background-position:0% 0%;
height: 114px;
padding-top: 5px;
width: 538px;
	color:#000;
}



.kiji{
width:500px; 
margin-top: 10px;
line-height:20px;
margin-left: 20px;

	color:#000;}
	
.data{
	padding-left: 145px;
	}

	
.kiji-title{
height: 25px;

	padding-left: 140px;
	font-size: 14px;
	color: #FF0080;
}

#kiji-topi h3{
margin-top: 10px;
	padding-left: 150px;
	font-size: 14px;
	color: #FF0080;
}

#kiji-side{
background-image:url('images/topics-backimage.jpg');
background-repeat:no-repeat; 
background-position:5px 0%;
height: 320px;
width: 180px;
color: #FF0000;
}

#kiji-side a{
text-decoration: none;
}



#nextback{
padding-left: 1em;
padding-right: 1em;
padding-top: 150px;
text-align: center;
}

#titele{
width:360px; 
height: 32px;
background-image:url('topics/topics_img/titele.gif');
background-repeat:no-repeat; 
padding-top: 10px;
padding-left: 35px;
}

#titele h2{
color: #000000;
font-size: 16px;
}

.kiji p{
margin-bottom: 15px;

}
.kiji dt{
margin-bottom: 10px;
}
.kiji dd{
color: #004080;
margin-bottom: 10px;
}


.kiji img{ margin-right: 10px;}

.kiji h3 { font-style:normal; font-weight:normal; font-size:14px; color:#8000FF; text-indent:2em; background-image:url('images/niconico.gif'); background-repeat:no-repeat; background-position:0% 0%; margin-bottom: 10px; margin-top: 10px; border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:dotted; clear: both;

}


.list1{
	margin-top: 10px;
	font-size: 14px;
	text-indent:1.3em;
	color:#800080;
	line-height:150%;
	background-image:url('images/melody03_blue.gif');
	background-repeat:no-repeat; 

	}
.list2{
	font-size: 13px;
	color:#666;
	text-indent:3em;
	text-decoration:none;
	line-height:150%;


	}
.list3{
	font-size: 13px;
	background-image:url('images/enpitsu-list.gif'); 
	background-repeat:no-repeat; 
	background-position:3.5em 4px;
	text-indent:5em;
	color:#000000;
	text-decoration:none;
	line-height:150%;

	}

.under_link{
width:460px; 

height:32px; 
	padding-top: 7px;
	text-indent: 20em;
	clear: both;
}
.under_link img{
vertical-align: middle; 
margin-right: 5px;
width:24px; 
height:24px; 


}




/*
コンテンツ　掲示板
-------------------------------------------------------------------*/
#bbs-topi{
background-image:url('images/bbs-topi.jpg');
background-repeat:no-repeat; 
background-position:0% 0%;
height: 198px;
width: 538px;

}




#bbs{

width:520px; 
}

#bbs-topi p{
margin-left: 80px;
width: 380px;
font-size: 14px;
color: #000;
line-height: 180%;
}




#bbs ul{
	padding :5px 0px 5px 50px; 
	font-size: 13px;
	line-height:140%;
	}

#bbs li{
list-style-type : decimal;

}	

#bbs-side{
background-image:url('images/bbs-backimage.jpg');
background-repeat:no-repeat; 
background-position:5px 0%;
height: 320px;
width: 180px;
color: #FF0000;
}

#bbs-side p{
padding-left: 1em;
padding-right: 1em;
padding-top: 150px;
}

.botan{
width:155px;
height:50px;
font-family:'MS UI Gothic'; 
font-size:14px; 
color:#a049db; 
background-color:white; 
padding:5px; 
border:0px; 
background-image:url('images/document_text.gif'); 
background-repeat:no-repeat; 
background-position:0% 40%;
cursor:pointer;

}
.bbs-topix { font-size:13px; color:#000; 
	line-height:140%;
}

.tag{
padding-left: 35px;
}



/*
コンテンツ　mail
-------------------------------------------------------------------*/
#mail-topi{
background-image:url('images/mail-topi.jpg');
background-repeat:no-repeat; 
background-position:0% 0%;
height: 198px;
width: 538px;

}

#mail{
width: 500px;
margin-top: 10px;
margin-left: 20px;
}


#mail-side{
background-image:url('images/mail-backimage.jpg');
background-repeat:no-repeat; 
background-position:5px 0%;
height: 320px;
width: 180px;

}

#mail p, li, dt, dd, address {
	color: #444444;

	line-height: 1.4;
}
#mail p {
	margin-bottom: 15px;
}
#mail ul {
	margin: 0px 0px 20px 20px;
}
#mail em {
	font-weight: bold;
}
#mail address {
	margin-top: 20px;
}

#mail dl {
	margin-bottom: 20px;
}
#mail dl dd {
	margin: 0px 0px 10px 30px;
}

#mail form dl dt {
	float: left;
	clear: left;
	width: 5em;
}
#mail form dl dd {
	margin: 1px;
}
#mail form dl dd textarea {
	margin-top: 2px;
}
#mail form ul {
	margin: 0px 0px 20px 0px;
}
#mail form ul li {
	list-style-type: none;
}
#mail form fieldset {
	border: 0px solid #000000;
}
#mail form legend {
	display: none;
}
#mail form input, form select {
	margin-right: 1px;
	padding: 1px;

	font-size: 90%;
}


#mail form select {
	margin-top: 1px;
}
#mail form p input {
	text-align: center;
}
#mail form textarea {
	padding: 1px;

	font-family: 'ＭＳ ゴシック', Osaka, monospace;
	line-height: 1.2;
}


/*
コンテンツ　link
-------------------------------------------------------------------*/
#link-topi{
background-image:url('images/link-topi.jpg');
background-repeat:no-repeat; 
background-position:0% 0%;
height: 198px;
width: 538px;

}



#link{
width: 520px;
margin-top: 10px;

	}

.link-name{
	font-size: 14px;
	background-image:url('images/opera.gif');
	background-repeat:no-repeat; 
	background-position:0% 0%;;
	line-height:30px;
	text-indent: 2em;
	
}

#link-side{
background-image:url('images/link-backimage.jpg');
background-repeat:no-repeat; 
background-position:5px 0%;
height: 320px;
width: 180px;
padding-top: 150px;
}

.link-data{
	font-size: 13px;
	padding-left: 50px;


}

.link ul{
	padding :5px 20px 5px 20px; 
	list-style-image : url('images/opera.gif');
	font-size: 14px;
	line-height:22px;
	}
	
.link li{
	line-height:180%;
}	


.end{
font-size: 12px;
color: #9D9D9D;
padding-top: 10px;
padding-bottom: 10px;
clear: both;
}


/*
コンテンツ　Youtube
-------------------------------------------------------------------*/
#youtube{
width: 520px;
margin-top: 10px;

}

#youtube dt{
font-size : 14px;
padding-top: 5px;
padding-left: 50px;
padding-bottom: 20px;
background-image:url('images/q.gif'); 
background-repeat:no-repeat; 
background-position:0% 0%;
}
#youtube dd{
font-size : 13px;

padding-left: 80px;
padding-bottom: 20px;
background-image:url('images/a.gif'); 
background-repeat:no-repeat; 
background-position:0% 0%;
color: #0080C0;
border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:dotted;

}


#youtube ul{
list-style: none;
float:left;

}

#youtube li{list-style: none;
border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:dotted;

}

#muv-topi{
background-image:url('images/muv-topics.jpg');
background-repeat:no-repeat; 
background-position:0% 0%;
height: 198px;
width: 538px;

}

#muv-topi p{
padding-top: 50px;
margin-left: 80px;
width: 380px;
font-size: 14px;
color: #000;
line-height: 180%;
}



#mov-side{
background-image:url('images/mov-backimage.jpg');
background-repeat:no-repeat; 
background-position:5px 0%;
height: 320px;
width: 180px;

}
.movie{
width:350px; 
height:400px; 
margin-left: 10px;
background-image:url('images/movie-box.gif');
background-repeat:no-repeat; 
background-position:50% 50%;
font-size: 13px;
line-height:130%;
text-align: center;
margin-left: 80px;
color:#000;
}

.movie-box{
	padding-top:70px;
	line-height:150%;

}	
	
/*
コンテンツ　ドリンクメニュー
-------------------------------------------------------------------*/
#menu-topi{
background-image:url('images/menu-topi.jpg');
background-repeat:no-repeat; 
background-position:0% 0%;
height: 198px;
width: 538px;

}

#menu-side{
background-image:url('images/menu-backimage.jpg');
background-repeat:no-repeat; 
background-position:5px 0%;
height: 320px;
width: 180px;
padding-top: 150px;
text-align: center;

}

#d_menu{
width: 520px;
margin-top: 20px;
}



#d_menu ul{
list-style: none;
}

#d_menu li{list-style: none;
margin-left: 40px;
	list-style-image : url('images/list02.gif');
border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:dotted;

}

#d_menu h3{color: #000; padding-left: 10px; font-size: 14px;


}
#d_menu img{ margin-left: 10px;}

/*
コンテンツ　エンピツ日記
-------------------------------------------------------------------*/
#dry_index{
width: 538px;
margin-top: 10px;

}


.p_time{width:130px; 
height:20px; 
background-color:#666; 
color:#fff; float:left; 
text-indent:0.5em;
padding-top:2px;


}
.p_day{width:290px; 
height:20px; 
background-color:#000; 
color:#fff; float:right; 
text-indent:0.5em;
padding-top:2px;


}

.honbun{ 
text-indent:1em;
font-size: 13px;
color:#000; 
line-height:18px; 
background-image:url('images/note18.gif'); 
}

img { border-width:0px; }



/*
コンテンツ　共通
-------------------------------------------------------------------*/
.left{text-align:left; }
.center{text-align:center; }
.right{text-align:right; }


.navi a {

display:block;
border:1px solid #626E48;
background-color:#B2CD7E;
text-decoration:none;
color:#626E48;
width:150px;
margin:1px 0px;
height:20px;

}

.navi a:hover {
display:block;
border:1px solid #6699cc;
background-color:#ffffff;
text-decoration:none;
color:red;
height:20px;
}

	



.topixs { 
font-size:13px; 
color:rgb(102,102,102);
line-height:150%;
}

.topixs ul li {
list-style: none;
line-height:170%;

}



.titel{
padding-left:10px;
height: 155px; 
line-height:130%;
color:#59713e;
font-size:12px; 

background-color:#000;

}