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

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



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

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

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

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

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

/*ページ中身〜パンくず*/
#main_pankuzu{
	width:850px;
	height:27px;
	background: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left center;
}

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


/*ページ中身〜メインコンテンツスペースここから*/
#main_top{width:850px;
height:auto;
background-color:#ffffff;}


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

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


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

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


/*TOPページ中身〜右カラム枠取り*/
#topmain_top_right{width:205px; 
height:auto;
background-color:#ffffff;
float:right;
}

/*TOPページ中身〜右カラム内部*/
.topbox_right_down{
	width:200px;
	height:auto;
	background-color:#ffffff;
	border:0px solid #CCCCCC;
}

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

/* トップページ・おしらせ */
#top_news{
padding-top:5px; padding-left:10px;}


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

#top_news .textbox{width:590px; 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_business{
}

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


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

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

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


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

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

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

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

/* 会社情報ページ・企業理念など */
#rinen{
}
#rinen .images{text-align:center;}
#rinen .textbox{width:620px; height:auto; background:#ffffff;}

#rinen .rimg_box{width:620px; height:auto; background:#ffffff;}
#rinen .rimg_left{width:300px; height:auto; float:left; background:#ffffff;}
#rinen .rimg_right{width:302px; height:auto; float:right; background:#ffffff;}


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

#history .list01 {width: 600px;
}
#history .list01 dt {
    float:left;
    width: 120px;
    line-height: 30px;
	margin: 0 0 3px 0px;
    padding-right: 10px;
	background:#ffffff;
}
#history .list01 dd {
    line-height: 30px;
	width: auto;
    margin: 0 0 3px 0px;
	background:#ffffff;
	border-bottom:1px dotted #cccccc;}


/* 会社情報ページ・受賞 */
#jyusyou{
}

#jyusyou .list03 {
}
#jyusyou .list03 dt {
    float:left;
    width: auto;
    line-height: 30px;
	margin: 0 0 3px 0px;
    padding-right: 10px;
	background:#ffffff;
}
#jyusyou .list03 dd {
    line-height: 30px;
	width: auto;
    margin: 0 0 3px 0px;
	background:#ffffff;
	border-bottom:1px dotted #cccccc;
}

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



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

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

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

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


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

/* アクセスページ・詳細地図 */
#syosaimap{
}

#syosaimap .limg_box{width:620px; height:auto; background:#ffffff;}
#syosaimap .limg_left{width:280px; height:auto; float:left; background:#ffffff;}
#syosaimap .limg_right{width:315px; height:auto; float:right; background:#ffffff;}


#syosaimap .textbox{width:620px; height:auto; background:#ffffff;}
/* アクセスページ●●でお越しの方〜欄 */
#cometo{
}
#cometo dl{
	margin: 0px;
	padding: 0px;
}
/*========アクセスページ========*/
/*========をここで終了します========*/

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

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

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


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

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


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

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

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

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

#recruit .table01 th{
	background:#eeeeee;
	border-left	: 1px solid #ccc;
	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:#ffffff;
}
#links .list01 dd {
    line-height: 15px;
	width: 400px;
    margin: 0 0 3px 0px;
	background:#ffffff;
}

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


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


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


#sitemap{
}

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

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

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



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


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


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

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

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


#osusume .limg_box{width:600px; height:auto; background:#ffffff;}
#osusume .limg_left{width:300px; height:auto; float:left; background:#ffffff;}
#osusume .limg_right{width:285px; height:auto; float:right; background:#ffffff;}


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


table.outline2 {
	border-top	: 1px solid #ccc;
	margin-top:10px;
}

.outline2 td {
	padding	: 4px 9px;
	border-right	: 1px solid #ccc;
	border-bottom	: 1px solid #ccc;
	vertical-align	: top;
}

.outline2 th{
	padding	: 5px 9px;
	background	: #EFF4F1;
	border-left	: 1px solid #ccc;
	border-bottom	: 1px solid #ccc;
	text-align	: left;
	vertical-align	: middle;
}



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



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

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


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

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



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


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

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



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

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


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

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



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


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

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

.back_aikon{
width:117px;
height:40px;
margin-left:503px;}

.back_aikon_left{
width:117px;
height:40px;
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{
}