@charset "UTF-8";

*{
margin: 0px;
padding: 0px;
}

body {
margin: 0px;
padding: 0px;
font: 75% 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
text-align: center;
}

div, td, th {
text-align: left;
}

h1 {
font-size: 1.0em;
line-height: 1.4em;
font-weight: bold;
margin: 0px;
}

h2 {
font-size: 1.2em;
line-height: 1.6em;
font-weight: bold;
margin: 0px;
}

h3, h4, h5, h6 {
font-size: 1em;
line-height: 1.6em;
font-weight: normal;
margin: 0px;
}

p {
font-size : 1em;
line-height: 1.6em;
margin: 0px;
text-align: justify;
text-justify: inter-ideograph;
line-break: strict; 
}

pre {
font-size : 1em;
line-height: 1.6em;
margin: 0px;
}

ol, ul {
margin: 0px;
padding: 0px;
list-style: none;
}

li {
margin: 0px;
padding: 0px;
}

dl, dt, dd {
margin: 0px;
padding: 0px;
}

strong {
font-weight: normal;
}

table, tr, td {
margin:0px;
padding:0px;
}


/*====================================================
	SUB
====================================================*/

img {
vertical-align: top;
border: 0px;
}

select {
display: block;
}

form {
margin: 0px;
}


@charset "UTF-8";

/*====================================================
	BG
====================================================*/

#bg{
width: 100%;
height: auto;
}


/*====================================================
	CONTAINER
====================================================*/

#container{
width: 900px;
height: auto;
margin: 0px auto;
padding: 0px;
text-align: left;
line-height: 1.6em;
}


/*====================================================
	HEADER
====================================================*/

#header{
width: 889px;
height: 98px;
margin: 0px 0px 10px 0px;
padding: 0px 11px 0px 0px;
text-align: left;
}

.head_rogo{
width: 247px;
height: 84px;
margin: 0px 10px 0px 0px;
padding: 0px;
float: left;
}

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

.head_txt h1{
margin: 0px 0px 3px;
}

.head_txt .ad {
line-height: 1.5em;
font-size: 0.9em;
}


.head_btn{
width: 332px;
height: 84px;
margin: 0px;
padding: 0px;
float: right;
}

.serch {
padding:5px 7px;
width: 260px;
}



/*====================================================
	MAIN
====================================================*/

#main{
width: 860px;
height: auto;
margin: 0px;
padding: 0px 20px;
text-align: left;
}


/*====================================================
	LEFT
====================================================*/

#left{
width: 308px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: left;
float: left;
}

.left_profbox{
width: 280px;
height: auto;
margin: 0px;
padding: 0px 0px 10px;
text-align: center;
}

.left_profbox_img {
text-align: center;
}

.profname {
font-size: 1.2em;
font-weight: bold;
}

.prof_qr {
width: 250px;
height: 114px;
margin: 0px auto;
padding: 0px;
}

.prof_qr2 {
width: 100px;
height: auto;
margin: 7px 0px 7px 10px;
float: left;
}

.prof_qr3 {
font-size: 0.9em;
font-weight: bold;
color: #003E85;
text-align: center;
line-height:1.5em;
width: 110px;
height: auto;
float: right;
}

.left_proftxt{
margin: 10px 0px 10px;
text-align:center;
}

.left_hptxt{
margin: 10px 0px 5px;
text-align:center;
}

.left_hptxt .big{
font-size: 1.2em;
font-weight: bold;
}

.level{
width: 87%;
height:auto;
margin: 0px auto 0px;
padding: 3px;
text-align:center;
}

.level .big {
font-size: 1.3em;
font-weight: bold;
}

.leftbox {
width: 280px;
}

.left_realbox_title {
font-size:1.2em;
font-weight: bold;
color: #ffffff;
padding: 16px 0px 0px 50px;
width: 230px;
height: 25px;
}

.left_friendbox_title {
font-size:1.2em;
font-weight: bold;
color: #ffffff;
padding: 16px 0px 0px 53px;
width: 227px;
height: 25px;
}

.left_circlebox_title {
font-size:1.2em;
font-weight: bold;
color: #ffffff;
padding: 16px 0px 0px 56px;
width: 224px;
height: 25px;
}

.left_navi_title {
font-size:1.2em;
font-weight: bold;
color: #ffffff;
padding: 16px 0px 0px 10px;
width: 270px;
height: 25px;
}

.left_navi_sub {
font-weight: bold;
}

.subtitle {
width: 264px;
height: 20px;
margin: 0px auto 10px;
padding: 0px 0px 0px 8px;
text-align: left;
} 

.leftbox_in {
width: 250px;
padding: 0px 15px 0px;
} 

.leftbox_in02 {
width: 267px;
padding: 0px 7px 0px 6px;
}

.leftbox_in02_b {
width: 267px;
padding: 0px;
}

.leftbox_in02_c {
font-size: 0.8em;
line-height: 1.5em;
width: 75px;
padding: 0px 7px 0px;
text-align: center;
float: left;
}



/*====================================================
	RIGHT
====================================================*/

#right{
width: 552px;
height: auto;
margin: 0px;
padding: 0px;
text-align: left;
float: right;
overflow: hidden;
}


.rightbox {
width: 552px;
}


.link1_prof {
padding: 0px 0px 0px 18px;
}

.right_profbox_title {
font-size:1.2em;
font-weight: bold;
color: #ffffff;
padding: 16px 0px 0px 45px;
width: 507px;
height: 25px;
}

.right_blogbox_title {
font-size:1.2em;
font-weight: bold;
color: #ffffff;
padding: 16px 0px 0px 55px;
width: 497px;
height: 25px;
}

.right_novelbox_title {
font-size:1.2em;
font-weight: bold;
color: #ffffff;
padding: 16px 0px 0px 50px;
width: 506px;
height: 25px;
}

.right_photobox_title {
font-size:1.2em;
font-weight: bold;
color: #ffffff;
padding: 16px 0px 0px 62px;
width: 490px;
height: 25px;
}

.right_realbox_title {
font-size:1.2em;
font-weight: bold;
color: #ffffff;
padding: 16px 0px 0px 62px;
width: 490px;
height: 25px;
}

.right_friendbox_title {
font-size:1.2em;
font-weight: bold;
color: #ffffff;
padding: 16px 0px 0px 62px;
width: 490px;
height: 25px;
}

.right_circlebox_title {
font-size:1.2em;
font-weight: bold;
color: #ffffff;
padding: 16px 0px 0px 62px;
width: 490px;
height: 25px;
}

.subtitle02 {
width: 536px;
height: 20px;
margin: 0px auto 10px;
padding: 0px 0px 0px 8px;
text-align: left;
} 

.rightbox_in {
width: 522px;
padding: 0px 15px 4px;
}


.rightbox_in_b {
width: 522px;
padding: 0px;
}

.rightbox_in_b2 {
width: 251px;
margin: 0px 0px 0px 0px;
padding: 0px 10px;
float:left;
}

.rightbox_in_c {
width: 522px;
padding: 0px;
}

.rightbox_in_d {
width: 522px;
padding: 0px;
}

.rightbox_in_d2 {
font-size: 0.8em;
line-height: 1.5em;
width: 69px;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align:center;
float:left;
}

.rightbox_in_e {
width: 522px;
padding: 0px;
}

.rightbox_in_f {
width: 522px;
padding: 0px;
}

.rightbox_in_blog01 {
width: 248px;
padding-right: 13px;
float: left;
}

.rightbox_in_blog02 {
width: 253px;
float: right;
}

.rightbox_in_e_blog01 {
width: 290px;
float: left;
}

.rightbox_in_e_blog02 {
width: 210px;
float: right;
}

.rightbox_in_novel02 {
width: 260px;
float: right;
}

.rightbox_in_novel01 {
width: 227px;
padding-right: 13px;
float: left;
}

.rightbox_in_novel_title {
width: 522px;
height: 97px;
}

.rightbox_in_novel_title2 {
width: 512px;
height: 67px;
padding: 10px 0px 0px 10px;
}

.rightbox_in_novel_title3 {
font-weight: bold;
}

.rightbox_in_novel_title4 {
margin: 7px 0px 0px 10px;
}

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

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

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

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

.minibox01 {
width: 210px;
height: auto;
padding: 0px;
margin: 0px;
}

.minibox01_title {
width: 200px;
height: 19px;
padding: 3px 0px 0px 10px;
margin: 0px 0px 7px;
}

.minibox01_in {
width: 190px;
height: auto;
padding: 0px 10px 5px;
margin: 0px;
}

.minibox02 {
width: 290px;
height: auto;
padding: 0px;
margin: 0px;
}

.minibox02_title {
width: 280px;
height: 19px;
padding: 3px 0px 0px 10px;
margin: 0px 0px 7px;
}

.minibox02_in {
width: 270px;
height: auto;
padding: 0px 10px 5px;
margin: 0px;
}

.minibox03 {
width: 260px;
height: auto;
padding: 0px;
margin: 0px;
}

.minibox03_title {
width: 250px;
height: 19px;
padding: 3px 0px 0px 10px;
margin: 0px 0px 7px;
}

.minibox03_in {
width: 240px;
height: auto;
padding: 0px 10px 5px;
margin: 0px;
}


.calender {
font-size: 0.8em;
text-align: center;
width:200px;
margin: 0px 0px 10px;
padding: 5px;
}


.calender_txt {
color:#4d4d4d;
}

.rightbox_in_novel_title5 {
width: 240px;
height: auto;
margin: 0px 0px 10px;
padding: 2px 0px 2px;
text-align: center;
}






.rightbox_in_6 {
width: 552px;
padding: 0px 0px 4px;
}


.rightbox_in_d_6 {
width: 542px;
padding: 0px 5px;
}


.rightbox_in_d2_6 {
font-size: 0.8em;
line-height: 1.5em;
width: 76px;
margin: 0px 0px 0px 0px;
padding: 0px 7px;
text-align:center;
float:left;
}

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

.rightbox_in_b_6 {
width: 542px;
padding: 0px 5px;
}



/*====================================================
	FOOTER
====================================================*/

#footer{
width: 880px;
height: 120px;
margin: 20px auto 0px;
padding: 0px 0px 0px 20px;
text-align: left;
line-height: 1.2em;
}

.footer_qr {
margin: 10px 10px 0px 0px;
float:left;
}

.footer_txt1 {
width: 150px;
height: auto;
padding: 20px 0px 0px 0px;
float:left;
}

.footer_txt1 li {
margin-bottom:7px;
}

.footer_txt2 {
width: 400px;
height: auto;
font-size: 0.8em;
padding: 20px 15px 0px 0px;
text-align: right;
float:right;
}

.footer_txt2 h3 {
font-size: 1.2em;
font-weight: bold;
line-height: 1em;
display: block;
margin-bottom:20px;
}


/*====================================================
	ALL
====================================================*/

.link1 {
padding: 0px 0px 0px 18px;
}

.link_top {
padding: 0px 0px 0px 18px;
}

.border_dotted01_b {
margin: 0px;
padding: 0px;
height: 15px;
}

.pankuzu {
font-size: 0.8em;
margin-bottom: 10px;
}


.border_dotted01_b_6 {
margin: 0px 10px;
padding: 0px;
height: 15px;
background: url(images/ut00_dotted1.gif) left top repeat-x;
}



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


.leftbox_in02_b {
background: url(images/ut00_dotted02.gif) left top repeat-y;
}

.rightbox_in_b {
background: url(images/ut00_dotted03.gif) left top repeat-y;
}

.rightbox_in_c {
background: url(images/ut00_solid1.gif) left top repeat-y;
}

.rightbox_in_d {
background: url(images/ut00_dotted04.gif) left top repeat-y;
}

.rightbox_in_e {
background: url(images/ut00_blog_list_solid.gif) left top repeat-y;
}

.rightbox_in_f {
background: url(images/ut00_solid3.gif) left top repeat-y;
}

.border_dotted01_b {
background: url(images/ut00_dotted1.gif) left top repeat-x;
}


.rightbox_in_d_6 {
background: url(images/ut00_dotted04.gif) left top repeat-y;
}

.rightbox_in_b_6 {
background: url(images/ut00_dotted03.gif) left top repeat-y;
}