@charset "utf-8";

/*---------------------------------------MAIN*/



/*clear*/
.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;
}


/*=============================TOP、MYPAGE*/
#news {
height:30px;
line-height:30px;
margin-bottom:20px;
border-bottom:1px dotted #666666;
}
#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.6em;
color:#666666;
padding:5px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
margin-bottom:20px;
}
#news2 ul#topnews{
list-style:none;
margin-bottom:15px;
}
#news2 ul#topnews li {
border-bottom:1px dotted #666666;
padding:3px;
}
#news2 ul#topnews li span.date{
display:block;
color:#4fa6dc;
font-weight:bold;
}
#news2 ul#topnews li.btm {
border:none;
}
.newsnews{
padding:0px 0px 0px 10px;
}
.newsnews a:hover{
}

/*=============================category*/
#cate1 {
text-align:center;
}
.mybg{
	background-color: #Ffffff;
}
.youbg{
background:#D3EDEA;
}
#cate1 ul {
list-style:none;
margin-bottom:10px;
height:40px;
text-align:center;
background-color:#f6f6f7;
}
#cate1 ul li {
float:left;
margin:10px;
}
#cate1 ul li a{
display:block;
}
#cate1 ul li a:hover{
}
#cate1 ul li.nolink {
color:#333333;
}


/*=============================MYPAGE*/
.userpage {
padding:5px 0px 5px 15px;
}
#usermenu {
position:relative;
height:28px;
border-bottom:1px solid #cccccc;
}
#ul_style{
position:absolute;
bottom:-1px;
}
#ul_style li{
float:left;
font-size:96%;
}

#li_style{
	float:left;
	width:121px;
	height:22px;
	line-height:22px;
	text-align:center;
	margin:0px 1px 0px 0px;
	border:1px solid #cccccc;
	font-weight:bold;
	background-color: #ECE9D8;
}
#li_style a{
	display:block;
	width:121px;
	height:22px;
	text-decoration: none;
	background-color: #FFFFFF;
}

#li_style a:hover {
background:#ECE9D8;
color:#111111;
}
.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:121px;
height:22px;
line-height:22px;
text-align:center; 
margin:0px 1px 0px 0px;
border:1px solid #cccccc;
background:#e5f6ff;
font-weight:bold;
}
#li_style3 a{
display:block;
width:121px;
height:22px;
text-decoration: none;
background:#ffffff;
}
#li_style3 a:hover {
background:#e5f6ff;
color:#111111;
}


/*=============================SEARCH*/
.serch {
clear:both;
height:32px;
text-align:center;
background:#e5f6ff;
padding:8px 0px 0px 0px;
margin:0px 0px 8px 0px;
}
.serch_size{
width:300px;
}
/*-----------------------------RIGHT BLOCK*/
#sidebar{
float:right;
width:180px;
padding:0 20px 20px 25px;
/*background:#E0FFFF;*/
}
#sidebar2{
height:420px;
}
#sidebar h2 {
height:32px;
line-height:32px;
font-size:100%;
padding:0px 0px 0px 28px;
background:url("img/bg3.gif");
}


/*============================= MYPAGE */
#my_right{
float:right;
width:270px;
padding:0 10px 0px 20px;
}
#my_right h2{
height:30px;
line-height:30px;
font-size:100%;
padding:0px 0px 0px 10px;
background:url("img/bg3_my1.gif") no-repeat;
}


/*============================= TOP PAGE */
#index_side{
height:100%;
}

#touroku a{
display:block;
width:180px;
height:52px;
text-indent:-10000px;
background:url("img/touroku.gif");
}
#touroku a:hover{
background:url("img/touroku2.gif");
}
#touroku2 {
display:block;
width:180px;
height:86px;
background:url("img/touroku3.gif");
}
#login_out {
margin:0px 0px 15px 0px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
#login_out p{
line-height:1.7em;
}
#login_out p.textcol2{
color: #FF0000;
}
#login_in {
padding:10px 0px 10px 7px;
}
.input2 {
width:140px;
}


/*==============================TOP*/
#comlist {
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
margin-bottom:20px;
}
#comlist ul {
list-style:none;
}
#comlist li {
height:30px;
line-height:30px;
border-bottom:1px dotted #532A34;
overflow:hidden;
padding-left:15px;
background:url(img/icon_list.gif) no-repeat 3px 12px;
}
#comlist li a {
display:block;
height:25px;
}
#comlist li.btm {
border:none;
}


/*==============================MYPAGE*/
.my_comlist {
margin-bottom:30px;
}
.my_comlist ul {
list-style:none;
}
.my_comlist ul li {
height:20px;
line-height:20px;
border-bottom:1px dotted #532A34;
overflow:hidden;
padding:5px;
}
.my_comlist li a {
height:25px;
padding:2px 0px;
}
.my_comlist li a:hover{
text-decoration:underline;
}


/*==============================CATEGORY*/
#catelist {
height:500px;
padding:15px 0px;
}
#catelist ul {
list-style:none;
}
#catelist li {
height:20px;
line-height:20px;
}
#catelist li a {
display:block;
height:23px;
}
#catelist2 {
height:100%;
padding:0px 0px 15px;
}
#catelist2 ul {
list-style:none;
}
#catelist2 li {
height:23px;
line-height:23px;
}
#catelist2 li a {
display:block;
height:23px;
}

.sidecate1{
text-align:center;
background:url("img/category_bk.jpg");
margin:10px 0px 0px 0px;
}
.sidecate1 a{
color:#333333;
font-weight:bold;
}
.sidecate1 a:hover{
text-align:center;
color:#ffffff;
background:url("img/category_bk_ove.jpg");
}
.sidecate1_select{
text-align:center;
color:#ffffff;
font-weight:bold;
background:url("img/category_bk_ove.jpg");
margin:10px 0px 0px 0px;
}
.sidecate2{
border-bottom:1px dotted #666666;
}
.sidecate2 a{
}
.sidecate2 a:hover{
background:#f6f6f7;
}
.sidecate2_select{
color:#666666;
background:#f6f6f7;
border-bottom:1px dotted #666666;
}


/*==============================MYPAGE*/
#myprof_out {
margin:0px 0px 10px 0px;
padding:15px 0px 0px 0px;
border:1px solid #cccccc;
}
#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{
text-align:center;
}
#myprof_in3 img{
margin:0 auto 10px;
width:120px;
}
#myprof_in3 a:hover img{
opacity:0.8;
-moz-opacity:0.8;
filter:alpha(opacity=80);
}

#myprof_in4 {
clear:both;
text-align:center;
padding:10px 0px;
border-top:1px dotted #999999;
}
#myprof_in4 a:hover {
text-decoration:underline;
}
.myp{
margin:0px 0px 0px 5px ;
}
.friend1{
padding:6px 0px;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
}
.friend2{
padding:4px 0px;
text-align:center;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
}
.friend2 a:hover{
text-decoration:underline;
}
.friend3{
text-align:right;
padding:5px 0px 0px 0px;
}
.friend3 a:hover{
text-decoration:underline;
}

/*------------------------------------------------------
------------------------------------------------------LEFT BLOCK*/
#contents{
float:left;
width:750px;
height:100%;
padding:0 0px 20px 10px;
/*background:#FFE4E1;*/
}
#contents h2 {
font-size:120%;
color:#808080;
padding:10px 0px 0px 10px;
}
/*=============================MYPAGE*/
#my_left{
float:left;
width:320px;
height:100%;
padding:0 0px 20px 10px;
}
#my_left h2{
color:#808080;
padding:10px 0px 0px 0;
}
#my_left1{
width:330px;
margin:0px 0px 20px 0;
}
#my_left1 h2{
width:298px;
height:30px;
line-height:30px;
font-size:100%;
color:#000000;
font-weight:bold;
padding:0px 0px 0px 32px;
background:url("img/bg3_my2.gif") no-repeat;
}



/*============================= TOP / CATEGORY / MYPAGE */

/*TOP*/
#top_out{
float:left;
width:750px;
height:250px;
margin:0 0 35px;
}
#top_out h3.left_st{
margin:0;
width:414px;
float:left;
}
#top_out h3.right_st{
margin:0;
width:315px;
float:right;
}

#top_left{
float:left;
width:414px;
height:250px;
background:url("img/img_bg1.gif") no-repeat bottom;
}
#top_right{
float:right;
width:313px;
height:249px;
border-top:solid 1px #3dbcdf;
border-left:solid 1px #3dbcdf;
border-right:solid 1px #3dbcdf;
border-bottom:solid 1px #3dbcdf;
background-color:#FBF9F2;
}
#top_in_a{
list-style:none;
margin:148px 0px 0px 230px;
_margin:118px 0px 0px 230px;
}
#top_in2{
display:block;
width:166px;
height:33px;
margin:0px 0px 10px 0px;
}
#top_in2 a img{
display:block;
}
#top_in2 a:hover img{
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
#top_in3{
display:block;
width:166px;
height:33px;
}
#top_in3 a img{
display:block;
}
#top_in3 a:hover img{
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
#top_in_b{
list-style:none;
}
#top_in4{
text-align:center; 
padding:20px 10px 0px 10px;
}
#top_in5{
text-align:right;
padding:10px 20px 0px 0px;
}

/*PAGE*/
.npage_out {
width:750px;
height:35px;
margin:0 auto;
}


/*TAB MENU1*/
.show1 {
clear:both;
width:100%;
height:28px;
margin-bottom:10px;
border-bottom:3px solid #4fa6dc;
}
.show1 ul {
display:inline;
}
.show1 ul li{ 
float:left;
display:block;
width:109px;
height:28px;
margin-right:1px;
text-indent:-10000px;
}
.show1 ul li a{
height:28px;
}

/*NEW*/
.show1 ul li#new{
border:none;
background:url("img/tab_new.gif") no-repeat 0 -28px;
}
.show1 ul li#new a{
display:block;
background:url("img/tab_new.gif") no-repeat 0 0;
}
.show1 ul li#new a:hover{
background:url("img/tab_new.gif") no-repeat 0 -28px;
}

/*UPDATE*/
.show1 ul li#update{
display:block;
background:url("img/tab_update.gif") no-repeat 0 -28px;
}
.show1 ul li#update a{
display:block;
background:url("img/tab_update.gif")  no-repeat 0 0;
}
.show1 ul li#update a:hover{
background:url("img/tab_update.gif") no-repeat 0 -28px;
}

/*NEW COMMENT*/
.show1 ul li#newcom{
display:block;
background:url("img/tab_newcom.gif") no-repeat 0 -28px;
}
.show1 ul li#newcom a{
display:block;
background:url("img/tab_newcom.gif") no-repeat 0 0;
}
.show1 ul li#newcom a:hover{
background:url("img/tab_newcom.gif") no-repeat 0 -28px;
}

/*ACCESS*/
.show1 ul li#acs{
display:block;
background:url("img/tab_access.gif") no-repeat 0 -28px;
}
.show1 ul li#acs a{
display:block;
background:url("img/tab_access.gif") no-repeat 0 0;
}
.show1 ul li#acs a:hover{
background:url("img/tab_access.gif") no-repeat 0 -28px;
}

/*COMMENT*/
.show1 ul li#com{
display:block;
background:url("img/tab_com.gif") no-repeat 0 -28px;
}
.show1 ul li#com a{
display:block;
background:url("img/tab_com.gif") no-repeat 0 0;
}
.show1 ul li#com a:hover{
background:url("img/tab_com.gif") no-repeat 0 -28px;
}

/*BOOK MARK*/
.show1 ul li#bm{
display:block;
background:url("img/tab_bm.gif") no-repeat 0 -28px;
}
.show1 ul li#bm a{
display:block;
background:url("img/tab_bm.gif") no-repeat 0 0;
}
.show1 ul li#bm a:hover{
background:url("img/tab_bm.gif") no-repeat 0 -28px;
}


.show1 li.show1_on{
background:#ffffff;
}
#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;
}

/*PAGE*/
.npage{
width:100%;
margin:0 auto;
text-align: center;

}
.npage ul {
padding:7px 0px 0px 0px;
text-align: center;

}
.npage li {
display: inline-block;
/* Firefox2
display: -moz-inline-box; */
*display: inline;/* IE6,7*/
*zoom: 1;/* IE6,7*/
text-align:center;
width:27px;
height:20px;
line-height:20px;
font-size:120%;
margin:0px 0px 0px 2px;
border:1px solid #4fa6dc;
}
.npage li a{
display:block;
width:27px;
height:20px;
text-decoration:none;
color:#4fa6dc;
}

.npage li a:hover{
color:#ffffff;
background:#4fa6dc;
}
.npage li.nselect{
color:#ffffff;
width:27px; 
background:#4fa6dc;
display: inline-block;
*display: inline;/* IE6,7*/
*zoom: 1;/* IE6,7*/
}



/*============================= TOP / CATEGORY / MYPAGE */

/* tree list BOX */
#listbox{
overflow: hidden;
_zoom: 1;
display:inline-block;
_display:inline;
margin-top:10px;
margin-bottom:10px;
margin-right: -12px;
_margin-right: -24px;
}


/* tree list */
#listbox .treelist_in {
float:left;
width:178px;
height:321px;
margin-right:12px;
_margin-right:6px;
margin-bottom:15px;
_margin-bottom:15px;
overflow:hidden;
background:url("img/bg2.gif");
}
#listbox .treelist_in_pro {
float:left;
width:178px;
height:321px;
margin-right:12px;
_margin-right:6px;
margin-bottom:15px;
_margin-bottom:15px;
background:url("img/bg2pro.gif");
}


#listbox .treelist_oe_pub {
float:left;
width:178px;
height:321px;
margin-right:12px;
_margin-right:6px;
margin-bottom:15px;
_margin-bottom:15px;
background:url("img/bg2_3.gif");
}
#listbox .treelist_ov_pub {
float:left;
width:178px;
height:321px;
margin-right:12px;
_margin-right:6px;
margin-bottom:15px;
_margin-bottom:15px;
background:url("img/bg2_1.gif");
}
#listbox .treelist_mv_pub {
float:left;
width:178px;
height:321px;
margin-right:12px;
_margin-right:6px;
margin-bottom:15px;
_margin-bottom:15px;
background:url("img/bg2.gif");
}
#listbox .treelist_me_pub {
float:left;
width:178px;
height:321px;
margin-right:12px;
_margin-right:6px;
margin-bottom:15px;
_margin-bottom:15px;
background:url("img/bg2_3.gif");
}

#listbox .treelist_oe_pvt {
float:left;
width:178px;
height:321px;
margin-right:12px;
_margin-right:6px;
margin-bottom:15px;
_margin-bottom:15px;
background:url("img/bg2pro_3.gif");
}
#listbox .treelist_ov_pvt {
float:left;
width:178px;
height:321px;
margin-right:12px;
_margin-right:6px;
margin-bottom:15px;
_margin-bottom:15px;
background:url("img/bg2pro_1.gif");
}
#listbox .treelist_mv_pvt {
float:left;
width:178px;
height:321px;
margin-right:12px;
_margin-right:6px;
margin-bottom:15px;
_margin-bottom:15px;
background:url("img/bg2pro.gif");
}
#listbox .treelist_me_pvt {
float:left;
width:178px;
height:321px;
margin-right:12px;
_margin-right:6px;
margin-bottom:15px;
_margin-bottom:15px;
background:url("img/bg2pro_2.gif");
}


/*
.treelist_in2 {
float:left;
width:176px;
height:280px;
margin:0px 0px 10px 9px;
border:1px solid #A9A9A9;
}
*/

.treelist_in_pro h4, 
.treelist_oe_pub h4, 
.treelist_ov_pub h4, 
.treelist_mv_pub h4, 
.treelist_me_pub h4, 
.treelist_oe_pvt h4, 
.treelist_ov_pvt h4, 
.treelist_mv_pvt h4, 
.treelist_me_pvt h4,  
.treelist_in h4 {
height:1.3em;
width:162px;
line-height:150%;
overflow:hidden;
font-size:100%;
text-align:center;
background-color:#f3efe3;
padding:2px;
margin:10px 5px 0;
font-weight:700;
}

.treelist_img {
width:174px;
height:120px;
text-align:center;
margin:10px 0px 0px 0px;
}
.treelist_img img{
border:1px #C0C0C0 solid;
}
.treelist_data {
width:164px;
height:155px;
line-height:1.4em;
overflow:hidden;
margin:0px 5px 0px;
}
.treelist_data a:hover {
text-decoration:underline;
/*
background:#3399FF;
padding:1px 2px 1px 0px;
*/
}
.treelist_com {
height:40px;
overflow:hidden;
padding:10px 0px 10px;
color:#555555;
margin-bottom:10px;
border-bottom:1px dotted #666666;
}
.treelist_data dl{
padding:5px 0px 0px 0px;
color:#555555;
line-height:140%;
}
.treelist_data dt{
float:left;
width:53px;
white-space:nowrap;
}
.treelist_data dd{
margin-left:62px;
}


/*=============================SEARCH*/
#listbox_sr{
overflow: hidden;
_zoom: 1;
display:inline-block;
_display:inline;
margin-top:10px;
margin-bottom:10px;
}

.streelist_in {
width:740px;
height:130px;
margin:0px 0px 10px 5px;
background:url("img/bg9.gif");
clear:both;
}
.streelist_in2 {
border:1px solid #A9A9A9;
}
.streelist_in h4,  
.streelist_in2 h4 {
height:1.3em;
width:377px;
line-height:150%;
overflow:hidden;
font-size:100%;
text-align:left;
background-color:#f3efe3;
padding:2px 2px 2px 5px;
margin:10px 0 5px;
font-weight:700;
}
p.result{
margin:10px 0 15px;
}
.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:125px;
height:18px;
overflow:hidden;
list-style:none;
padding:3px 0px 0px 23px;
}
.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;
}


/*============================= CATEGORY */
#cate2 {
height:30px;
line-height:30px;
}
#cate2 ul {
list-style:none;
}
#cate2 li {
float:left;
padding:0px 15px 0px 0px;
}


/*============================= MYPAGE */
#picup {
width:288px;
height:218px;
margin:0px 0px 20px 0;
padding:15px;
border:6px solid #ade5fa;
}
#tree_info{
width:298px;
padding:15px;
border:1px solid #cccccc;
}
#tree_info table{
border-collapse: collapse;
margin:0 auto;
}
#tree_info table td{
padding:5px 10px;
}
#register{
width:760px;
min-height:350px;
margin:0 auto 20px;
}
/*
#register h3{
font-size:116%;
padding:0px 0px 0px 24px;
font-weight:bold;
color:#074c93;
margin-bottom:20px;
background:url(img/mark_blu.gif) no-repeat 0 4px;
}
*/
#register h3{
font-size:116%;
padding:4px 0px 4px 30px;
font-weight:bold;
height:20px;
width:730px;
color:#333333;
margin-bottom:20px;
background:url(img/myinfo_03bak.gif) no-repeat;
}

#register table {
margin:15px auto 30px;
border-collapse: collapse;

}
#register table th {
width:200px;
padding:10px;
background-color:#faf8f8; 
border:1px solid #cccccc;
}
#register table td {
width:350px;
padding:10px;
background-color:#FFFFFF; 
border:1px solid #cccccc;
}
#register img {
padding:;
}
#register img.flow_img {
margin:0 auto 10px;
width:534px;
padding-left:113px;
}
#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{
text-align:center;
}
.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{
text-align:center;
}
.layout2 p{
margin-bottom:20px;
}
/*---------------------------------------------------------
----------------------------------------------------- center*/
#center{
line-height:1.4em;
padding:0px 0px 20px 20px;
}

/*============================= MYPAGE */
#my_center{
float:right;
width:330px;
padding:0px 0px 20px 0px;
/*background:#E0FFFF;*/
}
#my_center h2{
height:30px;
line-height:30px;
font-weight:normal;
font-size:100%;
padding:0px 0px 0px 32px;
font-weight:bold;
background:url("img/bg3_my2.gif");
}
/*----
h3.paget{
font-size:116%;
padding:0px 0px 0px 24px;
font-weight:bold;
color:#074c93;
margin-bottom:20px;
background:url(img/mark_blu.gif) no-repeat 0 4px;
}
----*/
h3.paget{
font-size:116%;
padding:5px 0px 5px 30px;
font-weight:bold;
height:18px;
width:730px;
color:#333333;
margin-bottom:20px;
background:url(img/myinfo_03bak.gif) no-repeat;
}

#center_friend{
min-height:400px;
height:auto !important;
height:400px;
width:760px;
margin:0 auto 20px;
}
#center_friend a:hover{
text-decoration:underline;
}
#center_friend h1{
font-size:150%;
}
table#imglist{
margin:0 auto;
}
table#imglist td{
text-align:center;
}
.friend_page1{
padding:20px 0px 20px 0px;
width:120px;
border-top:1px solid #4fa6dc;
border-right:1px solid #4fa6dc;
border-left:1px solid #4fa6dc;
}
.friend_page2{
padding:5px 2px 10px 2px;
text-align:center;
border-bottom:1px solid #4fa6dc;
border-right:1px solid #4fa6dc;
border-left:1px solid #4fa6dc;
}
.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:20px 50px 10px 50px;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
}
.photo_page2{
padding:10px 2px 10px 2px;
text-align:center;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
}
.photo_page2 a{
	text-align:center;
	padding:4px 10px;
	margin:0px 4px;
	border:1px solid #4fa6dc;
}
.photo_page2 a:hover{
background:#f6f6f7;
}
.photo_page3{
padding:30px 20px 10px 0px;
text-align:center;
}
.photo_page4{
line-height:1.4em;
letter-spacing:0.1em;
color:#464646;
margin-bottom:10px;
}
form.fbox{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:dotted 1px #999999;
}


#center_image{
width:760px;
min-height:550px;
height:auto !important;
height:550px;
margin:0px auto 20px;
/*background:#E0FFFF;*/
}
#center_image h1{
font-size:150%;
}
#center_image h2{
font-size:110%;
}
.center_image1{
width:718px;
text-align:center;
margin:0px 0px 20px 0px;
padding:20px;
}

#center_image_info{
width:760px;
}
#center_image_info table {
border-collapse: collapse;
line-height:1.4em;
margin-bottom:15px;
}
#center_image_info th {
width:200px;
padding:10px;
vertical-align:middle;
background-color:#faf8f8;
border:1px solid #cccccc;
}
#center_image_info td {
width:510px;
padding:10px;
background-color:#FFFFFF; 
border:1px solid #cccccc;
}
.image_up{
text-align:center;
text-indent:-10000px;
}
.image_up a{
display:block;
width:170px;
height:25px;
margin:0 auto;
background:url("img/upload1.gif");
}
.image_up a:hover{
background:url("img/upload2.gif");
}
#image_tag{
margin-bottom:10px;
}
#image_tag td{
color:#666666;
padding:0 20px 5px 0;
}
#image_tag td.tag_tit{
margin-bottom:10px;
font-size:100%;
font-weight:bold;
color:#074c93;
}
.image_tag{
margin-bottom:15px;
}

/*---------------------------------------------------------
----------------------------------------------------- CREATE MENU*/

#create{
line-height:1.4em;
width:750px;
}
#create h3{
margin:0 0 30px;
clear:both;
}
#create h4{
margin:0 0 10px;
clear:both;
}
.create_box{
	padding:5px 10px 0 0;
	margin-bottom:30px;
	width:700px;
	clear:both;
}
.create_box img.apr_img{
	float:left;
	width:164px;
	border:solid 1px #CCCCCC;
}

.create_box a:hover img.apr_img{
	opacity:0.6;
-moz-opacity:0.6;
filter:alpha(opacity=60);
}
.create_box p.apr_tx{
	margin-left:200px;
	line-height:160%;
}
.create_box p.apr_tx span{
	display:block;
	color:#CC0000;
	font-weight:700;
	margin-bottom:5px;
}

p.create_st{
	padding:0 0 10px 10px;
	margin-bottom:30px;
	border-bottom:1px dotted #666666;
}



/*---------------------------------------------------------
----------------------------------------------------- about*/
p.about_txt {
margin-bottom:30px;
padding:10px 10px 0;
line-height:160%;
}
#about{
line-height:1.4em;
width:750px;
}
#about h3{
margin:0 0 20px;
clear:both;
}
.about_box{
	height:90px;
	padding:5px 10px 0;
	margin-bottom:20px;
	width:700px;
	clear:both;
}
.about_box img.ab_img{
	float:left;
	width:140px;
}
.about_box p.ab_tx{
	margin-left:180px;
}
p.ab_st{
	padding:0 0 10px 10px;
	margin-bottom:30px;
	border-bottom:1px dotted #666666;
}

/*---------------------------------------------------------
----------------------------------------------------- guide*/
#guide{
line-height:1.4em;
width:750px;
}
#guide a:hover{
text-decoration:underline;
}
#guide .entry{
width:100%;
margin-bottom:35px;
line-height:1.4em;
}

#guide .entry h4.cap{
margin:0 0 15px;
height:20px;
font-size:116%;
font-weight:bold;
color:#074c93;
display:block;
border-bottom:dotted 1px #999999;
}

#guide ul.gd{
list-style:none;
}
#guide ul.gd li{
float:left;
width:105px;
height:20px;
line-height:20px;
text-align:center;
margin:0px 7px 0px 0px;
}
#guide ul.gd li a{
display:block;
color:#000000;
background:url("img/bg11.jpg");
}
#guide ul.gd 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;
}
.apri1{
float:left;
margin-bottom:20px;
}
.apri2{
width:300px;
height:100px;
float:left;
padding:0px 15px 0px 10px;
}


/*---------------------------------------------------------
----------------------------------------------------- HELP*/
#guide h3.help{
margin:0 0 20px;
clear:both;
}
#guide .guide_list {
margin-bottom:30px;
}

#guide .guide_list h4.stit{
margin:10px 0 10px;
clear:both;
}
#guide h4.stit{
margin:10px 0 10px;
clear:both;
}

#guide .guide_list h5{
margin:25px 0 10px;
font-size:116%;
font-weight:bold;
color:#074c93;
}

#guide .guide_list h6{
margin:15px 0 10px;
font-size:100%;
font-weight:bold;
color:#000000;
}
#guide .guide_list p{
margin:0 0 5px;
}
#guide .guide_list p.note{
margin:10px 0 0;
}
#guide .guide_list p.mark{
color:#990000;
margin:0 0 10px;
font-weight:700;
}

#guide .guide_list img.exp{
margin-left:50px;
}
#guide .guide_list img.detail{
margin-bottom:20px;
margin-left:50px;
}
#guide .guide_list img.detail_apri{
padding:1px;
border:solid 1px #cccccc;
margin-bottom:15px;
}


#guide h4.st_num{
margin:0 0 10px;
font-size:116%;
font-weight:bold;
color:#074c93;
}

#guide .tx_list {
margin-bottom:30px;
padding:10px 10px 0;
line-height:160%;
}

#guide .tx_list li{
margin-bottom:5px;
}

#guide .tx_list p span.sst {
margin:5px 0 5px;
display:block;
font-size:116%;
font-weight:bold;
color:#074c93;
}


.help_top{
line-height:2.5em;
float:left;
clear:both;
padding:0px 0px 0px 10px;
}

.help_in{
line-height:2.5em;
float:left;
clear:both;
padding:0;
}

#helplist {
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
margin-bottom:20px;
}
#helplist ul {
list-style:none;
}
#helplist ul li {
height:30px;
line-height:30px;
border-bottom:1px dotted #666666;
overflow:hidden;
padding-left:15px;
background:url(img/icon_list.gif) no-repeat 3px 12px;
}
#helplist ul li a {
display:block;
height:25px;
}
#helplist ul li.btm {
border:none;
}

.help_top ul.faq{
display:block;
width:700px;
margin-bottom:20px;
}

.help_top ul.faq li a span{
font-weight:bold;
text-decoration:none;
}


/* help top menu */
dl.help_snav{
	width:700px;
	display:inline;
	line-height:130%;
	clear:both;
	float:left;
	margin-bottom:26px;
	_margin-bottom:13px;
}
dl.help_snav dt{
	float:left;
	text-align:center;
	width:180px;
	padding:1px;
	clear:both;
	border-bottom:10px solid #ffffff;
	background-color:#f3efe3;
}
dl.help_snav dd{
	width:470px;
	margin-left:200px;
	padding:1px;
	border-bottom:10px solid #ffffff;
}

/* table key list*/
table.keylist{
	border:none;
	width:100%;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
}
table.keylist th{
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	font-weight:700;
	background-color:#f3efe3;
	text-align:center;
	padding:4px 10px;
	white-space:nowrap;
}
table.keylist td{
	padding:3px 10px;
	vertical-align:middle;
	white-space:nowrap;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}
table.keylist td.left{
	text-align:center;
	vertical-align:middle;
	background-color:#FDFCF7;
}
table.keylist td.condition{
white-space:normal;
}

/* help in menu */
dl.help_snav_in{
	width:720px;
	display:inline;
	line-height:130%;
	float:left;
	padding:10px 0 10px 20px;
	margin-bottom:20px;
	_margin-bottom:10px;
	border-bottom:1px dotted #666666;
}
dl.help_snav_in dt{
	float:left;
	text-align:center;
	width:180px;
	padding:1px;
	clear:both;
	border-bottom:10px solid #ffffff;
	background-color:#f3efe3;
}
dl.help_snav_in dd{
	width:470px;
	margin-left:200px;
	padding:1px;
	border-bottom:10px solid #ffffff;
}


/* help in apri menu */
ul.help_snav_in_apri{
	width:700px;
	display:inline;
	line-height:160%;
	float:left;
	padding:10px 0 10px 40px;
	margin-bottom:30px;
	_margin-bottom:15px;
	border-bottom:1px dotted #666666;
}
ul.help_snav_in_apri li{
	float:left;
	width:20%;
}


/* help word menu */
ul.help_snav_word{
	width:705px;
	display:inline;
	float:left;
	padding:0 0 10px 35px;
	margin-bottom:30px;
	_margin-bottom:15px;
	border-bottom:1px dotted #666666;
}
ul.help_snav_word li{
	float:left;
	margin-right:20px;
	_margin-right:10px;
	white-space:nowrap;
}

/* help in detail menu */
ul.help_snav_in_detail{
	width:700px;
	display:inline;
	line-height:160%;
	float:left;
	padding:5px 0 10px 40px;
	margin-bottom:30px;
	_margin-bottom:15px;
	border-bottom:1px dotted #666666;
}
ul.help_snav_in_detail li{
	float:left;
	white-space:nowrap;
	padding:2px 0;
	margin-right:3em;
	_margin-right:1.5em;
}

/* help FAQ */
dl.help_faq{
	width:720px;
	line-height:160%;
	padding:10px 0 0 10px;
	border:none;
}
dl.help_faq dt{
	font-weight:bold;
	margin-bottom:10px;
	color:#074c93;
	clear:both;
	padding-left:25px;
	background:url(img/btn_q.gif) no-repeat;
}
dl.help_faq dd{
	margin-bottom:40px;
	padding-left:25px;
	background:url(img/btn_a.gif) no-repeat;
}
dl.help_faq dd span{
	padding-left:1em;
	display:block;
	margin-bottom:5px;
}

/* system */
/* table system*/
table.system{
	border:none;
	width:90%;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
	margin-bottom:10px;
}
table.system th{
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	font-weight:700;
	background-color:#f3efe3;
	text-align:center;
	padding:4px 10px;
	white-space:nowrap;
}
table.system td{
	padding:3px 10px;
	white-space:nowrap;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}
table.system td.left{
	background-color:#FDFCF7;
}
p.txs{
	clear:both;
	margin-bottom:7px;
	font-size:91.7;
	color:#666666;
}
p.tx_list{
line-height:200%;
}
img.java{
	border:none;
	margin:0 0 20px;
}
h5.hp_java{
	color:#dc0000;
	font-size:100%;
	font-weight:700;
	margin:20px 0 10px;
}



/*---------------------------------------------------------
----------------------------------------------------- TOP*/
#instyle td{
padding:8px;
}
/*---------------------------------------------------------
----------------------------------------------------- main*/