@charset "utf-8";
/*━━━━━━━━━━━━━━━━━━━━━メイン*/
/*クリアー*/
.clearboth {
clear:both;
}
.text_right {
text-align:right;
}
.text_center{
text-align:center;
}
.wordBreak{
word-break:break-all;
margin:0px 0px 0px 1px;
border-collapse: collapse;
}
/*=============================ＴＯＰ、マイページ*/
#news {
height:30px;
line-height:30px;
border-bottom:2px dashed #999999;
}
#news dl {
padding:0px 10px;
}
#news dt {
float:left;
font-weight:bold;
color:#B7005B;
}
#news dd {
float:left;
padding:0px 10px;
}
#news h2{
font-size:110%;
padding:0px 0px 0px 20px;
}
#news2{
line-height:1.3em;
color:#666666;
padding:5px 0px 0px 0px;
}
.newsnews{
padding:0px 0px 0px 10px;
}
.newsnews a:hover{
text-decoration:underline;
}
/*=============================カテゴリ*/
#cate1 {
height:30px;
border-bottom:2px dashed #ADADAD;
}
.mybg{
background:#FFDBC3;
}
.youbg{
background:#D3EDEA;
}
#cate1 ul {
list-style:none;
padding:0px 0px 0px 520px;
}
#cate1 li {
float:left;
width:55px;
height:20px;
line-height:20px;
text-align:center;
margin:5px 0px 0px 10px;
/*border:1px solid #000000;*/
}
#cate1 li a{
display:block;
width:55px;
height:20px;
color:#000000;
background:url("img/bg7.jpg");
}
#cate1 li a:hover{
color:#ffffff;
background:url("img/bg7s.jpg");
}
#cate1 li.nolink {
color:#ffffff;
background:url("img/bg7s.jpg");
}
/*=============================マイページ*/
.userpage {
padding:5px 0px 5px 15px;
}
#usermenu {
position:relative;
height:24px;
border-bottom:1px solid #8B8B8B;
}
#ul_style{
position:absolute;
bottom:-1px;
}
#li_style{
float:left;
width:98px;
height:22px;
line-height:22px;
text-align:center; 
list-style:none;
margin:0px 1px 0px 0px;
border:1px solid #8B8B8B;
}
#li_style a{
display:block;
width:98px;
height:22px;
text-decoration: none;
background:#99D5CE;
color:#5D5B5B;
}
#li_style a:hover {
color:#000000;
background:#ffffff;
}
.open{
border-bottom:1px solid #ffffff; 
background:#ffffff;
}
#li_style2{
float:left;
height:22px;
line-height:22px;
list-style:none;
margin:5px 0px 0px 10px;
}
#li_style3{
float:left;
width:98px;
height:22px;
line-height:22px;
text-align:center; 
list-style:none;
margin:0px 1px 0px 0px;
border:1px solid #8B8B8B;
background:#B7A9A8;
color:#ffffff;
font-weight:bold;
}
#li_style3 a{
display:block;
width:98px;
height:22px;
text-decoration: none;
background:#EAE9E5;
color:#464646;
}
#li_style3 a:hover {
color:#000000;
background:#B7A9A8;
color:#ffffff;
}
/*=============================serch*/
.serch {
clear:both;
height:32px;
text-align:center;
background:#C1DDF7;
padding:8px 0px 0px 0px;
margin:0px 0px 8px 0px;
}
.serch_size{
width:300px;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━右ブロック*/
#sidebar{
float:right;
width:170px;
padding:15px 25px 20px 25px;
/*background:#E0FFFF;*/
}
#sidebar2{
height:420px;
}
#sidebar h2 {
height:25px;
line-height:25px;
font-weight:normal;
font-size:100%;
padding:0px 0px 0px 28px;
background:url("img/bg3.gif");
}
/*=============================マイページ*/
#my_right{
float:right;
width:271px;
height:610px;
padding:5px 20px 0px 15px;
/*background:#FFE4E1;*/
}
#my_right h2{
height:25px;
line-height:25px;
font-weight:normal;
font-size:100%;
padding:0px 0px 0px 28px;
background:url("img/bg3_my1.gif");
}
/*=============================ＴＯＰ*/
#index_side{
height:100%;
}
#touroku a{
display:block;
width:168px;
height:62px;
background:url("img/touroku.gif");
}
#touroku a:hover{
background:url("img/touroku2.gif");
}
#touroku2 {
display:block;
width:168px;
height:80px;
background:url("img/touroku3.gif");
}
#login_out {
margin:0px 0px 15px 0px;
border-left:1px solid #8B8B8B;
border-right:1px solid #8B8B8B;
border-bottom:1px solid #8B8B8B;
}
#login_out p{
line-height:1.7em;
}
#login_out p.textcol2{
color: #FF0000;
}
#login_in {
padding:10px 0px 10px 7px;
}
.input2 {
width:140px;
}
/*==============================ＴＯＰ*/
#comlist {
}
#comlist ul {
list-style:none;
}
#comlist li {
height:25px;
line-height:25px;
border-bottom:1px dotted #532A34;
overflow:hidden;
}
#comlist li a {
display:block;
height:25px;
}
#comlist li a:hover{
color:#ffffff;
background:#9B8484;
}
/*==============================マイページ*/
.my_comlist {
}
.my_comlist ul {
list-style:none;
}
.my_comlist li {
height:25px;
line-height:25px;
border-bottom:1px dotted #532A34;
overflow:hidden;
}
.my_comlist li a {
height:25px;
padding:2px 0px;
}
.my_comlist li a:hover{
text-decoration:underline;
}
/*==============================カテゴリ*/
#catelist {
height:500px;
padding:15px 0px;
}
#catelist ul {
list-style:none;
}
#catelist li {
height:20px;
line-height:20px;
}
#catelist li a {
display:block;
height:20px;
}
#catelist2 {
height:100%;
padding:15px 0px;
}
#catelist2 ul {
list-style:none;
}
#catelist2 li {
height:20px;
line-height:20px;
}
#catelist2 li a {
display:block;
height:20px;
}

.sidecate1{
text-align:center;
background:url("img/bg8.jpg");
margin:10px 0px 0px 0px;
}
.sidecate1 a{
color:#330000;
}
.sidecate1 a:hover{
text-align:center;
color:#ffffff;
background:url("img/bg8s.jpg");
}
.sidecate1_select{
text-align:center;
color:#ffffff;
background:url("img/bg8s.jpg");
margin:10px 0px 0px 0px;
}
.sidecate2{
border-bottom:1px dotted #532A34;
}
.sidecate2 a{
color:#330000;
}
.sidecate2 a:hover{
color:#ffffff;
background:#9B8484;
}
.sidecate2_select{
color:#ffffff;
background:#9B8484;
border-bottom:1px dotted #532A34;
}
/*==============================マイページ*/
#myprof_out {
margin:0px 0px 10px 0px;
padding:15px 0px 0px 0px;
border:1px solid #8B8B8B;
}
#myprof_in1 {
width:130px;
height:130px;
text-align:center;
margin:0px auto 10px auto;
}
#myprof_in2 {
text-align:center;
margin:0px 0px 10px 0px;
}
#myprof_in3 ul{
padding:0px 0px 0px 85px;
list-style:none;
}
#myprof_in3 li{
float:left;
display:block;
width:100px;
height:20px;
line-height:20px;
text-align:center;
margin:0px 0px 10px 0px;
border:1px solid #685757;
}
#myprof_in3 li a{
display:block;
width:100px;
height:20px;
background:#E0DADA;
color:#685757;
}
#myprof_in3 li a:hover{
background:#9B8484;
color:#ffffff;
}
#myprof_in4 {
clear:both;
text-align:center;
padding:10px 0px;
border-top:1px dashed #999999;
}
#myprof_in4 a:hover {
text-decoration:underline;
}
.myp{
margin:0px 0px 0px 5px ;
}
.friend1{
padding:6px 0px;
border-top:1px solid #999999;
border-right:1px solid #999999;
border-left:1px solid #999999;
}
.friend2{
padding:4px 0px;
text-align:center;
border-bottom:1px solid #999999;
border-right:1px solid #999999;
border-left:1px solid #999999;
}
.friend2 a:hover{
text-decoration:underline;
}
.friend3{
text-align:right;
padding:5px 0px 0px 0px;
}
.friend3 a:hover{
text-decoration:underline;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━左ブロック*/
#contents{
float:left;
width:760px;
height:100%;
padding:0px 0px 20px 10px;
/*background:#FFE4E1;*/
}
#contents h2 {
font-size:120%;
color:#808080;
padding:10px 0px 0px 10px;
}
/*=============================マイページ*/
#my_left{
float:left;
width:355px;
height:100%;
padding:20px 0px 0px 10px;
/*background:#FFE4E1;*/
}
#my_left h2{
font-size:120%;
color:#808080;
padding:10px 0px 0px 10px;
}
#my_left1{
width:332px;
margin:0px 0px 20px 10px;
/*background:#E0FFFF;*/
}
#my_left1 h2{
height:25px;
line-height:25px;
font-weight:normal;
color:#000000;
font-size:100%;
padding:0px 0px 0px 28px;
background:url("img/bg3_my2.gif");
}
/*=============================ＴＯＰ、カテゴリ、マイページ*/
/*TOP*/
#top_out{
float:left
width:748px;
height:250px;
margin:20px 0px 10px 10px;
/*background:#E0FFFF;*/
}
#top_left{
float:left;
width:415px;
height:244px;
background:url("img/img_bg1.gif");
}
#top_center{
float:left;
width:8px;
height:248px;
}
#top_right{
float:left;
width:315px;
height:248px;
background:url("img/img_bg2.gif");
}
#top_in_a{
list-style:none;
margin:122px 0px 0px 260px;
}
#top_in2{
display:block;
width:130px;
height:34px;
margin:0px 0px 10px 0px;
background:url("img/top2.gif");
}
#top_in2 a{
display:block;
width:130px;
height:34px;
background:url("img/top2.gif");
}
#top_in2 a:hover{
background:url("img/top22.gif");
}
#top_in3{
display:block;
width:130px;
height:34px;
background:url("img/top3.gif");
}
#top_in3 a{
display:block;
width:130px;
height:34px;
background:url("img/top3.gif");
}
#top_in3 a:hover{
background:url("img/top33.gif");
}
#top_in_b{
list-style:none;
}
#top_in4{
text-align:center; 
padding:20px 15px 0px 15px;
}
#top_in5{
text-align:right;
padding:0px 20px 0px 0px;
}
#top_in5 a:hover{
text-decoration:underline;
}
/*ページ*/
.npage_out {
width:747px;
height:35px;
}
/*表示方法メニュー1*/
.show1 {
position:relative;
height:22px;
border-bottom:1px solid #856B6B;
}
.show1 ul {
position:absolute;
bottom:-1px; 
margin:0px 0px 0px 10px;
}
.show1 li{ 
float:left;
width:80px;
height:20px;
line-height:20px;
text-align:center; 
list-style:none;
background:url("img/bg4_off.gif");
}
.show1 li a{
display:block;
width:80px;
height:20px;
color:#000033;
text-decoration: none;
}
.show1 li a:hover {
color:#000033;
background:url("img/bg4_on.gif");
}
.show1 li a:visited {
color:#000033;
}
.show1 li.show1_on{
border-bottom:1px solid #ffffff; 
background:#ffffff;
background:url("img/bg4_on.gif");
}
#new_on{
border-bottom:1px solid #ffffff; 
background:#ffffff;
background:url("img/bg4_new_on.gif");
}
#new_off{
background:url("img/bg4_new_off.gif");
}
#new_off a:hover {
background:url("img/bg4_new_on.gif");
}
/*表示方法メニュー2(未使用)*/
.show2 {
float:left;
width:400px;
border:1px solid #A9A9A9;
}
.show2 ul {
list-style:none;
}
.show2 li {
float:left;
padding:12px 15px 0px 0px;
}
/*ページ*/
.npage{
}
.npage ul {
float:right;
list-style:none;
padding:7px 0px 0px 0px;
}
.npage li {
float:right;
display:block;
width:27px;
height:20px;
line-height:20px;
text-align:center;
font-size:120%;
margin:0px 0px 0px 2px;
border:1px solid #856B6B;
}
.npage li a{
display:block;
width:27px;
height:20px;
color:#463636;
}
.npage li a:visited{
color:#463636;
}
.npage li a:hover{
color:#ffffff;
background:#9B8484;
}
.nselect{
color:#ffffff;
background:#9B8484;
}
/*=============================ＴＯＰ、カテゴリ、マイページ*/
/*ツリーリスト*/
.treelist_in {
float:left;
width:178px;
height:280px;
margin:0px 0px 10px 9px;
background:url("img/bg2.jpg");
}
.treelist_in_pro {
float:left;
width:178px;
height:280px;
margin:0px 0px 10px 9px;
background:url("img/bg2pro.gif");
}


.treelist_oe_pub {
float:left;
width:178px;
height:280px;
margin:0px 0px 10px 9px;
background:url("img/bg2_3.jpg");
}
.treelist_ov_pub {
float:left;
width:178px;
height:280px;
margin:0px 0px 10px 9px;
background:url("img/bg2_1.jpg");
}
.treelist_mv_pub {
float:left;
width:178px;
height:280px;
margin:0px 0px 10px 9px;
background:url("img/bg2.jpg");
}
.treelist_me_pub {
float:left;
width:178px;
height:280px;
margin:0px 0px 10px 9px;
background:url("img/bg2_2.jpg");
}

.treelist_oe_pvt {
float:left;
width:178px;
height:280px;
margin:0px 0px 10px 9px;
background:url("img/bg2pro_3.gif");
}
.treelist_ov_pvt {
float:left;
width:178px;
height:280px;
margin:0px 0px 10px 9px;
background:url("img/bg2pro_1.gif");
}
.treelist_mv_pvt {
float:left;
width:178px;
height:280px;
margin:0px 0px 10px 9px;
background:url("img/bg2pro.gif");
}
.treelist_me_pvt {
float:left;
width:178px;
height:280px;
margin:0px 0px 10px 9px;
background:url("img/bg2pro_2.gif");
}


/*
.treelist_in2 {
float:left;
width:176px;
height:280px;
margin:0px 0px 10px 9px;
border:1px solid #A9A9A9;
}
*/
.treelist_img {
width:174px;
height:120px;
text-align:center;
margin:10px 0px 0px 0px;
}
.treelist_img img{
border:1px #C0C0C0 solid;
}
.treelist_data {
width:160px;
height:140px;
line-height:1.2em;
overflow:hidden;
margin:0px 0px 0px 7px;
}
.treelist_data a:hover {
text-decoration:underline;
/*
background:#3399FF;
padding:1px 2px 1px 0px;
*/
}
.treelist_data h4 {
height:16px;
overflow:hidden;
font-weight:normal;
font-size:100%;
border-bottom:1px dashed #7E6363;
}
.treelist_com {
height:42px;
overflow:hidden;
padding:5px 0px;
border-bottom:1px dashed #7E6363;
}
.treelist_data dl{
padding:5px 0px 0px 0px;
}
.treelist_data dt{
float:left;
width:53px;
}
.treelist_data dd{
}
/*=============================serch*/
.streelist_in {
width:740px;
height:130px;
margin:0px 0px 10px 9px;
background:url("img/bg9.jpg");
}
.streelist_in2 {
border:1px solid #A9A9A9;
}
.streelist_img {
float:left;
width:174px;
text-align:center;
}
.streelist_img img{
margin:10px 0px 0px 0px;
border:1px solid #C0C0C0;
}
.streelist_data {
float:left;
width:385px;
height:105px;
line-height:1.3em;
overflow:hidden;
margin:12px 20px 0px 0px;
}
.streelist_data a:hover {
text-decoration:underline;
}
.streelist_data h4 {
height:20px;
overflow:hidden;
font-size:110%;
}
.streelist_node{
float:left;
width:150px;
height:115px;
line-height:1.3em;
margin:10px 0px 0px 0px;
}
.streelist_node a:hover {
text-decoration:underline;
}
.streelist_node li{
width:130px;
height:18px;
overflow:hidden;
list-style:none;
padding:3px 0px 0px 18px;
}
.bgli1{
background:url("img/icoBbs.gif") no-repeat center left;
}
.bgli2{
background:url("img/icoComment.gif") no-repeat center left;
}
.bgli3{
background:url("img/icoNode.gif") no-repeat center left;
}
/*================================カテゴリ*/
#cate2 {
height:30px;
line-height:30px;
}
#cate2 ul {
list-style:none;
}
#cate2 li {
float:left;
padding:0px 15px 0px 0px;
}
/*==================================マイページ*/
#picup {
width:300px;
height:218px;
padding:15px 10px 30px 10px;
margin:0px 0px 12px 10px;
border:6px solid #E0ED96;
}
#tree_info{
width:310px;
height:215px;
padding:0px 0px 0px 20px;
border:1px solid #8B8B8B;
}
#tree_info table{
border-collapse: collapse;
}
#register{
width:750px;
height:500px;
}
#register h3{
font-size:110%;
padding:20px 0px 10px 200px;
}
#register table {
margin:0px 0px 30px 200px;
border-collapse: collapse;
}
#register th {
width:140px;
padding:10px;
background-color:#EDEDEF; 
border:1px solid #8B8B8B;
}
#register td {
width:360px;
padding:10px;
background-color:#FFFFFF; 
border:1px solid #8B8B8B;
}
#register img {
padding:0px 0px 0px 200px;
}
#register a:hover {
text-decoration:underline;
}
#register ul {
list-style:none;
padding:0px 0px 0px 330px;
}
#register li {
float:left;
padding:0px 15px 0px 0px;
}
.bt{
padding:0px 0px 0px 430px;
}
.mesg{
line-height:120%;
padding:0px 0px 0px 200px;
}
.textcol{
color: #FF0000;
padding:0px 0px 0px 200px;
}
.textcol3{
padding:0px 0px 0px 200px;
}
.layout1{
padding:30px 0px 0px 400px;
}
.layout2{
padding:30px 0px 0px 350px;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━center*/
#center{
line-height:1.4em;
padding:0px 0px 20px 50px;
}
/*=============================マイページ*/
#my_center{
float:right;
width:318px;
padding:5px 0px 0px 0px;
/*background:#E0FFFF;*/
}
#my_center h2{
height:25px;
line-height:25px;
font-weight:normal;
font-size:100%;
padding:0px 0px 0px 28px;
background:url("img/bg3_my2.gif");
}
#center_friend{
min-height:550px;
height:auto !important;
height:550px;
padding:0px 120px 0px 115px;
}
#center_friend a:hover{
text-decoration:underline;
}
#center_friend h1{
font-size:150%;
}
.friend_page1{
padding:22px 0px 5px 0px;
border-top:1px solid #9B8484;
border-right:1px solid #9B8484;
border-left:1px solid #9B8484;
}
.friend_page2{
padding:5px 2px 10px 2px;
text-align:center;
border-bottom:1px solid #9B8484;
border-right:1px solid #9B8484;
border-left:1px solid #9B8484;
}
.friend_page2 a:hover{
text-decoration:underline;
}
.npage_friend{
text-align:right;
}
.npage_friend a:hover{
text-decoration:underline;
}
.photo_page{
border-collapse: collapse;
}
.photo_page1{
padding:40px 50px 5px 50px;
border-top:1px solid #999999;
border-right:1px solid #999999;
border-left:1px solid #999999;
}
.photo_page2{
padding:20px 2px 22px 2px;
text-align:center;
border-bottom:1px solid #999999;
border-right:1px solid #999999;
border-left:1px solid #999999;
}
.photo_page2 a{
text-align:center;
padding:4px 10px;
margin:0px 4px; 
border:1px solid #685757;
background:#E0DADA;
color:#685757;
}
.photo_page2 a:hover{
background:#9B8484;
color:#ffffff;
}
.photo_page3{
padding:30px 20px 30px 0px;
text-align:center;
}
.photo_page4{
line-height:1.4em;
letter-spacing:0.1em;
color:#464646;
}
#center_image{
width:650px;
min-height:550px;
height:auto !important;
height:550px;
margin:0px 0px 0px 130px;
/*background:#E0FFFF;*/
}
#center_image h1{
font-size:150%;
}
#center_image h2{
font-size:110%;
}
.center_image1{
width:650px;
text-align:center;
margin:0px 0px 20px 0px;
padding:20px;
border:2px solid #AE9B9B;
}

#center_image_info{
width:750px;
/*height:500px;*/
}
#center_image_info table {
border-collapse: collapse;
line-height:1.4em;
}
#center_image_info th {
width:140px;
padding:10px;
background-color:#F3F1F1; 
border:1px solid #8B8B8B;
color:#826A6A;
}
#center_image_info td {
width:510px;
padding:10px;
background-color:#FFFFFF; 
border:1px solid #8B8B8B;
}
.image_up a{
display:block;
width:205px;
height:37px;
margin:0px 0px 0px 275px;
background:url("img/upload1.gif");
}
.image_up a:hover{
background:url("img/upload2.gif");
}
#image_tag td{
color:#826A6A
}
.image_tag{
line-height:1.4em;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━about*/
#about1{
font-size:14px;
line-height:1.4em;
padding:0px 0px 20px 50px;
}
#about2{
letter-spacing:2px;
}
#about3{
float:left;
width:440px;
height:190px;
background:url("img/about2.gif");
margin:0px 15px 15px 0px;
}
.about33{
width:220px;
margin:50px 0px 0px 215px;
}
#about4{
float:left;
width:440px;
height:190px;
background:url("img/about3.gif");
margin:0px 0px 15px 0px;
}
.about44{
width:230px;
margin:50px 0px 0px 192px;
}
#about5{
float:left;
width:440px;
height:190px;
background:url("img/about4.gif");
margin:0px 15px 100px 0px;
}
.about55{
width:230px;
margin:50px 0px 0px 195px;
}
#about6{
float:left;
width:440px;
height:190px;
background:url("img/about5.gif");
}
.about66{
width:250px;
margin:50px 0px 0px 160px;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━guide*/
#guide{
line-height:1.4em;
margin:0px 0px 20px 20px;
/*background:#D9D3D3;*/
}
#guide a:hover{
text-decoration:underline;
}

#guide ul{
list-style:none;
}
#guide li{
float:left;
width:105px;
height:20px;
line-height:20px;
text-align:center;
margin:0px 7px 0px 0px;
}
#guide li a{
display:block;
color:#000000;
background:url("img/bg11.jpg");
}
#guide li a:hover{
color:#ffffff;
background:url("img/bg11s.jpg");
text-decoration:none;
}
#guide_select{
color:#ffffff;
background:url("img/bg11s.jpg");
}
#guideFS li a{
display:block;
color:#000000;
background:url("img/bg12.jpg");
}
#guideFS li a:hover{
color:#ffffff;
background:url("img/bg12s.jpg");
}
#guideFS_select{
color:#ffffff;
background:url("img/bg12s.jpg");
}
#ready{
background:url("img/bg11.jpg");
}
.g_style1{
height:27px;
padding:5px 0px 0px 20px;
background:#E3DDDD;
}
.g_style2{
padding:0px 0px 0px 150px;
}
.g_style3{
padding:0px 0px 0px 0px;
}
.g_style5 td{
padding:2px 0px 2px 7px;
}
.g_underline a:hover{
text-decoration:underline;
}
.apri1{
float:left;
}
.apri2{
width:190px;
height:150px;
float:left;
padding:0px 15px 0px 10px;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━HELP*/
.help_top{
line-height:2.5em;
padding:0px 0px 0px 30px;
}
.help_top a:hover{
text-decoration:underline;
}
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━TOP*/
#instyle td{
padding:8px;
}
/*━━━━━━━━━━━━━━━━━━━━━メイン*/