@charset "shift_jis";
/* CSS Document */


/* inner
------------------------------*/

div#main_center .inner{
	padding:15px;
}


/* link
------------------------------*/

.title_main{
margin-bottom:10px;
height: 25px;
}

.title_main p.topix_head{
position:relative;
top: -20px;
left: 530px;
}


/* msgbox
------------------------------*/

#msgbox div.inner{
	padding:10px;
	min-height:110px;
	height:auto !important;
	height:110px;
}

#msgbox p{
	text-align:center;
	padding-bottom:10px;
}

#msgbox p.lastChild{
	text-align:center;
	padding-bottom:0;
}


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

	navPagenation
	O | 1 | 2 | 3 | 

---------------------------------------------------------------------*/
div#main_col div.boxPagenation{
	padding: 10px;
	text-align:center;
	clear:both;
}

ul.navPagenation {
	border-top: 2px solid #999999;
	padding-top:10px;
}

ul.navPagenation li {
	display:inline;
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 0 0.5em;
}

ul.navPagenation li.rightChild,
ul.navPagenation li.lastChild {
	border: none;
}


ul.navPagenation li.next {
	padding-left:2em;
}

ul.navPagenation li.prev {
	padding-right:2em;
}

div#main_col div.boxPagenation p{
	clear:both;
	text-align:center;
}


/* dl
------------------------------*/
dl.ranking{
font-size:1em;
line-height:150%;
}

dl.ranking dt{
	padding			: 0 0 1em 0;
	margin-bottom   : -2.5em;
	width:40px;
}

dl.ranking dd{
	padding			: 0 0 1em 0;

}

dl.ranking dd strong{
	color:#003399;
	padding-right:10px;
}

/* dl
------------------------------*/

dl.ranking01{
font-size:1em;
line-height:150%;
	text-align:left;
	width: 340px;
}

dl.ranking01 dt{
	padding			: 0 0 0.5em 0;
	margin-bottom   : -2.3em;
	width:250px;
}

dl.ranking01 dd{
	padding			: 0 0 0.5em 210px;
	text-align:right;
	width:90px;
}

dl.ranking01 dt strong{
	color:#003399;
	padding-left:10px;
}

/* dl
------------------------------*/

dl.ranking02{
	font-size:1em;
	line-height:150%;
	text-align:left;
	width: 80%;
}

dl.ranking02 dt{
	padding			: 0 0 1em 0;
	margin-bottom   : -2.5em;
	width: 60%
	;}

dl.ranking02 dd{
	padding			: 0 0 0.5em 1em;
	width:80%;
	text-align:left;

}

/* dl
------------------------------*/

dl.ranking03{
	font-size:1em;
	line-height:150%;
	text-align:left;
	width: 310px;
}

dl.ranking03 dt{
	padding			: 0 0 1em 0;
	margin-bottom   : -2.5em;
	width:210px;
}

dl.ranking03 dd{
	padding			: 0 0 0.5em 170px;
	text-align:right;
	width:100px;

}

/* dl
------------------------------*/

dl.ranking04{
	font-size:1em;
	line-height:150%;
}

dl.ranking04 dt{
	width:30px;
	padding			: 0 0 1em 0;
	margin-bottom   : -2.5em;
}

dl.ranking04 dd{
	padding			: 0 0 0.5em 1em;
	width:280px;
text-align:left;
}


/* dl
------------------------------*/

dl.ranking05{
	font-size:1em;
	line-height:150%;
}

dl.ranking05 dt{
	padding			: 0 0 1em 0;
	width:280px;	
	margin-bottom   : -2.5em;
}

dl.ranking05 dd{
	padding			: 0 0 0.5em 1em;
text-align:left;
}

/* blog_list
------------------------------*/

.blog_list01{
	margin-bottom:10px;
}

.blog_list01 .blog_item{
	float:left;
	width: 48%;
}

.blog_list01 .blog_item p.image{
	width:50px;
	margin:0;
	float:left;
}

.blog_list01 .blog_item p.text{
	font-size:95%;
	line-height:150%;
	margin:0;
	color:#ff0000;
	float:left;
}
.blog_list01 .blog_item p.text a span{ color:#666666;}

.blog_list01 .divclear{
	height:15px;
}

.btn_read{
	text-align:right;
}

p.topix{ 
	text-align: right;	
	padding-bottom: 5px;
	margin-bottom:10px;
	border-bottom:1px solid #999999;
	}

/* バックナンバE
------------------------------*/
p.back_number{
	text-align:right;
	margin-bottom:10px;
	padding-bottom:10px;
	padding-right:10px;
	border-bottom:1px solid #cccccc;
}

/* pagetop
------------------------------*/
p.pagetop{
	clear: both;
	width: 100%;
	text-align:right;
}


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

	Htags

---------------------------------------------------------------------*/
.hnimg01 {
	margin-bottom: 15px;
}

.hnimg02 {
	margin-bottom: 10px;
}

.hnimg03 {
	margin-bottom: 5px;
}



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

	grayBlueRoundBox

---------------------------------------------------------------------*/
/*  abstract
-----------------------------------*/
div.grayBlueRoundBox {
	background: #eaeff4 no-repeat left top;
	margin-bottom: 30px;
}

div.grayBlueRoundBox div.grayBlueRoundBoxInner {
	background: no-repeat left bottom;
	padding: 15px;
}

/*  Concrete
-----------------------------------*/
div.grayBlueRoundBox.grayBlueRoundBoxW753 {
	background-image: url(/images/boxtop_grayBlue745.gif);
}

div.grayBlueRoundBox.grayBlueRoundBoxW753 div.grayBlueRoundBoxInner {
	background-image: url(/images/boxBottom_grayBlue745.gif);
}


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

	whiteRoundBox

---------------------------------------------------------------------*/
/*  abstract
-----------------------------------*/
div.whiteRoundBox {
	position: relative;
}

div.whiteRoundBox div.whiteRoundBoxInner {
	padding: 15px;
	background: no-repeat left bottom;

}


/*  Concrete
-----------------------------------*/
/* width 745px version */
div.whiteRoundBox.whiteRoundBoxW755 {
	background: url(/images/boxbody_white745.gif) repeat-y left top;
	width: 745px;
	margin-bottom: 20px;
}

div.whiteRoundBox.whiteRoundBoxW755 div.whiteRoundBoxInner {
	background-image: url(/images/boxbottom_white745.gif);
}

/* secGroup version */
div.secGroup.whiteRoundBoxWrap {
	background: url(/tools/images/tools_boxBottom.gif) repeat-y left bottom;
	margin-bottom: 15px;
}

div.secGroup.whiteRoundBoxWrap div.whiteRoundBox {
	float: left;
	padding-left: 1px;
	width: 365px;
}

div.secGroup.whiteRoundBoxWrap div.whiteRoundBox.even {
	float: right;
	padding-left: 0;
}

div.secGroup.whiteRoundBoxWrap div.whiteRoundBox div.whiteRoundBoxInner {
	background: none;
}

/*  composite
-----------------------------------*/

div.whiteRoundBox p.toList {
	position: absolute;
	right: 10px;
	top: 7px;
}



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

	#subScribe

---------------------------------------------------------------------*/
div#subscribe {
	margin-top: 30px;
}

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

div#subscribe div.selectSubscribe {
	background: #eaeff4 url(/images/boxBottom_grayBlue745.gif) no-repeat left bottom;
	margin-bottom: 15px;
}

div#subscribe div.selectSubscribe ul {
	height: 70px;
	padding-top: 25px;
}

div#subscribe div.selectSubscribe ul li {
	float: left;
	padding-left: 70px;
	text-align: center;
}

/*  desc
-----------------------------------*/
div#subscribe div.descSubscribe {
}

div#subscribe div.descSubscribe div.section {
	clear: none;
	float: left;
	padding-left: 25px;
	width: 340px;
}

div#subscribe div.descSubscribe div.separater {
	border-bottom: 1px solid #bfbfbf;
	clear: both;
	margin-bottom: 20px;
	padding-top: 20px;
}

div#subscribe div.descSubscribe div.separater hr {
	display: none;
}



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

	table

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


/* thead, tbody 
-----------------------------------*/
table.generalComplex {
	/*table-layout: fixed;*/
	border-collapse	: collapse;
	border-spacing	: 0;
	width: 100%;
	margin-bottom: 1.6em;
}

table.generalComplex th,
table.generalComplex td {
	vertical-align	: top;
	border: 1px solid #C0C0C0;
	padding: 8px;
}

/*  thead => th
-----------------------------------*/
table.generalComplex thead th {
	background: #508CE6;
	color: #FFFFFF;
	padding: 16px 8px;
}


/*  tbody = [ th, td ]
-----------------------------------*/
table.generalComplex tbody th {
	font-weight:normal;
	background-color:#FFFFCC;
	text-align: left ;
}

table.generalComplex tbody td {
	text-align: center ;
}

table.generalComplex tbody tr:link,table.generalComplex tbody tr:visited {
	background: #FFFFFF;
}

table.generalComplex tbody th:hover,table.generalComplex tbody th:active {
	background-color:#CCFFFF;
}

  
table.generalComplex tbody tr:hover,table.generalComplex tbody tr:active {
	background:#CCCCFF;
	padding: 16px 8px;
}



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

	float style

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

.floatR {
	float: right;
	margin-bottom: 5px;
	margin-left: 10px;
}

.floatL {
	float: right;
	margin-bottom: 5px;
	margin-right: 10px;
}
