@charset "UTF-8";

/*���1カラムのスタイルシート

■目次：

・全体レイアウト
・本文
・カタログ請求
・CONTACT
・LINK
・MOVIE
・COMPANY
・SITEMAP
・ONLINESHOP
・MAILMAGAZINE
・説明書ダウンロード
・エラーページ
*/


/*---------------�全体レイアウト---------------*/

#pagebody_common_1column {
	margin: 38px 0 0 25px;
	width: 900px;
}


/*---------------�本文---------------*/

#pagebody_common_1column .lead_p {
	padding: 38px 0 0;
}

#pagebody_common_1column h2.like_h3 {
	padding: 38px 0 6px;
	font-size: 100%;
	color: #FFFFFF;
	border-bottom: 1px solid #333333;
}

#pagebody_common_1column h2.like_h3_lead {
	padding: 0 0 6px;
	font-size: 100%;
	color: #FFFFFF;
	border-bottom: 1px solid #333333;
}

#pagebody_common_1column h3 {
	padding: 28px 0 0;
}

#pagebody_common_1column p {
	padding: 14px 0 0;
}

#pagebody_common_1column p.noinfo {
	padding: 100px 0 100px;
	text-align: center;
}



/*---------------カタログ請求---------------*/

.catalog_ul {
	margin: 0 0 0 14px;
}

.catalog_ul li {

}

table.catalog_form {
	margin: 24px 0 0;
	border-collapse: collapse;
	width: 900px;
	border: 1px solid #333333;
}

table.catalog_form th {
	padding: 0.6em 1.2em;
	border: 1px solid #333333;
	background: #111111;
	text-align: left;
	width: 300px;
	font-weight: normal;
	color: #FFFFFF;
}

table.catalog_form td {
	padding: 0.6em 1.2em;
	border: 1px solid #333333;
	text-align: left;
}

table.catalog_form2 {
	border: none;
}

table.catalog_form2 td {
	padding: 0 2.0em 0 0;
	border: none;
}

input {
	padding: 2px;
	font-size: 90%;
}

input.input1 {
	width: 50px;
}
	
input.input2 {
	width: 130px;
}
	
input.input3 {
	width: 200px;
}
	
input.input4 {
	width: 300px;
}
	
textarea.textarea1 {
	width: 300px;
}

input.input1,
input.input2,
input.input3,
input.input4,
textarea,
select {
	padding: 2px 4px;
	font-size: 100%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
    border-style: solid;
    border-width: 1px;
    border-color: #AAAA94 #DFDFD6 #DFDFD6 #AAAA94;
    background: #F1F1ED;
}

input:focus, 
iselect:focus, 
textarea:focus {
    background: #FFFFFF;
}

#submit {
	text-align: center;
	margin-top: 20px;
}

#submit input {
	margin: 0 10px 0;
	padding: 2px 6px;
}

#pagebody_common_1column p.thanksinfo1 {
	padding: 100px 0 0;
	text-align: center;
}

#pagebody_common_1column p.thanksinfo2 {
	padding: 14px 0 100px;
	text-align: center;
}

/*---------------CONTACT---------------*/

.contactbox {
	padding: 40px 60px;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	width: 778px;
	background: #0A0A0A;
}

.contactbox_lead {
	padding: 40px 60px;
	border: 1px solid #333333;
	width: 778px;
	background: #0A0A0A;
}

.contactbox_left {
	width: 426px;
	float: left;
}

.contactbox_right {
	width: 322px;
	float: right;
}

.contactbox_left h2 {
	padding: 14px 0 0;
	font-size: 100%;
	color: #FFFFFF;
}



/*---------------LINK---------------*/

.linkbox {
	width: 900px;
}

.linkbox_left {
	padding: 0 15px 12px 0;
	width: 433px;
	float: left;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
}

.linkbox_right {
	padding: 0 15px 0 0;
	width: 435px;
	float: right;
}

.linkbox ul {
}

body #container .linkbox ul li {
	margin: 14px 0 0 18px;
	list-style: none;
	color: #999999;
}

body #container .linkbox ul li a,
body #container .linkbox ul li a {
	padding-left: 15px;
	background: url(../image/p_arrow_off.gif) 0 4px no-repeat;
}

body #container .linkbox ul li a:hover,
body #container .linkbox ul li a:hover {
	padding-left: 15px;
	background: url(../image/p_arrow_on.gif) 0 4px no-repeat;
}

#bg_link {
	background: url(../image/bg_link.jpg) no-repeat;
}



/*---------------MOVIE---------------*/

.playerbox {
	width: 450px;
	border: 1px solid #333333;
}

.playerbox_left {
	width: 452px;
	float: left;
}

.playerbox_right {
	width: 378px;
	float: right;
	text-align: right;
}

.playerbox_right img {
	vertical-align: bottom;
}

.moviebox {
	padding: 0 20px 20px 0;
	width: 150px;
	float: left;
}

.moviebox ul li {
	display: inline;
}



/*---------------COMPANY---------------*/

.company_table {
	border-collapse: collapse;
	width: 620px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

table.company_table th {
	padding: 0.4em 0.8em;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background: #111111;
	text-align: left;
	width: 100px;
	font-weight: normal;
	color: #FFFFFF;
}

table.company_table td {
	padding: 0.4em 0.8em;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	text-align: left;
}



/*---------------SITEMAP---------------*/

.sitemapbox {
	padding: 0 30px 0 0;
	width: 280px;
	float: left;
}

.sitemapbox_right {
	width: 280px;
	float: left;
}

.sitemapbox dl,
.sitemapbox_right dl {
	padding: 8px 12px;
	border-bottom: 1px solid #333333;
}

.sitemapbox dl dt,
.sitemapbox_right dl dt {
	padding-bottom: 2px;
}

.sitemapbox dl.sitemap_first_dl,
.sitemapbox_right dl.sitemap_first_dl {
	padding: 6px 12px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

.sitemapbox dl dt a,
.sitemapbox_right dl dt a {
	padding-left: 15px;
	background: url(../image/p_arrow_off.gif) 0 5px no-repeat;
	text-decoration: none;
}

.sitemapbox dl dt a:hover,
.sitemapbox_right dl dt a:hover {
	padding-left: 15px;
	background: url(../image/p_arrow_on.gif) 0 5px no-repeat;
	text-decoration: underline;
}

.sitemapbox dl dd,
.sitemapbox_right dl dd {
	margin: 0 0 0 16px;
	padding: 2px 0 2px 12px;
	background: url(../image/p_line.gif) 1px 6px no-repeat;
	font-size: 80%;
}

.sitemapbox dl dd.like_h,
.sitemapbox_right dl dd.like_h {
	padding: 6px 0 2px;
	background: none;
	font-weight: bold;
	color: #FFFFFF;
}

/*IEのみ適用*/
*:first-child+html body .sitemapbox dl dd,
*:first-child+html body .sitemapbox_right dl dd {
	font-size: 74%;
}
* html body .sitemapbox dl dd,
* html body .sitemapbox_right dl dd {
	font-size: 74%;
}
/**/

.sitemapbox dl dd a,
.sitemapbox_right dl dd a {
	color: #CCCCCC;
	text-decoration: none;
}

.sitemapbox dl dd a:hover,
.sitemapbox_right dl dd a:hover {
	text-decoration: underline;
	color: #7E7E7E;
}

#bg_sitemap {
	padding: 0 0 300px;
	width: 900px;
	background: url(../image/bg_sitemap.jpg) left top no-repeat;
}


/*---------------ONLINESHOP---------------*/

.onlinebox {
	width: 900px;
}

.onlinebox h2 {
	padding: 10px 0 0;
	font-size: 100%;
	color: #FFFFFF;
}

.onlinebox h2 a {
	padding-left: 15px;
	background: url(../image/p_arrow_off.gif) 0 5px no-repeat;
	text-decoration: none;
}

.onlinebox h2 a:hover {
	padding-left: 15px;
	background: url(../image/p_arrow_on.gif) 0 5px no-repeat;
	text-decoration: underline;
}

body #container .onlinebox p {
	padding: 0;
}

.onlinebox_left {
	padding: 19px 0 13px;
	width: 438px;
	float: left;
	border: 1px solid #333333;
	background: #111111;
	text-align: center;
}

.onlinebox_right {
	padding: 19px 0 13px;
	width: 438px;
	float: right;
	border: 1px solid #333333;
	background: #111111;
	text-align: center;
}



/*---------------MAILMAGAZINE---------------*/

.qrbox {
	width: 900px;
}

.qrbox_left {
	width: 629px;
	float: left;
}

.qrbox_right {
	padding: 50px 0;
	width: 229px;
	border: 1px solid #333333;
	background: #111111;
	float: right;
	text-align: center;
}



/*---------------説明書ダウンロード---------------*/

table.manual-download {
	margin: 12px 0 0;
	border-collapse: collapse;
	width: 900px;
	border-bottom: 1px solid #333333;
	background: #0C0C0C;
}

table.manual-download th {
	padding: 0.6em 1.2em;
	width: 200px;
	border-top: 1px solid #333333;
	text-align: left;
	font-weight: normal;
	color: #FFFFFF;
}

table.manual-download td {
	border-top: 1px solid #333333;
	padding: 0.6em 1.2em;
}

table.manual-download tr.on_tr th,
table.manual-download tr.on_tr td {
	background: #111111;
}

table.manual-download td.pdfsize {
	text-align: right;
}

#pagebody_common_1column h2.like_h3_download {
	margin: 36px 0 0;
	padding: 2px 0 2px 9px;
	font-size: 100%;
	color: #FFFFFF;
	border-left: 5px solid #FFFFFF;
}

#pagebody_common_1column h2.like_h3_download_lead {
	padding: 2px 0 2px 9px;
	font-size: 100%;
	color: #FFFFFF;
	border-left: 5px solid #FFFFFF;
}



/*---------------エラーページ---------------*/

h1.error_h1 {
	margin: 0 25px;
	padding: 0 0 6px;
	border-bottom: 1px solid #CCCCCC;
}

h2.error_h2 {
	padding: 150px 0 0;
	text-align: center;
}

p.error_p {
	padding: 24px 0 0;
	text-align: center;
}

p.error_p2 {
	padding: 14px 0 150px;
	text-align: center;
}

p.error_p3 {
	padding: 24px 0 150px;
	text-align: center;
}

ul.error_ul {
	margin: 14px auto;
	width: 510px;
}

ul.error_ul li {
	text-align: left;
}
