@charset "utf-8";

/*AOI Environmental Consulting, Co., Ltd.*/
/*design by Isogai, Sestante Inc.　June 2010　*/


/*
ここで設定するスタイルは、各ページの詳細設定用です。
基本設定（スタイルリセットや要素自体の設定など）は、
別CSS（basic001.css）にまとめます。

＜本CSS　内容＞
①TOPページ
②下層ページ　サイドメニュー
③下層ページ　コンテンツ
　③-２【共通】タイトルに関するもの
　③-３【共通】各ページ下のお問い合わせ先表示
　③-４【共通】定義リスト
④活用事例紹介ページ　追加設定など
⑤会社概要ページ　追加設定など
　⑤-２ 募集ページ 募集要項
⑥フォームのテーブル用設定
*/


#pnav {
	margin-bottom: 30px;
}


/* ①TOPページ
---------------------------*/

#link {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	margin-top: 30px;
}
#link tr  td.left  {
	width: 50%;
	padding-right: 30px;
}
#link tr    td.right   {
	width: 50%;
	padding-left: 30px;
}
#link a.chr25 {
	height: 78px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid #6DB327;
	display: block;
	width: 162px;
	float: right;
	padding-right: 4px;
	padding-left: 4px;
}

#link  a.oiee {
	height: 65px;
	width: 170px;
	text-align: center;
	display: block;
	border: 1px solid #6DB327;
	line-height: 25px;
	padding-top: 15px;
	color: #999999;
}
#link a.chr25:hover, #link a.oiee:hover {
	border-color:#FF0000
}

#main table tr td#topMain {
}

#topMainImg {
	padding-top: 25px;
}
#serviceMenu {
	padding-top: 15px;
}
#serviceMenu table {
	font-size: 15px;
	color: #0033CC;
	font-family: "HGPｺﾞｼｯｸM";
	font-weight: bold;
	width: 523px;
	margin-top: 3px;
	margin-right: auto;
	margin-left: auto;
}
#serviceMenu table tr td {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #C4D5F4;
	width: 260px;
}
#serviceMenu table tr td a {
	height: 40px;
	background-image: url(../images/cl_002.gif);
	background-repeat: no-repeat;
	background-position: 8px center;
	display: block;
	padding-left: 30px;
	line-height: 40px;
}
#serviceMenu table tr td a:hover {
	background-image: url(../images/cl_007.gif);
}
#serviceMenu table tr td.occ {
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#serviceMenu  p.another {
	margin-top: 10px;
	line-height: 1em;
	font-weight: bold;
	margin-left: 300px;
}
#serviceMenu .another a img {
	vertical-align: text-bottom;
	padding-right: 5px;
}





#news {
	padding-top: 25px;
	margin-left: 10px;
}
#news .title {
	font-size: 12pt;
	font-weight: bold;
}

#news dl {
	padding-bottom: 20px;
}


#news dl dt {
	background-image: url(../images/bg_arrow_o.gif);
	background-repeat: no-repeat;
	background-position: left 0.4em;
	color: #009900;
	padding-left: 17px;
	line-height: 1.6em;
	margin-top: 10px;
}

#news  dl dd {
	padding-left: 17px;
}



/* ②下層ページ　サイドメニュー
---------------------------*/

#main  table  td.sidemenu_l  {
	width: 180px;
}
.sidemenu_l  p.category  {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 5px;
	color: #666666;
	padding-left: 15px;
	background-image: url(../images/bg_category.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #EAEAEA;
}
.sidemenu_l p.category a {
	color: #666666;
}
.sidemenu_l p.category a:hover {
	color: #FF0000;
}

.sidemenu_l ul li {
	margin-bottom: 5px;
}
.sidemenu_l ul li a {
	background-image: url(../images/cl_002.gif);
	background-repeat: no-repeat;
	background-position: left 0.3em;
	display: block;
	padding-left: 25px;
}
.sidemenu_l ul li a:hover {
	background-image: url(../images/cl_007.gif);
}
.sidemenu_l ul li a.current {
	background-image: url(../images/cl_007.gif);
}



/* ③下層ページ　コンテンツ
---------------------------*/

#main table td.content_r {
	padding-left: 10px;
	font-size: 1.1em;
}
#main table td.only {/*【重要】サイドバーが無いページ用*/
	padding-left: 0px;
}

.content_r p.l15 {
	padding-left: 15px;
}
.content_r  p.l60 {
	padding-left: 60px;
}



/* ③-２【共通】タイトルに関するもの　*/

.content_r  h2 {
	font-size: 1.8em;
	border-bottom-style: groove;
	border-bottom-color: #70ADEB;
	color: #333333;
	padding-left: 15px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: normal;
	margin-bottom: 30px;
}
.content_r   h2.tume {
	letter-spacing: -0.1em;
}
.content_r  p.first  {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 20px;
}
.content_r  h2.pickuptitle {
	font-size: 2.4em;
	border-bottom-style: groove;
	border-bottom-color: #70ADEB;
	line-height: 1.2em;
	padding-left: 15px;
}
.content_r  h3.pickuptitle {
	font-size: 14pt;
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-bottom-style: groove;
	border-bottom-color: #70ADEB;
	line-height: 1.2em;
	padding-left: 15px;
	background-color: #C4D9FD;
}



/* ③-３【共通】各ページ下のお問い合わせ先表示　*/

.content_r table.contact {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #E0ECFE;
}
.content_r table.contact tr td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.content_r table.contact a:hover img {
	filter: alpha(opacity=70); /*IE用*/
	zoom:1; /*currentStyle.hasLayout=true 用*/
	-moz-opacity:0.7; /*Ff etc用*/
	-khtml-opacity:0.7;	/*Safari 1.1用*/
	opacity:0.7;   /*Opera etc用*/
}

.style44 {
	font-size: 1.4em
}
.style44 img {
	vertical-align: text-top;

}



/* ③-４【共通】定義リスト　*/

.content_r dl {
	padding: 0 25px;
}

.content_r dl dt {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
	color: #0033CC;
	font-size: 1.2em;
}
.content_r dl dt.bk {
	color: #333333;
}

.content_r dl dd {
	text-indent: 1em;
	margin-bottom: 15px;
	letter-spacing: 0.1em;
}
.content_r dl.flaot dt {
	float: left;
	clear: both;
	height: 2em;
}
.content_r dl.flaot dd {
	text-indent: 0px;
}


/* ③-５【共通】リンク、ページ上部戻り　*/

p.ccc{
	margin-top: 10px;
	margin-bottom: 10px;
}





/* ④活用事例紹介ページ　追加設定など
---------------------------*/

#jirei   .content_r   dl  {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}
#jirei   .content_r   h2 {/*事例紹介ページのみサイズを小さく*/
	font-size: 1.5em;
	margin-top: 30px;
	font-weight: bold;
}
#jirei  .case {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 1.2em;
	font-weight: normal;
	border-bottom-style: none;
	background-color: #FADBB8;
	color: #333333;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	margin-top: 15px;
}
#jisseki #main .content_r dd {
	text-indent: -1em;
	padding-left: 1em;
}



/* ⑤会社概要ページ　追加設定など
---------------------------*/

div.message {
	padding-right: 20px;
	padding-left: 20px;
}
.message p {
	margin-bottom: 15px;
	clear: both;
}
.message .name {
	float: right;
}

.message  .name p {
	margin: 0px;
}
table#company {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
table#company  tr  th, table#company  tr  td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 5px 10px;
	font-weight: normal;
}
.style45 {font-family: "MS UI Gothic"}



/* ⑤-２ 募集ページ 募集要項*/

table#profile {
	width: 100%;
	margin-bottom: 15px;
	border-top: 1px solid #CCCCCC;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-collapse:collapse;
	font-family: "MS UI Gothic";
}
table#profile th {
	text-align: center;
	vertical-align: top;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 5px 10px;
}
table#profile td {
	padding: 5px 15px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
#profile dl dt {
	font-size: 100%;
	padding-top: 5px;
	font-weight: normal;
	color: #CC0000;
}
#profile dl dt em {
	font-weight: bold;
}
#profile p.red {
	color: #FF0000;
}
#profile ol li {
	list-style-type: none;
	padding-left: 15px;
}
#profile ul li {
	list-style-type: none;
}


/* ⑥フォームのテーブル用設定
---------------------------*/
#main  table#forForm {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #EFEFEF;
	border-left-color: #EFEFEF;
	margin-bottom: 15px;
}
#main table#forForm th,
#main table#forForm td {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #EFEFEF;
	border-bottom-color: #EFEFEF;
}

#main table#forForm th{
	text-align: center;
	vertical-align: top;
	padding: 5px 10px;
	font-weight: normal;
}
#main table#forForm td {
	padding: 5px 15px;
}