/*

メイン枠	800px ⇒ 960pxに変更

左ナビ		170px⇒200px

右枠		+90px

*/


*{
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-size: 14px;*/
	line-height: 152%;
	padding: 0px;
	margin: 0px;
}

body {
	font-size:small;
}

img {
	border	: 0;
}

#wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	width: 960px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
}
@media screen and (max-width: 960px) {
#wrapper {
	width: 768px;
}
}
@media screen and (max-width: 768px) {
body {
	font-size: 14px/1.3;
}
#wrapper {
	width: 100%;
}
}

/*
	ヘッダー
==================================================== */
#header {
	width		: 960px;
	/*height		: 184px;*/
/*	height		: 145px;*/
	height		: 110px;
	margin		: 0px;
	padding		: 0px;
	background: url(../images/img_bktitle.gif) repeat-x;
}
#header h1 a{
	font-size		: 10px;
	font-weight		: normal;
	height			: 12px;
	margin			: 0;
	padding			: 0 0 0 10px;
	text-decoration	: none;
	color			: #FFFFFF;
}
#header strong {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background-color: #FFFFFF;
}
@media screen and (max-width: 960px) {
#header {
	width: 768px;
}
}
@media screen and (max-width: 768px) {
#header {
	width: 100%;
	height: 45px;		/*電話番号枠がなくなるための調整*/
	background: none;
}
#header h1 a{
	color: #AAA;
}
}

/*
	ヘッダー　グローバルナビ左 (
==================================================== */
#header_globalnavileft{
	width: 600px;
	height: 15px;
	float: left;
}
@media screen and (max-width: 960px) {
#header_globalnavileft{
	width: 600px;
}
}
@media screen and (max-width: 768px) {
#header_globalnavileft {
	width: 100%;
}
}

/*
	ヘッダー　グローバルナビ右 (サイトマップ・リンク)
==================================================== */
#header_globalnaviright{
	height			: 15px;
	float			: right;
}
#header_globalnaviright ul{
	list-style		: none;
	display			: inline;
	height			: 14px;
	padding			: 0px;
	margin			: 0px;
}
#header_globalnaviright li{
	list-style		: none;
	float			: left;
	display			: inline;
	width			: 75px;
	padding			: 0 0 0 15px;
	margin			: 0px;
	font-size		: 10px;
	background		: transparent no-repeat;
	/*border: 1px solid #FF0000;*/
	background-position: left center;
}
#header_globalnaviright li a{
	color			: #FFFFFF;
	font-size		: 10px;
	padding			: 0 15px 1px 0;
	background-position: right;
	text-decoration	: none;
}
#header_globalnaviright li a:hover{
	color			: #FF0000;
	text-decoration	: underline;
}
#header_globalnaviright li#globalnavi_link			{ background-image: url(../images/bg_link.gif); }
#header_globalnaviright li#globalnavi_link		a	{ background-image: url(../images/bg_link_on.gif) top left; }
#header_globalnaviright li#globalnavi_sitemap		{ background-image: url(../images/bg_sitemap.gif); }
#header_globalnaviright li#globalnavi_sitemap	a	{ background-image: url(../images/bg_sitemap_on.gif) top left ; }
@media screen and (max-width: 960px) {
#header_globalnaviright{
	height: 0;
	display: none;
}
}
@media screen and (max-width: 768px) {
#header_globalnaviright{
}
}
/*
	ヘッダーにあるロゴ
==================================================== */
#headerlogo {
	float: left;
}
#headerlogo a {
	width: 480px;
	height: 80px;
	padding: 0 0 0 5px;
	margin: 0px;
	text-indent: -9999px;
	display: block;
	background: url(../images/kcmlogo960.png) no-repeat;
}
@media screen and (max-width: 768px) {
#headerlogo a{
	width: 260px;
	height: 40px;
	background: url(../images/kcmlogo768.png) no-repeat;
}
}

/*
	ヘッダーにある電話番号
==================================================== */
#headerright,
#headerphone {
	width			: 210px;
	/*height			: 94px;*/
	margin			: 0px;
	float			: right;
	padding			: 0 10px 0 0;
}
#headerright .contactus,
#headerphone .contactus {
	width: 208px;
	height: 64px;
	margin: 15px 0 15px 0;
	padding: 0px;
	display: block;
	background: url(../images/contactlogo920.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
@media screen and (max-width: 768px) {
#headerright,
#headerphone {
	width: 180px;
	height: 40px;
	margin: 0;
	padding: 0;
}
#headerright .contactus,
#headerphone .contactus {
	width: 180px;
	margin: 0;
	background: url(../images/contactlogo768.png) no-repeat;
}
}
@media screen and (max-width: 480px) {
#headerright,
#headerphone {
	width: 40px;
}
#headerright .contactus,
#headerphone .contactus {
	margin:0 10px 0 0;
	width: 30px;
	background: url(../images/contactlogo480.png) no-repeat;
}
}

/*
	navi
==================================================== */
#gnavitop {
/*	height: 35px;*/
	width: 100%;
	padding: 0px;
	margin: 0px;
	clear: both;
}
#gnavitop ul{
	list-style: none;
}
#gnavitop li.mainmenu{
	width: 20%;
	height: 35px;
	float: left;
	display: block;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	text-align: center;
	background-color: #FFF;
	background: #FFF url(../images/rmenubar.png) scroll no-repeat 100% 0;
}
#gnavitop a{
	width: 100%;
	height: 100%;
	text-decoration: none;
	display: block;
}
#gnavitop a .gmenu1{
	display: block;
	height: 20px;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.3em;        /* 文字間隔0.3文字分 */
	padding-top: 11px;
	color: #000;

}
#gnavitop a .gmenu1 mailicon{
	display: block;
	height: 20px;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.3em;        /* 文字間隔0.3文字分 */
	padding-top: 11px;
	color: #000;
	background: #FFF url(../images/menumail_icon.png) scroll no-repeat 10% 60%;
}
#gnavitop a .gmenu2{
	height: 4px;
}
#gnavitop a:hover .gmenu1,
#gnavitop a:hover .gmenu1 mailicon{
	background-color: #FFC;
}
#gnavitop li.select .gmenu2,
#gnavitop a:hover .gmenu2{
	background-color: #F00;
}

#gnavitop p#menuToggle {
	display: none;
}

@media screen and (max-width: 960px) {
#gnavitop a .gmenu1 mailicon{
	letter-spacing: 0em;        /* 文字間隔0文字分 */
	background: #FFF url(../images/menumail_icon.png) scroll no-repeat 8% 50%;
}
}
@media screen and (max-width: 768px) {
#gnavitop {
	border-top: 3px solid #00F;
}
#gnavitop a .gmenu1{
	letter-spacing: 0em;        /* 文字間隔0文字分 */
}
#gnavitop a .gmenu1 mailicon{
	background-image: none;
}
}
@media screen and (max-width: 480px) {
#gnavitop {
	border-top: 2px solid #00F;
}
/*
#gnavitop{
	float: left;
}
#gnavitop ul{
	display: none;
}
*/
#gnavitop li.mainmenu{
	width: 100%;
	height: auto;
	float: none;
	clear: both;
}
#gnavitop a .gmenu2{
	display: none;
}

#gnavitop div.menu-button {
  background: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, from(#eeedf2), color-stop(0.04, #717171), color-stop(0.84, #2b2b2b), to(#2b2b2b));
  background: -webkit-linear-gradient(top, #eeedf2 1%, #717171 4%, #2b2b2b 84%);
  background: linear-gradient(to bottom, #eeedf2 1%, #717171 4%, #2b2b2b 84%);
  border: 1px solid #444;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  color: #fff;
  font-weight: bold;
  padding: 7px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 1), 1px 1px 1px rgba(0, 0, 0, 1);
  display: block;
  
}

#gnavitop {
  padding-bottom: 10px;
}
#gnavitop p {
  display: block;
}
#gnavitop p#menuToggle {
  line-height: 23px;
  padding: 5px 10px;
  width: 80px;
}

#gnavitop p#menuToggle span {
  background-image: url(../images/icon_arrow_down_white.png), url(../images/bg_line.png);
  background-position: 100% 50%, 65px 100%;
  background-repeat: no-repeat, repeat-y;
  background-size: auto auto, 2px auto;
  display: block;
  padding-left: 4px;
}
}

/*
	navi
==================================================== */
#mainNav {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}

#mainNav li {
	float: left;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#mainNav li a {
	margin: 0px;
	background-attachment: scroll;
	background-image: url(../images/tabs_2.png);
	background-repeat: no-repeat;
	background-position: right 0;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	height: auto;
	width: auto;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#mainNav li a:hover {
	text-decoration: none;
	color: #CCCCCC;
}

#mainNav li a span {
	background-attachment: scroll;
	background-image: url(../images/tabs_2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 20px;
	height: 19px;
	width: auto;
	float: left;
	cursor: pointer;
	margin: 0px;
}

#mainNav li a.active {
	background-attachment: scroll;
	background-image: url(../images/tabs_2.png);
	background-repeat: no-repeat;
	background-position: right -47px;
}

#mainNav li a.active span {
	background-attachment: scroll;
	background-image: url(../images/tabs_2.png);
	background-repeat: no-repeat;
	background-position: 0 -47px;
}
#mainNav li a.active:hover {
	color			: #FFFFFF;
	text-decoration	: none;
	cursor			: pointer;
}

/*
	トップページにある画像
==================================================== */
div.topContents{
	clear: both;
	padding: 6px 0 0 0;
	background: #FFF url(../images/header_underbar.gif) scroll repeat-x;
}
/*
	パンくずリスト
==================================================== */
div.topContents #linkcontents {
	width				: auto;
	height				: 35px;
	margin				: 0px;
	font-size			: 11px;
	font-weight			: bold;
	color				: #666666;
	background-color	: #FFFFFF;
	border-bottom-width	: 1px;
	border-bottom-style	: solid;
	border-bottom-color	: #999999;
	padding				:	3px 0 3px 10px;
}
div.topContents #linkcontents a {
	font-size		: 11px;
	font-weight		: bold;
	color			: #333333;
}

div.topContents img {
	height: auto;
	vertical-align: top;
	width: 100%;
}
div.topContents h2 {
	width				: 900px;
	height				: 35px;
	margin				: 0px;
	font-size			: 11px;
	font-weight			: bold;
	color				: #666666;
	background-color	: #FFFFFF;
	border-bottom-width	: 1px;
	border-bottom-style	: solid;
	border-bottom-color	: #999999;
	padding				: 3px 10px;
}
@media screen and (max-width: 960px) {
div.topContents img {
	height: auto;
	vertical-align: top;
	width: 768px;
}
div.topContents h2 {
	width: 748px;
}
}
@media screen and (max-width: 768px) {
div.topContents img {
	height: auto;
	vertical-align: top;
	width: 100%;
}
div.topContents h2 {
	display: none;
}
}
@media screen and (max-width: 480px) {
div.topContents {
	display: none;
}
}

/*
	コンテンツ
==================================================== */
#contents {
	width: 960px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/base_wall.png);
}
#contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
@media screen and (max-width: 960px) {
#contents {
	width: 768px;
	background-image: none;
}
}
@media screen and (max-width: 768px) {
#contents {
	width: 100%;
}
}

/*
	メインコンテンツ
==================================================== */

#maincontents {
	float : right;
	width : 690px;
	padding-right: 5px;
/*	border: 1px solid #F00;*/
}
#maincontents ul{
	list-style: none;
}
#maincontents li{
	list-style		: none;
	margin			: 0 0 3px 5px;
	padding-left	: 15px;
	line-height		: 1.5em;
}
#maincontents dt{
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

#maincontents dd {
	margin				:	5px 0 10px 5px;
}
#maincontents li.arrow{
	background: url(../images/li_arrow.gif) no-repeat center left;
}

#maincontents img.title {
	width				: 680px;
	text-decoration		: none;
	font-style			: normal;
	border-bottom-width	: 1px;
	border-bottom-style	: solid;
	border-bottom-color	: #CCCCCC;
	margin-bottom		: 25px;
}
@media screen and (max-width: 960px) {
#maincontents {
	width: 100%;
	padding-right: 0;
}
}
@media screen and (max-width: 768px) {
#maincontents {
	float: none;
	width: 100%;
	padding-right : 5px;
}
}

/*
	各ページのサブタイトル
==================================================== */
#maincontents div.subtitle {
	width: 100%;
	height: auto;
	margin: 5px 0 25px 0px;
	padding: 0;
	font-style: normal;
	border-bottom: 1px solid #666666;
	display: block;
}
#maincontents div.subtitle h2 {
	font-size: 24px;
	text-decoration: none;
	font-weight: 100;
	margin: 0;
	padding: 0;
	color: #000;
	line-height: 1.2em;
	display: inline;
}
#maincontents div.subtitle .subexplain {
	margin: 0 0 0 5px;
	font-size: 12px;
	line-height: 1em;
}

/*
	トップページにあるおしらせ
==================================================== */
#maincontents h3.info {
	font-size			: 12px;
	font-weight			: normal;
	border-bottom		: 1px solid #999999;
	margin-top			: 15px;
	margin-bottom		: 5px;
	background-color	: #FFFFCC;
	background-image	: url(../images/info.gif);
	background-repeat	: no-repeat;
	padding-left		: 25px;
}
#maincontents div.info {
	height				: 250px;
	overflow			: auto;
}
#maincontents div.info dl {
	height				: 250px;
	overflow			: auto;
}
#maincontents div.info a {
	text-decoration		: underline;
	color: #00C;
}
#maincontents dt.info {
	margin				: 3px 0 0 9px;
	padding				: 3px 0 0 0;
	font-size			: 12px;
	text-decoration		: none;
	font-style			: normal;
	font-weight			: bold;
}
#maincontents dd.info {
	margin				: 0 0 3px 9px;
	padding				: 0 0 6px 10px;
	font-size			: 12px;
	text-decoration		: none;
	font-style			: normal;
	font-weight			: normal;
	border-bottom-width	: 1px;
	border-bottom-style	: dotted;
}
#maincontents dt.info,
#maincontents dd.info {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;/**/
}
@media screen and (max-width: 768px) {
#maincontents div.info {
	width: 98%;
	margin: 0 auto;
}
}

/*
	トップページにある告知
==================================================== */
#maincontents div.pboxeq {
	width				: 580px;
	height				: 20px;
	margin				: 20px 5px 10px 5px;
	padding				: 4px;
	border				: 1px solid #333;
	font-size			: 12px;
	text-align: center;
}
#maincontents div.pboxeq em {
	font-style			: normal;
	text-decoration		: none;
	font-size			: 12px;
	font-weight			: bold;
	color				: #F00;
}
#maincontents div.pboxeq a {
	background			: url(../images/li_arrow.gif) no-repeat center left;
	padding				: 0 0 0 12px;
	font-size			: 12px;
	color				: #03F;
	text-decoration		: underline;
}
#maincontents div.pboxeq2 {
	width				: 658px;
	height				: 72px;
	margin				: 5px 5px 10px 5px;
	padding				: 4px 10px 4px 10px;
	border				: 1px solid #333;
	font-size			: 12px;
	text-align: left;
}
#maincontents div.pboxeq3 {
	width: 97.101449%;
	margin: 5px 1.449275% 10px 0;
	padding				: 4px 0.724638% 4px 0.724638%;
	border				: 1px solid #333;
	font-size			: 12px;
	text-align: left;
}
#maincontents div.pboxeq2 em,
#maincontents div.pboxeq3 em {
	font-style			: normal;
	text-decoration		: none;
	font-size			: 12px;
	font-weight			: bold;
	color				: #F00;
}
#maincontents div.pboxeq4 {
	width: 97.101449%;
	margin: 5px 1.449275% 10px 0;
	padding				: 4px 0.724638% 4px 0.724638%;
	border				: 1px solid #333;
	text-align: left;
	font-size: 16px;
	line-height:30px
}
#maincontents div.pboxeq4 em {
	font-style			: normal;
	text-decoration		: none;
	font-size			: 16px;
	font-weight			: bold;
	color				: #F00;
	line-height:30px
}

/*
	トップページにある事業内容
==================================================== */
#maincontents div.pboxinfo {
	width				: 325px;
	height				: 220px;
	margin				: 0 5px 10px 5px;
	padding				: 4px;
	background-color	: #FFFFFF;
	border				: 1px solid #000000;
	float				: left;
	background:url(../images/wall_th.jpg) repeat-x;
}
#maincontents div.pboxinfo h4 {
	margin: 3px 0px 10px 5px;
	font-weight: bold;
	color: #FD4D79;
}
#maincontents div.pboxinfo em {
	font-style: normal;
	text-decoration: none;
}
#maincontents div.pboxinfo div.center {
	text-align			: center;
}
#maincontents div.pboxinfo img {
	text-align		: center;
	border-style	: none;
}
#maincontents div.pboxinfo a {
	font-weight			: bold;
	color				: #000000;
	text-decoration		: none;
}
#maincontents div.pboxinfo a:hover {
	text-decoration		: underline;
	color				: #FF0000;
}
#maincontents div.pboxinfo a.underline {
	font-weight			: bold;
	color				: #FD4D79;
	padding				: 3px 3px 3px 10px;
}
#maincontents div.pboxinfo a.etccard {
	width				: 315px;
	height				: 90px;
	margin				: 0;
	padding				: 0;
	text-indent			: -9999px;
	display				: block;
	background			: url(../images/etccard_top.png) 0 0;
}
#maincontents div.pboxinfo a:hover.etccard {
	background			: url(../images/etccard_top.png) 0 90px;
}
#maincontents div.pboxinfo a.ncucard {
	width				: 315px;
	height				: 90px;
	margin				: 0;
	padding				: 0;
	text-indent			: -9999px;
	display				: block;
	background			: url(../images/ncucard_top.png) 0 0;
}
#maincontents div.pboxinfo a:hover.ncucard {
	background			: url(../images/ncucard_top.png) 0 90px;
}
#maincontents div.pboxinfo a.fuelcard {
	width				: 315px;
	height				: 90px;
	margin				: 0;
	padding				: 0;
	text-indent			: -9999px;
	display				: block;
	background			: url(../images/fuelcard_top.gif) 0 0;
}
#maincontents div.pboxinfo a:hover.fuelcard {
	background			: url(../images/fuelcard_top.gif) 0 90px;
}
#maincontents div.pboxinfo a.etcsyasaiki {
	width				: 315px;
	height				: 90px;
	margin				: 0;
	padding				: 0;
	text-indent			: -9999px;
	display				: block;
	background			: url(../images/syasaiki_top.png) 0 0;
}
#maincontents div.pboxinfo a:hover.etcsyasaiki {
	background			: url(../images/syasaiki_top.png) 0 90px;
}
#maincontents div.pboxinfo ul{
	width: 280px;
	line-style			: none;
	margin				: 10px 0 0 0;
	padding				: 0;
}
#maincontents div.pboxinfo li{
	background			: url(../images/li_arrow.gif) no-repeat center left;
	line-style			: none;
	padding				: 0 0 0 12px;
	margin				: 0 0 0 10px;
	font-size: 12px;
	line-height: 1.4em;
	text-decoration: none;
	font-weight: normal;
}
#maincontents div.pboxinfo li a {
	font-size			: 12px;
	font-weight			: normal;
	text-decoration		: underline;
}
#maincontents div.pboxinfo li.underline{
	text-decoration	: underline;
}
@media screen and (max-width: 960px) {
#maincontents div.pboxinfo {
	width: 364px;
	height: 220px;
	margin: 0 5px 10px 5px;
	padding: 4px;
}
}
@media screen and (max-width: 768px) {
#maincontents div.pboxinfo {
	width: 96%;
	height: auto;
	float: none;
	margin: 5px auto;
	padding: 4px 0;
	background:url(../images/wall_th.jpg) repeat-x;
}
#maincontents div.pboxinfo .center{
	float: left;
}
#maincontents div.pboxinfo ul{
	float: left;
	margin: 0 0 5px 0;
}
}

/*
	各上部にある説明
==================================================== */
#maincontents div.pboxexplain {
	width				: 97.101449%;
	margin				: 0 1.449275% 5px 0;
	padding				: 8px 0.724638% 3px 0.724638%;
	background-color	: #FFFFFF;
	border				: 1px solid #000000;
	float				: left;
	/*overflow: hidden;*/
	background:url(../images/wall_th.jpg) repeat-x;
}
#maincontents div.pboxexplain h3 {
	margin				: 3px 0px 10px 5px;
	font-weight			: bold;
	color				: #FD4D79;
}

#maincontents div.pboxexplain p.gazou {
	width				: 140px;
	height				: 100px;
	float				: left;
}
#maincontents div.pboxexplain p.gazou2 {
	width: 92.537313%;		/* 620px/670px */
	height: 95px;
	height: auto;
	float: left;
	margin: 0 0 15px 1.492537%;	/* 10px/670px */
}
#maincontents div.pboxexplain p.gazou3 {
	width: 95.522388%;		/* 640px/670px */
	height: 60px;
	height: auto;
	float: left;
	margin: 0 0 15px 1.492537%;	/* 10px/670px */
}
#maincontents div.pboxexplain p.gazou2 img,
#maincontents div.pboxexplain p.gazou3 img {
	width: 100%;
}
#maincontents div.pboxexplain p.explain {
	width				: 500px;
	float				: right;
	margin: 0 10px 0 0;
}
#maincontents div.pboxexplain p.explain2 {
	width: 95.522388%;		/* 640px/670px */
	float: left;
	margin: 0 1.492537%;	/* 10px/670px */
}
#maincontents div.pboxexplain p.explaintextonly {
	width				: 630px;
	float				: left;
	margin: 0 0 15px 10px;
}
/*
	PDFダウンロード用のボックス
==================================================== */
#maincontents p.pboxpdf {
	width				: 92.753623%;
	color				: #333333;
	border				: 1px solid #333333;
	padding				: 15px 2.173913%;
	margin				: 10px auto;
	background			: url(../images/wall_pbox.gif) repeat-x;
}
/*
	PDFダウンロード用のボックス
==================================================== */
#maincontents p.explaincomment {
	width: 84.057971014492753623188405797101%; /* 580px/690px */
	margin				: 5px 0 0 10px;
	border				: none;
}
#maincontents p.explaincomment a {
	text-decoration: none;
}

#maincontents dt.jigyoinfo {
	margin				: 3px 0 0 0;
	padding				: 3px 0 0 10px;
	font-size			: 12px;
	text-decoration		: none;
	font-style			: normal;
	font-weight			: bold;
	clear				: both;
}
#maincontents dt a {
	font-size			: 12px;
	color				: #000000;
	text-decoration		: none;
}
#maincontents dt a:hover {
	color				: #0000FF;
	text-decoration		: underline;
}
#maincontents dd.jigyoinfo {
	width				: 150px;
	margin				: 0 0 2px 0;
	padding				: 0 0 2px 20px;
	font-size			: 12px;
	text-decoration		: none;
	font-style			: normal;
	font-weight			: normal;
	float				: left;
}
#maincontents dd a {
	font-size			: 12px;
	color				: #000000;
	text-decoration		: none;
}
#maincontents dd a:hover {
	color				: #0000FF;
	text-decoration		: underline;
}
#maincontents dd em {
	font-size			: 10px;
	color				: #FF0000;
	font-weight			: bolder;
	font-style			: normal;
	text-decoration		: none;
}

.pbox {
	width: 96%;
	font-size: 14px;
	color: #333333;
	border: 1px solid #333333;
	padding: 15px 1%;
	margin: 0 auto;
	margin-bottom: 10px;
	background: url(../images/wall_pbox.gif) no-repeat;
}
.ppagetop {
	padding-top			: 10px;
	padding-left		: 10px;
	text-align			: right;
}

/*
	組合事業
==================================================== */
#maincontents #ourservice {
}
#maincontents #ourservice a.ncucard {
	width			: 420px;
	height			: 85px;
	padding			: 0;
	display			: block;
	float			: left;
	background		: url(../images/topgoto_ncucard.gif) 0 1px;
	text-indent		: -5000px;
	margin-top		: 0;
	margin-right	: 0;
	margin-bottom	: 10px;
	margin-left		: 5px;
}
#maincontents #ourservice a.etccard {
	width			: 420px;
	height			: 85px;
	padding			: 0;
	display			: block;
	float			: left;
	background		: url(../images/topgoto_etccard.gif) 0 1px;
	text-indent		: -5000px;
	margin-top		: 0;
	margin-right	: 0;
	margin-bottom	: 10px;
	margin-left		: 5px;
}
#maincontents #ourservice a.fuelcard {
	width: 420px;
	height: 85px;
	padding:0;
	display:block;
	float:left;
	background: url(../images/topgoto_fuelcard.gif) 0 1px;
	text-indent:-5000px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 5px;
}
#maincontents #ourservice a.syasaiki {
	width: 420px;
	height: 85px;
	padding:0;
	display:block;
	float:left;
	background: url(../images/topgoto_syasaiki.gif) 0 1px;
	text-indent:-5000px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 5px;
}

/*
	ＥＴＣ法人カード
==================================================== */
#maincontents #ncucard {
}
#maincontents #ncucard h4 {
	margin: 10px auto 0 auto;
	border-style : none;
	font-weight: bold;
}
#maincontents #ncucard table {
	width				: 80%;
	margin				: 0 auto;
	border-style		: solid;
	border-width		:  0 1px 1px 0;
	border-color		: #000099;
}
#maincontents #ncucard th {
	height				: 20px;
	margin:				: 26px 0 0 0;
	font-size			: 14px;
	text-align			: center;
	border-style		: solid;
	border-width		: 1px 0 0 1px;
	border-color		: #000099;
}
#maincontents #ncucard th.taisyogaku {
	width: 50%;
}
#maincontents #ncucard th.waribikiritsu {
	width: 50%;
}

#maincontents #ncucard td {
	margin				: 0;
	padding				: 5px 5px 5px 15px;
	border-style		: solid;
	border-width		: 1px 0 0 1px;
	border-color		: #000099;
	font-size			: 14px;
}
#maincontents #ncucard td.taisyogaku {
	text-align: left;
}
#maincontents #ncucard td.waribikiritsu {
	text-align			: right;
}

/*
	ＥＴＣコーポレートカード
==================================================== */
#maincontents #etccard {
}
#maincontents #etccard strong {
	color		: #FF0000;
}
/*
#maincontents #etccard p.explain,
#maincontents #etccard dt,
#maincontents #etccard dd,
#maincontents #etccard li,
#maincontents #etccard p,
#maincontents #etccard h3,
#maincontents #etccard h4,
#maincontents #etccard strong,
#maincontents #etccard a {
	font-family			: "ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif";
}
*/
#maincontents #etccard table {
	width				: 400px;
	margin				: 0px 125px 0 125px;
	border-style		: solid;
	border-width		:  0 1px 1px 0;
	border-color		: #000099;
}
#maincontents #etccard th {
	height				: 20px;
	margin:				: 26px 0 0 0;
	font-size			: 14px;
	text-align			: center;
	border-style		: solid;
	border-width		: 1px 0 0 1px;
	border-color		: #000099;
}
#maincontents #etccard th.taisyogaku {
	width				: 300px;
}
#maincontents #etccard th.waribikiritsu,
#maincontents #etccard th.waribikigaku {
	width				: 100px;
}
#maincontents #etccard th.riyougaku {
	width				: 200px;
}
#maincontents #etccard td {
	margin				: 0;
	padding				: 5px 5px 5px 15px;
	border-style		: solid;
	border-width		: 1px 0 0 1px;
	border-color		: #000099;
	font-size			: 14px;
}
#maincontents #etccard td.taisyogaku {
	text-align			: left;
}
#maincontents #etccard td.waribikiritsu,
#maincontents #etccard td.waribikigaku {
	text-align			: right;
}

#maincontents #etccard div.cprt_wari {
	width: 66.956521739130434782608695652174%;		/* 462px/690px */
	margin:0 auto;
}
#maincontents #etccard div.cprt_wari h4 {
	text-align:left;
	border-style : none;
	font-weight: bold;
}
#maincontents #etccard div.cprt_wari img{
	width: 100%;
}

/*
	ＥＴＣコーポレートカード割引対象道路
==================================================== */
#maincontents #waritai h4 {
	margin: 5px 0 0 10px;
	border-style : none;
	font-weight: bold;
}
#maincontents #waritai table {
	width				: 570px;
	margin				: 0 0 20px 10px;
	border-style		: solid;
	border-width		: 0 1px 1px 0;
	border-color		: #000099;
}
#maincontents #waritai th.title {
	width				: 570px;
	height				: 40px;
	margin:				: 26px 0 0 0;
	font-size			: 14px;
	text-align			: left;
	border-style		: solid;
	border-width		: 1px 0 0 1px;
	border-color		: #000099;
}
#maincontents #waritai td {
	margin				: 0;
	padding				: 5px;
	border-style		: solid;
	border-width		: 1px 0 0 1px;
	border-color		: #000099;
	font-size			: 14px;
}
#maincontents #waritai td.kousya {
	width				: 20px;
}
#maincontents #waritai td.douromei {
	width				: 160px;
	height				: 30px;
	font-size			: 14px;
	text-align			: left;
	border-style		: solid;
	border-width		: 1px 0 0 1px;
	border-color		: #000099;
}

#maincontents #waritai td.taisyo-color {
	width				: 190px;
	background-color	: #FFFF99;
}
#maincontents #waritai td.warigai-color {
	width				: 190px;
}

/*
	ガソリンカード
==================================================== */
/*
#maincontents #fuelcard {
}
#maincontents #fuelcard p.explain,
#maincontents #fuelcard dt,
#maincontents #fuelcard dd,
#maincontents #fuelcard li,
#maincontents #fuelcard p,
#maincontents #fuelcard h3,
#maincontents #fuelcard h4,
#maincontents #fuelcard strong,
#maincontents #fuelcard a {
	font-family			: "ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif";
}
*/
/*
	各事業共通
==================================================== */

#maincontents #ncucard dt,
#maincontents #etccard dt,
#maincontents #fuelcard dt {
	margin				: 20px 0 3px 0;
	padding				: 8px 5px 3px 5px;
	background-color	: #FFFFFF;
	float				: left;
	background:url(../images/wall_th.jpg) repeat-x;
}
#maincontents #ncucard dd,
#maincontents #etccard dd,
#maincontents #fuelcard dd {
	clear				: both;
	margin				: 0;
	padding				: 0 2px 0 10px;
}
#maincontents #ncucard a,
#maincontents #etccard a,
#maincontents #fuelcard a {
	color: #0000CC;
	font-style: normal;
}

/*
	ＥＴＣコーポレートカード届出用紙
==================================================== */
#maincontents #etccardreport table {
	width				: 670px;
	border-width		: 1px 0 0 0;
	border-style		: dashed;
	border-color		: #000099;
}
#maincontents #etccardreport th {
	width				: 120px;
	height				: 60px;
	font-size			: 12px;
	border-width		: 0 0 1px 0;
	border-style		: dashed;
	border-color		: #000099;
}
#maincontents #etccardreport td {
	font-size			: 12px;
	margin				: 0;
	padding				: 5px;
	border-width		: 0 0 1px 0;
	border-style		: dashed;
	border-color		: #000099;
}
#maincontents #etccardreport a {
	font-size			: 12px;
	margin				: 0;
	padding				: 0;
}

/*
	ETC車載器
==================================================== */
#maincontents #etcsyasaiki{
	margin-left		: 5px;
}

/*
	ホームページ作成
==================================================== */
#maincontents #hpcreate {
	margin-left		: 5px;
}
#maincontents #hpcreate .hpcreate {
	width			: 450px;
	margin			: 10px auto 10px auto;
	padding			: 10px;
	border: 1px solid #333333;
}

/*
	組合概要
==================================================== */
#maincontents #about {
	margin-left		: 5px;
}
/*
#maincontents #about p.explain,
#maincontents #about dt,
#maincontents #about dd,
#maincontents #about listtable.dt,
#maincontents #about li,
#maincontents #about p,
#maincontents #about h3,
#maincontents #about h4,
#maincontents #about strong,
#maincontents #about a {
	font-family			: "ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif";
}
*/

#maincontents #about a.maillink {
	padding-left		: 15px;
	background			: url(../images/mail_small.gif) no-repeat;
	background-position	: 0 2px;
	text-decoration:none;
}
#maincontents #about table {
	border				: 1px solid #CCCCCC;
	margin-bottom		: 10px;
}
#maincontents #about td {
	padding				: 2px 5px;
	border				: 1px solid #CCCCCC;
}
#maincontents #about table.ninkatiku {
	border				: 0px;
}
#maincontents #about td.ninkachihou {
	padding				: 1px 2px;
	text-align			: left;
	font-weight			: bold;
	font-size			: 12px;
}
#maincontents #about td.ninkatiku {
	padding: 0;
	text-align: left;
	border: 0px;
	font-size: 12px;
}
#maincontents #about table.listtable{
	margin				: 0 0 15px 0;
	border				: 1px solid #999999;
	width				: 100%;
	background			: #FFFFFF;
}
#maincontents #about table.listtable th{
	text-align			: left;
	padding				: 3px 3px 3px 10px;
	border				: 0;
	color				: #FD4D79;
	background			: url(../images/wall_th.jpg) repeat-x;
}
#maincontents #about table.listtable td{
	text-align			: left;
	padding				: 5px 5px 5px 10px;
	vertical-align		: top;
	border				: 0;
}
/*
	組合加入方法
==================================================== */
#maincontents #join{
	margin-left		: 5px;
}
#maincontents table#join{
	padding			: 10px 0;
	margin-left		: 50px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
}
#maincontents td.join{
	width			: 100px;
	padding			: 2px 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}
/*
	お問い合わせ
==================================================== */
#maincontents #contact {
}
#maincontents #contact h3 {
	font-size			: 12pt;
	margin				: 0px;
	padding				: 3px;
	border-bottom-style	: solid;
	border-bottom-width	: 1px;
	border-bottom-color	: #999999;
	color: #FF6699;
}
#maincontents #contact p.readform {
	font-size: small;
	font-weight: bold;
	color: #333;
	line-height: 1.3em;
	margin: 0 0 10px 0;
	padding: 0 10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #333;
}
#maincontents #contact p.readform span {
	font-size: x-small;
	font-weight: normal;
	color: #333;
	line-height: 1.5em;
	margin: 0 0 7px 8px;
}

/*
	お問い合わせ(入力)
==================================================== */
#inquiryinput {
	width: 690px;
}
#inquiryinput table {
	width				: 100%;
	font-size			: 100%;
}
#inquiryinput th {
	width				: 220px;
	margin				: 0px;
	padding				: 5px;
	background-color	: #99CCFF;
	font-weight			: normal;
	text-align			: left;
	border-style		: solid;
	border-bottom-color	: #999999;
	border-left-color	: #CCCCCC;
	border-width		: 0 0 1px 6px;
	vertical-align: top;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
}
#inquiryinput th.must {
	border-left-color: #0066CC;
}
#inquiryinput div.must {
	width: 32px;
	height: 21px;
	margin: 0px;
	padding: 0 40px 0 0;
	background: #FFF url("../images/mustbtn.gif") no-repeat left center;
	float: right;
	clear: both;
}
#inquiryinput th.want {
	border-left-color: #FF99CC;
}
#inquiryinput div.optical{
	width: 32px;
	height: 21px;
	margin: 0px;
	padding: 0 40px 0 0;
	background: #FFF url("../images/opticalbtn.gif") no-repeat left center;
	float: right;
	clear: both;
}

#inquiryinput td {
	margin				: 0px;
	padding				: 5px;
	border-bottom-style	: solid;
	border-bottom-width	: 1px;
	border-bottom-color	: #999999;
}
#inquiryinput td em {
	font-style: normal;
	color: #FF0000;
	margin: 0px;
	padding-left: 5px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}
#inquiryinput .submit {
	text-align		: center;
	margin-top		: 10px;
	margin-bottom	: 21px;
}
#inquiryinput #submit_btn {
	font-size: 24px;
	width: 192px;
	height: 62px;
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: url("../images/submitbtn.gif");
	border: none;
	border-style: none;
	cursor: pointer;
	text-indent: -9999px;
}
#inquiryinput input.text150 {
	width			: 150px;
	height			: 21px;
	font-size		: 14px;
	line-height		: 18px;
}
#inquiryinput input.text200 {
	width			: 200px;
	height			: 21px;
	font-size		: 14px;
	line-height		: 18px;
}
#inquiryinput input.text300 {
	width			: 350px;
	height			: 21px;
	font-size		: 14px;
	line-height		: 18px;
}
#inquiryinput .textarea350 {
	width			: 300px;
}
#inquiryinput .sample {
	font-size		: 10px;
	padding-left	: 5px;
}
#inquiryinput div.error_msg {
	font-weight		: bolder;
	color			: #FF0000;
	padding-left	: 100px;
}

#inquiryinput span.telno {
	font-size		: 10px;
	padding-left	: 5px;
	color: #F00;
}
#inquiryinput a.faxsheet {
	color: #009;
	font-size: small;
	font-weight: bold;
}
#inquiryinput td.faxsheet {
	text-align: right;
}
#inquiryinput span.autoinput {
	font-size:12px;
}
#inquiryinput p.error{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #F00;
	margin: 0;
}

/*
	お問い合わせ(確認)
==================================================== */
#inquiryconfirm {
	width				: 600px;
}
#inquiryconfirm table {
	width				: 100%;
	font-size			: 100%;
	border-top-style	: solid;
	border-top-width	: 1px;
	border-top-color	: #999999;
}
#inquiryconfirm th {
	width				: 200px;
	margin				: 0px;
	padding				: 5px;
	text-align			: left;
	font-weight			: normal;
	background-color	: #FFFFCC;
	border-style		: solid;
	border-width		: 0 0 1px 1px;
	border-color		: #999999;
}
#inquiryconfirm td {
	margin				: 0px;
	padding				: 5px;
}
#inquiryconfirm .data {
	border-style		: solid;
	border-width		: 0 0 1px 1px;
	border-color		: #999999;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
}
#inquiryconfirm .submit {
	text-align			: center;
	margin-top			: 10px;
	margin-bottom		: 20px;
}
#inquiryconfirm .backbtn {
	width: 172px;
	height: 62px;
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: url("../images/backbtn.gif");
	border: none;
	border-style: none;
	cursor: pointer;
	text-indent: -9999px;
}
#inquiryconfirm .submitbtn {
	width: 172px;
	height: 62px;
	overflow: hidden;
	background-color: #FFFFFF;
	background-image: url("../images/sendbtn.gif");
	border: none;
	border-style: none;
	cursor: pointer;
	text-indent: -9999px;
}

/*
	お問い合わせ(送信)
==================================================== */
#inquirysent {
	width				: 600px;
}
#inquirysent dl {
	padding-bottom		: 15px;
	margin-bottom		: 35px;
	border-bottom-width	: 1px;
	border-bottom-style	: solid;
	border-bottom-color	: #666666;
}
#inquirysent dt {
	font-size			: 18px;
	color				: #FF0000;
	padding				: 0 0 10px 10px;
	margin				: 0px;
}
#inquirysent dd {
	font-size			: 14px;
	padding				: 0 0 0 20px;
	margin				: 0px;
}
#inquirysent a.gototop {
	width			: 254px;
	height			: 54px;
	display			: block;
	float			: none;
	background		: url(../images/gototop.gif);
	text-indent		:-9999px;
}
#inquirysent a:hover.gototop {
	width			: 254px;
	height			: 54px;
	display			: block;
	float			: none;
	background		: url(../images/gototop.gif) 0 54px;
	text-indent		:-9999px;
}

/*
	お問い合わせＦＡＸシート
==================================================== */
#faxsheet {
	width:870px;
	margin: 0 10px 0 10px;
}
#faxsheet h2 {
	width				: auto;
	text-align			: center;
	font-size			: x-large;
	background-color	: #9C6;
	margin				: 15px 0 10px 0;
}
#faxsheet h3 {
	width				: auto;
	text-align			:left;
	font-size			: large;
	background-color	:#000;
	color: #FFC;
}
#faxsheet em {
	font-style: normal;
	color: #FF0000;
	margin: 0px;
	padding-left: 5px;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
#faxsheet table {
	width				: 870px;
	margin			: 0 0 10px 0;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #333;
}
#faxsheet th {
	width				: 250px;
	margin				: 0px;
	padding				: 5px;
	font-weight			: normal;
	text-align			: left;
	border-width		: 0 thin thin thin;
	border-style		: solid;
	border-color		: #333;
	font-size: 16px;
}
#faxsheet td {
	width				: 590px;
	margin				: 0px;
	padding				: 5px;
	font-weight			: normal;
	text-align			: left;
	border-width: 0 thin thin 0;
	border-style: solid;
	border-color: #333;
	font-size: 16px;
}
#faxsheet .sample {
	font-size		: 10px;
	padding-left	: 5px;
}
#faxsheet p.printsubmit {
	text-align:center;
}
#faxsheet p.printsubmit input {
	font-size:1.3em;
	padding:0.3em 3em;
}

/*
	リンク
==================================================== */
#maincontents ul#link{
	font-size		: 12px;
}
#maincontents dl.link{
	width           : 270px;
	float           : left;
}
#maincontents dt.link{
	margin-left			: 15px;
	border-bottom-width	: 1px;
	border-bottom-style	: solid;
	border-bottom-color	: #FF0000;
}
#maincontents dd.link{
	height			: 1.0em;
	margin-left		: 20px;
	padding-left	: 12px;
	line-height		: 1.5em;
	background		: url(../images/li_arrow.gif) no-repeat center left;
}
#maincontents a.link,
#maincontents a.link:visited,
#maincontents a.link:active {
	color			: #0000CC;
	text-decoration	: none;
}
#maincontents a:hover.link{
	color			: #FF0000;
	text-decoration	: underline;
}

/*
	サイトマップ
==================================================== */
#maincontents dl#sitemap{
	margin		: 0;
	padding		: 0 0 30px 30px;
	font-size	: 12px;
}
#maincontents dd.sitemap_lv1{
	padding		: 2px 0 2px 20px;
	margin		: 0px;
	line-height	: 18px;
	background	: url(../images/sitemap_lv1.gif) left center no-repeat;
}
#maincontents dd.sitemap_lv2{
	padding		: 0 0 0 20px;
	margin		: 0 0 0 20px;
	line-height	: 16px;
	background	: url(../images/sitemap_lv2.gif) left center no-repeat;
}
#maincontents dd.sitemap_lv3{
	padding		: 0 0 0 20px;
	margin		: 0 0 0 40px;
	line-height	: 14px;
	background	: url(../images/sitemap_lv3.gif) left center no-repeat;
}

#maincontents h2 {
	font-size: 16px;
	font-weight: bold;
	color: #003399;
	padding-left: 10px;
}
#maincontents h3 {
	font-size: 16px;
	font-weight: bold;
	color: #003399;
}
#maincontents h4{
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 3px;
	border-bottom: 1px solid #999999;
	margin-top: 15px;
}

#maincontents a.contact{
	height:76px;
	width:476px;
	display:block;
	float:none;
	background: url(../images/kcmcontact_under.gif) 0 76px;
	text-indent:-5000px;
	margin		: 0 0 10px 0;
}
#maincontents a:hover.contact{
	height:76px;
	width:476px;
	margin:0 0 10px 0;
	padding:0;
	display:block;
	float:none;
	background: url(../images/kcmcontact_under.gif);
	text-indent:-5000px;
}
/*
	車種区分
==================================================== */
#maincontents div.pbox_syasyukubun th {
	font-size			: 14px;
	background-color	: #CCCCCC;
	text-align			: center;
}
#maincontents div.pbox_syasyukubun td {
	font-size	: 12px;
}

/*
	２種類のＥＴＣカード比較
==================================================== */
#maincontents #comp_etccard {
	width: 100%;
}
#maincontents #comp_etccard div.title {
	width	: 560px;
	margin	: 0 auto 15px auto;
}
#maincontents #comp_etccard h3.subtitle {
	width: 561px;
	height: 58px;
	margin: 0 auto 9px auto;
	padding: 0;
}
#maincontents #comp_etccard img.title {
	margin-bottom		: 15px;
}
#maincontents #comp_etccard div.etccard {
	width	: 561px;
	margin	: 0 auto 0 auto;
}
#maincontents #comp_etccard dl.comp_etccard {
	width	: 538px;
	margin	: 0 auto 20px auto;
}
#maincontents #comp_etccard dd.comp_etccard_center {
	height	: 54px;
	margin	: 0 0 -3px 0;
	padding	: 0;
}

#comp_etccard .flowchart{
	width: 86%; /* 590px / 768px */
	margin: auto;
}
#comp_etccard .flowchart img{
	text-align: center;
}
#maincontents #comp_etccard a.comp_etccard_etclink {
	width	: 295px;
	height	: 63px;
	display	: block;
	float	: left;
	background : url(../images/comp_etccard_etclink.gif) 0 0 no-repeat;
	text-indent: -5000px;
}
#maincontents #comp_etccard a.comp_etccard_etclink:hover {
	background : url(../images/comp_etccard_etclink.gif) 0 63px;
}
#maincontents #comp_etccard a.comp_etccard_nculink {
	width		: 295px;
	height		: 63px;
	display		: block;
	float		: left;
	background 	: url(../images/comp_etccard_nculink.gif) 0 0 no-repeat;
	text-indent	: -5000px;
}
#maincontents #comp_etccard a.comp_etccard_nculink:hover {
	background	: url(../images/comp_etccard_nculink.gif) 0 63px;
}
#maincontents #comp_etccard div.kanyustep {
	width	: 560px;
	margin	: 0 auto 20px auto;
}
#maincontents #comp_etccard div.kanyustep ul {
	margin		: 0 0 10px 40px;
}
#maincontents #comp_etccard div.kanyustep li {
	background: url(../images/li_arrow.gif) no-repeat center left;
	font-size	: 12px;
}
#maincontents #comp_etccard span.kanyustep {
	margin		: 0 0 0 20px;
	font-size	: 14px;
}
#maincontents #comp_etccard div.kanyustep_image {
	width		: 420px;
	margin		: 0 auto 10px auto;
}
#maincontents #comp_etccard p.ppagetop {
	margin			: 2px;
	margin			: 10px 0 0 0;
	padding-top		: 10px;
	padding-left	: 10px;
	text-align		: right;
	border-width	: 0 0 1px 0;
	border-color	: #CCCCCC;
	border-style	: solid;
}
#maincontents #comp_etccard p.ppagetop a {
	color		: #92434F;
	font-size	: 11px;
	text-decoration: none;
}
#maincontents #comp_etccard table {
	width			: 580px;
	margin			: 0 auto;
	padding			: 0;
	border			: 1px solid #CCCCCC;
}
#maincontents #comp_etccard th.title {
	width			: 100px;
	margin			: 0px;
	padding			: 3px;
	border			: 1px solid #CCCCCC;
	font-size		: 12px;
	text-align		: left;
}
#maincontents #comp_etccard th.card {
	width			: 140px;
	margin			: 0px;
	padding			: 3px;
	border			: 1px solid #CCCCCC;
	font-size		: 12px;
	text-align		: center;
}
#maincontents #comp_etccard td {
	padding			: 3px;
	border			: 1px solid #CCCCCC;
}
#maincontents #comp_etccard a.contact{
	margin		: 20px 0 10px 0;
}
#maincontents #comp_etccard a:hover.contact{
	margin		: 20px 0 10px 0;
}
/*
	左袖のナビゲーション
==================================================== */
#leftnavi {
	float: left;
	width: 240px;
	margin: 0px;
	padding: 0 10px 20px 5px;
}
#leftnavi a.contact {
	width		: 230px;
	height		: 70px;
	margin		: 10px 0 20px 0;
	padding		: 0;
	display		: block;
	float		: left;
	background	: url(../images/kcmcontact.png) no-repeat;
	text-indent	: -5000px;
}
#leftnavi a:hover.contact {
	width		: 230px;
	height		: 70px;
	margin		: 10px 0 20px 0;
	padding		: 0;
	display		: block;
	float		: left;
	background	: url(../images/kcmcontact.png) no-repeat;
	text-indent	: -5000px;
}
#leftnavi a.maillink {
	padding-left		: 15px;
	background			: url(../images/mail_small.gif) no-repeat;
	background-position	: 0 2px;
	text-decoration:none;
}

/*
	左サイドバートピックス
==================================================== */
#leftnavi #mail{
	width: 184px;
	margin: 10px 0 10px 0;
	background: #FFFFFF;
	font-size:small;
	overflow: hidden;
}

#leftnavi #address{
	width: 200px;
	padding: 5px 10px;
	margin: 10px auto 20px auto;
	background: #FFFFFF;
	font-size:small;
	overflow: hidden;
}
#leftnavi #address dt{
	font-weight: 900;
	color: #009;
	margin-bottom: 5px;
	line-height : 1.4em;
}
#leftnavi #address dd{
	margin-bottom:1px;
	line-height: 15px;
}

.topics{
	width:190px;
	margin:10px 0 20px 0;
	background:#FFFFFF;
	font-size:1.12em;
	overflow: hidden;
}

div.topics p{
	margin-bottom:5px;
}

div.topics dt{
	margin-bottom:1px;
	line-height		: 15px;
}
div.topics a {
	color			: #0000FF;
	text-decoration	: none;
}
/*
	左サイドバーメニュー
==================================================== */
#leftnavi div.submenu{
	width:228px;
	height: auto;
	margin: 10px 0;
	background:#FFFFFF;
	font-size:1.12em;
	overflow: hidden;
	border: 1px solid #666;
}

#leftnavi ul {
	list-style: none;
}
#leftnavi .submenu li {
	width: 100%;
	height: 35px;
	border: 1px dotted #999;
}
#leftnavi li a{
	width: 92%;
	display: block;
	margin: 0;
	padding: 4%;
	border: 0px;
	text-decoration: none;
	color: #009;

	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0.1em;        /* 文字間隔 */
	padding-top: 11px;
}
#leftnavi li a:hover{
	background-color: #FFC;
	text-decoration: underline;
}

#leftnavi li.title {
	width		: 228px;
	height		: 35px;
	background	: url(../images/leftmenu.png) 0 0 no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
	border: 0px;
}

@media screen and (max-width: 960px) {
#leftnavi {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
	display: none;
}

#leftnavi div.submenu{
	width: 100%;
}
#leftnavi li {
	width: 100%;
	border: 1px solid #00F;
}
}
@media screen and (max-width: 768px) {
}

/*
	ページ最後の問い合わせメニュー
==================================================== */
.menu_telmail{
	width: 100%;
	height: auto;
	margin: 20px 0 50px 0;
	background-color: #006;
/*	border: 1px solid #F00;*/
}
.menu_telmail .menutitle{
	font-size: 160%;
	line-height: 1.4em;
	padding: 15px 0 10px 0;
	color: #FFF;
	text-align: center;
}
.menu_tel,
.menu_mail{
	width: 49%;
	height: auto;
	margin: 0 0.5%;
	padding: 0 0 20px 0;
	float: left;
/*	background	: url(../images/menu_tel.png) 0 0 no-repeat;*/
/*	border: 1px solid #00F;*/
}
.menu_tel img,
.menu_mail img{
	width: 100%;
}

@media screen and (max-width: 480px) {
.menu_tel,
.menu_mail{
	width: 99%;
	float: none;
}
}

/*
	フッター
==================================================== */
#footer {
	clear			: both;
	background-image: url("../images/img_bkfooter.gif");
	background-repeat:repeat-x;
	text-align		: center;
	color			: #ffffff;
	line-height		: 160%;
	font-size		: 70%;
	width			: 960px;
	height			: 46px;
	margin			: 0px;
	padding-top		: 20px;
}
#footer menu {
	left: auto;
	right: auto;
}
#footer ul{
	text-align: center;
}
#footer li{
	font-size: 69%;
	display: inline;
	list-style: none;
	padding-right:5px;
	border-right: 1px solid #FFFFFF;
	padding-left: 5px;
}
.bl5{
	padding-left: 5px;
	border-left: 1px solid #FFFFFF;
}	
#footer a {
	color:#ffffff;
	text-decoration:none;
}
#footer a:link,visited,active {
	color:#ffffff;
}
#footer a:hover {
	color:#63AEE8;
}
@media screen and (max-width: 768px) {
#footer {
	width: 100%;
}
}

/*
	Float clear
==================================================== */
div.clear,
div.headerclear,
#headerclear{
	clear	: both;
	margin	: 0px;
	padding	: 0px;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
div.maincontentsclear{
	clear: both;
}
@media screen and (min-width: 768px) {
div.pc-clearboth{
	clear: both;
}
}
@media screen and (max-width: 768px) {
div.mobile-clearboth{
	clear: both;
}
}

@media print {
	#header {
		display:none;
	}
	#linkcontents {
		display:none;
	}
	#faxsheet .printsubmit {
		display:none;
	}
	#wrapper border {
		display:none;
	}
	#wrapper {
		border-left-width	:0px;
		border-right-width	:0px;
	}
	#faxsheet table {
		margin			: 0;
	}
	#faxsheet th {
		border-width	: 0 0 thin 0;
	}
	#faxsheet td {
		border-width	: 0 0 thin thin;
	}
	#faxsheet h2 {
		text-align			: left;
		margin:0 0 10px 0;
	}
}