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

===============================================================================
初期設定
===============================================================================
*/

/*-----------------------------------------------------------------------------
タグのブラウザ依存設定を初期化
-----------------------------------------------------------------------------*/
/*
Reset: margin, padding propaty*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p {
margin:0;padding:0; }

/*
Reset: border propaty*/
img {
border:0;
}

/*
Reset: List selector*/
ol,ul {
list-style:none; }

/*
Reset: font propaty*/
address {
font-style:normal;font-weight:normal; }


/*-----------------------------------------------------------------------------
フォントフェイス、フォントサイズ、行間の基本設定
-----------------------------------------------------------------------------*/
/*
Reset: font-size, line-height propaty
ブラウザのデフォルトフォントサイズを16pxと前提*/
body {
font-size: 75%; /* 12px */    line-height: 1.4; }
h1,h2,h3,h4,h5,h6 {
font-size: 1.2em; /* 14px */ line-height: 1.0; }
p {
font-size: 1.0em; /* 12px */ line-height: 1.4; }

/* 
Reset: font-family propaty*/
body {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; }


/*-----------------------------------------------------------------------------
フロート操作によるボックスの高さ調整
-----------------------------------------------------------------------------*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;min-height: 1%;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-Mac */


/*-----------------------------------------------------------------------------
Firefoxの右側スクロールバーの表示
Firefox上でコンテンツの高さがウィンドウの高さより短い場合に表示位置がずれる現象を解消
-----------------------------------------------------------------------------*/
html {
	overflow-y: scroll;
}




/*ここから*/



div#wrap {
width:760px;
margin-left:9px;
}

div#header {
width:760px;
height:47px;
}

div#main {
width:760px;
clear:both;
}

div#main div#left {
width:141px;
height:3540px;
float:left;
border-right:#CCCCCC solid 1px;
}

div#main div#right {
width:595px;
float:right;
margin-left:5px;
color:#333333;
}

div#content img#topimage,div#text {
margin-left:10px;
}

div#image img#image2 {
margin-top:50px;
margin-bottom:30px;
}
div#image img#image3 {
margin-top:30px;
margin-bottom:10px;
}
div#image img#image4 {
margin-bottom:20px;
margin-left:5px;
}

div#color {
margin:10px 0 10px 0;
}

div#color p.color1 {
font-size:12px;
margin-bottom:5px;
margin-left:6px;
font-family:Arial, Helvetica, sans-serif;
}
div#color p.color2 {
font-size:10px;
margin:0 auto;
margin-left:6px;
margin-bottom:20px;
font-family:Arial, Helvetica, sans-serif;
}


/*ヘッダー内指定*/
div#header ul {
margin-right:20px;
}

div#header ul li {
display:inline;
float:right;
margin:7px 8px 0 0;
color:#999999;
background:url(../common/images/bullet_navi.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:15px;
}
div#header ul li a{
font-family:Arial, Helvetica, sans-serif;
color:#999999;
text-decoration:none;
}
div#header ul li a:hover {
color:#FF6600;
text-decoration:underline;
}


div#header img {
float:left;
margin-top:4px;
}

/*left 指定*/
div#left ul {
margin:0;
padding:0;
}

div#left ul li a#home {

width:141px; height:21px;
text-indent:-500px;
overflow:hidden;
display:block;
background:url(../common/images/gnavi_home.gif);
}

div#left ul li.menu a {
width:141px;
height:52px;
text-indent:-500px;
overflow:hidden;
display:block;
border-bottom:#cccccc 1px solid;
}
div#left ul li.menu2 a {
width:141px;
height:52px;
text-indent:-500px;
overflow:hidden;
display:block;
background:url(../common/images/gnavi_original2.gif);
border-bottom:#cccccc 1px solid;
}

/*works*/
div#left a#works {
background:url(../common/images/work_03.gif);
}
div#left a#works:hover {
background-position:0px -52px;
}

/*company*/
div#left a#company {
background:url(../common/images/company_01.gif);
}
div#left a#company:hover {
background-position:0px -52px;
}

/*recruit*/
div#left a#recruit {
background:url(../common/images/gnavi_recruit3.gif);
}
div#left a#recruit:hover {
background-position:0px -53px;
}

/*contact*/
div#left a#contact {
background:url(../common/images/contact_01.gif);
}
div#left a#contact:hover {
background-position:0px -52px;
}

/*job*/
div#left a#job {
background:url(../common/images/job_01.gif);
}
div#left a#job:hover {
background-position:0px -52px;
}

/*process*/
div#left a#process {
background:url(../common/images/process_01.gif);
}
div#left a#process:hover {
background-position:0px -52px;
}





/*right 指定*/
div#right ul#pan li {
display:inline;
color:#333333;
}

div#right ul#pan li#original {
background:url(../common/images/bg_topickpath.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:10px;
}

div#right ul#pan {
margin:0px;
padding:0px;
}
div#right ul#pan li a.index {
color:#999999;
text-decoration:none;
}
div#right ul#pan li a.index:hover {
color:#FF6600;
text-decoration:underline;
}


div#right img#top {
margin:22px 0 0 3px;
}
div#right img#under {
position:relative; top:150px; right:160px;
}

div#content {
width:590px;
height:46px;
margin-top:20px;
padding:0;
}
div#content img {
float:left;
}
div#content p#originalcard {
float:right;
margin:15px 270px 0 0;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
}

div#text {
clear:both;
width:590px;
height:150px;
margin-top:10px;
}
div#text p {
line-height:1.5;
} 
div#image {
margin:0 auto;
padding:0;
}


/*フッダー*/
div#hooder {
width:760px;
height:40px;
border-top: #CCCCCC 1px solid;
background:url(../common/images/img_copyright.gif) left ;
background-repeat:no-repeat;
clear:both;
}

div#hooder ul li {
display:inline;
float:right;
}
div#hooder ul {
margin-right:20px;
}


div#hooder ul li a.food {
text-decoration:none;
color:#999999;
font-size:10px;
background:url(../common/images/bullet_navi.gif);
background-repeat:no-repeat;
background-position:left;
margin-left:15px;
padding-left:15px;
}
div#hooder ul li a.food:hover { 
color:#FF6600; text-decoration:underline;
}