@charset "utf-8";
/* 
---------------------------------------------------------
eLS 基本スタイルシート
制作者：中原久美子
作成日：2008/5/22
更新日：2008/6/10最新
---------------------------------------------------------
目次

・基本構造
・リンク
・ナビボタン
・ヘッダ
・メインコンテンツ
・フォーム
・フッタ
--------------------------------------------------------- */


/* 基本構造
--------------------------------------------------------- */
*{
font-family	:"verdana","helvetica","osaka","lr oSVbN",ans-serif;
}

textarea,select,input {
font-family: "qMmpS Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","lr oSVbN","sans-serif";
}
body{
font-size: 62.5%;
text-align:left;
}
img{

}

#home{
	text-align:justify;
	background-color: #FFFFFF;/* 背景色 */
	color:#000000;/* 全体の文字色 */
	width: 700px;
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:20px;
	padding: 10px 10px 5px 10px;	
}
p { color: #000000 }    /* 段落の文字色 */
td { color: #000000 }   /* セルの文字色 */
h1 {
color:#000000;
font-size:1.5em;
background-image:url(../img/list-02.gif);
background-repeat:repeat-y;
padding:8px 0 0 10px;
height:25px;

}   /* 見出し１の文字色 */
h2 {
color: #000000;
font-size:1.2em;
background-color: #D9F0C1;
padding:5px 0 0 10px;
margin:0 0 0 10px;
height:20px;
width:600px;
}   /* 見出し２の文字色 */

/* リンク
--------------------------------------------------------- */
a:link { color: #000000 }   /* リンク */
a:visited {                 /* 既に見たリンク */
  color: #000000;
  text-decoration: none     /* 下線を消す */
}
a:active { color: #99CC33 } /* クリック時のリンク */
a:hover {                   /* カーソルが上にある時のリンク */
  color: #F4783B;
  text-decoration: none;     /* 下線を消す */
}
/*アイコン*/
a.pdf{
padding-right: 18px;
padding-top: 2px;
background: transparent url(../img/icon/icon_pdf.gif) no-repeat center right;
}

a.img{
padding-right: 18px;
padding-top: 2px;
background: transparent url(../img/icon/icon_pic.gif) no-repeat center right;
}

a.flash{
padding-right: 18px;
padding-top: 2px;
background: transparent url(../img/icon/icon_flash.gif) no-repeat center right;
}

a.doc{
padding-right: 18px;
padding-top: 2px;
background: transparent url(../img/icon/icon_doc.gif) no-repeat center right;
}
/* ナビボタン
--------------------------------------------------------- */
#nav {
width: 700px;
text-align: center;
float: left;
color:#FF6600;/* 表示ページの文字色 */
font-weight:bold;
border-top: solid 1px #CCCCCC;/* 上線の表示 */
border-bottom: solid 1px #CCCCCC;/* 下線の表示 */
 }
#nav ul, #nav li, #nav a{
display: block;/* ul,li,aをブロック形式の表示にし、余白をクリア */
margin: 0;
padding: 0;
}
#nav li{
float: left;/* liを横に並べて表示 */
list-style: none;/* リスト項目の先頭の記号を消す */
font-size: 1.2em;/* リストのフォントサイズ */
white-space: nowrap;/* 項目の途中で改行しないようにする */
}
#nav a{
font-weight: normal;
text-decoration: none;/* リンクの下線を消す */
color: #000000;/* 文字色 */
background: transparent;/* 背景色 */
}
#nav a:hover{
color: #FFFFFF;/* カーソルが上にあるときの文字色 */
background: #3399CC;/* カーソルが上にあるときの背景色 */
}
#nav a,#nav .current{
padding: 4px 10px;
border-right: solid 1px #CCCCCC;/*右線の表示*/
}

/**　CSSハック　**/
#nav:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#nav { display: inline-block; }

/* Hides from IE-mac \*/
* html #nav { height: 1%; }
#nav { display: block; }
/* End hide from IE-mac
--------------------------------------------------------- */


/* ヘッダー
--------------------------------------------------------- */
#header{
text-align: left;
width: 700px;
margin:: 0 0 10px 0;
}

/**トップ会社ロゴ**/
#header-logo{
width: 300px;
height: 80px;
padding:0 0 0 20px;
}
#header-logo a{
border:none;
}

/**トップ画像**/
#header-img{
text-align: center;
margin: 0 0 10px 0;
}

/**ヘッダーナビ**/
#header-nav{
float: right;
border-bottom: solid 1px #CCCCCC;/* 下線の表示 */
}
#header-nav ul, #header-nav li, #header-nav a{
display: block;/* ul,li,aをブロック形式の表示にし、余白をクリア */
margin: 0;
padding: 0;
text-align: left;
}
#header-nav li{
float: left;/* liを横に並べて表示 */
list-style: none;/* リスト項目の先頭の記号を消す */
font-size: 1.0em;/* リストのフォントサイズ */
white-space: nowrap;/* 項目の途中で改行しないようにする */
}
#header-nav a{
font-weight: normal;
text-decoration: none;/* リンクの下線を消す */
color: #AAAAAA;/* 文字色 */
background: transparent;/* 背景色 */
}
#header-nav a:hover{
color: #FF6600;/* カーソルが上にあるときの文字色 */
background: #FFFFFF;/* カーソルが上にあるときの背景色 */
}
#header-nav a,#header-nav .current{
padding: 4px 10px;
}
/**　ヘッダーナビCSSハック　**/
#header-nav:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#header-nav { display: inline-block; }

/* Hides from IE-mac \*/
* html #header-nav { height: 1%; }
#header-nav { display: block; }
/* End hide from IE-mac


/* コンテンツ
--------------------------------------------------------- */
#content
{
	font-size: 1.2em;
	padding: 30px 40px 10px 40px;
	margin: 0 0 20px 0;
}
#content a{
text-decoration: none;/* リンクの下線を消す */
}
#content a:hover{
color: #FF6600;/* カーソルが上にあるときの文字色 */
}
/**　CSSハック　**/
#content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#content { display: inline-block; }

/* Hides from IE-mac \*/
* html #content { height: 1%; }
#content { display: block; }

/**  お知らせ  ご案内 info.html/guidance.html**/
p.img-info{
height: 35px;
background-image:url(../img/info.gif);
background-repeat: no-repeat;
}
p.img-info2{
height: 35px;
background-image:url(../img/info2.gif);
background-repeat: no-repeat;
}
ul.info{
margin:0 0 0 0px;
padding:0 0 0 10px;
width:600px;
}
li.info{
	list-style:none;
	padding: 10px 0 0 10px;
	background: url(../img/list-02.gif) 0px 8px no-repeat;
}
ol.info{
padding:10px 0 30px 0;
margin:0 0 0 0 ;
list-style: none;
}
li.aboutinfo{
padding: 0 0 5px 0;
line-height:1.3em;    
}
li.aboutinfo a{
text-decoration:none;
color:#FF6600;
}
li.infolist{
	list-style:none;
	padding: 10px 2px 2px 10px;
	background-color: #D9F0C1;
}
/**  会社概要  about-us.html**/
p.img-about{
height: 35px;
background-image:url(../img/about.gif);
background-repeat: no-repeat;
}
/*会社概要テーブル*/
table,th,td{
	border-collapse: collapse;
	border: 2px solid #99CC66;
	margin: 0 0 0 10px;
	line-height:20px;
}
.menutable/*会社概要テーブル*/
{
	border-collapse: collapse;
	border: 0px solid #99CC66;
	margin: 0 0 0 10px;
	line-height:20px;
}
td{
padding: 1px 1px 1px 5px;
}
td.title{
text-align: center;
padding: 1px 1px 1px 1px;
}

/**  パートナー  partner.html**/
p.img-partner{
height: 35px;
background-image:url(../img/partner.gif);
background-repeat: no-repeat;
}
li.partner{
list-style:none;
line-height:20px;
}
/**  サービス  service.html**/
p.img-service{
height: 35px;
background-image:url(../img/service.gif);
background-repeat: no-repeat;
}
ul.service{
width: 550px;
font-weight:normal;
margin: 10px 0 30px 0;
padding:0 0 0 20px;
line-height:20px;
}

/**  料金体系  price-list.html**/
p.img-price{
height: 35px;
background-image:url(../img/price.gif);
background-repeat: no-repeat;
}
ul.price{
width: 550px;
font-weight:normal;
margin: 10px 0 30px 0;
padding:0 0 0 40px;
}
li.price{
line-height:20px;
}
/*料金体系テーブル*/
table.price{
width: 200px;
text-align: center;
border-collapse: collapse;
border: 2px solid #99CC66;
}

/**  取引実績  achievements.html**/
p.img-achievements{
height:35px;
background-image:url(../img/achievements.gif);
background-repeat:no-repeat;
}
p.img-development{
height:35px;
background-image:url(../img/development.gif);
background-repeat:no-repeat;
}
p.img-membership{
height:35px;
background-image:url(../img/membership.gif);
background-repeat:no-repeat;
}
li.achievements{
list-style:none;
line-height:20px;
}
/**  学会活動  society.html**/
p.img-society{
height:35px;
background-image:url(../img/society.gif);
background-repeat:no-repeat;
}
li.society{
list-style:none;
line-height:20px;
}

/**  お問い合わせ  inquiry.html**/
p.img-inquiry{
height: 35px;
background-image:url(../img/inquiry.gif);
background-repeat: no-repeat;
}
p.inquiry{
margin:0 0 0 20px;
}

/**サイトマップ sitemap.html**/
p.img-sitemap{
height: 35px;
background-image:url(../img/sitemap.gif);
background-repeat: no-repeat;
}

/**PLATON-m platon-m.html**/
p.img-platonm{
height: 35px;
background-image:url(../img/platon-m.gif);
background-repeat: no-repeat;
}


/* フォーム
--------------------------------------------------------- */
#form
{

}

/* フッタ
--------------------------------------------------------- */
#footer
{
text-align: left;
/*width: 700px;*/
}
#footer{
border-top: solid 1px #CCCCCC;/* 下線の表示 */
}
#footer ul, #footer li, #footer a{
display: block;/* ul,li,aをブロック形式の表示にし、余白をクリア */
margin: 0;
padding: 0;
}
#footer li{
float: left;/* liを横に並べて表示 */
list-style: none;/* リスト項目の先頭の記号を消す */
font-size: 1.0em;/* リストのフォントサイズ */
white-space: nowrap;/* 項目の途中で改行しないようにする */
}
#footer a{
font-weight: normal;
text-decoration: none;/* リンクの下線を消す */
color: #AAAAAA;/* 文字色 */
background: transparent;/* 背景色 */
}
#footer a:hover{
color: #FF6600;/* カーソルが上にあるときの文字色 */
background: #FFFFFF;/* カーソルが上にあるときの背景色 */
}
#footer a,#footer .current{
padding: 4px 10px;
}
/**　CSSハック　**/
#footer:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#footer { display: inline-block; }

/* Hides from IE-mac \*/
* html #footer { height: 1%; }
#footer { display: block; }
/* End hide from IE-mac