@charset "Shift_JIS";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: contents.css

		Setting of: Contents area
			1: contentsTop setting
			2: contents setting
			3: mainContents setting
			4: contentsBtm setting
			5: attention setting
			6: topics setting
	}

****************************************************************** */


/*===================================================================
	1: contentsTop setting
===================================================================*/

div#contentsTop{}



/*===================================================================
	2: contents setting
===================================================================*/

div#contents{
	padding:0px 15px;
}

div#contents div#contentsInner{
	width:770px;
}

/* clearfix */
div#contents #contentsInner:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div#contents #contentsInner{display:inline-block;}

/* no ie mac \*/
* html #contents #contentsInner{
	height:1%;
	overflow:visible;
}
#contents #contentsInner{display:block;}
/* */


h1{
	background:url(../images/h1_bg.gif) repeat-x #BCBABB;
	padding:0 10px;
	margin:0 0 10px 0;
}

.footpath{margin:0 3px 12px;}
.footpath strong{font-weight:normal;}



/*===================================================================
	3: mainContents setting
===================================================================*/
#mainContents{height:100%;overflow:hidden;padding:0 15px;color:#666;}
body.column1 #mainContents{width:740px;float:left;}
body.column2 #mainContents{float:right;width:550px;margin:0 25px 0 0;_margin:0 12px 0 0;padding:0;}


/*-------------------------------------------------------------------
	Setting of Common.
-------------------------------------------------------------------*/
#mainContents a:link{color:#003399; text-decoration:underline;}
#mainContents a:visited{color:#660099; text-decoration:underline;}
#mainContents a:hover{color:#CC2929; text-decoration:none;}
#mainContents a:active{color:#CC2929; text-decoration:none;}

#mainContents h4{margin-bottom:12px;}

#mainContents p{margin:.3em 1px;}
#mainContents p img{vertical-align:middle;}
#mainContents em{color:#FF6A00;font-weight:bold;}

#mainContents ul{margin:.6em 0;}
#mainContents ul li{background:url(../images/li_dot_link.gif) no-repeat 4px .65em;margin:.2em 0;padding:0 0 0 12px;line-height:1.3;}
#mainContents ul li img{vertical-align:middle;}
#mainContents ul.noDot li{background-image:none;padding:0;}


/*-------------------------------------------------------------------
	Setting of .txtTitle
-------------------------------------------------------------------*/
#mainContents .txtTitle{background:#E4E4E4 url(../images/ico_square.gif) no-repeat 10px .7em; padding:.3em 10px .3em 25px;margin-bottom:.8em;}
#mainContents .txtTitleL{background:#E4E4E4 url(../images/ico_square.gif) no-repeat 10px; padding:.3em 10px .3em 25px;margin-bottom:.8em;}


/*-------------------------------------------------------------------
	Setting of .module
-------------------------------------------------------------------*/
#mainContents .module{margin:0px 0 40px;}
#mainContents .module .module{margin:10px 0 0px;padding-bottom:10px;border-bottom:2px solid #E4E4E4;}
#mainContents .module .module .layout th,
#mainContents .module .module .layout td{text-align:center;vertical-align:top;padding-bottom:5px;}
#mainContents .module .module .layout td ul{width:245px;margin:0 auto;_margin:0;width:250px;}


/*-------------------------------------------------------------------
	Setting of .layout
-------------------------------------------------------------------*/
#mainContents .layout{border-collapse:collapse;width:550px;}
#mainContents .layout th,
#mainContents .layout td{text-align:left;}
#mainContents .fix{width: 300px;}

/*-------------------------------------------------------------------
	Setting of .image
-------------------------------------------------------------------*/
#mainContents .image{text-align:center;margin:25px 0;}
#mainContents .imageNoMrg{text-align:center;}


/*-------------------------------------------------------------------
	Setting of .btn
-------------------------------------------------------------------*/
#mainContents .btn{text-align:center;}


/*-------------------------------------------------------------------
	Setting of #checkIdFlow
-------------------------------------------------------------------*/
#mainContents #checkIdFlow{margin-top:10px;}

#mainContents #checkIdFlow #typeCocolog{margin-top:20px;}

#mainContents #checkIdFlow #typeOther{padding-bottom:0;border-bottom:none;}
#mainContents #checkIdFlow #typeOther td ul{width:350px;}



/*===================================================================
	4: contentsBtm setting
===================================================================*/
#contentsBtm{clear:both;padding:0px 15px;margin:0px 25px 20px;}
#contentsBtm p{margin:.3em 5px;text-align:right;}


/*===================================================================
	5: attention setting
===================================================================*/
table.attention{
	border:solid 1px #FF0000;
	width:100%;
}

p.attention{
	margin:.3em 10px;
}


/*===================================================================
	6: topics setting
===================================================================*/
dl.topics dt{
	width:91px !important;
	/*MacIEˆÈŠO\*/
	width:81px !important;
	/**/
	width /**/:110px;
	margin-left:10px;
	padding:1px 0 0 40px;
	float:left;
	clear:left;
}
dl.topics dd{
	margin:0 0 0 0;
	padding:3px 0 3px 141px;
	/*MacIEˆÈŠO\*/
	padding:3px 0 3px 131px;
	/**/
	line-height:120%;
}
dl.topics .new {
	background:url(../images/new.gif) no-repeat 0 0.3em;
}