@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 author     :yasushi inoue
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、リンクカラー、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
 
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラー、レイアウト、横幅設定など
----------------------------------------------------*/
body {
	background-color: #DDE1EC;
	color:#333333;
	background-image: url(../img/share/back.gif);
	background-repeat: repeat-y;
	background-position: center;
}

/* IE6 */

* html body{
	padding-left: 4px;
}

/* IE7 */
*:first-child + html body {
	padding-left: 1px;
}

a:link {
	color:#0000FF;
}

a:visited {
	color:#0000FF;
}

a:hover {
	color:#333333;
	text-decoration: none;
}

a:active {
}

#contents,
#page {
	width: 818px;
}


#sub,
#main,
#contents {
	float: right;
	background-color:#FFFFFF;
}

#main {
	width: 602px;
	padding:15px;
}


#sub {
	width:185px;
	padding:0px;
	margin:0px;
}





/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

/*
	clearfix
*/
#hoge:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.pageTop a{
	background-image:url(../img/share/bg_pagetop.gif);
	padding-left:15px;
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration:none;
}

.pageTop a:hover{
	background-image:url(../img/share/bg_pagetop_o.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
	color:#03CAFF;
	background-color:#FFF;
}


/*----------------------------------------------------
	#navSkip (NavigationSkip)
----------------------------------------------------*/
span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	margin: 0 auto;
	text-align: left;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#contents {
	padding:0px;
	margin:0px;
}

#contents .pageTop {
	clear: both;
	text-align: right;
	padding-right:10px;
}


/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/

#main h2{
	font-size:130%;
	padding-left:5px;
	background-color:#D4E9FC;
	color:#333;
	border-bottom:solid 1px #999;
	border-right:solid 1px #999;
	border-left:solid 7px #000058;
	clear:both;
}

#main p{
	margin:10px;
	
}

#main .box01{
	margin:10px 15px;
	padding:10px;
	background-color:#EDF6FF;
	color:#333;
	
}

#main .box01 ul{
	margin-left:30px;
}

#main .box01 ul li{
	list-style-type: lower-alpha;
}

#main table{
	margin:5px 0 0;
}

#main table th{
	width:130px;
}
#main table caption{
	padding:4px 0 3px 10px;
	margin:5px 0 0 5px;
	background:url(../img/share/img_list.gif) no-repeat center left;
}


.point{
    padding-left:5px;
}

.point ul{
    margin-top:5px;
	margin-bottom:5px;
    padding-left:5px;
}

.point li{
    margin-left:20px;

}

.point ul li{
    list-style-type:disc;

}


/*----------------------------------------------------
	#connect
----------------------------------------------------*/

#connect{
    width:auto;
	height:60px;
	margin-top:100px;
	margin-bottom:20px;
	padding-top:10px;
	border-top:3px solid #CCC;
	
}


#connect h4{
    padding-left:10px;

}


#connect ul{
    float:left;
    width:790px;
	margin:3px 10px 3px 40px;
}


/*IE7*/
*:first-child+html #connect ul{
    width:790px;
	margin-left:25px;
}


/*IE6*/
*html #connect ul{
    width:783px;
    margin-left:8px;
}


#connect li{
    float:left;
    margin-right:5px;
	font-size:11px;
}


#connect a{
    color:#666;
}


#connect a:hover{
    color:#FF0000;
}


/*----anser5の使用方法----*/

#main .howto ol{
	margin:5px;
}

#main .howto ol li{
	float:left;
	width:135px;
	margin:3px;
}

#main .howto ol li img{
	float:left;
	margin:2px;
}

#main .howto ol li span{
	font-size:80%;
	clear:left;
}

/*-----D筋のセット方法----------*/

.set{
	float:left;
    width:300px;
	height:300px;
	margin-top:20px;
}

/*------at-70---------*/

.test{
    padding:10px 0 10px 10px;
	text-align:center;
}

.test ol{
	padding-left:60px;
	text-align:left;
}


.test ol li{
    list-style-type:decimal;
}


.test img{
    border:1px solid #666;
}


/*------estimate---------*/

.reference{
    padding:10px;
	border:1px solid #CCC;
	text-align:center;
}

.reference ol{
	padding-left:35px;
	text-align:left;
}


.reference ol li{
    list-style-type:decimal;
}


/* -----------------------------------------------------------
	#sub
		サイドバー、サブ
----------------------------------------------------------- */

#banner{
	margin-top:15px;
}

#sub #banner ul li{
	line-height:100%;
	padding-left:10px;
}

#sub #banner ul li img{
	vertical-align:bottom;
}


#sub #banner ul li a img{
	border:1px solid #FFF;
}

#sub #banner ul li a:hover img{
	border:1px solid #03CAFF;
}


/*------------------------------------------------------------
　　パンくず

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

#pan{
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 3px;
	padding-left:8px;
}