/*general----------------------------------------------------*/

*{

margin: 0px;

padding: 0px;

}

html {

margin:0;

padding:0;

}

body,div,ul,li,table,h1,h2 {

margin:0; 

padding:0;

font-size:11px;

font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","ＭＳゴシック";

}

p{

line-height:1.8em;

padding:0px 0px 5px 2px;

}

img{

padding:5px 0px 5px 0px;

border:none;

}

a{

color:#0066ff;

}

a:hover{

color:#0066ff;

}

h1 {

text-indent:-5000px;

}

h2{

font-size:12px;

color:#00CCFF;

padding-top:10px;

padding-bottom:2px;

}

/*wrapper---------------------------------------------------*/

#wrapper {

width:1010px;

height:700px;

position:absolute;

top:50%;

left:50%;

margin-top:-350px;

margin-left:-505px;

text-align:left;

}

/*header----------------------------------------------------*/

#header {

width:1010px;

height:56px;

background:url(img/header.jpg) no-repeat;

}

/*container-------------------------------------------------*/

#container {

width:1010px;

height:582px;

}

/*mainimg各メイン画像---------------------------------------*/

#mainimg1 {

width:550px;

height:582px;

background:#FFFFFF;

background:url(img/rosaInfo.jpg) no-repeat;

float:left;

}

#mainimg2 {

width:550px;

height:582px;

background:#FFFFFF;

background:url(img/rosaPhoto.jpg) no-repeat;

float:left;

}

#mainimg3 {

width:550px;

height:582px;

background:#FFFFFF;

background:url(img/rosaFan.jpg) no-repeat;

float:left;

}

#mainimg4 {

position: relative;

width:550px;

height:582px;

background:#FFFFFF;

background:url(img/rosa4.jpg) no-repeat;

float:left;

}

#mainimg6 {

width:550px;

height:582px;

background:#FFFFFF;

background:url(img/rosaDiary.jpg) no-repeat;

float:left;

}

/*main------------------------------------------------------*/

#main {

width:460px;

height:582px;

float:right;

}

/*maincon---------------------------------------------------*/

#maincon {

width:385px;

height:582px;

background:#FFFFFF;

float:left;

}

/*rightr----------------------------------------------------*/

#rightr {

width:75px;

height:582px;

float:right;

background:url(img/rightr.jpg) repeat-y;

}

/*txtcon----------------------------------------------------*/

#txtcon {

width:359px;

height:525px;

margin:15px 13px;

}

/*//*/

/*//////////////////////////////////////////////////////////*/

/*ここからページの内容。----------------------------------------------------------*/

/*holder----------------------------------------------------*/

#holder {

width:359px;

height:525px;

}

/*content header set各header画像----------------------------*/

#conh1 {

width:359px;

height:35px;

text-indent:-5000px;

background:url(img/iheader.jpg) no-repeat;

}

#conh2 {

width:359px;

height:35px;

text-indent:-5000px;

background:url(img/pheader.jpg) no-repeat;

}

#conh3 {

width:359px;

height:35px;

text-indent:-5000px;

background:url(img/fheader.jpg) no-repeat;

}

#conh4 {
position: relative;

width:359px;

height:35px;

background:url(img/dheader.jpg) no-repeat;

}

#backnumber {
position: absolute;

top: 7px;
left: 235px;
}

/*テキストエリア＆リスト＆その他のクラス--------------------*/

/*carea-----------------------------------------------------*/

#carea {

width:359px;

height:482px;

background:url(img/cbody.jpg) repeat-y;

}

/*cfooter---------------------------------------------------*/

#cfooter {

width:359px;

height:8px;

background:url(img/cfooter.jpg) no-repeat;

}

/*txtarea---------------------------------------------------*/

#txtarea {

width:327px;

height:482px;

margin:auto;

padding-left:8px;

padding-right:8px;

background:#FFFFFF;

overflow:auto;

border: none;

scrollbar-face-color: #999999;

scrollbar-track-color: #ffffff;

scrollbar-arrow-color: #ffffff;

scrollbar-highlight-color: #ffffff;

scrollbar-shadow-color: #ffffff;

scrollbar-3dlight-color: #ffffff;

scrollbar-darkshadow-color: #ffffff;

}

#txtarea ul{

list-style:none;

padding-top:2px;

padding-bottom:12px;

}

#txtarea li{

padding-top:8px;

padding-left:2px;

border-bottom:thin dotted #999999;

}

/*photoarea-------------------------------------------------*/

#photoarea {

width:343px;

height:482px;

margin:auto;

background:#FFFFFF;

overflow:hidden;

border: none;

}

/*title-----------------------------------------------------*/

.title {

height:auto;

padding:1px;

margin-bottom:6px;

border-bottom:thin dotted #999999;

}

/*ここまで------------------------------------------------------------------------*/

/*//////////////////////////////////////////////////////////*/

/*//*/

/*ここからメニューセット------------------------------------*/

/*naviset---------------------------------------------------*/

#naviset {

width:371px;

height:22px;

margin:0px 7px 5px 7px;

overflow:hidden;

}

#naviset ul{

overflow:hidden;

text-indent:-5000px;

list-style:none;

}

#naviset li {

float:left;

}

/*各メニュー------------------------------------------------*/

#sol01 {

display:block;

height:22px;

width:36px;

background:url(img/m01.jpg) no-repeat;

}

#sol01:hover{

display:block;

height:22px;

width:36px;

background:url(img/m01.jpg) no-repeat;

background-position:left bottom;

}



#sol02 {

display:block;

height:22px;

width:57px;

background:url(img/m02.jpg) no-repeat;

}

#sol02:hover{

display:block;

height:22px;

width:57px;

background:url(img/m02.jpg) no-repeat;

background-position:left bottom;

}

#sol03 {

display:block;

height:22px;

width:89px;

background:url(img/m03.jpg) no-repeat;

}

#sol03:hover{

display:block;

height:22px;

width:89px;

background:url(img/m03.jpg) no-repeat;

background-position:left bottom;

}

#sol04 {

display:block;

height:22px;

width:49px;

background:url(img/m04.jpg) no-repeat;

}

#sol04:hover{

display:block;

height:22px;

width:49px;

background:url(img/m04.jpg) no-repeat;

background-position:left bottom;

}

#sol05 {

display:block;

height:22px;

width:58px;

background:url(img/m05.jpg) no-repeat;

}

#sol05:hover{

display:block;

height:22px;

width:58px;

background:url(img/m05.jpg) no-repeat;

background-position:left bottom;

}

#sol06 {

display:block;

height:22px;

width:82px;

background:url(img/m06.jpg) no-repeat;

}

#sol06:hover{

display:block;

height:22px;

width:82px;

background:url(img/m06.jpg) no-repeat;

background-position:left bottom;

}

/*RollOver用btn_class----------------------------------------*/

/*home-------------------------------------------------------*/

#soltop {

display:block;

height:22px;

width:36px;

background:url(img/m01.jpg) no-repeat;

background-position:left bottom;

}

/*info-------------------------------------------------------*/

#solinfo {

display:block;

height:22px;

width:89px;

background:url(img/m03.jpg) no-repeat;

background-position:left bottom;

}

/*photo------------------------------------------------------*/

#solphoto {

display:block;

height:22px;

width:49px;

background:url(img/m04.jpg) no-repeat;

background-position:left bottom;

}

/*forfan-----------------------------------------------------*/

#solforfan {

display:block;

height:22px;

width:58px;

background:url(img/m05.jpg) no-repeat;

background-position:left bottom;

}

/*staffdiary-----------------------------------------------------*/

#solstaffdiary {

display:block;

height:22px;

width:82px;

background:url(img/m06.jpg) no-repeat;

background-position:left bottom;

}

/*-----------------------------------------------------------*/

/*///////////////////////////////////////////////////////////*/

/*//*/

/*ここからfooter---------------------------------------------*/

#footer {

width:1010px;

height:62px;

clear:both;

background:url(img/footer.jpg) no-repeat;

}

/*fcon-------------------------------------------------------*/

#fcon{

width:860px;

height:15px;

margin:auto;

}

/*logo-------------------------------------------------------*/

#logo {

width:21px;

height:15px;

text-indent:-5000px;

float:left;

background:url(img/logo02.jpg) no-repeat;

}

/*copyright--------------------------------------------------*/

#copyright {

width:261px;

height:15px;

text-indent:-5000px;

float:right;

background:url(img/copyright02.jpg) no-repeat;

}


/*qrcode--------------------------------------------------*/

#qrtext {
	position: absolute;
	top: 570px;
	left:290px;
	width: 170px;
	
	font-size: 11px;
	line-height: 15px;
	text-align: left;
	color: #FFFFFF;
}

#qrtextBK {
	position: absolute;
	top: 570px;
	left:290px;
	width: 170px;
	
	font-size: 11px;
	line-height: 15px;
	text-align: left;
	color:#333333;
}

#qrcode {
	position: absolute;
	top: 530px;
	left: 463px;
}