@charset "UTF-8";


/*====================================================
	A LINK COLOR
====================================================*/

a{
font-size: 1em;
}

a:link {
text-decoration: underline;
color: #FFCC00;
}

a:visited {
text-decoration: underline;
color: #DD5EE8;
}

a:hover {
text-decoration: underline;
color: #FFFF99;
}

a:active {
text-decoration: underline;
color: #FFFF99;
}


#footer a:link {
text-decoration: underline;
color: #ffffff;
}

#footer a:visited {
text-decoration: underline;
color: #ffffff;
}

#footer a:hover {
text-decoration: underline;
color: #fffc10;
}

#footer a:active {
text-decoration: underline;
color: #ffffff;
}


.prof_top a:link {
text-decoration: underline;
color: #ffffff;
}

.prof_top a:visited {
text-decoration: underline;
color: #ffffff;
}

.prof_top a:hover {
text-decoration: underline;
color: #FFFF00;
}

.prof_top a:active {
text-decoration: underline;
color: #ffffff;
}


/*====================================================
	COLOR
====================================================*/
#container{
width: 900px;
height: auto;
margin: 0px auto;
padding: 0px;
text-align: left;
line-height: 1.6em;
background-color:#C4A6E1;
}
body {
color: #4d4d4d;
}

.head_txt h1{
color: #000000;
}

.head_txt .ad {
color: #ec84c1;
}


.profname {
color: #FFFF99;
}

.title_color {
color: #612061;
}

.novel_title_color {
color: #612061;
}

.level{
color:#ffffff;
background-color: #612061;
border: solid #FFFFFF 2px;
}

.level .big {
color: #FFFF99;
}

.left_proftxt {
color: #FFFFFF;
}

.left_hptxt{
color: #000000;
}

.left_hptxt .big{
color:#FFFF99;
}

.subtitle {
color: #EAC8E2;
} 

.subtitle02 {
color: #EAC8E2;
}

.rightbox_in_novel_title2 {
color: #EAC8E2;
} 

.rightbox_in_novel_title3 {
color: #FFFF99;
} 

.left_navi_sub {
color: #000000;
}

.calender {
background-color:#FFE1EF;
}

.calender_date {
color:#CC1212;
}

.rightbox_in_novel_title5 {
color: #4d4d4d;
background-color:#BE76C0;
}

.pankuzu {
color: #666666;
}

#footer{
color: #ffffff;
background: #ff9bcc;
}

.minibox_title_color {
color: #4d4d4d;
}

.prof_subbody {
color: #6666FF;
}


/*====================================================
	IMG
====================================================*/

#bg{
background: url(images/ut05/bg.jpg) center top no-repeat #000000;
}

#header{
background: url(images/ut05/head_bg.jpg) left top no-repeat;
}


#main{
background: url(images/ut05/left_line02.jpg) left top repeat-y;
}


#left{
background: url(images/ut05/left_line01.jpg) left top no-repeat;
}

.left_profbox{
background: url(images/ut05/left_profbox02.jpg) left bottom no-repeat #612061;
}

.serch {
background-color: #7d4bae;
color: #dcbe7e;
}

.prof_qr {
background: url(images/ut05/left_qr.jpg) left top no-repeat;
}

.leftbox {
width: 280px;
background: url(images/ut05/left_box01.jpg) left top repeat-y;
}

.left_realbox_title {
background: url(images/ut05/left_real_head.jpg) left top no-repeat;
}

.left_friendbox_title {
background: url(images/ut05/left_friend_head.jpg) left top no-repeat;
}

.left_circlebox_title {
background: url(images/ut05/left_circle_head.jpg) left top no-repeat;
}

.left_navi_title {
background: url(images/ut05/left_navi_head.jpg) left top no-repeat;
}

.subtitle {
background: url(images/ut05/subtitle_bg.jpg) left top repeat-x;
} 

.leftbox_bottom {
background: url(images/ut05/left_box02.jpg) left bottom no-repeat
} 

.left_line03 {
background: url(images/ut05/left_line03.jpg) left top no-repeat
}

.rightbox {
background: url(images/ut05/right_box01.jpg) left top repeat-y;
}


.link1_prof {
background: url(images/ut05/down.jpg) left top no-repeat;
}

.right_profbox_title {
background: url(images/ut05/right_prof_head.jpg) left top no-repeat;
}

.right_blogbox_title {
background: url(images/ut05/right_blog_head.jpg) left top no-repeat;
}

.right_novelbox_title {
background: url(images/ut05/right_novel_head.jpg) left top no-repeat;
}

.right_photobox_title {
background: url(images/ut05/right_photo_head.jpg) left top no-repeat;
}

.right_realbox_title {
background: url(images/ut05/right_real_head.jpg) left top no-repeat;
}

.right_friendbox_title {
background: url(images/ut05/right_friend_head.jpg) left top no-repeat;
}

.right_circlebox_title {
background: url(images/ut05/right_circle_head.jpg) left top no-repeat;
}

.subtitle02 {
background: url(images/ut05/subtitle_bg.jpg) left top repeat-x;
}

.rightbox_bottom {
background: url(images/ut05/right_box02.jpg) left bottom no-repeat;
} 

.rightbox_in_novel_title {
background: url(images/ut05/right_novel_title.jpg) left top no-repeat;
}

.minibox01 {
background: url(images/ut05/minibox1.jpg) left top repeat-y;
}

.minibox01_title {
background: url(images/ut05/minibox_title_bg.jpg) left top no-repeat;
color:#FFFFFF;
}

.minibox01_in {
background: url(images/ut05/minibox_bt.jpg) left bottom repeat-x;
}

.minibox02 {
background: url(images/ut05/minibox2_1.jpg) left top repeat-y;
}

.minibox02_title {
background: url(images/ut05/minibox2_title_bg.jpg) left top no-repeat;
color:#FFFFFF;}

.minibox02_in {
background: url(images/ut05/minibox_bt.jpg) left bottom repeat-x;
}

.minibox03 {
background: url(images/ut05/minibox3_1.jpg) left top repeat-y;
}

.minibox03_title {
background: url(images/ut05/minibox3_title_bg.jpg) left top no-repeat;
color:#FFFFFF;}

.minibox03_in {
background: url(images/ut05/minibox_bt.jpg) left bottom repeat-x;
}

.link1 {
background: url(images/ut05/linkarrow.jpg) left top no-repeat;
}

.link_top {
background: url(images/ut05/linkarrow_top.jpg) left top no-repeat;
}



/*====================================================
	A LINK ONOFF IMG
====================================================*/

.left_profbox01 {
background: url(images/ut05/left_profbox01.jpg) left top no-repeat;
width: 280px;
height: 28px;
}



.head_btn01 {
width: 111px;
height: 84px;
background: url(images/ut05/head_btn01_hover.jpg) left top no-repeat;
float: left;
display: block;
}

.head_btn01 a {
width: 100%;
height: 100%;
background: url(images/ut05/head_btn01_off.jpg) left top no-repeat;
float: left;
display: block;
}

.head_btn01 a:hover, .head_btn01 a:focus {
width: 100%;
height: 100%;
background: url(images/ut05/head_btn01_hover.jpg) left top no-repeat;
float: left;
display: block;
}


.head_btn02 {
width: 110px;
height: 84px;
background: url(images/ut05/head_btn02_hover.jpg) left top no-repeat;
float: left;
display: block;
}

.head_btn02 a {
width: 100%;
height: 100%;
background: url(images/ut05/head_btn02_off.jpg) left top no-repeat;
float: left;
display: block;
}

.head_btn02 a:hover, .head_btn02 a:focus {
width: 100%;
height: 100%;
background: url(images/ut05/head_btn02_hover.jpg) left top no-repeat;
float: left;
display: block;
}


.head_btn03 {
width: 111px;
height: 84px;
background: url(images/ut05/head_btn03_hover.jpg) left top no-repeat;
float: left;
display: block;
}

.head_btn03 a {
width: 100%;
height: 100%;
background: url(images/ut05/head_btn03_off.jpg) left top no-repeat;
float: left;
display: block;
}

.head_btn03 a:hover, .head_btn03 a:focus {
width: 100%;
height: 100%;
background: url(images/ut05/head_btn03_hover.jpg) left top no-repeat;
float: left;
display: block;
}



.prof_top {
width: 280px;
height: 51px;
background: url(images/ut05/proftop_btn_hover.jpg) left top no-repeat;
display: block;
margin:12px 0px 10px 0px;
padding: 0px 0px 0px 0px;
font-size: 1.2em;
font-weight: bold;
text-align:center;
}

.prof_top a {
width: 100%;
height: 100%;
background: url(images/ut05/proftop_btn_off.jpg) left top no-repeat;
padding: 11px 0px 0px 0px;
line-height: 1.1em;
display: block;
}

.prof_top a:hover, .prof_top a:focus {
width: 100%;
height: 100%;
background: url(images/ut05/proftop_btn_hover.jpg) left top no-repeat;
padding: 11px 0px 0px 0px;
line-height: 1.1em;
display: block;
}

.pagenavi01 {
color: #4d4d4d;
background-color: #BA98DC;
font-size: 0.8em;
width: 290px;
height: auto;
margin: 0px 0px 10px;
padding: 2px 0px 2px;
text-align: center;
}

.pagenavi02 {
color: #4d4d4d;
background-color: #BA98DC;
font-size: 0.8em;
width: 522px;
height: auto;
margin: 0px 0px 10px;
padding: 2px 0px 2px;
text-align: center;
}

.pagenavi03 {
color: #4d4d4d;
background-color: #BA98DC;
font-size: 0.8em;
width: 240px;
height: auto;
margin: 0px 0px 10px;
padding: 2px 0px 2px;
text-align: center;
}

.pagenavi04 {
color: #4d4d4d;
background-color: #BA98DC;
font-size: 0.8em;
width: 260px;
height: auto;
margin: 0px 0px 10px;
padding: 2px 0px 2px;
text-align: center;
}