@charset "utf-8";
/* css/contents.css */

/*************************************************
	HEADER
*************************************************/
#header h1 {
	font: normal 12px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: right;
	display: block;
	padding: 6px 12px 3px 0px;
	margin: 0px;
/*	letter-spacing: 0.2em;	*/
}
* html #header h1 {	/* IE6のみに適用 */
	font: normal 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding: 8px 12px 3px 0px;
}
*:first-child+html #header h1 {	/* IE7のみに適用 */
	font: 12px normal "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding: 6px 12px 1px 0px;
}
html:not([lang*=""]) #header h1 {	/* Firefoxに適用 */
	font: normal 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding: 9px 12px 4px 0px;
}
#header .headerLeft {
	display: block;
	float: left;
	padding: 2px 0px 0px 16px;
	width: 450px;
}
#headerRight {
	float: left;
	height: auto;
	width: 484px;
	margin: 0px 0px 0px 0px;
}
* html #headerRight {	/* IE6のみに適用 */
	float: left;
	height: auto;
	width: 484px;
	margin: 2px 0px 0px 16px;
}
*:first-child+html #headerRight {	/* IE7のみに適用 */
	float: left;
	height: auto;
	width: 484px;
	margin: 2px 0px 0px 0px;
}

/*************************************************
	メインコンテンツ
*************************************************/
/* トップ */
#news {
	display: block;
	width: 610px;
	height: 200px;
	padding: 0px;
	margin: 0px 0px 25px 0px;
}
#news .headline {
	display: block;
	margin: 0px;
	width: 595px;
	padding: 10px 0px 5px 15px;
}
#news .headline:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
#news p.date {
	font: 12px Arial, Helvetica, sans-serif;
	color: #2255A4;
	background: url(../img/news_bullet.jpg) no-repeat left 3px;
	letter-spacing: 0.2em;
	vertical-align: top;
	text-align: left;
	display: block;
	float: left;
	margin: 0px 0px 0px 11px;
	width: 80px;
	padding: 0px 15px 0px 11px;
}
* html #news p.date {	/* IE6のみに適用 */
	font: 12px Arial, Helvetica, sans-serif;
	color: #2255A4;
	background: url(../img/news_bullet.jpg) no-repeat left 3px;
	letter-spacing: 0.2em;
	vertical-align: top;
	text-align: left;
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	width: 80px;
	padding: 0px 15px 0px 11px;
}
#news p.title {
	font: bold 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	letter-spacing: 0.2em;
	vertical-align: top;
	text-align: left;
	display: block;
	float: left;
	padding: 0px;
	width: 469px;
	margin: 0px;
}

#news p.summary {
	font: 12px/150% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #666;
	letter-spacing: 0.2em;
	text-align: left;
	vertical-align: top;
	display: block;
	width: 570px;
	height: auto;
	margin: 0px 0px 5px 13px;
	padding: 0px 10px 17px 12px;
	border-bottom: 1px dotted #666;
}

#product {
	width: 610px;
	padding: 0px;
	margin: 0px 0px 40px 0px;
}
#product .outlineL {
	display: block;
	margin: 0px;
	float: left;
	width: 190px;
	padding: 15px 20px 18px 0px;
}
#product .outlineR {
	display: block;
	margin: 0px;
	float: left;
	width: 190px;
	padding: 15px 0px 18px 0px;
}
#product p {
	font: 10px/150% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #666;
	letter-spacing: 0.1em;
	display: block;
	margin: 0px;
	width: 190px;
	padding: 5px 0px 5px 0px;
}
#product img.photo {
	padding: 0px;
	float: left;
	height: 45px;
	width: 60px;
	margin: 0px 1px 0px 1px;
	border-style: none;
}

/* 会社概要 */
table#profile {
	font: 14px/150% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.2em;
	width: 610px;
	margin: 0px auto 40px auto;
	border-top: 3px solid #09F;
	border-left: 1px solid #999;
	border-collapse: collapse;
}
table#profile th {
	font-weight: normal;
	background-color: #DDEAF2;
	text-align: left;
	vertical-align: top;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;	
}
table#profile td {
	text-align: left;
	vertical-align: top;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;	
}
table#profile p {
	float: left;
}

/* ご連絡先・アクセス */
table#access {
	font: 12px/150% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.2em;
	width: 610px;
	margin: 0px auto 10px auto;
	border-top: 3px solid #09F;
	border-left: 1px solid #999;
	border-collapse: collapse;
}
table#access th {
	font-weight: normal;
	background-color: #DDEAF2;
	text-align: left;
	vertical-align: top;
	padding: 6px 10px 6px 10px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;	
}
table#access td {
	text-align: left;
	vertical-align: top;
	padding: 6px 10px 6px 10px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;	
}

/* ご連絡先・アクセス */
table#profile ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
table#profile ul li {
	list-style-type: disc;
}

/* 新規のお取引について */
#greeting {
	height: auto;
	width: 590px;
	margin: 0px auto 40px auto;
	padding: 0px 0px 0px 10px;
}
#greeting p {
	font: 14px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 150%;
	color: #333;
	letter-spacing: 0.2em;
}
* html #greeting p {	/* IE6のみに適用 */
	font: 14px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.mainText:first-letter {
	font-size: 260%;
	line-height: 100%;
	color: #333;
	float: left;
	font-weight: bolder;
	margin-right: 1px;
}
#explain {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0px 0px 20px;
	padding: 10px 10px 0px 15px;
}
* html #explain {	/* IE6のみに適用 */
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#explain dt {
	font-size: 14px;
	font-weight: normal;
	color: #333;
	letter-spacing: 0.2em;
	background: url(../img/bullet_c.jpg) no-repeat left 3px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 17px;
}
#explain dd {
	font-size: 12px;
	line-height: 150%;
	color: #666;
	letter-spacing: 0.2em;
	padding: 0px;
	margin: 0px 0px 15px 15px;
}

/* お問い合わせ */
table#contact {
	font: 12px/150% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.2em;
	width: 610px;
	margin: 0px auto 40px auto;
	border-top: 3px solid #09F;
	border-left: 1px solid #999;
	border-collapse: collapse;
}
table#contact th {
	font-weight: normal;
	background-color: #DDEAF2;
	text-align: left;
	vertical-align: top;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;	
}
table#contact td {
	vertical-align: top;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;	
}
table#contact td.formBtn {
	text-align: center;
}
.example {
	font-size: 10px;
	color: #666;
	padding: 0px;
	margin: 3px 0px 0px 0px;
}

/*************************************************
	RIGHT COLUMN
*************************************************/

#inquiry {
	background: url(../img/bg_inquiry.jpg) no-repeat left top;
	display: block;
	height: 134px;
	width: 265px;
	padding: 35px 0px 10px 0px;
	margin: 0;
}
* html #inquiry {	/* IE6のみに適用 */
	background: url(../img/bg_inquiry.jpg) no-repeat left top;
	display: block;
	height: 169px;
	width: 265px;
	padding: 35px 0px 10px 0px;
	margin: 0;
}
#login {
	background: url(../img/bg_login.jpg) no-repeat left top;
	display: block;
	height: 44px;
	width: 265px;
	padding: 35px 0px 0px 0px;
	margin: 0;
}
* html #loginy {	/* IE6のみに適用 */
	background: url(../img/bg_login.jpg) no-repeat left top;
	display: block;
	height: 169px;
	width: 265px;
	padding: 35px 0px 0px 0px;
	margin: 0;
}
#rightColumn .attention {
	font: 10px/130% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #999;
	background: url(../img/bg_attention.jpg) no-repeat left top;
	letter-spacing: 0.2em;
	display: block;
	height: 118px;
	width: 210px;
	margin-top: 10px;
	padding: 7px 5px 0px 50px;
}
* html #rightColumn .attention {	/* IE6のみに適用 */
	font: 10px/130% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #999;
	background: url(../img/bg_attention.jpg) no-repeat left top;
	letter-spacing: 0.2em;
	display: block;
	height: 118px;
	width: 265px;
	margin-top: 10px;
	padding: 7px 5px 0px 50px;
}

/*************************************************
	FOOTER
*************************************************/
#footerContent {
	color: #666;
	letter-spacing: 0.2em;
	display: block;
	float: left;
	width: 550px;
	padding-top: 5px;
}
#footerContent ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#footerContent ul li a:link, #footerContent ul li a:visited {
	color: #666;
}
#footerContent ul li a:hover, #footerContent ul li a:active {
	color: #F60;
}
#footerContent li a:link, #footerContent li a:visited {
	color: #666;
	text-decoration: none;
	letter-spacing: 0.2em;
	display: block;
	margin: 0px 5px 0px 0px;
	padding: 2px 5px 2px 5px;
}
div.copyright {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666;
	letter-spacing: 0.1em;
	display: block;
	width: 425px;
	float: left;
	margin: 35px 0px 0px 5px;
}
#footerAddress {
	color: #666;
	line-height: 130%;
	text-align: right;
	float: left;
	width: 365px;
	margin: 0px;
	padding: 5px 20px 0px 0px;
}
* html #footerAddress {	/* IE6のみに適用 */
	color: #666;
	line-height: 130%;
	text-align: right;
	float: left;
	width: 385px;
	margin: 0px;
	padding: 5px 20px 0px 0px;
}
#footerAddress p {
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
#footerRight {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 95px;
	width: 20px;
	background: url(../img/bg_footer02.jpg) no-repeat left top;
}




#contents a:link, #contents a:visited {
	color: #09C;
	text-decoration: none;
}
#contents a:hover {
	color: #900;
}


#rightColumn a img.bnr {
	padding: 0px;
	width: 265px;
	margin-top: 15px;
	border: none;
}