@charset "utf-8";
/* viva CSS Document 


ver 2008/ 05/ 31

common.css

----------------------------------*/

/*-------------------------------------

 Base html

--------------------------------------*/

img {
	border:none;
}


input, select, textarea {
	font-size: 12px;
}


ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


#SkipPosTop {
font-size:1px;
line-height:0px;
text-indent:-9999px;
}

.width700{
width: 700px;
margin: 0px 0 0 20px;
padding: 10px 0 0 0;

}


.margin_top10 {

margin: 10px 0 0 0;
}

.padding_top10 {

padding: 10px 0 0 0;
}


.padding_bottom10 {

padding: 0 0 10px 0;
}

p.toPosTopArea {

margin:10px 0px;
text-align:right;
}


p.toPosTopArea a.toPosTopLink {

background:transparent url(../img/img_postop.gif) no-repeat scroll left 4px;
font-size:10px;
padding:2px 0pt 2px 8px;
}

/**---------------------------------------------------------------



	Float clear



---------------------------------------------------------------**/



br.clr /* テスト用 */ {

	clear: both;
	font-size: 0px;
	line-height: 0px;
}



.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.clearfix { display:inline-block; }

/*\*/

* html .clearfix { height:1%; }

.clearfix { display:block; }

/**/



hr.cler{

	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	border: 0px;
	visibility: hidden;
}

.ct_footer { margin: 0 0 10px 0;}

/*-----------------------------------------



	Layout Contener



-------------------------------------------*/







/*---------------------------------------------



Layout_wrapper



----------------------------------------------*/

#wrapper{

	clear:both;
	width:940px;
	margin:0px auto;
	text-align:left;
}

#wrapper:after{

	/*FireFox*/

	content:"";
	display:block;
	clear:both;
	height:1px;
    overflow: hidden;
}

/*\*/

* html body #wrapper {

    height: 1em;
    overflow: visible;
}

/**/








/*------------------------------------------------

	

	g-navi



-------------------------------------------------*/



#g-navi{

	clear: both;
	width: 940px;
}



#g-navi ul{

	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 48px;
}



#g-navi ul li{

	float: left;
	height: 48px;
	margin: 0px;
	padding: 0px;
}



#g-navi ul li a{

	display: block;
	height: 48px;
	overflow: hidden;
	text-indent: -99999px;
}



#g-navi ul li.g-navi01{

	width: 134px;
	background: url(/img/g_navi01.gif) no-repeat;
}



#g-navi ul li.g-navi02{

	width: 134px;
	background: url(/img/g_navi02.gif) no-repeat;
}

	

#g-navi ul li.g-navi03{

	width: 134px;
	background: url(/img/g_navi03.gif) no-repeat;
}



#g-navi ul li.g-navi04{

	width: 134px;
	background: url(/img/g_navi04.gif) no-repeat;
}



#g-navi ul li.g-navi05{

	width: 134px;
	background: url(/img/g_navi05.gif) no-repeat;
}	



#g-navi ul li.g-navi06{

	width: 134px;
	background: url(/img/g_navi06.gif) no-repeat;
}



#g-navi ul li.g-navi07{

	width: 136px;
	background: url(/img/g_navi07.gif) no-repeat;
}


#g-navi ul li.g-navi08{

	width: 140px;
	background: url(/img/g_navi08.gif) no-repeat;
}


#g-navi ul li.g-navi01 a:hover{

	background: url(/img/g_navi01_on.gif) no-repeat;
}



#g-navi ul li.g-navi02 a:hover{

	background: url(/img/g_navi02_on.gif) no-repeat;
}

	

#g-navi ul li.g-navi03 a:hover{

	background: url(/img/g_navi03_on.gif) no-repeat;
}



#g-navi ul li.g-navi04 a:hover{

	background: url(/img/g_navi04_on.gif) no-repeat;
}



#g-navi ul li.g-navi05 a:hover{

	background: url(/img/g_navi05_on.gif) no-repeat;
}	



#g-navi ul li.g-navi06 a:hover{

	background: url(/img/g_navi06_on.gif) no-repeat;
}



#g-navi ul li.g-navi07 a:hover{

	background: url(/img/g_navi07_on.gif) no-repeat;
}


#g-navi ul li.g-navi08 a:hover{

	background: url(/img/g_navi08_on.gif) no-repeat;
}




/*---------------------------------------------------



 Layout right column

 

-------------------------------------------------------*/



#r-ct{
	float: left;
	width: 740px;
	padding-top: 19px;
	text-align: left;
}


/* For IE6 IE7 \*/
* html #r-ct{
	padding-top: 14px;
}



*:first-child + html  #r-ct{

	padding-top: 14px;
}



/**/


#PathArea {

font-size:10px;

}


#PathArea .pathSeries {
}


#PathArea .pathParalle {


text-align:right;
}


#PathArea .pathParalle ul {
margin-top:3px;
padding:0px;
}


#PathArea .pathParalle ul li {

border-right:1px solid #CCCCCC;
display:inline;
margin:0px 4px 0px 0px;
padding:0px 4px 0px 0px;
}


#PathArea .pathParalle ul li.line_none {

border-right:medium none;
margin:0px;
padding:0px;
}


.pgPathArea {

clear:both;
font-size:10px;
}


.pgPathArea .pathNext {
width:650px;
text-align:right;
float:right;
}


.pgPathArea .pathPre {
width:250px;
text-align:left;
float:left;
}

#r-ct_bg{

background: url(/img/main_ct_bg.gif) repeat-y;

}


#main_contents {

width:671px;
padding: 5px 0px 0px 0;

}
#main_contents:after{

	/*FireFox*/

	content:"";
	display:block;
	clear:both;
	height:1px;
    overflow: hidden;
}

/*\*/

* html body #main_contents {

    height: 1em;
    overflow: visible;
}

/**/

#m-ct_intro {

padding:10px 0px 10px 0;
}


/*Blog Page---------------------------------------*/

.blogPage .blogGroup {

clear:both;
margin:0px 0px 0px;


}


.blogPage .blogGroup .blogContent {

float:left;
line-height:18px;
margin:10px 0 10px 0;
padding:0px;
width:610px;
}


.blogPage .blogGroup .blogTitle {

border-bottom:1px dotted #CCCCCC;
font-size:14px;
line-height:18px;
margin:0px 0px 6px;
padding:0px;
text-align:left;
}


.blogPage .blogGroup .blogTitle span {

color:#CC0000;
font-size:14px;
margin:0px 10px 0px 0px;
}


.blogPage .blogGroup img {

display:block;
float:left;
margin:10px 10px 10px 0px;
width:80px;
}




/*ctPage ---------------------------------------*/

.listGroup div.sttl {

border-bottom:1px dotted #CCCCCC;
height:30px;
margin:0px 0px 10px;
padding:0px;
width:700px;
}


.listGroup div.sttl h2 {

float:left;
font-size:12px;
font-weight:normal;
height:30px;
line-height:30px;
margin:0px 0px 0px 10px;
padding:0px;
width:700px;
}




/*feedDetail Page---------------------------------------*/
.feedDetail .feedGroup {
clear: both;
margin:0px 0px 0px;
overflow:hidden;
}


.feedDetail .feedGroup:after{

	/*FireFox*/

	content:"";
	display:block;
	clear:both;
	height:1px;
    overflow: hidden;
}

/*\*/

* html body .feedDetail .feedGroup {

    height: 1em;
    overflow: visible;
}

/**/

.blogDetail .feedGroup img {
display:block;
float:left;
margin:10px 10px 10px 0px;
}
.blogDetail .feedGroup img:after{

	/*FireFox*/

	content:"";
	display:block;
	clear:both;
	height:1px;
    overflow: hidden;
}

/*\*/

* html body .blogDetaill .feedGroup img {

    height: 1em;
    overflow: visible;
}

/**/


.feedDetail .feedGroup .feedTitle {
border-bottom:1px dotted #CCCCCC;
font-size:14px;
line-height:18px;
margin:0px 0px 6px 0pt;
padding:0px;
text-align:left;
}


.feedDetail .feedGroup .blogTitle {
font-size:12px;
line-height:18px;
margin:0px 0px 6px;
text-align:left;
}
.feedDetail .feedGroup .blogTitle span {
font-size:10px;
font-weight:normal;
margin:0px 0px 5px 20px;
}


.feedDetail .feedContent {
float:left;
line-height:18px;
margin:10px 0 10px 0;
padding:0px;
width:610px;
}


.pageIntroArea_fn h2 {

background:transparent url(../img/bg_title_02.gif) no-repeat scroll 0%;
clear:both;
font-size:15px;
color:#ffffff;
padding:6px 0 5px 45px;
}


.pageIntroArea_ct h2 {

background:transparent url(../img/bg_title_ct.gif) no-repeat scroll 0%;
clear:both;
font-size:16px;
color:#333333;
padding:6px 0 5px 10px;
}



.pageIntroArea_fr h2 {

background:transparent url(../img/bg_title_fr.gif) no-repeat scroll 0%;
clear:both;
font-size:15px;
color:#333333;
padding:6px 0 5px 10px;
}

.pageIntroArea_fd h2 {

background:transparent url(../img/bg_title_fd.gif) no-repeat scroll 0%;
clear:both;
font-size:15px;
color:#333333;
padding:6px 0 5px 10px;
}


.pageIntroArea_text2 h2 {

border-bottom:1px dotted #CCCCCC;
margin:0px 0px 0;
padding:0 0 6px 0;
width:700px;
font-size:14px;
}


.pageIntroArea_text2 p.blogTitle {

margin:0;
padding: 0 0 10px 0;
text-align:right;
}



.pageIntroArea_text p.blogTitle {

margin:6px 0px 0px;
padding: 0 0 10px 0;
text-align:right;
}


#ratingTable {
font-size:12px;
line-height:18px;
margin:15px 0px;
padding:15px 0px;
text-align:left;

margin: 0 0 0 0px;
clear: both;
}


#ratingTable table {

border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}


#ratingTable table caption {

background-image:url(../img/ic.gif);
background-position:left 5px;
background-repeat:no-repeat;
font-size:12px;
font-weight:bold;
line-height:18px;
margin:0px 0px 6px;
padding:0px 0px 0px 12px;
text-align:left;
}


#ratingTable #item {

background-color:#EFEFEF;
text-align:left;
width:200px;
}



#ratingTable #rt1, #ratingTable #rt2, #ratingTable #rt3, #ratingTable #rt4, #ratingTable #rt5 {

background-color:#EFEFEF;
text-align:center;
width:30px;
}


#ratingTable #rtBar {

background-color:#EFEFEF;
text-align:center;
width:250px;
}


#ratingTable #rtPoint {

background-color:#EFEFEF;
text-align:center;
width:60px;
}



#ratingTable #item, #ratingTable #rt1, #ratingTable #rt2, #ratingTable #rt3, #ratingTable #rt4, #ratingTable #rt5, #ratingTable #rtBar, #ratingTable #rtPoint {

border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
font-size: 12px;
}


#ratingTable #item1, #ratingTable #item2, #ratingTable #item3, #ratingTable #item4, #ratingTable #item5 {

background-color:#FFFFFF;
text-align:left;
font-size: 12px;
}


#ratingTable .rtRadio {

background-color:#FFFFFF;
text-align:center;
}


#ratingTable .rtBarImage {

background-color:#FFFFFF;
text-align:left;
}


#ratingTable .rtPointNum {

color:#CC0000;
text-align:center;
font-size: 12px;
}

#ratingTable p {

text-align:center;
}


#ratingTable .rtBt {

background-color:#FFFFFF;
border:1px solid #999999;
color:#333333;
margin:20px 0px;
padding:5px 20px;
}



#ratingTable td {

border-bottom:1px solid #CCCCCC;
padding:5px;
}



.blogProfile {
background-color:#ffffe0;
border:1px solid #CCCCCC;
clear:both;
padding:10px;
width:650px;
margin: 0 0 20px 0;
}

.blogProfile:after{
	/*FireFox*/
	content:"";
	display:block;
	clear:both;
	height:1px;
    overflow: hidden;
}

/*\*/

* html body .blogProfile {
    height: 1em;
    overflow: visible;
}

/**/



.blogProfile img {


display:block;
float:left;
margin:0px 10px 0px 0px;
width:80px;

}


.blogProfile .blogContent {

float:left;
font-size:12px;
line-height:18px;
margin:0px;
padding:0px;
width:550px;
}


/* For IE6 \*/

* html .blogProfile .blogContent{

width:560px;
}



*:first-child + html  .blogProfile .blogContent{

width:560px;
}


.blogProfile .blogTitle {


border-bottom:1px dotted #CCCCCC;
font-size:14px;
line-height:18px;
margin:0px 0px 6px;
padding:0px;
text-align:left;
}


.feedDetail .feedGroup p.toMoreArea {

	clear:both;
font-size:12px;
text-align:right;
border-bottom: 1px solid #CCCCCC;
padding: 0 0 10px 0;
}









/*ct Page---------------------------------------*/

.Pickup h2 {

clear: both;
background: url(../img/bg_title_02.gif) no-repeat;
font-size:14px;
line-height:20px;

padding: 0 0 5px 20px;
}






.Pickup_intro .feedGroup {


margin:0px;
padding:10px 0px 0 0;;
}
.Pickup_intro .feedGroup:after{

	/*FireFox*/

	content:"";
	display:block;
	clear:both;
	height:1px;
    overflow: hidden;
}

/*\*/

* html body .Pickup_intro .feedGroup {

    height: 1em;
    overflow: visible;
}

/**/



.Pickup_intro .feedContent_top {


font-size:12px;
line-height:18px;
margin:0px;
padding:0px;
width:700px;
}


.Pickup_intro .feedContent_top:after{

	/*FireFox*/

	content:"";
	display:block;
	clear:both;
	height:1px;
    overflow: hidden;
}

/*\*/

* html body .Pickup_intro .feedContent_top {

    height: 1em;
    overflow: visible;
}

/**/

.Pickup_intro .feedContent_top {

margin:0px;
padding:0pt 0pt 10px;

}

.Pickup_intro .feedContent_top .titleBloc {

border-bottom:1px dotted #CCCCCC;
font-size:14px;
line-height:18px;
margin:0px 0px 6px;
padding:0px;
text-align:left; 

}


.Pickup_intro .feedContent_top .title {

font-size:14px;
font-weight:bold;
}


.Pickup_intro .feedContent_top .PubDate {

font-size:10px;
font-weight:normal

}




.Pickup_intro .feedContent_top img {

float:left;
width:120px;
margin: 0 17px 0 0 ;
}


.Pickup_intro img {

display:block;
margin:0px 0px 0px 10px;
}


.Pickup_intro .feedContent_top .toMoreArea {

margin:15px 0px 0 0;
text-align:right;
}


.Pickup_intro .feedContent_top .titleBlocright {
float: right;
width: 560px;
}
.Pickup_intro .feedContent_top .titleBlocright:after{

	/*FireFox*/
	content:"";
	display:block;
	clear:both;
	height:1px;
    overflow: hidden;
}

/*\*/

* html body .Pickup_intro .feedContent_top .titleBlocright {
    height: 1em;
    overflow: visible;
}

/**/

.listGroup {

clear: both;
padding: 0 0 10px 0;
margin: 10px 0 0 0;



}






/*Feed Page---------------------------------------*/

.feedPage .feedGroup {

clear:both;
margin:0px 0px 0px;


}


.feedPage .feedGroup img {

display:block;
float:left;
margin:10px 10px 10px 0px;
width:80px;
}


.feedPage .feedGroup .feedContent {

float:left;
line-height:18px;
margin: 10px 0 10px 0;
padding:0px;
width:570px;
}


.feedPage .feedGroup .feedTitle {

border-bottom:1px dotted #CCCCCC;
font-size:14px;
line-height:18px;
margin:0px 0px 6px 0;
padding:0px;
text-align:left;
}


.feedPage .feedGroup .blogTitle {

line-height:18px;
font-size:12px;
margin:0px 0px 6px;
text-align:left;
}


.feedPage .feedGroup .feedTitle span {

color:#CC0000;
font-size:14px;
margin:0px 10px 0px 0px;
}


.feedPage .feedGroup .blogTitle span {

font-size:10px;
font-weight:normal;
margin:0px 0px 5px 20px;
}






/*Main Image---------------------------------------*/

#main-img{

	width: 740px;
	padding: 0 0 12px 0;
}

#main-img_200{
float:left;
	width: 200px;
	padding: 0 0 12px 0;
display: inline;
}

#main_top_contents{
width:475px;
}

#r_main{
width:740px;
}

#main_top_contents{
width:475px;
margin:0pt 0px 0px 20px;
}


#r_main_right{
float:right;
text-align:left;
width:525px;
display: inline;
}

#r_main .main_top h2{
background:transparent url(../img/main_top_02.gif) no-repeat scroll 0%;
clear:both;
font-size:14px;
line-height:20px;
padding:0pt 0pt 5px 20px;
}


#r_main_bg{
background:transparent url(/img/r_main_bg.gif) repeat-y scroll 0%;
width:525px;
/*height:220px;*/
}

#r_main #main_top_contents .Pickup_intro .feedGroup {
margin:0px;
padding:10px 0px 0pt 0pt;
}


#r_main #main_top_contents .Pickup_intro .feedContent_top {
font-size:12px;
line-height:18px;
margin:0 0 0 0;
padding:0px;
width:475px;
}


#r_main #main_top_contents .Pickup_intro .feedContent_top img {
float:left;
margin:0pt 17px 0pt 0pt;
width:120px;
}


#r_main #main_top_contents .Pickup_intro .feedContent_top .xp_feedspecia {
margin:0px;
padding:0pt 0pt 10px;
}


#r_main #main_top_contents .Pickup_intro .feedContent_top .titleBlocright {
width:338px;
}


#r_main #main_top_contents .Pickup_intro .feedContent_top .titleBloc {
border-bottom:1px dotted #CCCCCC;
font-size:14px;
line-height:18px;
margin:0px 0px 6px;
padding:0px;
text-align:left;
}


#r_main #main_top_contents .Pickup_intro .feedContent_top .title {
font-size:14px;
font-weight:bold;
}


#r_main #main_top_contents .Pickup_intro .feedContent_top .PubDate {
font-size:10px;
font-weight:normal;
}
#r_main #main_top_contents .Pickup_intro .feedContent_top .toMoreArea {
margin:15px 0px 0pt 0pt;
text-align:right;
}


.r_main_footer {
margin:0 0px 10px 0;
}
/*bloger title-----------------------------------*/



h2#h2-01{

	margin: 12px 0px 10px 0px;
}



/* article-------------------------------------*/



.wrap{
	float: left;
	width: 366px;

	margin-right: 8px;
	margin-bottom: 14px;
	background: url(/img/ct_bg.gif) repeat-y;
}


.wrap2{
	float: left;
	width: 366px;

	margin: 0 6px 14px 1px;
	

	background: url(/img/ct_bg.gif) repeat-y;
}




.wrap-in{
	width: 366px;
        display:inline-block;
	background: url(/img/ct_bottom.gif) no-repeat bottom;
	padding-bottom: 20px;

	text-align: center;
	height: 420px;
}

.wrap-in:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


.wrap-in2{
	width: 366px;
 display:inline-block;
	background: url(/img/ct_bottom.gif) no-repeat bottom;
	padding-bottom: 20px;
	height: 920px;
	text-align: center;

}

.wrap-in2 .more{
clear: both;
padding:15px 0px 0pt 0pt;
text-align:right;

}

.wrap-last-in2 .more{
clear: both;
padding:15px 0px 0pt 0pt;
text-align:right;

}


.wrap-in2:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }


.wrap-in h3 {


padding-top:15px;
padding-bottom:15px;
padding-left:15px;
background-color: transparent;
background-image: url(../img/h3_tit.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
text-align:left;
font-size:14px;
}





.wrap-last{

	float: left;
	width: 366px;
	margin-bottom: 14px;
	background: url(/img/ct_bg.gif) repeat-y;
}


.wrap-last2{

	float: left;
	width: 366px;
	margin: 0 0 14px 0;
	background: url(/img/ct_bg.gif) repeat-y;
}





.wrap-last-in{
	width: 366px;
	background: url(/img/ct_bottom.gif) no-repeat bottom;
	padding-bottom: 20px;
	text-align: center;
	height: 420px;
}


.wrap-last-in:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.wrap-last-in2{
	width: 366px;
	background: url(/img/ct_bottom.gif) no-repeat bottom;
	height: 920px;
	padding: 0 0 20px 0;
	text-align: center;

}




.wrap-last-in2:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
wrap-last-in { display:inline-block; }


/*\*/

* html wrap-last-in { height:1%; }

wrap-last-in{ display:block; }

/**/


.wrap-last h3 {

padding-top:15px;
padding-bottom:15px;
padding-left:15px;
background-color: transparent;
background-image: url(../img/h3_tit.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
font-size: 14px;
text-align:left;
font-size:14px;
}


.wrap h3,

.wrap-last h3{

	margin-bottom: 12px;
}



.inner{

	width: 338px;
	margin: 0px auto;
	text-align: left;
}



.xp_item_box{

 float: left;
 display: inline;

	width: 338px;
	margin:  0 0 12px 0;
}

.ctPage .xp_item_box{

 float: left;
 display: inline;
	width: 338px;
	margin:  20px 12px 0 0;
	border-bottom: 1px #3380FF dotted;
	padding: 0 0 10px 0;
}




.xp_item_box:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

.xp_item_box { display:inline-block; }

/*\*/

* html .xp_item_box { height:1%; }

.xp_item_box { display:block; }

/**/



.xp_item_box img{

	float: left;
	width: 80px; 

}



.clear {

	width: 245px;
	float: right;
}




/*blog touroku button---------------------*/



#btn-box{

	clear: both;
	width: 180px;
	padding-bottom: 10px;
}



#btn-box p{

	width: 180px;
	height: 39px;

	background: url(/img/btn_touroku.gif) no-repeat;
}



#btn-box p a{

	display: block;
	width: 180px;
	height: 39px;
	overflow: hidden;
	text-indent: -9999px;
}



#btn-box p a:hover{

	background: url(/img/btn_touroku_on.gif) no-repeat;
}



/* For IE6 IE7 \*/

* html #btn-box{

	padding-bottom: 10px;
}



*:first-child + html  #btn-box{

	padding-bottom: 10px;
}



/**/







/*---------------------------------------------------



 Layout Left column

 

-------------------------------------------------------*/



#l-ct{
	float: right;
	width: 180px;
	padding-top: 19px;
	text-align: left;
}
/* For IE6 IE7 \*/
* html #l-ct{
	padding-top: 14px;
}


*:first-child + html  #l-ct{
	padding-top: 14px;
}
#l-ct ul {

 margin: 0;
padding: 0;
}

/**/



/*banner-----------------------------------*/



#banner{

	padding-bottom: 10px;
}



/*side head----------------------------*/



.side-head{

	width: 180px;
	height: 23px;
	margin-bottom: 9px;
	background: url(/img/h4_bg.gif) no-repeat;
}



.side-head h4{

	padding: 6px 6px 0px 6px;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}



/*ranking --------------------------------*/



#rank{

	width: 170px;
	margin-left: 10px;
	margin-bottom: 12px;
}



#rank ul li{

	padding-left: 14px;
	margin-bottom: 6px;
	background: url(/img/icon_list.gif) no-repeat 0px 3px;
}



/*category-------------------------------------*/



.cat{

	width: 170px;
	margin-left: 10px;
	margin-bottom: 13px;
}



#l-ct h3{

	font-size: 12px;
	margin-bottom: 6px;
	padding-bottom: 4px;
	border-bottom: 1px #cdcdcd solid;
}



#l-ct ul li{

	padding-left: 14px;
	margin-bottom: 6px;
	padding-bottom: 4px;
	background: url(/img/icon_list.gif) no-repeat 0px 3px;
	border-bottom: 1px #cdcdcd solid;
}



/* -----------------------------------------------



	footer

	

-------------------------------------------------*/



#footer{

border-top:1px solid #CCCCCC;
margin: 0 auto 0 auto;
padding:10px 0px;
clear:both;
text-align:center;
width:940px;
}

#footer ul {

border-top:1px solid #CCCCCC;
margin:0px;
padding:10px 0px;
}


#footer ul li {

border-right:1px solid #CCCCCC;
display:inline;
line-height:16px;
margin:0px 4px 0px 0px;
padding:0px 4px 0px 0px;
}


#footer ul li.line_none {

border-right:medium none;
margin:0px 0 0px 0px;
padding:0px 0 0px 0px;
}

/*---------------------------------------------------



 about

 

-------------------------------------------------------*/

#r-ct_bg2{

background: url(/img/main_ct_bg.gif) repeat-y;
	width: 740px;
}


/*---------------------------------------------------



 Form

 

-------------------------------------------------------*/

#regForm th {

background-color:#F5F5F5;
border-bottom:1px solid #FFFFFF;
font-size:12px;
font-weight:normal;
padding:10px;
text-align:left;
width:160px;
}


#regForm th span {

color:#CC0000;
font-size:10px;
}


#regForm td {

background-color:#FAFAFA;
border-bottom:1px solid #FFFFFF;
font-weight:normal;
font-size:12px;
line-height:14px;
padding:10px;
text-align:left;
width:540px;
}


input, select, textarea {

font-size:12px;
}


#preAgree {

margin:10px 0px;
}


#agree {

border:1px solid #CCCCCC;
display:block;
height:300px;
margin:0px 0px 20px;
overflow:auto;
padding:20px;
text-align:left;
width:658px;
}


#agree h2 {

border-left:2px solid #CCCCCC;
font-size:14px;
margin:12px 0px;
padding:0px 0px 0px 12px;
}


#agree h3 {

border-bottom:1px dotted #CCCCCC;
font-size:12px;
margin:12px 0px;
}


#agree ul {

list-style-type:disc;
}


#submitArea p {

text-align:center;
}
.txtArea{
	margin:10px 0px ;
	width:200px;
	height:113px;
	background-image: url(../img/txtBG.gif);
	background-repeat: no-repeat;
	background-position: left;	
}
.txtAreaIn{
	margin:10px;
	width:180px;
	height:83px;
}


.blogDetail .feedGroup .feedTitle {
border-bottom:1px dotted #CCCCCC;
font-size:14px;
line-height:18px;
margin:0px 0px 6px 0pt;
padding:0px;
text-align:left;
}


.blogDetail .feedGroup .blogTitle {
font-size:12px;
line-height:18px;
margin:0px 0px 6px;
text-align:left;
}
.blogDetail .feedGroup .blogTitle span {
font-size:10px;
font-weight:normal;
margin:0px 0px 5px 20px;
}


.blogDetail .feedContent {
float:left;
line-height:18px;
margin:10px 0 10px 0;
padding:0px;
width:610px;
}

.pageIntroArea_ct ul{
font-size:15px;
width:210px;
padding-left:0px;
margin-left:0px;
float:left;
}

.pageIntroArea_ct .midashi {
font-weight:bold;
}