@charset "UTF-8";
/* CSS Document */
html,body,form {margin:0; padding:0;}
body {font-family: "Meiryo","メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3", "Osaka","MS UI Gothic"; background:url(img/bg2.jpg);}
img {border:none;}

div#Container {
	width:780px;
	margin:0 auto;
	padding:0 15px;
	border:1px solid #bbb;
	border-top:none;
	background:url(img/tex_bg.jpg) repeat-y;
}
div#Header{ height:159px;margin:0 10px 10px; background:url(img/header.jpg) no-repeat;}
#Header h1{margin:0; padding:0 5px; height:20px; font-size:12px; line-height:20px; text-align:right; color:#555;}

div#Footer { margin:10px auto; }
div#Wrapper {  margin:15px 20px 10px;} 

#Navigation { width:157px; float:right;}
#Navigation ul {margin:0; padding:0;}
#Navigation ul li {margin:0; padding:0; list-style-type:none; font-size:0px; line-height:0%; display:inline;}

#Contents {width:730px; margin:20px auto 10px;}
#Contents .inLeft { width:515px; float:left;}
#Contents .inRight { width:200px; float:right;}

.inLeft dl {margin:0; background:url(img/ttl_topnew.jpg) no-repeat; padding:30px 5px 0; font-size:13px;}
.inLeft dt {color:#66c; font-weight:bold;}
.inLeft dd {color:#444; margin:2px 0 4px 15px;}
.inLeft a:link,
.inLeft a:active,
.inLeft a:visited { color:#555; text-decoration:none;}
.inLeft a:focus,
.inLeft a:hover { text-decoration:underline; color:#c9c;}



.inRight {margin:0; background:url(img/ttl_topacc.jpg) no-repeat; padding:35px 0 0; font-size:12px; line-height:110%; color:#444;}
.inRight p {margin:8px 0 10px;}

#TTLimage { width:576px; float:left;}

#inContents {background:url(img/incon_mid.jpg) repeat-y; padding:0 15px 0 10px; font-size:12px;}
h2 {margin:0 0 10px; background:url(img/h2.jpg) no-repeat; height:50px; text-indent:-999px; }
h2.inf { background-position:0 -50px;}
h2.ref { background-position:0 -100px;}
h2.acc { background-position:0 -150px;}
h2.def { background-position:0 -200px;}
h2.tes { background-position:0 -250px;}
h2.new { background-position:0 -300px;}


#inContents h3 {margin:0 0 5px 170px; padding:0; background:url(img/h3.jpg) no-repeat; height:30px; line-height:30px; text-indent:22px; font-size:15px; color:#396;}
#inContents h3.leftMax {margin-left:0;}

#inContents h4 { border-left:5px solid #369; border-bottom:1px solid #369; font-size:12px; padding:1px 0 1px 8px; margin:0 0 8px; color:#033;}


#inContents p { margin:.6em 0; line-height:150%;}
#inContents blockquote {float:right; width:480px; margin:0; padding:0;}
#inContents blockquote ul { margin:0; padding:10px 20px;}
#inContents blockquote ul li { list-style-position:inside; letter-spacing:1px; line-height:120%;}

#inContents blockquote ul li ul {padding:3px 30px;}
#inContents img.photo { margin:10px 0 0 8px; float:left;}

.reffer ul { margin:0; padding:0;}
.reffer ul li {margin:0 0 10px; padding:0; float:left; list-style-type:none;}


.txtLinks { font-size:11px; text-align:center; margin-bottom:5px;color:#444;}
.txtLinks a {padding:2px;text-decoration:none; color:#666;}
.txtLinks a:focus,
.txtLinks a:hover {color:#399; text-decoration:underline;}

.copy { padding:5px;font-size:10px;font-family:Arial; font-weight:bold; border-top:3px solid #66c; text-align:right; color:#36c;}

.tbl { margin:0 40px 10px;}
.tbl table {background:#bbb;}
.tbl th { background:#cfc;}
.tbl td { background:#fff;text-align:center; letter-spacing:2px; font-size:14px;}

.tbl td.color1 {background:#ffd;}
.tbl td.color2 {background:#dff;}
.tbl td.color3 {background:#fdf;}

small {font-size:11px; color:#c00;}
br.clear {clear:both; line-height:1%; font-size:1%;}
#qr {
	background-image: url(img/ttl_mobile.jpg);
	background-repeat: no-repeat;
	height: 97px;
	width: 200px;
	padding-top: 33px;
}