@charset "utf-8";

/* ===================================================================

CSS information



 file name  :style.css

 author     :hirasawa (admin)

 style info :コンテンツエリア関係 他

 

このスタイルシートの構成

 基本設定、レイアウト、横幅設定など

 汎用class

 #navSkip

 #page

  #contents

   #main

   #sub

=================================================================== */



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

	基本設定、リンクカラーなど

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

html {

}



body {

}



a:link {

}



a:visited {

}



a:hover {

	text-decoration: none;

}



a:active {

}





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

	汎用class

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

.imgR {

	float: right;

	margin: 0 0 10px 10px;

}



.imgL {

	float: left;

	margin: 0 10px 10px 0;

}



.btn {

	text-align: center;

}



/* 外部リンクは別窓用の指定 */

.externalIcon {

	padding-left: 5px;

	vertical-align: middle;

}



/* clearfix */

#hoge:after {

	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;

}





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

	#navSkip (NavigationSkip)

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

span#navSkip {

	position: absolute;

	top: 0;

	left: 0;

}





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

	#page

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

#page {

	width: 860px;

	margin: 0 auto;

	text-align: left;

}





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

	#contents

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

#contents {

	float: left;

	width: 860px;

	padding-top: 20px;

}



#contents .pageTop {

	clear: both;

	text-align: right;

}





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

	#main

		メイン

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

#main {

	float: left;

	width: 540px;

	background: #FFF;

}



#main table,#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p {

	margin-bottom: 1em;

}



pre {

	line-height: 1.2;

	font-size: small;

	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;

}





/* アイコンの横にタイトルと概要文があるような時。の指定 */

#main dl.serviceList {

	margin: 0 0 20px;

}



#main dl.serviceList dt {

	position: relative;

	width: 460px;

	margin-bottom: 5px;

	padding-top: 15px;

	padding-left: 80px;

	font-weight: bold;

	border-top: 1px dotted #ACACAC;

}



#main dl.serviceList dt.firstChild,

#main dl.serviceList dt:first-child {

	border-top: 0;

	padding-top: 0;

}



#main dl.serviceList dt a {

	padding-left: 18px;

	background: url(../img/item/mark_01.gif) no-repeat left center;

}



#main dl.serviceList dt img {

	position: absolute;

	top: 15px;

	left: 0;

	padding: 2px;

	border: 1px solid #EEE;

}



#main dl.serviceList dt.firstChild img,

#main dl.serviceList dt:first-child img {

	top: 0;

}



#main dl.serviceList dd {

	margin-bottom: 15px;

	padding-left: 80px;

	height: 50px;

}



#main dl.serviceList > dd {

	min-height: 50px;

	height: auto;

}





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

	#sub

		サイドバー、サブ

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

#sub {

	float: right;

	width: 280px;

	padding: 10px;

	background: #EEF;

}