@charset "utf-8";

/* for all media */
@media all {
	.none {display:none;}
	h1.left, h2.left, h3.left, h4.left, h5.left, h6.left,
	li.left, th.left, td.left, p.left {text-align:left;}
	h1.right, h2.right, h3.right, h4.right, h5.right, h6.right,
	li.right, th.right, td.right, p.right {text-align:right;}
	h1.center, h2.center, h3.center, h4.center, h5.center, h6.center,
	li.center, th.center, td.center, p.center {text-align:center;}
	p.indent {text-indent:1em;}
	hr.margin {border:0px none transparent; margin:1em 0px; visibility:hidden;}
	span.marker {padding:0px 0.5em; background-color:#ee6633; display:inline-block; border-radius:1em; border:1px solid #993311;}
	.box {border:1px solid #187fc3; background-color:#c0d8f2; padding:1em; margin:1em 0px;}
	.red {color:#ee0000;}
	
	.article .header h2 {font-size:1em; background-color:#187fc3; color:white; margin:0px -10px; padding:0.25em 1em;}
	.article h3 {font-size:1em; border-bottom:1px solid #187fc3; margin:0px -10px; padding:0px 0px 2px 0px;}
	.article h3 strong {display:block; border-left:7px solid #187fc3; padding:0.25em 1em; }
	
	.footer {border-top:1px solid #cccccc; margin:0px 10px; padding:1em 0px; text-align:center; color:#187fc3;}
	.footer p {margin:0px; padding:0px;}
}


/* for PC */
@media screen {
	body {margin:0px; padding:10px; font-size:13px; line-height:1.75; background-color:#c0d8f2; color:#333333;}
	a {color:#187fc3;}
	a:hover {color:#4694d1;}
	strong {color:#187fc3;}
	
	div.wrapper {width:750px; margin:0px auto; background:transparent url(main_back.jpg) repeat;}
	
	.header h1 {margin:0px;}
	.header h1 img {display:block; width:100%; height:auto;}
	
	.nav table {margin:0px; padding:0px; width:100%; border-spacing:1px;}
	.nav table td {margin:0px; padding:0px; border-spacing:1px; text-align:center;}
	.nav td a {display:block; padding:4px; background-color:#187fc3; color:white; text-decoration:none;}
	.nav td a:hover {background-color:#4694d1; color:white;}
	.nav td a.current {background-color:#c0d8f2; color:#187fc3;}
	.nav td a.current:hover {background-color:#c0d8f2; color:#187fc3;}
	
	.article {margin:10px 20px;}
	.section {margin:0px 0px 2em 0px;}
	.article .header h2,
	.article h3 {margin:0px -10px;}
	
	table.bordered {margin:1em 0px; border-collapse:collapse; border-color:#187fc3;}
	.bordered th {background-color:#187fc3; color:white;}
	.bordered th {border-color:white;}
	.bordered td {border-color:#187fc3;}
	table .nowrap {white-space:nowrap;}
	
	table.limited {margin:1em 0px; border-collapse:collapse; border-color:#187fc3;}
	.limited th {background-color:#187fc3; color:white;}
	.limited th {border-color:white; border-left:none; border-right:none;}
	.limited td {border-color:#187fc3; border-left:none; border-right:none;}
}

/* for mobile */
@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio) {
	div.wrapper {width:100%; overflow:hidden;}
	div.scrollable {overflow:scroll;}
	img.fit {display:block; width:100%; height:auto;}
	.nav td {width:20%; background-color:#187fc3;}
	.nav td.current {background-color:#c0d8f2;}
}
/* portrait */
@media only screen and (max-device-width: 480px) and (orientation: portrait) { 
}
/* landscape */
@media only screen and (max-device-width: 480px) and (orientation: landscape) { 
}