* {margin: 0;padding: 0;font-size: 100%; font-weight:inherit; font-style: inherit;}
img, body {border:0;}
/* table {border:0;} */
table {border-collapse: collapse;}
caption {text-align:left;}
select > option {padding-right:5px;}
ul {list-style: none;}
ul.disc {list-style: disc;}
ul.disc li {margin:12px 0px 12px 32px;}
ol li {margin:0px 0px 0px 32px;}
dd{margin:2px 2em 1em 2em;}

input, textarea, select {font-family: sans-serif;}
input.b {padding:10px;}

a {color:#003366; text-decoration: underline;}
a:hover {text-decoration: inherit;}


html {background:#f6f6f6 url(i/body.gif) repeat-y 50% 0;}
body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-size: 90%;
	background:#f6f6f6 url(i/body.gif) repeat-y 50% 0;
	color: #333333;
	line-height:1.5;
}






h1 {
	overflow:hidden;
	width:800px;
	height:5px;
	margin:0 auto;
	line-height:10; background-color: #21418c; color: #ffffff;
}
#summary {width:800px;height:50px;margin:0 auto -50px auto;background-color: #21418c; color:#dee3ee;
	font-size:10px;
	line-height:4;
	text-indent:150px;
	letter-spacing: 0.2em;}
#siteName {width:780px;height:50px;margin:0 auto -50px auto;}
#inquiryButton {width:780px;height:50px;margin:0 auto;text-align:right;}

#topCatch {
	width:800px;height:290px;
	margin:0 auto;
	background:#ffffff url(i/top.jpg) no-repeat 0 100%;
	font-size:12px;
}
#topCatch p {padding:3px 8px;}
#topCatch .logo{text-align:center;padding:10px 10px 5px 10px;}

#subCatch {
	width:800px;height:60px;
	margin:0 auto;
	background:#ffffff url(i/sub/default.jpg) no-repeat 0 0;}
#subCatch h2 {text-indent:-1000em;}
#subCatch.profile {}

#navi {
	overflow:hidden;
	width:800px;height:50px;
	margin:0 auto 0 auto;
	background:#21418c url(i/navi.gif) no-repeat 0 100%; color:#dee3ee;}
#navi ul {margin-left:30px;list-style: none;}
#navi li {float:left;}
#navi a {display:block; padding:10px; text-decoration: none;}
#navi a:hover {text-decoration: none; color: #999999;}
#navi .current_page_item a {color: #FFFFFF;}

.topicPath {width:800px;margin:0 auto; background:#ffffff;line-height:3.8;text-indent:10px; font-size:80%;}



/* Page */

#contents {
	width:800px;
	margin:0 auto;
	background:#ffffff;
}
#contents.tiny_mce {width:100%;background:#ffffff;}


#contents a {color:#003366; text-decoration: underline;}
#contents a:hover {text-decoration: none; ;color: #006666;}


#contents h2 {margin-bottom:0.6em; padding:1px 0 1px 20px;color:#444444; font-size:125%; font-weight:bold; background:#ffffff url(i/h2.gif) no-repeat 0 0;}
#contents h2 a, #contents h2 a hover {text-decoration: none; border:none;}
#contents h2 span {}

#contents h3 {margin-bottom:0.6em; color:#444444; font-size:120%; font-weight:bold;}
#contents h3 span {padding:2px 5px; background:#21418c; color:#f8f8f8;}


.col2r {float:right; width:530px;}
.col2l {float:left; width:240px; background:#eeeeee url(i/bg-side-240.gif) no-repeat 0 100%;}
.col2l h3 {margin:3px 5px; padding:8px 5px; border-top:3px double #cccccc;}
.col2l h4 {margin:0 0 10px 0; border-left:5px solid #cccccc;padding:2px 5px;font-weight:bold;}
.col2l div p {margin-left:10px;}
.col2l div {padding-bottom:10px;}

.col2c {float:left; width:550px;}
.col2s {float:right; width:240px; background:#eeeeee url(i/bg-side-240.gif) no-repeat 0 100%;}
.col2s h3 {margin:3px 5px; padding:8px 5px; border-top:3px double #cccccc;}
.col2s div p {margin-left:10px;}
.col2s div {padding-bottom:10px;}


/* Content */

#content {
	float: right;
	width: 630px;
}
#content a.arrow {
	margin-left:8px;
	padding-left:16px;
	background: url(images/bg_l_li_li_a.gif) no-repeat 0 50%;
}
#content .head {
	color:#339966;
	font-weight:bold;
}
#content .head2 {
	width:200px;
	color:#333333;
	background-color:#cccccc;
	border:1px solid;
	padding:0px 12px;
	margin:0px 2px;
}

/* Post */

.post {
	padding: 0 20px 15px 20px;
}
.post p {
	margin-bottom:1em;
	line-height: 1.6;
}
.post li {
	margin-bottom:0.5em;
}
.post .entry {}
.post .entry p {
	margin-bottom:1em;
	line-height: 1.4;
}

.post .meta {
	height: 70px;
	padding: 40px 15px 0px 15px;
	background: url(images/img03.jpg) repeat-x left top;
}

.post .meta p {
	margin: 0;
	line-height: normal;
	color: #999999;
}

.post .meta .byline {
	float: left;
}

.post .meta .links {
	float: right;
}

.post .meta .more {
	padding: 0 20px 0 18px;
	background: url(images/img09.gif) no-repeat left 50%;
}

.post .meta .comments {
	padding-left: 22px;
	background: url(images/img08.gif) no-repeat left 50%;
}

.post .meta b {
	display: none;
}


.tdl {}
.tdl dl {}
.tdl dt {width:120px; height:30px; margin-bottom:-30px; font-weight:bold;}
.tdl dd {margin:0 0 20px 120px;}

.tdlm {}
.tdlm dl {}
.tdlm dt {width:110px; height:30px; margin-bottom:-30px; font-weight:bold;text-align:right;}
.tdlm dd {margin:0 0 20px 120px;}

.tdll {}
.tdll dl {margin:0 0 15px 0;}
.tdll dt {width:190px; height:30px; margin-bottom:-30px; font-weight:bold;}
.tdll dd {margin:0 0 15px 200px;}

.tdls {}
#contents .tdls h3 {padding:3px 0;font-size:130%;}
#contents .tdls h3 span {padding:5px;}
.tdls dl {margin:0 0 30px 15px;}
.tdls dt {width:150px; height:30px; margin-bottom:-30px; font-weight:bold;}
.tdls dd {margin:0 0 10px 165px;}
.tdls dd textarea[name] {width:95%;border:1px solid #666677;padding:1px;}
.tdls dd input[type="text"] {border:1px solid #666677;padding:1px;}
.tdls dd input[type="file"] {border:1px solid #666677;padding:3px;}
.tdls dd select[name] {border:1px solid #666677;}

.inqArea {}
.inqArea dl {}
.inqArea dt {width:150px; height:30px; margin-bottom:-30px; font-weight:bold;text-align:right;}
.inqArea dd {margin:0 0 20px 165px;}

.newsArea {}
.newsArea dl {}
.newsArea dt {width:125px; height:30px; margin-bottom:-30px;}
.newsArea dd {margin:0 0 20px 130px;}

.mailmagazine {}


/* Search */

#search {
	background: url(images/img03.jpg) repeat-x left bottom;
	margin-bottom: 20px;
}

#search h2 {
	margin-bottom: 20px;
}




/* Footer */
#gotop {clear:both; width:800px;margin:0 auto; background:#ffffff;}
#gotop a {
	display:block; 
	margin-left:650px;
	margin-right:50px;
	padding:3px 0;
	background:#21418c; color:#ddddee; font-size:11px; text-decoration: none; text-align:center;
}
#footer {
	clear:both;
	width:780px;
	margin:0 auto;
	padding:10px;
	background:#21418c url(i/footer.gif) no-repeat;
	font-size:90%;
}
#footer a {color:#ddddee;}
#footer div p {margin-left:15px; padding:5px;}
#footer div ul {margin-left:35px; margin-bottom:20px;}
#footer div ul li {margin-bottom:2px;}
.copy {clear:both; text-align:center;}
.copy a {text-decoration:none;}
.copy2 {padding:10px; text-align:center; font-size:80%;}
.copy2 a {text-decoration:none;}
#w3c {clear:both;padding:30px; text-align: center;}


#questionBoshu {float:right;width:350px; border:1px #cccccc solid; padding:10px; background:#f0f0f0;text-align:center;font-size:90%;}
#questionBoshu input {padding:3px;}
#questionBoshu em {font-size:130%;font-weight:bold;font-style:normal; color:#666666;}
#questionBoshuForm {margin:0 5%;}
#questionBoshuForm textarea {width:100%;}
.staffImageArea {clear:both; margin:0;}
.staffImageArea ul {}
.staffImageArea li {float:left; width:170px; border-top:1px dashed #cccccc;border-right:1px dashed #cccccc;}
.staffImageArea li img {padding:10px;}


.archiveArea {clear:both; overflow:hidden; margin:0 -1px 0 0;}
.archiveArea ul {}
.archiveArea li {clear:both; margin:0 0 10px 0;border-top:1px dashed #cccccc;padding:10px;}
.archiveArea li img {margin-bottom:30px;}
.archiveArea li p {margin-bottom:3px;}
.archiveArea li p.customer {font-weight:bold;margin-top:10px;margin-bottom:1px;}
.archiveArea li .url {margin-bottom:30px;}
.archiveArea li .url p {}

.archiveDArea {}
.archiveDArea .customer {font-weight:bold;margin-top:10px;margin-bottom:1px;}
.archiveDArea .url {margin-bottom:20px;}


.productArea {clear:both;}
.productArea .b {float:left; overflow:hidden; width:250px; height:240px;}
.productArea .b .i {height:200px; margin:10px; border:1px dashed #666666;padding:10px; font-size:90%;}
.productArea .b .i .c {text-align:center;}


.pageTips {margin:0 1em 3em 1em;}
.pageTips dl {}
.pageTips dt {clear:both; border-left:5px solid #666644; padding-left:7px}
.pageTips dd {margin-bottom:1em; border-bottom: 1px dotted #ddddcc;}
.pageTips dd p {margin-bottom:1em;}


.sortMark {padding:2px 2px 2px 20px; background:transparent url(i/sort.gif) no-repeat 0 50%;}
.chartMark {padding:2px 2px 2px 20px; background:transparent url(i/chart.gif) no-repeat 0 50%;}
.fileMark {padding:2px 2px 2px 20px; background:transparent url(i/folder_icon.gif) no-repeat 0 50%;}



/*
.nt table {width:100%;}
.nt table caption {font-size:120%;font-weight:bold;}
.nt table th {border:1px solid #663333; padding:3px; background:#996666;color:#ffffff;}
.nt table td {border:1px solid #663333; padding:3px;}
*/
table.nt {}
table.nt caption {font-size:120%;font-weight:bold;}
table.nt th {border:2px solid #ffffff; padding:3px; background:#ddeeee;color:#333333;font-weight:bold;text-align:left;}
table.nt td {border:2px solid #ffffff; padding:3px;}


.c {clear:both;}

.m {padding-bottom:10em;}

.p {margin:0 1em 1em 1em;}
.p p {margin-bottom:1em;}

.s {margin-bottom:2em;}
.s p {margin-bottom:0.5em;}
.section {margin-bottom:15px;}


.ar {padding-left:16px; background:transparent url(i/ar.gif) no-repeat 0 50%;}
.ar2 {padding-left:16px; background:transparent url(i/ar2.gif) no-repeat 0 50%; font-weight:bold; text-decoration:none;}

.errorMessage {margin:10px 50px 20px 50px; border:1px solid #cc0000; background:#ffffcc; color:#cc0000;}
.errorMessage ul {padding:10px;}
.okMessage {margin:10px 50px 20px 50px; border:1px solid #0000cc; background:#ffffcc; color:#0000cc;}
.okMessage ul {padding:10px;}



@media print {

	html {background:#ffffff;}
	body {
		background:#ffffff;
		color: #333333;
	}
	
}