@charset "utf-8";
@import url("base.css");

/*---  コンテンツのサイズなど  ---*/

/*---  HEAD  ---*/
#headContents
		{
			width: 600px;
			margin-bottom: 20px;
			padding-bottom:10px;
			
			
		}
		
#headContents h2
		{
			margin-bottom:10px;
		}
#headContents ul
		{
			margin-bottom:10px;
			margin-top:10px;
		}

h2#mainCopy 
		{

		}
#headContents p
		{
			font-size: 0.8em;
			color: #454B67;
			margin-left:1em;
			margin-right:1em;
			line-height: 1.5em;
		}
		
#line
		{
			margin-bottom:1em;
			
		}
		

/*---  コンテンツ全体を囲む（left,right のwidth + margin の合計幅  ---*/
#allContents
		{
			width:850px;
		}

/*---  LEFT  ---*/
#leftContents
		{
			float: left;
			width: 600px;
			margin-right: 10px;
			margin-top: 20px;
			margin-left: 20px;
		}

#leftContents dl
		{ 
			width: 570px;
			margin: 0 0 5px 0; padding: 0 0 6px 0;
			border-bottom: 1px dotted #242735; 
		}
#leftContents dt
		{ color: #800a22; font-size: 0.9em; }
#leftContents dd
		{ margin-bottom: 10px; font-size: 0.8em; }
#leftContents a:link
		{ color: #d1203d; text-decoration: underline; }
#leftContents a:visited
		{ color: #d1203d; text-decoration: underline; }
#leftContents a:active
		{ color: #d1203d; text-decoration: underline; }
#leftContents a:hover
		{ background-color: #d1203d; color: #ffffff; text-decoration: none; }



#serviceContents 
		{
			float: left; margin: 6px; padding: 0;
			width: 180px;
		}

#serviceContentsBox
		{
			height: 100px;
			width: 178px;
			background-color: #ffffff;
			position: relative;
			top: -2px;
			border-top    :0px;
			border-left   :solid #999999 1px;
			border-right  :solid #999999 1px;
			border-bottom :solid #999999 1px;
		}
#serviceContentsBox p
		{
			padding-left : 0.5em;
			padding-right: 0.5em;
			line-height: 1.5em;
			margin-right: 0.5em;
		}




/*---  RIGHT  ---*/
#rightContents
		{
			float: left;
			width: 200px;
			margin-top:20px;
			margin-left: 0px;
		}
#rightContents dl
		{ 
			width: 200px;
			margin:  0 0 5px 0;
			padding: 0 0 6px 0;
		}
#rightContents dt
		{
			color: #454b67;
			font-size: 0.8em;
			padding-top : 0.5em;
		}
#rightContents dd
		{
			font-size: 0.8em; 
			padding-bottom : 0.5em;
			background-image: url(../img/all/line_short.gif);
			background-repeat: no-repeat;
			background-position: bottom;
		}
#rightContents h3
		{ color: #1884da; }


/*---  ETC  ---*/
#leftContents #moreInfo 
		{
			position:absolute;
			top:78px;
			width: 150px;
			text-align:right;
		}

#rightContents #moreInfo 
		{
			text-align:right;
		}

#moreInfo a
		{
			text-decoration:underline;
			font-weight: bold;
			color:#990000;
		}
#moreInfo a:hover
		{ background-color: #990000; color: #ffffff; text-decoration: none; }

#moreInfo img
		{
			vertical-align: middle;
			margin-right: 2px;
		}