@charset "shift_jis";

/* 全ページ基本設定CSS */

* {
	margin:0;
	padding:0;
	line-height: 1.5em;
}

a {
	font-style:normal;
	text-decoration: none;
	color: #CC3300;
}

a:hover {
	font-style:normal;
	text-decoration: underline;
	color: #FF0033;
}

h1 {
	font-size:medium;
}

.smallFont {
	font-size: 0.8em;
	line-height: 1.7em;
}

.colorFF0000 {
	font-size: 24px;
	color: #990000;
}

body  {
	margin: 0;
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
	background-image: url(images/all_back_image.gif);
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: top left;
	height: 30px;
}

#container {
	width: 768px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/container_back_side.jpg);
	background-repeat: repeat-y;
	background-position: top left;
} 



#mainContent {
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
} 

.clearfloat { 
	clear:left;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* 全ページ　ヘッダ部CSS */

#header {
	padding: 0;
	margin: 0 15px;
	height: 60px;
}

.headerZone {
	margin-left: 20px;
} 

#headerTextMenu {
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 210px;
	padding: 0;
}


#topMainComment {
	font-size: 1.5em;
	font-weight: bold;
	color: #333333;
	margin-bottom: 10px;
	margin-left: 40px;
	margin-right: 30px;
	clear: right;
	margin-top: 10px;
	padding-top: 10px;
}

#topSubComment {
	margin-left: 80px;
	margin-right: 30px;
	color: #333333;
}

#headerTextMenu  {
	margin: 5px 20px 15px 20px;
}

#headerTextMenuArea {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 20px;
	padding-bottom: 5px;
}

#headerTextMenu  li {
	padding-right: 7px;
	padding-left: 7px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #330000;
	list-style-type: none;
	font-size: 0.8em;
	float: right;
}

/* 全ページ　フッタ部CSS */

#footer {
	background-image: url(images/container_back_under.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
} 

#footer p {
	margin: 0;
	padding: 10px 0 20px 0;
	color: #333333;
}

#footerText {
	text-align: center;
	margin: 8px 14px;
}


/* 全ページ　２段組みレイアウトCSS（ただし、テーブルレイアウト） */

#layoutTable {
	margin-top: 10px;
}

#layoutTableTdLeft {
	background-image: url(images/left_menu_back.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}

#layoutTableTdRight {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/* 全ページ　メインコンテンツ部　中項目＆タイトルバーCSS */

.childContent {
	margin-bottom: 15px;
}

.contentTitleTop {
	background-image: url(images/content_title_top.jpg);
	background-repeat: no-repeat;
	width: 500px;
	height: 5px;
	margin-bottom: 0px;
	background-position: center bottom;
	margin-top: 0px;
}

.contentTitleMain {
	font-size: 1.1em;
	font-weight: bold;
	background-image: url(images/content_title_base.jpg);
	background-repeat: repeat-y;
	width: 500px;
	padding-left: 0px;
}

.contentTitleBottom {
	background-image: url(images/content_title_bottom.jpg);
	background-repeat: no-repeat;
	height: 6px;
	width: 500px;
}

.contentTitleTextBox {
	padding-left: 0.5em;
	border-left-width: 0.8em;
	border-left-style: double;
	border-left-color: #990000;
	font-weight: bold;
	font-size: 1.1em;
	color: #000000;
	margin: 0 0 0 15px;
}

/* トップページ用CSS */

/* トップページ　ヘッダ部画像CSS */

#topPageImage {
	margin: 0;
	text-align: center;
}

#topPageImage img {
	margin-top: 10px;
}

/* トップページ　注目の商品部分CSS */

.goodsDiv {
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	border-top: 1px dotted #CCCCCC;
	padding-top: 5px;
}

.goodsDiv:first-child {
	border-top: 0px dotted #CCCCCC;
}

.goodsImage {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	overflow: visible;
}

.goodsName {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 115px;
}

.goodsDesc {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #333333;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 125px;
	overflow: visible;
}

.pickupGoodsName {
	color: #990000;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC0000;
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 20px;
	padding-bottom: 2px;
	margin-right: 20px;
	margin-left: 0px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #CC0000;
	margin-bottom: 1px;
	margin-top: 5px;
}

/* トップページ　キャンペーン＆更新履歴部分CSS */

.listDate {
	margin-right: 10px;
	border-top: 1px dotted #CCCCCC;
	padding-top: 5px;
	margin-bottom: 3px;
	font-weight: bold;
	text-decoration: underline;
}

.listDate:first-child {
	border-top: 0px dotted #CCCCCC;
}

.listDesc {
	margin-left: 30px;
	font-size: 0.9em;
	margin-right: 5px;
	margin-bottom: 10px;
	line-height: 1.5em;
	color: #000000;
	display: inherit;
	margin-top: 5px;
}

.contentDesc {
	margin-left: 20px;
	margin-top: 5px;
	color: #000066;
	margin-right: 20px;
	margin-bottom: 15px;
	line-height: 1.1em;
}

.contentDescText {
	font-size: 0.95em;
	padding-left: 15px;
	line-height: 1.5em;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
}

.contentDescTextBox {
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #333333;
	background-color: #FFFFCC;
	margin-right: 40px;
	margin-left: 40px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 30px;
	list-style-type: none;
	border: thin dotted #FF9933;
	margin-top: 10px;
	margin-bottom: 15px;
}

.contentDescTextBox ul {
	list-style-type: none;
	padding-left: 25px;
	font-size: 0.9em;
	text-decoration: none;
}

/* トップページ　左側メニュー部分CSS */

#sidebar1 {
	width: 210px;
	margin-left: 15px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

#sidebar1 h3, #sidebar1 p {
	margin-left: 10px;
	margin-right: 10px;
}

.leftMenuBackTop {
	background-image: url(images/left_menu_back_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 8px;
}

.leftMenuSeparateLine {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	height: 1px;
	width: 190px;
}

.leftMenuMainIcon {
	height: 120px;
	text-align: center;
	margin: 5px;
}

.leftMenuSubIcon {
	margin: 5px 5px 5px 5px;
}

.leftMenuInquiry {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 5px;
	font-size: 0.9em;
	color: #222222;
}

.leftMenuInquiry ul {
	font-size: 0.8em;
	padding-left: 20px;
	list-style-type: none;
}

/* 会社概要ページ用CSS */


#ceoComent p {
	font-size: 0.9em;
	line-height: 1.7em;
	color: #333333;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-right: 15px;
}

#ceoPhoto {
	margin-bottom: 10px;
	margin-left: 20px;
	text-align: right;
	color: #000033;
	font-size: 1.0em;
	line-height: 1.2em;
/*	float: right; */
}


.profileTC {
	color:#111111;
	width: 120px;
	background-image: url(images/aboutTableBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.profileTD {
	background-color: #FFFFFF;
	color:#333333;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

#companyProfileTable tr td{
	text-align:left;
	font-size:0.85em;
	padding-left: 10px;
}


#companyProfileTable {
	background-color: #FEFEFE;
}

.historyYear {
	font-weight: bold;
	color: #990000;
	margin-left: 8px;
	padding-top: 5px;
	font-size: 1em;
	padding-bottom: 1px;
	margin-right: 10px;
	border-bottom: 1px dotted #990000;
}

.historyDesc {
	font-size: 0.9em;
	line-height: 1.3em;
	color: #333333;
	margin-bottom: 10px;
	margin-left: 60px;
	background-color: #FFFFFF;
	margin-right: 10px;
	margin-top: 3px;
}

#historyBg {
	background-image: url(images/historyBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 25px;
}


#customerComp {
	list-style-position: inside;
	list-style-type: disc;
	margin-left: 30px;
	color: #333333;
	font-size: 0.9em;
	line-height: 1.5em;
}



/* サービスステーションページ用CSS */
.ssDiv {
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	border-top: 1px dotted #999999;
	padding-top: 5px;
}

.ssDiv:first-child {
	border-top: 0px dotted #999999;
}

.ssImage {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	overflow: visible;
	margin-top: 10px;
}

.ssName {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 165px;
}

.ssDesc {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #333333;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 175px;
	overflow: visible;
}


.mapOnOff {
	font-weight: bold;
	color: #CC3300;
	border: 1px solid #CC3300;
	padding: 2px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 15px;
	background-color: #FFFFCC;
	text-align: center;
	margin-right: 15px;
	font-size: 0.8em;
}

/* 製品・サービスページ用CSS */

.goodsForCompCategory {
	font-weight: bold;
	font-size: 1.2em;
	color: #000066;
	padding-top: 5px;
	padding-left: 3px;
	padding-bottom: 2px;
	margin-left: 8px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #CC0000;
}

.goodsNameForComp {
	color: #990000;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC0000;
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 20px;
	padding-bottom: 2px;
	margin-right: 20px;
	margin-left: 25px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #CC0000;
	margin-bottom: 1px;
	margin-top: 5px;
}

.goodsUse {
	border: 1px solid #666666;
	color: #FFFFFF;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 60px;
	font-size: 0.85em;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #666666;
	font-weight: bold;
}

.goodsDescForComp {
	margin-top: 3px;
	margin-right: 20px;
	margin-bottom: 3px;
	margin-left: 100px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #111111;
	clear: right;
}

.makerLink {
	font-size: 0.85em;
	float: right;
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.goodsDescTitle {
	color: #990000;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CC0000;
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 20px;
	padding-bottom: 2px;
	margin-right: 20px;
	margin-left: 25px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #CC0000;
	margin-bottom: 1px;
	margin-top: 5px;
	clear: left;
}

.goodsDescCategory {
	border: 1px solid #666666;
	color: #FFFFFF;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 60px;
	font-size: 0.85em;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 5px;
	background-color: #666666;
	font-weight: bold;
}


.goodsDescDeep {
	margin-top: 3px;
	margin-right: 20px;
	margin-bottom: 3px;
	margin-left: 95px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #111111;
	clear: right;
}
.goodsDescDeep ol,ul {
	list-style-position: outside;
	margin-left: 10px;
}
.goodsDescDeep table tr td {
	font-size: 0.8em;
	color: #111111;
	padding: 2px;
}

.goodsDescDeep dl dt {
	font-size: 0.9em;
	background-color: #6699FF;
}

.goodsDescDeep dl dd {
	margin-left: 20px;
	font-size: 0.85em;
	line-height: 1.2em;
	color: #333333;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 10px;
}
#makerNameDesc {
	margin-left: 80px;
}
#makerNameTitle {
	margin-left: 20px;
}
.descButton {
	float: right;
	margin-right: 15px;
	margin-left: 20px;
	margin-top: 2px;
	margin-bottom: 2px;
}
#goodsCategoryText {
	font-size: 0.9em;
	color: #222222;
}
#goodsCategoryImage {
	margin-top: 10px;
	margin-bottom: 10px;
}
.goodsDescForSS {
	margin-left: 40px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 0.9em;
	color: #111111;
}
.goodsDescForSSTable {
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	border: 1px solid #333333;
}
.goodsDescForSSTableTitle {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.goodsDescForSSTableGoodsName {
	padding-top:2px;
	padding-left: 5px;
}

.goodsDescForSSTableDesc {
	font-size: 0.85em;
	color: #0000CC;
	padding: 2px 2px 2px 4px;
}

.tableRightDotLine {
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999999;
}

.tableUnderDotLine {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
.goodsDescForSSTitle {
	color: #FFFFFF;
	background-color: #000066;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	font-size: 1.1em;
}

.goodsForSSMailto {
	padding: 2px;
	background-image: url(images/left_menu_back.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
}

.goodsForSSMailto a{
	font-weight:	bold;
}

/* フォームメール用CSS */
#fmail {
	margin: 10px 0px;
	padding: 0;
	text-align: left;
	color: #222222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	background-image: none;
	
}

#fmailHead {
	margin: 10px 5px;
	font-size: 0.9em;
	color:#333333;
	line-height:1.2em;
	width: 460px;
}

#fmailHeadCaution {
	margin:10px 15px;
	padding:5px 15px;
	width: 400px;
	font-size: 0.9em;
	background-color:#FFFFCC;
}

.mustObject {
	color: #CC0000;
}

.attentionString {
	color:#000066;
	font-size: 0.8em;
	margin: 5px 0px;
}

.fmailBold {
	font-weight: bold;
}

.fmailBoxLine {
	color: #000000;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

#sendButton {
	margin:5px;
	padding: 5px;
	text-align:center;
	font-size: 10px;
	width: 490px;
}

#fmailFooter {
	margin:20px 5px 5px 5px;
	padding: 10px;
	text-align:center;
	font-size: 10px;
	width: 490px;
	border-top-width: thin;
	border-top-style: dashed;
	border-top-color: #999999;
}

.nonActiveForm {
	background-color:#EEEEEE;
}

.activeForm {
	background-color:#FFFFFF;
}

#policyHead {
	margin: 10px;
	line-height: 1.5em;
	color: #111111;
	padding: 5px;
}

#policyList {
	margin: 10px;
	line-height: 1.5em;
	color: #000033;
	padding: 5px;
	background-color:#FFFFCC;
}

.plicyListDesc {
	margin: 5px 10px 5px 25px;
	line-height: 1.5em;
	color: #000033;
	padding: 5px;
}

#policyRight {
	margin: 10px;
	text-align: right;
	color: #333333;
	font-size: 1.0em;
	line-height: 1.5em;
/*	float: right; */
}

#compName {
	ime-mode: active;
}

#stationName {
	ime-mode: active;
}

#yourName {
	ime-mode: active;
}

#postNum {
	ime-mode: disabled;
}

#cityName {
	ime-mode: active;
}

#telNum {
	ime-mode: disabled;
}

#faxNum {
	ime-mode: disabled; 
}

#emailAdr {
	ime-mode: disabled;
}

#itemName {
	ime-mode: active;
}

#inquiryText {
	ime-mode: active;
}