@charset "UTF-8";


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

a{
font-size: 1em;
}

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

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

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

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


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

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

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

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


.pagenavi01 a:link {
text-decoration: underline;
color: #9933CC;
}

.pagenavi01 a:visited {
text-decoration: underline;
color: #9933CC;
}

.pagenavi01 a:hover {
text-decoration: underline;
color: #FF6600;
}

.pagenavi01 a:active {
text-decoration: underline;
color: #9933CC;
}


.pagenavi01 a:link {
text-decoration: underline;
color: #9933CC;
}

.pagenavi02 a:visited {
text-decoration: underline;
color: #9933CC;
}

.pagenavi02 a:hover {
text-decoration: underline;
color: #FF6600;
}

.pagenavi02 a:active {
text-decoration: underline;
color: #9933CC;
}


.pagenavi03 a:link {
text-decoration: underline;
color: #9933CC;
}

.pagenavi03 a:visited {
text-decoration: underline;
color: #9933CC;
}

.pagenavi03 a:hover {
text-decoration: underline;
color: #FF6600;
}

.pagenavi03 a:active {
text-decoration: underline;
color: #9933CC;
}


.pagenavi04 a:link {
text-decoration: underline;
color: #9933CC;
}

.pagenavi04 a:visited {
text-decoration: underline;
color: #9933CC;
}

.pagenavi04 a:hover {
text-decoration: underline;
color: #FF6600;
}

.pagenavi04 a:active {
text-decoration: underline;
color: #9933CC;
}


/*====================================================
	COLOR
====================================================*/

body {
color: #ffffff;
}

.head_txt h1{
color: #FFF82B;
}

.head_txt .ad {
color: #ffffff;
}

.left_profbox{
background-color: #ff00f6;
}

.profname {
color: #f0ff00;
}

.title_color {
color: #c369e5;
}

.novel_title_color {
color: #ffff00;
}

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

.level .big {
color: #cc1212;
}

.left_proftxt {
color: #ffffff;
}

.left_hptxt{
color: #f0ff00;
}

.left_hptxt .big{
color: #fffcaa;
}

.subtitle {
color: #ffff00;
} 

.subtitle02 {
color: #ffff00;
}

.rightbox_in_novel_title2 {
color: #fbd600;
} 

.rightbox_in_novel_title3 {
color:#ffffcd;
} 

.left_navi_sub {
color: #FFF82B;
}

.calender {
background-color:#8800ff;
}

.calender_date {
color:#ffff00;
}

.rightbox_in_novel_title5 {
color: #b1ffff;
background-color:#9e00cf;
}

.pankuzu {
color: #ffffff;
}

#footer{
color: #ffffff;
background: #8f2cff;
}

.minibox_title_color {
color: #4d4d4d;
}

.prof_subbody {
color: #666666;
}

.prof_qr3 {
color: #f700fa;
}

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

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

#bg{
background: url(images/ut03/bg.jpg) center top repeat-y;
}

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


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


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

.left_profbox{
background-image: url(images/ut03/left_profbox02.jpg) left bottom no-repeat;
}

.serch {
background-color: #fa40d2;
color: #ffffff;
}

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

.minibox01_title {
background: url(images/ut03/minibox_title_bg.jpg) left top no-repeat;
}

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

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

.minibox02_title {
background: url(images/ut03/minibox2_title_bg.jpg) left top no-repeat;
}

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

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

.minibox03_title {
background: url(images/ut03/minibox3_title_bg.jpg) left top no-repeat;
}

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

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

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



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


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



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

.head_btn01 a {
width: 100%;
height: 100%;
background: url(images/ut03/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/ut03/head_btn01_hover.jpg) left top no-repeat;
float: left;
display: block;
}


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

.head_btn02 a {
width: 100%;
height: 100%;
background: url(images/ut03/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/ut03/head_btn02_hover.jpg) left top no-repeat;
float: left;
display: block;
}


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

.head_btn03 a {
width: 100%;
height: 100%;
background: url(images/ut03/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/ut03/head_btn03_hover.jpg) left top no-repeat;
float: left;
display: block;
}


.prof_top {
width: 280px;
height: 51px;
background: url(images/ut03/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/ut03/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/ut03/proftop_btn_hover.jpg) left top no-repeat;
padding: 11px 0px 0px 0px;
line-height: 1.1em;
display: block;
}