@charset "utf-8";
/* 標準設定 */
body {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	text-align: center;
	background-image: url(images/mainbg.gif);
}
p {
	margin: 0px;
}
h1,h2,h3,h4 {
	font-weight: normal;
	margin: 0px;
}
img {
	border: none;
}
td {
	vertical-align: top;
}
input {
	margin: 5px 0px;
}
textarea {
	margin: 5px 0px;
}
a:link {
	color: #2D45A6;
}
a:visited {
	color: #2D45A6;
}
dl{ border-bottom: 3px dotted #ccc;}
dt{font-weight: bold; font-size: 12px; color: #000; background: #fff; padding: 3px;	border-bottom: 1px solid #639C23;border-left: 3px solid #639C23;}
dd{font-size: 12px; padding: 3px;}


/* レイアウト標準設定 */
.lay {
	position:relative;
	margin: 0 auto;
	padding: 0;
	width: 726px;
	border-left: 1px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	text-align: left;
	background-color :#FFFFFF;
}

/* ヘッダー設定 */
#urban {
	float: left;
	width: 450px;
	padding: 0px;
	margin: 0px;
}
#header2 {
	float: left;
	width: 270px;	
	padding: 0px;
	margin: 0px;
}

/* 左カラム設定 */

#mainL{
	width: 450px;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.mainLcontent {
	width: 430px;
	padding: 15px 10px 5px 10px;
}
.mainLcontent-line {
	width: 450px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding: 5px 0px 5px 0px;
}

/* 左カラムエントリー表示調整用
～エントリー投稿のインデントに使用 */
.contents-text {
	padding: 0px 0px 0px 10px;
}

/* 右カラム設定 */

#mainR {
	float: left;
	width: 260px;
}
.mainRcontent {
	width: 250px;
	padding: 5px 5px 5px 10px;
	margin: 0px;
}
.mainRcontent-line {
	margin: 0px 0px 5px 0px;
}

/* コンテンツタイトル */
.titleimg-co {
	margin-bottom: 10px;
}

/* フォント */
.j-10px {
	font-size: 10px;
}
.j-10px120 {
	font-size: 10px;
	line-height: 120%;
}
.j-12px160 {
	font-size: 12px;
	line-height: 160%;
}
.j-12px {
	font-size: 12px;
}
.j-12pxb {
	font-size: 12px;
	font-weight: bold;
}
.j-12px120 {
	font-size: 12px;
	line-height: 120%;
}
.j-12px140 {
	font-size: 12px;
	line-height: 140%;
}
.j-14px {
	font-size: 14px;
}
.j-14px140 {
	font-size: 14px;
	line-height: 140%;
}
.j-14pxb {
	font-size: 14px;
	font-weight: bold;
}
.text-deco {
	color: #4163E6;
}

/* 矢印 */
.arrow10 {
	margin-top: 2px;
}
.arrow{
	margin: 0px 5px 0px 0px;
}

/* 右カラムコンテンツタイトル */
.title-co {
	margin: 5px 0px 5px 2px;
}

/* 右カラム新着情報レイアウト */
#news-head {
	width: 240px;
	text-align: right;
}
#news-main {
	padding: 5px 0px 5px 0px ;
	width: 245px;
	margin-left: 5px;
}
#news-main ul {
	margin: 0px;
	padding: 0px;
}
#news-main li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.news-line {
	margin: 5px 0px 5px 0px;
}

/* 右カラムボタン類 */
#navi-bt {
	margin: 0px;
}
#navi-bt ul {
	margin: 0px;
	padding: 0px;
}
#navi-bt li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.bt-r {
	margin: 3px 0px 3px 2px;
}

/* 右カラム環境レイアウト */
#envi {
	padding: 5px 0px 5px 0px ;
	width: 245px;
	margin-left: 5px;
}
#envi img {
	margin: 10px 5px 10px 0px;
	float: left;
}
#envi ul {
	margin: 0px;
}
#envi li {
	margin: 0px;
	list-style-type: none;
	list-style-image: url(images/li_mark.gif);
	list-style-position: inside;
}

/* 右カラム関連サイトレイアウト */
#links {
	padding: 5px 0px 5px 0px ;
	width: 245px;
	margin-left: 5px;
}

#links ul {
	margin: 0px;
	padding: 0px;
}
#links li {
	margin: 5px 0px 10px 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 12px;
}

/* トップメッセージ */
#message-text {
	padding: 0px 0px 0px 10px;
}
#message-img {
	margin: 5px 0px 5px 5px;
	float: right;
}
#sign {
	margin: 15px 5px 5px 5px;
	float: right;
}

/* トップページ・事業内容レイアウト */
.service-box {
	width: 200px;
	padding: 5px 2px 5px 2px;
	border: 1px solid #6682EE;
	background-image: url(images/service_bg.gif);
	background-repeat: repeat-x;
}
.service_ban {
	margin-left: 20px;
}
#service-text {
	margin: 0px 5px 0px 10px;
}
#service-tab {
	margin: 0px 0px 0px 7px;
}
#service-text1 {
	margin: 7px 10px 0px 15px;
}
#service-text1 a {
	color: #996666;
}
#service-text2 {
	margin: 10px 10px 0px 15px;
}
#service-text2 a {
	color: #996666;
}
#service-text3 {
	margin: 7px 10px 0px 15px;
}
#service-text3 a {
	color: #996666;
}
#service-text4 {
	margin: 0px 10px 0px 15px;
}
#service-text4 a {
	color: #996666;
}
.service-ico {
	margin: 0px 5px 0px 5px;
}

/* フッター設定 */
#footer {
	padding: 0px;
	margin : 0px 0px 5px 0px;
	text-align: center;
	font-family: Verdana, Helvetica, sans-serif;
}
#footer img {
	margin: 10px 0px 5px 0px;
}

/*メールフォーム設定 */
.error-14px {
	font-size: 14px;
	color: #FF0000;
}
.mailform {
	text-align: center;
	width: 700px;
}
.mail-view {
	margin: 0 auto;
	width: 700px;
}
.mail-view table {
	width: 600px;
	background-color: #DDDDCC;
}
.mail-view td {
	padding: 2px;
}
.submit-bt {
	text-align: center;
	width: 380px;
}

/* 右カラムコンテンツ別メニュー設定 */
#menu-main {
	padding: 5px 0px 5px 0px ;
	width: 251px;
}
#menu-container {
	padding: 0px;
	margin-left: 2px;
	width: 100%;
	border-top: 1px solid #999999;
	border-bottom: 2px solid #999999;
}
#menu-container ul {
	padding: 0px;
	margin: 0px;
}
#menu-container li {
	width: 251px;
	list-style-type: none;
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
}
#menu-container li a {
	display: block;
	width: 251px;
	margin: 0px;
	text-decoration: none;
	color: #333333;
	font-size: 75%;
	background-image: url(images/arrow12c.gif);
	background-repeat: no-repeat;
	background-position: 2px 8px;
	padding: 7px 0px 7px 20px;
}
#menu-container li a:hover {
	background-color: #D8E6EB;
	width: 251px;
	display: block;
	background-image: url(images/arrow12cb.gif);
	background-repeat: no-repeat;
	background-position: 2px 8px;
}
/* 会社概要レイアウト */
#profile {
	width: 410px;
	margin-top: 5px;
	border-top: 1px solid #999999;
	background-color: #FFFFFF;
}
#profile th {
	width: 100px;
	text-align: left;
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #999999;
	padding: 5px;
	vertical-align: top;
}
#profile td {
	padding: 5px;
	font-size: 12px;
	line-height: 140%;
	width: 290px;
	border-bottom: 1px solid #999999;
}
#profile ul {
	margin: 0px;
}

/* 会社概要カテゴリ-アクセスマップ用 */
#adress {
	border: 2px solid #999999;
	width: 360px;
	padding: 5px;
	margin: 10px 25px;
}
#map {
	margin: 10px 45px;
}
/* 会社概要カテゴリ-求人情報用 */
#recruit {
	width: 410px;
	margin-top: 5px;
	border-top: 1px solid #999999;
	background-color: #FFFFFF;
}
#recruit th {
	width: 80px;
	text-align: left;
	background-color: #E4F5D3;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #999999;
	padding: 5px;
	vertical-align: top;
}
#recruit td {
	padding: 5px;
	font-size: 12px;
	line-height: 140%;
	width: 310px;
	border-bottom: 1px solid #999999;
}

/* サービスカテゴリ 事業紹介 */
#detail-toner {
	margin: 0px 6px 10px 0px;
	width: 220px;
	float: left;
}
#detail-printer {
	margin: 0px 6px 10px 0px;
	width: 220px;
	float: left;
}
#detail-net {
	margin: 0px 6px 10px 0px;
	width: 220px;
	float: left;
}
#recycle-header {
	width: 395px;
	padding: 2px 5px 2px 10px;
	margin: 15px 10px 10px 5px;
	border: 1px solid #639C23;
	background-color: #93D145;
}
#recycle-detail {
	width: 390px;
	margin: 15px 10px 30px 10px;
}
#nb-header {
	width: 395px;
	padding: 2px 5px 2px 10px;
	margin: 15px 10px 10px 5px;
	border: 1px solid #639C23;
	background-color: #93D145;
}
#nb-detail {
	width: 390px;
	margin: 15px 10px 30px 10px;
}
#toner-img {
	margin: 0px auto;
}

/* サービスカテゴリ　ご注文方法 */
.howto-item {
	width: 60px;
	padding: 1px 3px 1px 3px;
	margin: 3px;
	background-color: #8BCE39;
	color: #FFFFFF;
	text-align: center;
}
.howto-detail {
	width: 380px;
	margin: 3px 3px 3px 10px;
}
#howto-header1,#howto-header2 {
	width: 395px;
	padding: 2px 5px 2px 10px;
	margin: 15px 10px 10px 5px;
	border: 1px solid #639C23;
	background-color: #93D145;
}
#howto-detail1,#howto-detail2 {
	width: 390px;
	margin: 15px 10px 30px 10px;
}
#howto-detail1 img {
	margin: 0px 20px;
}
/* サービスカテゴリ 価格表 */
#price-list {
	width: 420px;
	border: 1px solid #72A336;
	margin: 15px 0px 0px 5px;
}
#price-list th {
	width: 103px;
	padding: 0px 2px 0px 2px;
	text-align: left;
	border: 1px solid #99CA5E;
	background-color: #ADD57D;
	font-weight: normal;
	text-align: center;
}
#price-list td {
	width: 103px;
	padding: 2px;
	border: 1px solid #99CA5E;
}
.price-list-pr {
	width: 103px;
	padding: 2px;
	border: 1px solid #99CA5E;
	text-align: right;
}
/* サービスカテゴリ FAQ */
.faq-q {
	width: 385px;
	padding: 2px 5px 2px 7px;
	margin: 10px;
	background-color: #DFF1C9;
	border-top: 1px solid #93D145;
	border-right: 1px solid #93D145;
	border-bottom: 1px solid #93D145;
	border-left: 4px solid #93D145;
	font-size: 12px;
	line-height: 150%;
}
.faq-a {
	width: 370px;
	margin: 10px 20px 30px 20px;
	font-size: 12px;
	line-height: 150%;
}

/* 社会貢献カテゴリ　環境 */
#envi-header1,#envi-header2,#envi-header3 {
	width: 395px;
	padding: 2px 5px 2px 10px;
	margin: 15px 10px 10px 5px;
	border-bottom: 1px solid #639C23;
	border-left: 3px solid #639C23;
}
#envi-detail1,#envi-detail2,#envi-detail3 {
	width: 390px;
	margin: 15px 10px 30px 10px;
}
#envi-detail1 img {
	margin: 10px;
}
#envi-detail3 img {
	margin: 0px 10px ;
	float: left;
}

/* 社会貢献カテゴリ　植林 */
#envi-header {
	width: 395px;
	padding: 2px 5px 2px 10px;
	margin: 15px 10px 10px 0px;
	border-left: 3px solid #639C23;
	border-bottom: 1px solid #639C23;
}
#enviimg {
	float: right;
	margin: 10px;
}
#project-img {
	margin: 10px;
}
/* 新着情報カテゴリ 一覧用 */
.news-text {
	padding: 5px 0px 0px 10px;
}
.border-newstop {
	margin: 5px 5px 0px 5px;
}
.border-newshead {
	margin: 5px ;
}
.border-news {
	margin: 3px 0px;
}
#news-contents{
	margin: 10px;
}

/* オーダーフォーム　設定*/
#orderform {
	border: 1px solid #666666;
	width: 420px;
}
#orderform th {
	padding: 4px;
	border: 1px solid #666666;
	font-size: 12px;
}
#orderform td {
	padding: 4px;
	border: 1px solid #666666;
	font-size: 12px;
}
#orderform th.header {
	padding: 4px;
	border: 1px solid #666666;
	font-size: 12px;
}
#orderform td .freetext {
	margin: 0px;
	font-size: 12px;
	width: 320px;
}
#orderform td .freetexta {
	margin: 0px;
	font-size: 12px;
	width: 320px;
}
#orderform td .t-name {
	margin: 0px;
	font-size: 12px;
	width: 120px;
}
/* お見積フォーム　設定*/
#estform {
	border: 1px solid #666666;
	width: 420px;
}
#estform th {
	padding: 4px;
	border: 1px solid #666666;
	font-size: 12px;
}
#estform td {
	padding: 4px;
	border: 1px solid #666666;
	font-size: 12px;
	text-align: center;
}
#estform th.header {
	padding: 4px;
	border: 1px solid #666666;
	font-size: 12px;
}
#estform td .freetext {
	margin: 0px;
	font-size: 12px;
	width: 320px;
}
#estform td .freetexta {
	margin: 0px;
	font-size: 12px;
	width: 320px;
}
#estform td .t-name {
	margin: 0px;
	font-size: 12px;
	width: 180px;
}