@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);


/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定です
/* ---------------------------------------------------------------- */

body {
  color: #333333;
  background: #FFFFFF;
}

#container {
  background: transparent;
  width: 760px;
  margin: 5px;
}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */


#header {
  background: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* ---------------------------------------------------------------- *
	TOPページアドレス表示
 * ---------------------------------------------------------------- */
#adress {
width: 760px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
clear: both;
text-align: right;
}
 
 

/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定
 * ---------------------------------------------------------------- */
#navi {
  margin-top: 0;
  margin-bottom: 5px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

#navi ul#menu{
    list-style:none;
    width:100%;
    margin: 0;
    padding: 0;
}
#navi ul#menu li{
    list-style:none;
    float:left;
    width:190px;
    margin: 0;
    padding: 0;
}
#navi ul#menu a{
    display:block;
    width:190px;
    height:40px;
    text-indent:-150px;
    overflow:hidden;
}
a.company{
    background-image:url(../img/navi_company.gif);
}
a:hover.company{
    background-position:0px -41px;
}
a.business{
    background-image:url(../img/navi_business.gif);
}
a:hover.business{
    background-position:0px -41px;
}
a.news{
    background-image:url(../img/navi_news.gif);
}
a:hover.news{
    background-position:0px -41px;
}
a.info{
    background-image:url(../img/navi_contact.gif);
}
a:hover.info{
    background-position:0px -41px;
}

/* ---------------------------------------------------------------- *
	TOPページ　サブナビゲーション部分
 * ---------------------------------------------------------------- */
/* product /////////////////////////////////////////////////////////*/

#product a{
	display:block;
	width:306px;
	background:url(../img/bunner_product_off.jpg) no-repeat;
	height:135px;
	text-decoration:none;
	text-align:center;
	margin-top: 30px;
	margin-bottom: 20px;
	float:left;
}

#product a:hover{
	background:url(../img/bunner_product_on.jpg) no-repeat;
	margin-top: 30px;
	margin-bottom: 20px;
	float:left;
}


/* user /////////////////////////////////////////////////////////*/

#user a{
	display:block;
	width:227px;
	background:url(../img/bunner_user_off.jpg) no-repeat;
	height:135px;
	text-decoration:none;
	text-align:center;
	margin-top: 30px;
	margin-bottom: 20px;
	float:left;
}

#user a:hover{
	background:url(../img/bunner_user_on.jpg) no-repeat;
	margin-top: 30px;
	margin-bottom: 20px;
	float:left;
}


/* site /////////////////////////////////////////////////////////*/

#site a{
	display:block;
	width:217px;
	background:url(../img/banner_site_off.jpg) no-repeat;
	height:135px;
	text-decoration:none;
	text-align:center;
	margin-top: 30px;
	margin-bottom: 20px;
	float:left;
}

#site a:hover{
	background:url(../img/banner_site_on.jpg) no-repeat;
	margin-top: 30px;
	margin-bottom: 20px;
	float:left;
}


/* TOP お知らせ見出し　 /////////////////////////////////////////////////////////*/
.info img {
		margin-left:2px;
		margin-right:0px;
		width:533px;
}

.info ul li{
	margin-top: 8px;
	line-height:2em;
}

.info ul li a:link{
	color:#00008F;
}
.info ul li a:visited{
	color:#00008F;
}
.info ul li a:hover{
	color:#004DCD;
}


/* 資料請求ボタン　 /////////////////////////////////////////////////////////*/

#catalog a{
	display:block;
	width:208px;
	background:url(../img/botton_catalog_off.jpg) no-repeat;
	height:70px;
	text-decoration:none;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 6px;
	float:right;
}

#catalog a:hover{
	background:url(../img/botton_catalog_on.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 6px;
	float:right;
}



/* ---------------------------------------------------------------- *
	ニュースリリースページ（過去のリリースへのリンク）
 * ---------------------------------------------------------------- */
#pastnews
{
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0.6em;
padding-right: 0pt;
padding-bottom: 1em;
padding-left: 0px;
}

#pastnews ul {
  margin: 0;
  list-style: none;
}

#pastnews ul li {
  margin: 0px;
  padding:3px;
  display: inline;
  background: left center no-repeat;
  border-right: 1px solid #cccccc;
}




/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定です
 * ---------------------------------------------------------------- */


#main {
  background: transparent;
  margin-top: 0px;
  margin-bottom: 0;
  padding-top: 17px;
  padding-bottom: 0;
}

/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */

.contents {
  background: #FFFFFF;
  margin-top: 16px;
  margin-bottom: 20px;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 5em;
  padding-left: 1em;
  border: 1px solid #EEEEEE;
}

/* ---------------------------------------------------------------- *
	コンテンツ画像の設定です
 * ---------------------------------------------------------------- */

.contents img.fig {
  position: relative;
  width:130px;
  float: right;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1em;
  margin-left: 1em;  
}

.director_md {
	margin-bottom: 1em;
}



/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定です
 * ---------------------------------------------------------------- */

.imgbox {
  background: #FFFFFF;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}


/* ---------------------------------------------------------------- *
	TOPページバナースペース
 * ---------------------------------------------------------------- */

#banner {
  margin:50px 0px 10px 15px;
  float:left;
}

#banner img {
	margin-left:5px;
}



/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */


#footer {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0.6em;
  padding-right: 0;
  padding-bottom: 1em;
  padding-left: 1em;
  border-top: 1px dotted #C0C0C0;
}

#footer ul {
    margin-bottom: 4px;
    padding: 0;
    border-left: 1px solid #CCCCCC;
}

#footer ul li {
  margin: 0;
  padding: 0 5px;
  border-right: 1px solid #CCCCCC;
  background-image: none;
}


/* ---------------------------------------------------------------- *
	PHOTO FLOW ページ下　連絡先
/* ---------------------------------------------------------------- */
#photoflowinfo {
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #CCCCCC;
  background-color:#F5F5F5;
}





/* ---------------------------------------------------------------- *
	事業内容サブメニュー
 * ---------------------------------------------------------------- */

#submenu ul{
margin: 0;
padding: 0;
list-style:none;
}


#submenu li{
font-size:13px;
line-height:20px;
list-style:none;
border-bottom:1px solid #fff;
background:#C0C0C0;
width:450px;
}

#submenu  a{
display:block;
color:#666666;
text-decoration:none;
height:20px;
padding-left:16px;
margin: 0;
}

#submenu  a:hover{
display:block;
color:#fff;
font-weight:bold;
background:#4653A2;
/*padding-left:16px;*/
margin: 0;
}



/*#submenu {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0.6em;
  padding-right: 0;
  padding-bottom: 1em;
  padding-left: 1em;
}

#submenu ul {
	width: 250px;
    margin-bottom: 4px;
    padding: 0.5em;
    border: 1px solid #CCCCCC;
}

#submenu ul li {
  margin: 0;
  padding: 0 5px;
  background-image: none;
}

.contents img.photoflow {
  position: relative;
  width:200px;
  float: right;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1em;
  margin-left: 1em;
}
*/