@charset "utf-8";


#all .head_purpose1,
#all .head_osaka{
	background : url('images/purpose1/back_head.jpg') no-repeat;
	}
#all .head_purpose2{
	background : url('images/purpose2/back_head.jpg') no-repeat;
	}
#all .head_purpose3{
	background : url('images/purpose3/back_head.jpg') no-repeat;
	}
#all .head_feature{
	background : url('images/feature/back_head.jpg') no-repeat;
	}
#all .head_system{
	background : url('images/system/back_head.jpg') no-repeat;
	}
#all .head_contact{
	background : url('images/contact/back_head.jpg') no-repeat;
	}


/*共通利用---------------------------*/
#index h2,
#purpose1 h2,
#purpose2 h2,
#purpose3 h2,
#feature h2,
#system h2,
#contact h2
{
	text-align : right;
	font-size : 12px;
	font-weight : normal;
}
#index .kaatsuinfo,
#purpose1 .kaatsuinfo,
#purpose2 .kaatsuinfo,
#purpose3 .kaatsuinfo
{
	background : url('images/index/back_kaatsuinfo.jpg') repeat-y;
	background-position : center;
	padding-bottom : 15px;
	font-size : 14px;
	line-height :1.5em;
}
#feature .kaatsuinfo,
#system .kaatsuinfo,
#contact .kaatsuinfo
{
	padding-bottom : 15px;
	font-size : 14px;
	line-height :1.5em;
}
#index .kaatsuinfo div,
#purpose1 .kaatsuinfo div,
#purpose2 .kaatsuinfo div,
#purpose3 .kaatsuinfo div.wiall
{
	text-align : left;
	margin : 10px 50px;
}
#feature .kaatsuinfo div.wiall,
#system .kaatsuinfo div.wiall
{
	text-align : left;
	padding : 20px 50px;
	background : url('images/index/back_kaatsuinfo.jpg') repeat-y;
	background-position : center;
}
#system table,
#contact table
{
	width : 580px;
	margin : 0 auto;
	background : #c0c0c0;
}
#system td,
#contact td
{
	background : #fff;
	padding : 5px;
}
/*-----------------------------------*/

/*index---------------------------*/
#index .category{
	background : url('images/index/category_back.jpg') repeat-y;
	background-position : center;
	margin : 0 auto;
	width : 648px;
	font-size : 14px;
	}
#index .category_left{
	width : 308px;
	float : left;
	}
#index .category_right{
	margin-left : 340px;
	}
#index .category_left ul,
#index .category_right ul{
	padding : 0px 5px  10px 5px;
	margin : 0 5px;
	text-align : left;
}
#index .category_left li,
#index .category_right li{
	padding-left :15px;
	background : url('images/index/category_liback.jpg') no-repeat;
	background-position : 0% 0%;
	margin : 7px auto;
}
#index .category_button{
	background : url('images/index/category_bottom.jpg') no-repeat;
	background-position : bottom right;
	padding-bottom : 16px;
	}
#index .ml1{
	margin-left : 1px;
	}
#index .ml2{
	margin-left : 2px;
	}
#index .category h3{
	text-indent : -9999px;
	font-size : 14px;
	line-height : 100%;
	padding : 15px 0px;
	margin : 0px;
	}
#index .category h3.cate01{
	background : url('images/index/category01_h3.jpg') no-repeat;
	}
#index .category h3.cate02{
	background : url('images/index/category02_h3.jpg') no-repeat;
	}
#index .category h3.cate03{
	background : url('images/index/category03_h3.jpg') no-repeat;
	}
#index .category h3.cate04{
	background : url('images/index/category04_h3.jpg') no-repeat;
	}
#index #news{
    text-align : left;
    margin : 0 10px;
    }
#index #news div{
    border : 1px solid #c3d5d9;
    padding : 10px;
    margin-bottom : 30px;
    height : 100px;
    overflow:auto;
	scrollbar-base-color : #f5f5f5;
	scrollbar-face-color : #f5f5f5;
	scrollbar-arrow-color : #545669;
	scrollbar-shadow-color : #f5f5f5;
	scrollbar-darkshadow-color : #f5f5f5;
	scrollbar-highlight-color : #f5f5f5;
	scrollbar-3dlight-color : #f5f5f5;
	scrollbar-track-color : #f5f5f5;
    background : #f0f7fe;
    }
#index #news dl{
    margin : 0px;
    padding : 0px;
    }
#index #news dd{
    padding-bottom : 5px;
    padding-left : 15px;
    border-bottom : 1px solid #c3d5d9;
    margin : 0 0 5px 0;
    }
#index #news .title{
    color : #19519a;
    }

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


/*contact---------------------------*/
#contact .kaatsuinfo div.wiall
{
	text-align : left;
	padding : 20px 50px;
	background : url('images/contact/back_kaatsuinfo2.jpg') repeat-y;
	background-position : center;
	}
#contact .kaatsuinfo div.wiall h3
{
	margin-bottom : 10px;
	color : #000;
	border-bottom : 1px solid #c0c0c0;
	text-align : center;
	}
#contact .info
{
	margin-left : 280px;
	border-left : 3px solid #08bbe3;
	padding-left : 10px;
	}
#contact .info2
{
	margin-left : 280px;
	border-left : 3px solid #dd582f;
	padding-left : 10px;
	}
#contact .infoF{ color : #08bbe3;}
#contact .infoF2{ color : #dd582f;}
#contact th{
	background : #00b9e2 url('images/contact/back_th.jpg') repeat-x;
	background-position : 50%;
	color : #fff;
	font-weight : normal;
	padding : 5px;
	}
/*-----------------------------------*/


/*purpose3---------------------------*/
#purpose3 .backline{
	border : 3px solid #dfe5ea;
	padding 0px;
	}

#purpose3 .backline dl{
	background : #fff url('images/purpose3/dback_dl.jpg') no-repeat;
	background-position : bottom right;
	border : 1px solid #c0c0c0;
	padding : 10px;
	margin : 0px;
	}
#purpose3 .backline dt{
	background : #073a71;
	color : #fff;
	margin-bottom : 10px;
	}
#purpose3 .backline dd{
	margin-bottom : 10px;
	margin-right : 20px;
	}
/*-----------------------------------*/


/*system---------------------------*/
#system th{
	background : #073a71 url('images/system/back_th.jpg') repeat-x;
	background-position : 50%;
	color : #fff;
	font-weight : normal;
	padding : 5px;
	}
#system th.w210,#system td.w210{
	width : 210px;
	}
#system th.bacol{
	background : #e6eef9;
	color : #666;
	}
#system th.w150,#system td.w150{
	width : 110px;
	}
#system td.bacol{
	background : #e9900e url('images/system/back_tdbacol.jpg') repeat-x;
	background-position : 50%;
	color : #fff;
	}
#system dl{
	background : #fff;
	width : 580px;
	padding : 10px 0px;
	margin : 0 auto;
	}
#system dt{
	margin : 5px 15px;
	border : solid #c0c0c0;
	border-width : 1px 0px;
	background : #e7f0fd;
	padding : 3px 10px;
	}
#system dd{
	margin : 10px 15px;
	}
#system .kaatsuinfo div.wiall h4{
	border-bottom : 1px solid #000;
	}
/*-----------------------------------*/




/*osaka---------------------------*/

#osaka{
	margin : 30px 15px;
	font-size : 14px;
}

#osaka .osaka_kaatsu{
	background : #e7f3f9;
	border : 1px solid #bac3c8;
	padding : 20px 15px;
	text-align : left;
}

#osaka h2{
	color : #eb900e;
	border-bottom : 1px solid #eb900e;
	font-size : 20px;
	font-weight : bold;
	margin : 0 0 20px 0;
	padding : 10px 0 5px 10px;
}

#osaka .text{
	margin : 0 20px 20px 20px;
}

#osaka .contact{
	background : url('images/osaka/contact.png') no-repeat;
	margin-left : 350px;
	padding : 85px 5px 3px 5px;
}

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