

/*背景色/フォントサイズ等の指定*/ 
body{
	-webkit-text-size-adjust: none;
	background-color:#e5e5e5;
	background-image:url(../com-img/bg-02.png);
	background-repeat:repeat-y;
	background-position:center;
	background-position:top;
	text-align:center;
	padding: 0;
	margin: 0;
}

/*-------------------------------------------------背景の指定*/
#bg01{
	background-color:#d0552d;
	background-image:url(../com-img/bg-01.png);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
}

#bg02{
	background-color:#e5e5e5;
	background-image:url(../com-img/bg-02.png);
	background-repeat:repeat-y;
	background-position:center;
	background-position:top;
}

#bg03{
	background-image:url(../com-img/bg-03.png);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
}



/*-------------------------------------------------ヘッダー範囲の指定*/
#header {
  text-align: left;
  width: 876px;
  height:100px;
  margin-left:auto;    /* 左側マージンを自動的に空ける */
  margin-right:auto;   /* 右側マージンを自動的に空ける */
  text-align:left;     /* 中身を左側表示に戻す */
}

#header-msg {
	width:700px;
	height:25px;
	float:right;
	text-align:right;
	margin:0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#navigation {
	text-align: left;
	width: 876px;
	height:35px;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
	text-align:left;     /* 中身を左側表示に戻す */
}

div#tabnav-00 {
	overflow: hidden;
	width: 876px;
	height: 35px;
	background: url(../com-img/i-bt-navi-no.png) 0 repeat-x;
}
div#tabnav-00 ul {
	width: 876px;
	height: 35px;
	margin:0px;
	padding:0px;
}
div#tabnav-00 ul li {
	display:table-cell;
	float: left;
	width: 146px;
	height: 35px;
	margin: 0px;
	line-height: 40px; /* テキストの上下位置を中央ぞろえに */
	text-align: center;
	color: #343434;
	text-decoration: none;
	border-bottom: 1px #343434 dotted;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
div#tabnav-00 ul li a {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px #343434 dotted;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: block;
	width: 146px;
	height: 35px;
	margin:0px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
div#tabnav-00 ul li a:hover {
	color: #343434;
	text-decoration: none;
	border-bottom: 1px #343434 dotted;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-position: 0 100%;
}
div#tabnav-00 ul li#menu00 a { 
	background-image: url(../com-img/i-bt-navi-no.png);
}
div#tabnav-00 ul li#menu01 { 
	background-image: url(../com-img/i-bt-navi-se.png);
}



/*-------------------------------------------------パン屑範囲の指定*/
#breadcrumb {
	text-align: left;
	width: 876px;
	height:45px;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
	text-align:left;     /* 中身を左側表示に戻す */
}

#breadcrumb-list {
	text-align: left;
	margin-left:0px;
	color: #333333;
	font-size: 10px;
	line-height: 45px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*-------------------------------------------------ミドル範囲の指定*/

#middle {
	width:876px;
	height:auto;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
	text-align:left;     /* 中身を左側表示に戻す */
}

#contents {
	width:584px;
	height:auto;
	float:left;
	margin-bottom:10px;
	padding: 0px;
	font-size: 12px;
	line-height: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#submenu {
	width:262px;
	height:100%;
	float:right;
	margin-bottom:10px;
	padding:0px;
	font-size: 12px;
	line-height: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}






/*-------------------------------------------------footerの指定*/

#footer {
	width: 876px;
	height:auto;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
	text-align:left;     /* 中身を左側表示に戻す */
}

#pagetop {
	width: 100px;
	height:20px;
	margin-bottom:10px;
	float:right;
	padding:0;
}

ul.linkpoint {
	list-style-type:none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 15px;
}

li.linkpoint {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background: url(../com-img/i-linkpoint.png) no-repeat 0px 3px;
	text-indent:10px;
}

#ft-navi-l {
	width:146px;
	float:left;
	margin-bottom:15px;
	margin-right:0px;
	padding:0;
	color: #333333;
	font-size: 10px;
	line-height:14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#ft-navi-2 {
	width:146px;
	float:left;
	margin-bottom:15px;
	margin-right:0px;
	padding:0;
	color: #333333;
	font-size: 10px;
	line-height:14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#ft-navi-3 {
	width:146px;
	float:left;
	margin-bottom:15px;
	margin-right:0px;
	padding:0;
	color: #333333;
	font-size: 10px;
	line-height:14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#ft-navi-4 {
	width:146px;
	float:left;
	margin-bottom:15px;
	margin-right:0px;
	padding:0;
	color: #333333;
	font-size: 10px;
	line-height:14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#ft-copy {
	width:282px;
	float:right;
	margin-bottom:15px;
	padding: 0;
	color: #333333;
	text-align:right;
	font-size: 12px;
	line-height:18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*-------------------------------------------------フラッシュコンテンツ*/
#flash-top {
	width:584px;
	height:300px;
	padding:0px;
	margin-bottom:10px;
	background:url(../rotator/rotator.php);
}


#rotator{
margin:0 auto;
background: url(../rotator/rotator.php) no-repeat top center;
width: 584px; /*横幅のサイズはお好きなように */
height: 300px; /*縦幅のサイズはお好きなように */
}


/*-------------------------------------------------トップコンテンツ*/
#top-ct1{
	width:168px;
	height:auto;
	float:left;
	padding:9px;
	margin-right:10px;
	margin-bottom:10px;

}

#top-ct2{
	width:168px;
	height:auto;
	float:left;
	padding:9px;
	margin-right:10px;
	margin-bottom:10px;

}

#top-ct3{
	width:168px;
	height:auto;
	float:right;
	padding:9px;
	margin-right:0px;
	margin-bottom:10px;

}


/*-------------------------------------------------デザインサンプル*/

#design-sample {
	width: 564px;
	height:auto;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
	text-align:left;     /* 中身を左側表示に戻す */
}

#sample {
	width:564px;
	height:auto;
}

.hd-sample-line {
	border-width:1px;
	border-style: solid;
	border-color: #cccccc;
	margin:0px;
	padding:0px;
}

#sample-01 {
	width:98px;
	height:auto;
	float:left;
	margin-right:6px;
	margin-bottom:6px;
	padding:4px;
}

#sample-05 {
	width:98px;
	height:auto;
	float:right;
	margin-right:0px;
	margin-bottom:6px;
	padding:4px;
}






/*-------------------------------------------------共通の指定*/

#contents-mf {
	width:564px;
	height:auto;
	margin-bottom:10px;
	padding:9px;
	
}


#contents-sf {
	width:242px;
	height:auto;
	margin-bottom:10px;
	padding:9px;
	
}

#bnn-262 {
	width:262px;
	height:auto;
	margin-bottom:10px;
	padding:0px;
	
}

#bnn-facebook {
	width:262px;
	height:auto;
	margin-bottom:10px;
	padding:0px;
	
}

.hd-line {
	border-width:2px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #e85f32 #cccccc #cccccc #cccccc;
	margin:0px;
	padding:0px;
	background-image:url(../com-img/bg-menu.png);
	background-repeat:repeat-x;
	background-position:top;
}

.hd-line-ct1 {
	border-width:2px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #e85f32 #cccccc #cccccc #cccccc;
	margin:0px;
	padding:0px;
	background-image:url(../com-img/bg-menu-ct-01.png);
	background-repeat:no-repeat;
	background-position:top;
}

.hd-line-ct2 {
	border-width:2px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #e85f32 #cccccc #cccccc #cccccc;
	margin:0px;
	padding:0px;
	background-image:url(../com-img/bg-menu-ct-02.png);
	background-repeat:no-repeat;
	background-position:top;
}

.hd-line-ct3 {
	border-width:2px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #e85f32 #cccccc #cccccc #cccccc;
	margin:0px;
	padding:0px;
	background-image:url(../com-img/bg-menu-ct-03.png);
	background-repeat:no-repeat;
	background-position:top;
}

#hd-ecoproject {
	width:544px;
	height:auto;
	float:left;
	margin:0px;
	padding:9px;
}

.hd-ecoproject-line {
	border-width:1px;
	border-style: solid;
	border-color: #cccccc;
	margin:0px;
	padding:0px;
}

#eco-0 {
	width:64px;
	height:70px;
	float:left;
	margin-top:10px;
	margin-right:20px;
	margin-bottom:0px;
	padding:0px;
}

#eco-1 {
	width:140px;
	height:auto;
	float:left;
	margin-right:20px;
	margin-bottom:0px;
	padding:0px;
	background:url(../contents/c-company/com-img/i-img-prant.png);
	background-position:top;
	background-repeat:no-repeat;
	text-align:center;
}
#eco-2 {
	width:140px;
	height:auto;
	float:left;
	margin-right:20px;
	margin-bottom:0px;
	padding:0px;
	background:url(../contents/c-company/com-img/i-img-co2.png);
	background-position:top;
	background-repeat:no-repeat;
	text-align:center;
}
#eco-3 {
	width:140px;
	height:auto;
	float:right;
	margin:0px;
	padding:0px;
	background:url(../contents/c-company/com-img/i-img-soyink.png);
	background-position:top;
	background-repeat:no-repeat;
	text-align:center;
}



#txt dl {
	margin: 0px;
	padding: 0px;
}
#txt dl dt {
	margin-bottom: 5px;
	padding: 10px 0px 0px 0px;
	font-weight: bold;
	line-height: 22px;
	border-bottom: 1px #CCCCCC solid;
}
#txt dl dd {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;
}


#list dl {
	margin: 0px;
	padding: 0px;
}
#list dl dt {
	float: left;
	width: 80px;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	line-height: 22px;
	border-bottom: 1px #CCCCCC dotted;
}
#list dl dd {
	margin-left:80px;
	padding: 0px 100px 0px 20px;
	line-height: 22px;
	border-bottom: 1px #CCCCCC dotted;
}


.img-float-l {
	float: left;
	margin-right: 1em;
}

.img-float-r {
	float:right;
	margin-left: 1em;
}

.img-floatclear {
	clear: both;
}



/* トピックス
--------------------------------------------------- */


#contents-mf .news_box {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
#contents-mf .news_box li {
	list-style-type:none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	
}
#contents-mf .news_box li#info {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 16px;
}
#contents-mf .news_box li dl {
	margin-bottom: 5px;
	border-bottom: 1px dotted #C8C8C8;
}
#contents-mf .news_box li dl dt {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-indent:13px;
	background: url(../img/index/ico_arrow_blue.gif) no-repeat 0px 3px;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}
#contents-mf .news_box li dl.top dt {
	cursor:auto;
}
#contents-mf .news_box li dl.top dt {
	background: url(../com-img/i-linkpoint.png) no-repeat 0px 3px;
}
#contents-mf .news_box li dl.open dt {
	background: url(../com-img/i-linkpoint.png) no-repeat 0px 3px;
}
#contents-mf .news_box li dl.close dt {
	background: url(../com-img/i-linkpoint.png) no-repeat 0px 3px;
}
#contents-mf .news_box li dl dd.title {
	margin: 0px;
	padding: 0px 0px 0px 13px;
	color: #333;
	font-size: 10px;
	line-height: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#contents-mf .news_box li dl dd.body {
	margin: 0px;
	padding: 0px 0px 10px 13px;
}
#contents-mf .news_box li dl.open dd.body {
	display:block;
}
#contents-mf .news_box li dl.close dd.body {
	display:none;
}


/* サブメニューリスト
--------------------------------------------------- */

#contents-sf .submenu {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	line-height: 16px;
}
#contents-sf .submenu li {
	list-style-type:none;
	background: url(../com-img/i-linkpoint.png) no-repeat 0px 3px;
	text-indent:13px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}





p.line-01 {
   border-bottom: 1px;
   border-bottom-style:dotted;
   border-color:#cccccc;
   padding-bottom: 3px;
   margin: 0px;
}

p.line-02 {
   border-bottom: 1px;
   border-bottom-style:dotted;
   border-color:#cccccc;
   padding-bottom: 5px;
}

img {
	border:0px;
}


.clearfloat { clear: both; }

/*-------------------------------------------------罫線の指定*/


#under-l {
	width:100%;
	height:15px;
	margin-bottom:15px;
	padding:0px;
	border-bottom: 1px #CCCCCC solid;
}

hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #cccccc; /* 線色 */
   height: 1px; /* 高さ */
}



h1 {
	color: #ffffff;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:right;
}

.t_level1 {}

/* リンク
--------------------------------------------------- */

a.declink {
   color: #333333;
   text-decoration: none;
   border-bottom: 1px #33333 dotted;
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a.declink:hover {
	color: #e85f32;
	text-decoration: none;
	border-bottom: 1px #e85f32 dotted;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* テキスト
--------------------------------------------------- */

.t14-18 {
	color: #333333;
	font-size: 14px;
	line-height: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.t12-16 {
	color: #333333;
	font-size: 12px;
	line-height: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.t10-14 {
	color: #333333;
	font-size: 10px;
	line-height: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.t10-16 {
	color: #333333;
	font-size: 10px;
	line-height: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.t10-18 {
	color: #333333;
	font-size: 10px;
	line-height: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}