@charset "utf-8";

*{margin:0; padding:0;}

body{
background-color:#fff;
font-family:'ＭＳ Ｐゴシック';
font-size:13px; 
background-image:url('images/back0001.gif'); 
background-repeat:repeat-y; 
background-position:0% 0%;
width:100%;
color:#000000;

}

a {
	color:#6B6EFF;
	text-decoration: underline;

}
a:hover {

	
	text-decoration: none;

	color: #ff051b;
}

img { border-width:0px; }


/*
区切り線
-------------------------------------------------------------------*/

.hr {
width:100%;

	background-image:url('images/hr.gif'); 
	background-repeat:repeat-x; clear: both;
	text-indent: -9999px;
	}
	
.hr2 {
width:100%;

	background-image:url('images/hr.gif'); 
	background-repeat:repeat-x; clear: both;}

.linenot{visibility : hidden;}	
.title{visibility : hidden;}
.title h1 h2 h3 h4{font-size: 13px;
}



	
#sun_body { 
background-repeat:no-repeat; 
background-position:0% 0%;
text-align: left;
margin-right:auto; 
margin-bottom:0; 
margin-left:0; 
margin-bottom: 0;
width:780px; 
font-size: 13px;
line-height:130%;
color:#000;

}


#sun_header{
width:780px;

height:240px;


}





#sun_header2{
width:610px;
height:60px;
margin-left: 180px;
padding-right:10px;
text-indent: -9999px;


}

.updata{
text-align: right;
margin-top: 10px;
color: #6C5488;
}



#sun_left{
width:170px;
float:left;
text-indent: -9999px;
}



#sun_main{
width:780px;
}




#sun_footer{
width:780PX;
background-image:url('images/footer.gif');
background-repeat:no-repeat; 
background-position:0% 0%;
text-indent: -2000px;
height:82px;

clear:both;
}

/*
スペース
-------------------------------------------------------------------*/

.space5{line-height:5px; clear:both; text-indent: -9999px;
}
.space10{line-height:10px; clear:both; text-indent: -9999px;
}
.space15{line-height:15px; clear:both; text-indent: -9999px;
}
.space20{line-height:20px; clear:both; text-indent: -9999px;
}
.space25{line-height:25px; clear:both; text-indent: -9999px;
}
.space30{line-height:30px; clear:both; text-indent: -9999px;
}
.space35{line-height:35px; clear:both; text-indent: -9999px;
}
.space40{line-height:40px; clear:both; text-indent: -9999px;
}
.space45{line-height:45px; clear:both; text-indent: -9999px;
}
.space50{line-height:50px; clear:both; text-indent: -9999px;
}
.space55{line-height:55px; clear:both; text-indent: -9999px;
}
.space60{line-height:60px; clear:both; text-indent: -9999px;
}
.space100{line-height:100px; clear:both; text-indent: -9999px;
}
.space200{line-height:200px; clear:both; text-indent: -9999px;
}


#navi { 

width:570px;
margin-left: 180px;

height:45px; 
}

#navi ul{

 }

#navi ul li{
margin: 0.5em;
font-size:12px; 

float:left;
list-style: none;
color: #FF1F51;

}

.under_link{
width:420px; 

	padding-top: 5px;
	text-indent: 20em;
	clear: both;
}



.pink12{
font-family:'MS UI Gothic'; 
font-size:12px; 
color:#FF428F;
line-height:18px; 
margin-top:3px; 
margin-bottom:5px; 
}

/*
ここまで共通
-------------------------------------------------------------------*/

#sidespace {

width:140px; 
margin-top: 20px;
float:left;
}



#side_menu{
width:130px;
margin-left: 10px;
line-height:160%;
color:#000000;

}

#side_menu ul li{
list-style-position : outside;

	list-style-image : url('images/list01.gif');
}

#side_menu a
{
font-size: 13px;
font-family: "MS UI Gothic";
display:block;
text-decoration:none;
color:#737DFF;
width:130px;
margin:1px 0px;
border-bottom-width:1px; border-bottom-color:rgb(153,153,153); border-bottom-style:dotted;
}

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

}







/*
記事の台紙
-------------------------------------------------------------------*/
.daishi_top{
width:455px;
height:24px; 
text-indent: -9999px;
background-image:url('images/daishi_top.gif');
background-repeat:no-repeat; 
background-position:0% 0%;
margin-bottom: -2px;
}
.daishi_center{
width:455px;
margin-top: 0px;
background-image:url('images/daishi_center.gif');
background-repeat:repeat-y; 
background-position:0% 0%;

}
.daishi_botom{
width:455px;
height:50px; 
text-indent: -9999px;
background-image:url('images/daishi_botom.gif');
background-repeat:no-repeat; 
background-position:0% 0%;
}

.daishi_botom ul li{
text-align: center;
float:left;
list-style-image : url('images/list01.gif');

}

.daishi_botom ul{
margin-left: 100px;
}

.daishi_botom li{
margin-left: 20px;
}

.coment{
width:410px; 
padding-left: 5px;
margin-top: 10px;
margin-left: 10px;
text-align: left;
font-size: 13px;
line-height:130%;
color:#000;
}

.coment img{float: left; 
}

/*
コンテンツ　index
-------------------------------------------------------------------*/
#index_main{
width:450px;
padding:0.5em 0.5em 0.5em 0.5em;
font-size:13px; 
line-height:15px; 

float:left;
}

#index_main img{vertical-align: middle; }






.index_event{
width:200px;
background-image:url('images/memo.jpg');
background-repeat:no-repeat; 
background-position:20px 20px;
padding-left:20px;
float:left;

}

.index_event h1 {font-size: 18px; margin-top: 10px; background-color: #fff; padding-top: 20px;}
.index_event p {font-size: 14px; background-color: #fff; padding: 10px; width: 350px;}

.index_event ul{
margin-left: 25px;
}

.index_menu{
width:420px; 
margin-left:20px ;
text-align: left;
line-height:20px;

	color:#000;}

.index_menu p{
text-indent: 1em;
}

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

.titel_indexevent{
width:420px; 
height:42px; 
text-indent:-2000px; 
background-image:url('images/index_event.gif'); 
background-repeat:no-repeat; 
background-position:15px 0px; 
}

.titel_cd{
width:420px; 
height:42px; 
text-indent:-2000px; 
background-image:url('images/index_cd.gif'); 
background-repeat:no-repeat; 
background-position:15px 0px; 

}






.list_event{
margin-left: 0px;
}
.list_event_cd ul{
list-style: none;
}

.list_event li{
margin-left: 20px;
	list-style-image : url('images/list02.gif');

}

.list_cd{
margin-left: 30px;
}
.list_cd ul{
padding-top: 10px;
list-style: none;
}

.list_cd li{
margin-left: 20px;
	list-style-image : url('images/list03.gif');

}
/*
コンテンツ　プロフィール
-------------------------------------------------------------------*/
.profile{
width:420px;
}

.titel_prf1{
width:420px; 
height:42px; 
text-indent:-2000px; 
background-image:url('images/prf_titel1.gif'); 
background-repeat:no-repeat; 
background-position:15px 0%; 

}
.titel_prf2{
width:420px; 
height:42px; 
text-indent:-2000px; 
background-image:url('images/prf_titel2.gif'); 
background-repeat:no-repeat; 
background-position:15px 0%; 

}

.titel_prf3{
width:420px; 
height:42px; 
text-indent:-2000px; 
background-image:url('images/prf_titel3.gif'); 
background-repeat:no-repeat; 
background-position:15px 0%; 

}
.list_prf ul{
list-style: none;
}

.list_prf li{
margin-left: 30px;
list-style-type : decimal;

}




/*
コンテンツ　掲示板
-------------------------------------------------------------------*/

#bbs{

width:440px; 
padding-left:10px;
text-align: left;
font-size: 13px;
line-height:130%;
color:#000;
float:left;
}

.titel_bbs{
width:420px; 
height:42px; 
text-indent:-2000px; 
background-image:url('images/bbs_titel.gif'); 
background-repeat:no-repeat; 
background-position:15px 0%; 

}

.titel_chat{
width:420px; 
height:42px; 
text-indent:-2000px; 
background-image:url('images/chat_titel.gif'); 
background-repeat:no-repeat; 
background-position:15px 0%; 

}


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

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

}	


.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
-------------------------------------------------------------------*/

.titel_mail{
width:420px; 
height:42px; 
text-indent:-2000px; 
background-image:url('images/mail_titel.gif'); 
background-repeat:no-repeat; 
background-position:15px 0%; 
}

#mail_side {
width:140px; 

}

#mail_side ul{
list-style-position : outside;
margin-left: 5px;
font-size: 12px;
color: #B341FF;
	list-style-image : url('images/list01.gif');
}

#mail_side li{
list-style-position : outside;
margin-left: 10px;
font-size: 12px;
color: #B341FF;
	list-style-image : url('images/list01.gif');
}


#mail{
width:440px; 
height:430px;
padding-left:10px;
color:#000;
}

#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: 10px;
}

#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%;
}
@media screen {
	form input, form select {
		font-family: Verdana, Arial, sans-serif;
	}
}
#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;
}





/*
コンテンツ　rink
-------------------------------------------------------------------*/

#link{
	width:450px; 
	padding-left:10px;
	font-size: 13px;
	line-height:130%;
	color:#666;

	}

.titel_link{
width:420px; 
height:42px; 
text-indent:100px; 
background-image:url('images/link_titel.gif'); 
background-repeat:no-repeat; 
background-position:15px 0%; 
}



.link-name{
	font-size: 14px;
	line-height:30px;
	text-indent: 8em;
	
}

.link-data{
width:400px; 

	font-size: 13px;
	padding-left: 20px;
padding-top: 10px;

}

.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%;
}	
	


/*
コンテンツ　PHOTO
-------------------------------------------------------------------*/

.titel_bbslog{
width:420px; 
height:42px; 
text-indent:-2000px; 
background-image:url('images/bbs_log.gif'); 
background-repeat:no-repeat; 
background-position:15px 0%; }

.titel_nature{
width:420px; 
height:42px; 
text-indent:-2000px; 
background-image:url('images/photo_nature.gif'); 
background-repeat:no-repeat; 
background-position:15px 0%; }

.titel_event{
width:420px; 
height:42px; 
text-indent:-2000px; 
background-image:url('images/photo_event.gif'); 
background-repeat:no-repeat; 
background-position:15px 0%; }


.titel_etc{
width:420px; 
height:42px; 
text-indent:-2000px; 
background-image:url('images/photo_etc.gif'); 
background-repeat:no-repeat; 
background-position:15px 0%; }


.coment img{float: left; 
}






#photo_side{
margin-left: 15px;
}
#photo_side ul li{

list-style-position : outside;
list-style-image : url(images/list_purple.gif);

}



#down_navi { 

width:380px; 
text-align: center;
font-size: 14px;
}

#down_navi ul {
margin-left:100px;

}

#down_navi li{
margin-left:15px;
float:left;
list-style: none;

}

.photo_data{
	font-size: 13px;
	background-image:url('images/enpitsu-list.gif'); 
	background-repeat:no-repeat; 
	background-position:4px 4px;
	background-color:#E4E4E4;
	color:#000;
	text-indent: 2em;
	text-decoration:none;
	line-height:150%;


	}


.kiji{
font-size: 13px;
padding-top: 10px;
padding-bottom: 10px;
color: #666;

}
.kiji img{
width: 141px;
height:107px; 
float:left;
}

.res_pink{
padding-left: 80px;
color: #FF46D3;
clear: both;

}
.res_blue{
padding-left: 80px;
color: #0F2F92;
clear: both;

}



.resdata
{
padding-left: 80px;
	background-image:url('photo/photo_images/list_res.gif'); 
	background-repeat:no-repeat; 
	background-position:65px 2px;
color: #000;
clear: both;

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


/*
コンテンツ　Youtube
-------------------------------------------------------------------*/
.titel_music{
width:420px; 
height:42px; 
text-indent:-2000px; 
background-image:url('images/titel_music.gif'); 
background-repeat:no-repeat; 
background-position:15px 0%; }




#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;

}

#youtube img{
width:135px;
height:86px; 
float:left;
margin-right:10px ;

}

#movie{
width:426px; 
height:330px; 
text-align: center;
background-image:url('images/youtube_base.jpg');
background-repeat:no-repeat; 
background-position:50% 50%;
font-size: 13px;
line-height:130%;
color:#000;
float:left;
}

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


}	
	

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





.navi a {

font-size: 13px;
font-family: "MS UI Gothic";
display:block;
border:1px solid #626E48;
background-color:#B2CD7E;
text-decoration:none;
color:#626E48;
width:150px;
margin:1px 0px;
height:20px;

}

.navi a:hover {
font-size : 13px;
font-family : "MS UI Gothic";
display:block;
border:1px solid #6699cc;
background-color:#ffffff;
text-decoration:none;
color:red;
height:20px;
}

	
.border { 
border-top-width:1px; 
border-right-width:0px; 
border-bottom-width:1px;
border-left-width:0px;
border-top-color:#BDD7FF; 
border-bottom-color:#fff; 
border-top-style:solid; border-bottom-style:solid; 
  }	


.topixs { 
font-size:12px; 
color:rgb(102,102,102)
}

.titel{
padding-left:10px; 
line-height:130%;
color:#59713e;
font-size:12px; 
margin-bottom: 10px;
background-color:#e0ffc4;
background-image: url(images/titel-bk.gif);

}

.text18{
margin-bottom: 18px;
}