@charset "UTF-8";


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

a{
font-size: 1em;
}

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

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

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

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


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

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

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

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


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

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


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

body {
color: #808080;
}

.head_txt h1{
color: #333333;
}

.head_txt .ad {
color: #666666;
}

.profname {
color: #333333;
}

.title_color {
color: #333333;
}

.novel_title_color {
color: #FFF82B;
}

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

.level .big {
color: #FFF82B;
}

.left_proftxt {
color: #333333;
}

.left_hptxt{
color: #666666;
}

.left_hptxt .big{
color: #333333;
}

.subtitle {
color: #666666;
} 

.subtitle02 {
color: #666666;
}

.rightbox_in_novel_title2 {
color: #333333;
} 

.rightbox_in_novel_title3 {
color:#FFF82B;
} 

.left_navi_sub {
color: #333333;
}

.calender {
background-color:#C1DCE0;
}

.calender_date {
color:#333333;
}

.rightbox_in_novel_title5 {
color: #333333;
background-color:#8F9FA8;
}

.pankuzu {
color: #808080;
}

#footer{
color: #808080;
background: #F2F2F2;
}

.minibox_title_color {
color: #333333;
}


.right_profbox_title {
color: #333333;
line-height: 1.8em;
}

.right_blogbox_title {
color: #333333;
line-height: 1.8em;
}

.right_novelbox_title {
color: #333333;
line-height: 1.8em;
}

.right_photobox_title {
color: #333333;
line-height: 1.8em;
}

.right_realbox_title {
color: #333333;
line-height: 1.8em;
}

.right_friendbox_title {
color: #333333;
line-height: 1.8em;
}

.right_circlebox_title {
color: #333333;
line-height: 1.8em;
}

.left_navi_title {
color: #333333;]
line-height: 1.3em;
}

.left_realbox_title {
color: #333333;
line-height: 1.8em;
}

.left_friendbox_title {
color: #333333;
line-height: 1.8em;
}

.left_circlebox_title {
color: #333333;
line-height: 1.8em;
}


.head_txt{
width: 296px;
height: 49px;
margin: 0px;
padding: 20px 0px 0px 0px;
float: left;
}


.prof_subbody {
color: #bbbbbb;
}



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

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

.bg02{
background: url(images/ut11/bg.jpg) center top no-repeat;
}

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


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


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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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


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



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

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


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

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


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

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


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