* {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-family: 'ＭＳ Ｐゴシック', 'HGPｺﾞｼｯｸM', Osaka, sans-serif;
}

body {
	text-align: center;
        background: url(img/bg.gif) no-repeat center top;
}

textarea { font-size: 84% }

A:LINK{
   color : #F57B05;
   text-decoration : underline;
}
A:VISITED{
   color : #959595;
   text-decoration : underline;
}
A:ACTIVE{
   color:#2c3a54;
   text-decoration : underline;
}
A:HOVER{
   color : #ff0000;
   text-decoration : underline;
}


/* ----- 基本構造 -------------------------------------- */

div#container {
	width:900px;
	padding: 0px 0px 0px 0px;
	text-align: center;
        background: url(img/bg.gif) no-repeat center top;
}
div#container2 {
	width:900px;
	padding: 0px 0px 0px 0px;
	text-align: center;
        background: url(img/bg.gif) no-repeat center top;
}
div#container h1{
	display          : none;
}
div#container .flash {
	padding: 0px 0px 0px 0px;
	text-align: center;
}
div#base {
	width:900px;
}
div#right {
	float:right;
}
div#footer {
	width:100%;
	clear:left;
}


/* ----- ヘッダー -------------------------------------- */

div#headercontents {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 900px;
}
div#headercontents .text {
	padding: 5px 0px 0px 0px;
	text-align: right;
	font-size: 10px;
	height: 15px;
	color: #ffffff;
}
div#headercontents table.table01{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        margin-left : auto ;
	margin-right : 0 ;
	text-align: right;
}
div#headercontents table.table02{
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        margin-left : auto ;
	margin-right : 0 ;
	text-align: right;
        background: url(img/h_logo2.gif) no-repeat center top;
	width: 575px;
	height: 45px;
}
div#headercontents table.table03{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        margin-left : auto ;
	margin-right : 0 ;
	text-align: right;
        background: url(img/h_topics.gif) no-repeat center top;
	width: 900px;
	height: 30px;
}


div#headercontents td.text{
	padding: 0px 0px 8px 0px;
	vertical-align: bottom;
	text-align: right;
	font-size: 12px;
	color: #505050;
}
div#headercontents td.img{
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	text-align: right;
}
div#headercontents td.topmenu{
	padding: 0px 0px 0px 10px;
	vertical-align: top;
	text-align: right;
}
div#headercontents td.menu{
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	text-align: right;
}
div#headercontents td.marquee{
	padding: 2px 15px 0px 112px;
	vertical-align: middle;
	font-size: 12px;
	width: 773px;
}


/* ----- フッター -------------------------------------- */

div#footer {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
        background: url(img/f_bg.gif) no-repeat center top;
	width: 900px;
	text-align: left;
}
div#footercontents {
	margin: 0px px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 900px;
        background: url(img/f_bg.gif) no-repeat center top;
	text-align: left;
}
div#footercontents .text {
	padding: 20px 0px 0px 0px;
	text-align: center;
	font-size: 10px;
	color: #505050;
}
div#footercontents .copyright {
	padding: 30px 0px 30px 0px;
	text-align: center;
	font-size: 10px;
	color: #505050;
}


/* ----- トップメニュー -------------------------------------- */

div#t-menu {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 900px;
	height: 70px;
        background: url(img/menu_bg.gif) no-repeat center top;
}
div#t-menu table.button{
	margin: 0px 0px 0px 270px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: #000000;
}
div#t-menu td.button{
	margin: 0px 0px 0px 0px;
	padding: 14px 2px 0px 2px;
	text-align: left;
	color: #000000;
}

/* ----- レフトメニュー -------------------------------------- */

div#left {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 320px;
	text-align: center;
	float:left;
	margin-left:0px;
}
div#left .text {
	padding: 0px 0px 0px 0px;
	text-align: right;
	font-size: 10px;
	color: #000000;
}

div#l-newstitle {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
div#l-news {
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 10px;
	text-align: left;
        background: url(img/l_news_bg.gif) no-repeat center top;
	width: 310px;
	height: 405px;
}
*html div#l-news {
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 0px;
	text-align: center;
        background: url(img/l_news_bg.gif) no-repeat center top;
	width: 320px;
	height: 405px;
}
div#l-news table.news{
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
        text-align:left;
	width: 290px;
}
*html div#l-news table.news{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        text-align:center;
	width: 290px;
}
div#l-news td.newstext{
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	vertical-align: middle;
        text-align:left;
	width: 290px;
	height: 38px;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	background-color: #505050;
}
div#l-news td.newstext2{
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	vertical-align: middle;
        text-align:left;
	width: 290px;
	height: 38px;
	font-size: 12px;
	line-height: 18px;
	background-color: #505050;
	color: #ffffff;
}
div#l-news td.newsline{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
        text-align:left;
	width: 290px;
	background-color: #505050;
}

/* ----- ライトメニュー -------------------------------------- */

div#r-catch {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
        background: url(img/r_catch_bg.jpg) no-repeat center top;
	width: 570px;
	height: 460px;
}
div#r-catch table.r-catch{
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 0px;
        margin-left : auto ;
	margin-right : auto ;
	text-align: center;
	width: 520px;
}
*html div#r-catch table.flash{
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
        margin-left : auto ;
	margin-right : auto ;
	text-align: center;
	width: 520px;
}
div#r-catch td.r-catch{
	margin: 0px 0px 0px 0px;
	padding: 180px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
        text-align:justify;
        text-justify:distribute;
	font-size: 11px;
	line-height: 20px;
        letter-spacing:0px;
	color: #000000;
}

/* ----- メイン -------------------------------------- */

div#m-img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	text-align: center;
	width: 900px;
	height: 200px;
        background: url(img/m_img.gif) no-repeat center top;
}
div#m-space {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 900px;
	text-align: left;
	clear:left;
	clear:right;
}
div#m-project {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 10px;
	text-align: center;
	vertical-align: top;
	font-size: 14px;
	width: 890px;
	height: 275px;
        background: url(img/m_project.gif) no-repeat center top;
}
div#m-arrow {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 100px;
	text-align: center;
	vertical-align: top;
	font-size: 14px;
	width: 800px;
	height: 100px;
        background: url(img/m_arrow.gif) no-repeat center top;
	clear:left;
	clear:right;
}

/* ----- 特長 -------------------------------------- */

div#m-feature {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	text-align: left;
}
div#m-feature td.td{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 0px;
	text-align: left;
	width: 290px;
	color: #000000;
}
div#m-feature td.td2{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	width: 290px;
	color: #000000;
}
div#m-feature table.feature{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 290px;
	height: 310px;
	color: #000000;
	border: 1px solid #cccccc;
        background-color: #ffffff;
}
div#m-feature td.item{
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 10px 20px;
	vertical-align: top;
	text-align: left;
	width: 250px;
	color: #000000;
}
div#m-feature td.feature-text{
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	vertical-align: top;
        text-align:justify;
        text-justify:distribute;
	width: 250px;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	height: 110px;
}
div#m-feature td.feature-text2{
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	vertical-align: top;
        text-align:justify;
        text-justify:distribute;
	width: 250px;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	height: 60px;
}
div#m-feature td.trait-text3{
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 0px 5px;
	vertical-align: top;
        text-align:left;
	width: 250px;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
}
div#m-feature td.img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	text-align: center;
	color: #000000;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	height: 270px;
}
div#m-feature td.qrs{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	text-align: center;
	color: #000000;
        text-align:justify;
        text-justify:distribute;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	height: 90px;
}
div#m-feature td.qrs2{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	text-align: center;
	color: #000000;
        text-align:justify;
        text-justify:distribute;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	height: 230px;
}
div#m-feature td.reco{
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 20px 20px;
	vertical-align: top;
	text-align: left;
	color: #000000;
}
div#m-feature td.reco-text{
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
        text-align:justify;
        text-justify:distribute;
	vertical-align: top;
	text-align: left;
	font-size: 10px;
	line-height: 14px;
	color: #000000;
}
div#m-feature td.qr1{
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 20px 20px;
	vertical-align: top;
	text-align: left;
	color: #000000;
}
div#m-feature td.qr2{
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	vertical-align: top;
	text-align: left;
	color: #000000;
}




/* ----- Q&A -------------------------------------- */

div#m-qa {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
        background: url(img/m_qa_bg.gif) no-repeat center top;
}
div#m-qa table.qa{
	margin: 0px 0px 0px 50px;
	padding: 15px 0px 0px 0px;
	vertical-align: top;
	text-align: center;
	width: 800px;
}
div#m-qa td.q-item{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 30px;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	width: 15px;
	color: #333C9A;
}
div#m-qa td.q-content{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	vertical-align: top;
	text-align: left;
	vertical-align: top;
        text-align:justify;
        text-justify:distribute;
	font-size: 12px;
	line-height: 20px;
	width: 760px;
	color: #333C9A;
}
div#m-qa td.a-item{
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 10px 30px;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	width: 15px;
	color: #CE0707;
	border-bottom: 1px solid #cccccc;
}
div#m-qa td.a-content{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	vertical-align: top;
	text-align: left;
	vertical-align: top;
        text-align:justify;
        text-justify:distribute;
	font-size: 12px;
	line-height: 16px;
	width: 760px;
	color: #CE0707;
	border-bottom: 1px solid #cccccc;
}
div#m-qa td.a-item2{
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 10px 30px;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	width: 15px;
	color: #CE0707;
}
div#m-qa td.a-content2{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	vertical-align: top;
	text-align: left;
	vertical-align: top;
        text-align:justify;
        text-justify:distribute;
	font-size: 12px;
	line-height: 16px;
	width: 760px;
	color: #CE0707;
}


/* ----- システム -------------------------------------- */

div#m-system {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	text-align: center;
	vertical-align: top;
	font-size: 14px;
	width: 890px;
}
div#m-system table.system{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	text-align: center;
	border: 1px solid #cccccc;
	width: 890px;
}
div#m-system td.text1{
	margin: 0px 0px 0px 0px;
	padding: 45px 15px 15px 15px;
	vertical-align: top;
	text-align: left;
	vertical-align: top;
        text-align:justify;
        text-justify:distribute;
	font-size: 12px;
	line-height: 24px;
	width: 610px;
	color: #000000;
        background: url(img/m_system1.gif) no-repeat left top;
}
div#m-system td.text2{
	margin: 0px 0px 0px 0px;
	padding: 45px 15px 15px 15px;
	vertical-align: top;
	text-align: left;
	vertical-align: top;
        text-align:justify;
        text-justify:distribute;
	font-size: 12px;
	line-height: 24px;
	width: 610px;
	color: #000000;
        background: url(img/m_system2.gif) no-repeat left top;
}
div#m-system td.text3{
	margin: 0px 0px 0px 0px;
	padding: 45px 15px 15px 15px;
	vertical-align: top;
	text-align: left;
	vertical-align: top;
        text-align:justify;
        text-justify:distribute;
	font-size: 12px;
	line-height: 24px;
	width: 610px;
	color: #000000;
        background: url(img/m_system3.gif) no-repeat left top;
}
div#m-system td.text4{
	margin: 0px 0px 0px 0px;
	padding: 45px 15px 15px 15px;
	vertical-align: top;
	text-align: left;
	vertical-align: top;
        text-align:justify;
        text-justify:distribute;
	font-size: 12px;
	line-height: 24px;
	width: 860px;
	color: #000000;
        background: url(img/m_system4.gif) no-repeat left top;
}
div#m-system td.img{
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 15px 0px;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
}
div#m-system td.button{
	margin: 0px 0px 0px 0px;
	padding: 45px 15px 15px 0px;
	width: 250px;
	vertical-align: top;
	text-align: left;
}

/* ----- お問合せ -------------------------------------- */

div#m-contact {
	margin: 0px 0px 0px 0px;
	padding: 0px 50px 0px 50px;
	width: 800px;
}
div#m-contact td.left{
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	width: 390px;
	text-align: left;
}
div#m-contact table.contact{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #cccccc;
	text-align: left;
	width: 390px;
	height: 250px;
}
div#m-contact table.contact{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #cccccc;
	text-align: left;
	width: 390px;
	height: 180px;
}
div#m-contact td.contacttitle{
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 0px 20px;
	font-size: 12px;
	line-height: 20px;
	width: 310px;
	text-align: left;
}
div#m-contact td.contact{
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	font-size: 12px;
	line-height: 20px;
	width: 350px;
	text-align: left;
}
div#m-contact td.contact2{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 20px;
	font-size: 10px;
	line-height: 20px;
	text-align: left;
}
div#m-contact td.contact2b{
	margin: 0px 0px 0px 0px;
	padding: 0px 70px 20px 0px;
	font-size: 10px;
	line-height: 20px;
	text-align: left;
	width: 300px;
}


/* ----- 共通設定 -------------------------------------- */

div#pan {
	padding: 5px 15px 5px 0px;
	text-align: right;
	font-size: 10px;
}
div#main table{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
div#main td.title{
	padding: 15px 0px 10px 0px;
	text-align: left;
}
div#footer table{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
div#footer td.img{
	padding: 50px 0px 0px 0px;
	vertical-align: bottom;
	text-align: left;
}


/* ----- インディックス -------------------------------------- */

div#index {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 700px;
	text-align: center;
}
div#index td{
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
}
div#index td.text{
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	text-align: left;
}
div#index td.img{
	padding: 0px 0px 10px 0px;
	vertical-align: top;
	text-align: left;
}
div#index td.right{
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 20px;
	text-align: left;
}
div#index table.righttop{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border: 1px solid #999999;
}
div#index table.right{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	border: 1px solid #999999;
}
div#index td.tel{
	padding: 0px 5px 0px 5px;
	vertical-align: top;
	text-align: center;
}
div#index td.teltext{
	padding: 0px 5px 0px 10px;
	text-align: left;
	font-size: 10px;
	line-height: 12px;
	color: #860f0f;
}
div#index td.card{
	padding: 0px 5px 0px 5px;
	text-align: center;
}
div#index td.cardtext{
	padding: 0px 5px 5px 5px;
	text-align: left;
	font-size: 10px;
	line-height: 12px;
	color: #666666;
}
div#index td.banner{
	padding: 5px 0px 0px 0px;
	text-align: center;
}
div#index td.infotitle{
	padding: 10px 0px 5px 0px;
	text-align: center;
}
div#index td.info{
	padding: 0px 0px 0px 0px;
	text-align: left;
}
div#index td.aisatsu01{
	padding: 5px 0px 5px 0px;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	color: #505050;
}
div#index td.aisatsu02{
	padding: 0px 0px 5px 0px;
	text-align: right;
	font-size: 12px;
	line-height: 20px;
	color: #505050;
}
div#index td.aisatsu03{
	padding: 0px 0px 10px 0px;
	text-align: right;
	font-size: 12px;
	line-height: 20px;
	color: #505050;
	font-weight: bold;
}
div#index td.aisatsu04{
	padding: 10px 0px 0px 0px;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
	color: #505050;
	font-weight: bold;
}




/* ----- サイトマップ -------------------------------------- */

div#sitemap {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 700px;
	text-align: center;
}
div#sitemap table {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
div#sitemap td.text01{
	padding: 20px 0px 5px 0px;
	text-align: left;
	font-size: 14px;
	color: #2b4779;
	font-weight: bold;
}
div#sitemap td.text02{
	padding: 20px 0px 5px 0px;
	text-align: left;
	font-size: 14px;
    color: #6c1111;
	font-weight: bold;
}
div#sitemap td.text03{
	padding: 20px 0px 5px 0px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #32542e;
}
div#sitemap td.text04{
	padding: 5px 10px 5px 15px;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	color: #505050;
	list-style-type: square;
}
div#sitemap td.text05{
	padding: 0px 15px 0px 30px;
	text-align: left;
	line-height: 20px;
	color: #505050;
}




/* ----- お問合せ -------------------------------------- */

div#contact {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 700px;
	text-align: center;
}
div#contact td{
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
}
div#contact td.text{
	width: 525px;
	padding: 0px 0px 20px 10px;
	vertical-align: top;
	text-align: left;
	line-height: 20px;
}