@charset "UTF-8";
/* CSS Document */

/* メインビジュアル */
#mainvisual{
}
/* サブビジュアル */
#subvisual{
}
/* パンくずリスト */
#breadcrumbs{
}

/*DIVメインボックス*/

/*========ページ中央寄せ========*/
/*========ページに影っぽいものをつけるときはここに背景画像で========*/
#main{
	width : 938px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-image: url(../images/bg_container_mugen.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

/*ページ中身*/
/*========メイン部分========*/
#margin_box{
width : 930px;
height:auto;
margin-left:4px;
margin-right:4px;
background-color:black;}

/*ページ中身メニューボタン画像群部分*/
#gobal_navi{width : 505px;
height: 50px;
margin: 0px;
background-color:#333399;
display:block;}

/*ページ中身〜メインビジュアルスペース*/
#main_img{width:630px;
height:150px;
background-color:#FF9933;}

/*ページ中身〜パンくず〜パンくずの位置にメインビジュアル*/
#main_pankuzu{
	width:640px;
	height:204px;
	margin-top:0px;
	margin-bottom:5px;
	background-image: url(../images/back_pankuzu.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/*ページ中身〜パンくず中身*/
#main_pankuzu_text{padding-left:10px;
padding-top:6px;
}


/*ページ中身〜メインコンテンツスペースここから*/
#main_top{width:930px;
height:auto;
	background-color:#f0d9cc;
	background-image: url(../images/ri_back.jpg);
	background-repeat: repeat-y;
	background-position: left bottom;}


/*TOPページ中身〜メインコンテンツスペースマージン取(可変式にするために重要かもしれない)
FireFoxではtop指定とbottom指定どちらか一方だけの記述でも上下に指定されるため注意*/
#topmain_top_in{
	width:930px;
	height:auto;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	background-image: url(../images/leftmenu_back.gif);
	background-repeat: repeat-y;
	background-position: left bottom;
}

/*サブページ中身〜メインコンテンツスペースマージン取(可変式にするために重要かもしれない)
FireFoxではtop指定とbottom指定どちらか一方だけの記述でも上下に指定されるため注意*/
#main_top_in{
width:835px;
height:auto;
margin-top:10px;
margin-bottom:5px;
margin-left:0px;
margin-right:10px;
background-color:#ffffff;}


/*TOPページ中身〜左カラム枠取り*/
#topmain_top_left{width:290px; 
height:auto;
background-color:#101010;
margin-left:0px;
float:left;
}

/*TOPページ中身〜左カラム内部*/
.topbox_left{
	width:290px;
	height:auto;
	background-color:#f0d9cc;
}


/*TOPページ中身〜右カラム枠取り*/
#topmain_top_right{width:640px; 
	height:auto;
	background-color:#f0d9cc;
	background-image: url(../images/ri_back.jpg);
	background-repeat: repeat-y;
	background-position: left bottom;
	float:right;
}

/*TOPページ中身〜パンくず以外の右カラム幅*/
.topbox_notpan_right{
width:620px;
height:auto;
}

/*TOPページ中身〜右カラム内部*/
.topbox_right_down{
	padding-left:10px;
	padding-bottom:0px;
	height:auto;
	background-color:#f0d9cc;
	background-image: url(../images/ri_back.jpg);
	background-repeat: repeat-y;
	background-position: left bottom;
}


/*========インデックスのメインコンテンツ部分========*/


/* トップページ・おしらせ */
#top_news{
}


#top_news .list01 {}
#top_news .list01 dt {
    float:left;
    width: 140px;
    line-height: 15px;
    margin: 0 0 3px 0;
	background:#ffffff;
	font-weight:bold;
}
#top_news .list01 dd {
    line-height: 15px;
	width: 620px;
    margin: 0 0 3px 0px;
	background:#ffffff;
	border-bottom:1px dotted #cccccc;
}

#top_news .textbox{width:620px; height:auto; background:#CCCCCC;}


/* トップページ・更新情報 */
#top_news2{
}


#top_news2 .list01 {}
#top_news2 .list01 dt {
    float:left;
    width: 130px;
    line-height: 15px;
    margin: 0 0 3px 0;
	background:#ffffff;
	font-weight:bold;
}
#top_news2 .list01 dd {
    line-height: 15px;
	width: 620px;
    margin: 0 0 3px 0px;
	background:#ffffff;
}

#top_news2 .textbox{width:620px; height:auto; background:#CCCCCC;}


/* トップページ・おすすめ情報 */
#top_hot{}

#top_hot .list01 {}
#top_hot .list01 dt {
    float:left;
    width: 130px;
    line-height: 15px;
    margin: 0 0 3px 0;
	background:#FF9900;
}
#top_hot .list01 dd {
    line-height: 15px;
	width: 620px;
    margin: 0 0 3px 0px;
	background:#CCCCCC;
}

#top_hot .textbox{width:620px; height:auto; background:#CCCCCC;}


/* トップページ・事業内容一覧 */
/* 会社情報ページ・代表あいさつ */
#top{}

#top .rimg_box{width:620px; height:auto; background:#f0d9cc;}
#top .rimg_left{width:470px; height:auto; float:left; background:#f0d9cc;}
#top .rimg_right{width:100px; height:auto; float:right; background:#f0d9cc;}

/* トップページ・その他のコンテンツ */
#top_a1{}

#top_a1 .rimg_box{width:620px; height:auto; background:#f0d9cc;}
#top_a1 .rimg_left{width:410px; height:auto; float:left; background:#f0d9cc;}
#top_a1 .rimg_right{width:200px; height:auto; float:right; background:#000000;}

#top_a2{}

#top_a2 .limg_box{width:620px; height:auto; background:#f0d9cc;}
#top_a2 .limg_left{width:200px; height:auto; float:left; background:#f0d9cc;}
#top_a2 .limg_right{width:410px; height:auto; float:right; background:#f0d9cc;}

#top_a3{}

#top_a3 .rimg_box{width:620px; height:auto; background:#f0d9cc;}
#top_a3 .rimg_left{width:410px; height:auto; float:left; background:#f0d9cc;}
#top_a3 .rimg_right{width:200px; height:auto; float:right; background:#f0d9cc;}

/*========会社情報ページ========*/
/*========をここから開始します========*/

/* 会社情報ページ・代表あいさつ */
#president{}

#president .rimg_box{width:620px; height:auto; background:#000000;}
#president .rimg_left{width:470px; height:auto; float:left; background:#000000;}
#president .rimg_right{width:100px; height:auto; float:right; background:#000000;}


/* 会社情報ページ・会社概要 */
#outline{
}

#outline .table01 {
	border-top	: 1px solid #333333;
	border-spacing: 0px; 
}

#outline .table01 th,
#outline .table01 td {
	padding		: 1px 1px 1px 9px;
	border-bottom	: 1px solid #333333;
	border-left	: 0px solid #333333;
	border-right	: 1px solid #333333;
	vertical-align	: top;
}

#outline .table01 th{
	background:#111111;
	border-left	: 1px solid #333333;
	text-align	: left;
	vertical-align	: middle;
}

/* 会社情報ページ・企業理念など */
#rinen{
}

#rinen .textbox{width:620px; height:auto; background:#000000;}

/* 会社情報ページ・会社沿革 */
#history{
}

#history .list01 {
}
#history .list01 dt {
    float:left;
    width: 120px;
    line-height: 30px;
    margin: 0 0 3px 0;
	background:#000000;
}
#history .list01 dd {
    line-height: 30px;
	width: 350px;
    margin: 0 0 3px 0px;
	background:#000000;
	border-bottom:1px dotted #444444;
}

/*========会社情報ページ========*/
/*========をここで終了します========*/



/*========お問い合わせページ========*/
/*========をここから開始します========*/

/* お問い合わせページ */
#contact{
}

#contact .textbox{width:620px; height:auto; background:#000000;}

/*========お問い合わせページ========*/
/*========をここで終了します========*/


/*========アクセスページ========*/
/*========をここから開始します========*/

/* アクセスページ・詳細地図 */
#syosaimap{
}
#syosaimap .textbox{width:620px; height:auto; background:#f0d9cc;}

#access_a1{}

#access_a1 .rimg_box{width:620px; height:auto; background:#f0d9cc;}
#access_a1 .rimg_left{width:410px; height:auto; float:left; background:#f0d9cc;}
#access_a1 .rimg_right{width:200px; height:auto; float:right; background:#000000;}

/*========アクセスページ========*/
/*========をここで終了します========*/

/*========プライバシーポリシー========*/
/*========をここから開始します========*/

/* プライバシーポリシー */
#privacy{
}

#privacy .textbox{width:620px; height:auto; background:#000000;}


/*========プライバシーポリシー========*/
/*========をここで終了します========*/

/*========採用情報========*/
/*========をここから開始します========*/


/* 採用情報 */
#recruit{
}

#recruit .textbox{width:620px; height:auto; background:#000000;}

#recruit .table01 {
	border-top	: 1px solid #444444;
	border-spacing: 0px; 
}

#recruit .table01 th,
#recruit .table01 td {
	padding		: 1px 1px 1px 9px;
	border-bottom	: 1px solid #444444;
	border-left	: 0px solid #444444;
	border-right	: 1px solid #444444;
	vertical-align	: top;
}

#recruit .table01 th{
	background:#111111;
	border-left	: 1px solid #444444;
	text-align	: left;
	vertical-align	: middle;
}

/*========採用情報========*/
/*========をここで終了します========*/

/*========リンクページ・リンク項目========*/
/*========をここから開始します========*/


/* リンクページ・リンク項目 */
#links{
}
#links .list01 {
}
#links .list01 dt {
    float:left;
    width: 120px;
    line-height: 15px;
    margin: 0 0 3px 0;
	background:#000000;
}
#links .list01 dd {
    line-height: 15px;
	width: 400px;
    margin: 0 0 3px 0px;
	background:#000000;
}

/*========リンクページ・リンク項目========*/
/*========をここで終了します========*/


/* 後に追加していくスタイルシートはここに追加すること */


/*========サイトマップ========*/
/*========をここから開始します========*/


#sitemap{
}

#sitemap .list02 {
}
#sitemap .list02 dt {
    width: 200px;
    line-height: 25px;
    margin: 15px 0 3px 0;
	background:#EDFFFF;
	border-bottom:1px dotted #000000;
}
#sitemap .list02 dd {
	width: 250px;
	line-height: 15px;
    margin: 5px 0 3px 15px;
	background:#000000;
}

#sitemap .wtext_box{width:620px; height:auto; background:#000000;}
#sitemap .wtext_left{width:300px; height:auto; float:left; background:#000000;}
#sitemap .wtext_right{width:300px; height:auto; float:right; background:#000000;}

/*========サイトマップ========*/
/*========をここで終了します========*/



/*========業務紹介A========*/
/*========をここから開始終了します========*/


/* 業務紹介A */
#business_a{
}


#business_a .textbox{width:620px; height:auto; background:#000000;}

#business_a .wtext_box{width:620px; height:auto; background:#000000;}
#business_a .wtext_left{width:300px; height:auto; float:left; background:#000000;}
#business_a .wtext_right{width:300px; height:auto; float:right; background:#000000;}



#business_a .limg_box{width:620px; height:auto; background:#000000;}
#business_a .limg_left{width:300px; height:auto; float:left; background:#000000;}
#business_a .limg_right{width:300px; height:auto; float:right; background:#000000;}


#business_a .rimg_box{width:620px; height:auto; background:#000000;}
#business_a .rimg_left{width:300px; height:auto; float:left; background:#000000;}
#business_a .rimg_right{width:300px; height:auto; float:right; background:#000000;}


/*========業務紹介A========*/
/*========をここで終了します========*/



/*========業務紹介B========*/
/*========をここから開始終了します========*/

/* 業務紹介B */
#business_b{
}


#business_b .textbox{width:620px; height:auto; background:#000000;}

#business_b .wtext_box{width:620px; height:auto; background:#000000;}
#business_b .wtext_left{width:300px; height:auto; float:left; background:#000000;}
#business_b .wtext_right{width:300px; height:auto; float:right; background:#000000;}



#business_b .limg_box{width:620px; height:auto; background:#000000;}
#business_b .limg_left{width:300px; height:auto; float:left; background:#000000;}
#business_b .limg_right{width:300px; height:auto; float:right; background:#000000;}


#business_b .rimg_box{width:620px; height:auto; background:#000000;}
#business_b .rimg_left{width:300px; height:auto; float:left; background:#000000;}
#business_b .rimg_right{width:300px; height:auto; float:right; background:#000000;}

/*========業務紹介B========*/
/*========をここで終了します========*/



/*========業務紹介C========*/
/*========をここから開始終了します========*/

/* 業務紹介C */
#business_c{
}


#business_c .textbox{width:620px; height:auto; background:#000000;}

#business_c .wtext_box{width:620px; height:auto; background:#000000;}
#business_c .wtext_left{width:300px; height:auto; float:left; background:#000000;}
#business_c .wtext_right{width:300px; height:auto; float:right; background:#000000;}



#business_c .limg_box{width:620px; height:auto; background:#000000;}
#business_c .limg_left{width:300px; height:auto; float:left; background:#000000;}
#business_c .limg_right{width:300px; height:auto; float:right; background:#000000;}


#business_c .rimg_box{width:620px; height:auto; background:#000000;}
#business_c .rimg_left{width:300px; height:auto; float:left; background:#000000;}
#business_c .rimg_right{width:300px; height:auto; float:right; background:#000000;}

/*========業務紹介C========*/
/*========をここで終了します========*/

.back_aikon{
width:96px;
height:30px;
margin-left:524px;}

.back_aikon_left{
width:96px;
height:30px;
margin-left:0px;}

/* 追加項目ここまで */

/* coming soonここから※公開後は消去すること */
#comingsoonimg{
	height: 320px;
	width: 680px;
	margin-top: 20px;
}
#comingsoontext{
	text-align: center;
	margin: 15px;
}
#comingsoondiv{
	width: 680px;
	margin: auto;
}
#comingsoonprofile{
	width: 330px;
	margin: auto;
}
/* coming soonここまで※公開後は消去すること */

/* メインコンテンツの項目は各条件下の下に配置し、変更しやすいようにすること。 */
#mct{
	margin: auto;
}
/* サイドバー無し */
#mctnon{
}
/* サイドバー無し・縦一列 */
#mctnon .title1{
}
#mctnon .contents1{
}
/* サイドバー無し・縦二列 */
#mctnon .title2{
}
#mctnon .contents2{
}
/* サイドバー無し・縦三列 */
#mctnon .title3{
}
#mctnon .contents3{
}
/* メインコンテンツ内にサイド分けがある場合 */
#mctnon .sidetitle{
}
#mctnon .sidetext{
}
/* サイド分け・縦一列 */
#mctnon .stitle1{
}
#mctnon .scontents1{
}
/* サイド分け・縦二列 */
#mctnon .stitle2{
}
#mctnon .scontents2{
}

/* 左か右サイドバー有り */
#mctssb{
}
/* 左か右サイドバー有り・縦一列 */
#mctssb .title1{
}
#mctssb .contents1{
}
/* 左か右サイドバー有り・縦二列 */
#mctssb .title2{
}
#mctssb .contents2{
}

/* 両方サイドバー有り */
#mctlrsb{
}
/* 両方サイドバー有り・縦一列 */
#mctlrsb .title1{
}
#mctlrsb .contents1{
}
/* 両方サイドバー有り・縦二列 */
#mctlrsb .title2{
}
#mctlrsb .contents2{
}
