@charset Shift_JIS;

* {
	margin:0;
	padding:0;
}
html {
	overflow-y:scroll;
}
body {
	font-family:"ƒqƒ‰ƒMƒmŠpƒSPro W3", "Hiragino Kaku Gothic Pro", Osaka, ƒƒCƒŠƒI, "‚l‚r ‚oƒSƒVƒbƒN", Meiryo, sans-serif;
	font-size:80%;
	line-height:140%;
	color:#333;
	background-color:#fff;
	border-top:3px solid #003;
}
img {
	border:none;
	vertical-align:top;
}
hr {
	clear:both;
	visibility:hidden;
}
table th,
table td {
	text-align:left;
	vertical-align:top;
}
input,textarea,select {
	font-size:1em;
	margin-right:5px;
}
.clearfix{
    zoom:1;/*for IE 5.5-7*/
		overflow:hidden;
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
ol,ul {list-style:none;}

/* link
----------------------------------------------------------*/
a {
	outline:none;
}
a:link,a:visited {
	color:#369;
}
a:hover {
	color:#39f;
}
.img-filter a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}

/* base
----------------------------------------------------------*/
#wrapper {
	width:980px;
	margin:0 auto;
}
.main {
	width:755px;
	float:right;
}

/* header
----------------------------------------------------------*/
#header {
	height:112px;
	background:url(../images/line01.jpg) repeat-x bottom;
	margin-bottom:10px;
	margin-bottom:20px;
}
h1 {
	float:left;
	margin-right:198px;
}
#header-link {
	width:202px;
	float:left;
	margin-right:20px;
}

/* text-size
----------------------------------------------------------*/
#fchange {
	width:71px;
	height:26px;
	padding:7px 8px 7px 101px;
	float:left;
	background:url(../images/font_bg.jpg) no-repeat;
	text-indent:-9999px;
}
#fchange a {
	cursor:pointer;
}
#fsmall a,#fmiddle a,#flarge a {
	display:block;
	height:26px;
	float:left;
}
#fsmall a {
	width:21px;
	background:url(../images/font_s.jpg) no-repeat left;
}
#fmiddle a {
	width:24px;
	background:url(../images/font_m_o.jpg) no-repeat left;
}
#flarge a {
	width:26px;
	background:url(../images/font_l.jpg) no-repeat left;
}
#fsmall a:hover {
	background:url(../images/font_s_o.jpg) no-repeat left;
}
#fmiddle a:hover {
	background:url(../images/font_m_o.jpg) no-repeat left;
}
#flarge a:hover {
	background:url(../images/font_l_o.jpg) no-repeat left;
}

/* navi
----------------------------------------------------------*/
#navi {
	width:200px;
	float:left;
	margin-right:25px;
}
#navi ul {
	border-right:1px solid #deeaf0;
	border-left:1px solid #deeaf0;
	background:url(../images/navi_footer.jpg) no-repeat bottom #eef4f7;
	margin-bottom:10px;
	padding:5px 5px 10px 5px;
	width:188px;
}
#navi li {
	background:url(../images/line02.gif) repeat-x bottom;
	padding:5px 0;
}
#navi a {
	display:block;
	text-decoration:none;
	background:url(../images/icon01.gif) no-repeat left center;
	padding-left:12px;
	color:#003;
}
#navi a:hover {
	background:url(../images/icon02.gif) no-repeat left center;
	color:#c00;
}
#navi .on a {
	background:url(../images/icon02.gif) no-repeat left center;
	color:#c00;
}
.pankuzu {
	background-color:#eef4f7;
	border:1px solid #ccc;
	margin-bottom:10px;
	display:inline-block;
}
.pankuzu span {
	background:url(../images/pankuzu_bg.jpg) no-repeat right center #eef4f7;
	display:inline-block;
	padding:3px 24px 3px 15px;
}
.pankuzu span.now {
	background:none;
}

/* margin-padding
----------------------------------------------------------*/
.pt10 {padding-top:10px;}
.pt30 {padding-top:30px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.ml20 {margin-left:20px;}

/* color
----------------------------------------------------------*/
.blue {color:#003;}
.blue2 {color:#369;}
.red {color:#c00;}

/* hanyo
----------------------------------------------------------*/
.clear {clear:both;}
.bold {font-weight:600;}
.small {
	font-size:80%;
	line-height:120%;
}
.large {
	font-size:120%;
	line-height:120%;
}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.t-right {text-align:right;}
.form5 {width:25px;}
.form15 {width:75px;}
.form20 {width:100px;}
.form30 {width:150px;}
.form50 {width:250px;}
.form65 {width:325px;}
.form70 {width:350px;}
.form90 {width:450px;}
.ti1 {text-indent:1em;}
.border01 img {
	border:1px solid #ccc;
	padding:5px;
}
.line01 {
	background:url(../images/line01.jpg) repeat-x bottom;
	padding-bottom:10px;
}
.btn01 {
	display:inline;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	background-color:#eee;
	font-weight:bold;
	padding:6px 15px;
}
.btn01 a {
	display:inline-block;
	text-decoration:none;
	margin-top:5px;
}

/* midashi
----------------------------------------------------------*/
.midashi01 {
	background-color:#eef4f7;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	color:#003;
	font-weight:600;
	padding:3px 5px;
}
.midashi02 {
	background:url(../images/bg01.jpg);
	padding:3px 10px;
	text-align:center;
	font-weight:600;
	border-top:2px solid #003;
	border-bottom:1px solid #003;
}
.midashi03 {
	font-size:140%;
	line-height:140%;
	text-align:center;
	padding:20px 40px;
	font-weight:600;
	font-family:"‚l‚r ‚o–Ύ’©", "MS PMincho", "ƒqƒ‰ƒMƒm–Ύ’© Pro W3", "Hiragino Mincho Pro", serif;
	background:url(../images/bg03.jpg) no-repeat left top;
}
.midashi04 {
	background:url(../images/icon03.gif) no-repeat left center;
	padding-left:10px;
}
.midashi05 {
	font-family:"‚l‚r ‚o–Ύ’©", "MS PMincho", "ƒqƒ‰ƒMƒm–Ύ’© Pro W3", "Hiragino Mincho Pro", serif;
	font-size:140%;
	line-height:140%;
	font-weight:600;
	margin-bottom:10px;
	margin-top:20px;
	color:#003;
}
h3 {font-size:120%;}
h4 {font-size:120%;}
h3.title1 {
	margin-bottom:10px;
	margin-top:20px;
	background:url(../images/bg02.jpg) repeat-x center;
	padding:7px 10px;
	color:#003;
	border-bottom:1px solid #a4b1cb;
	border-right:1px solid #a4b1cb;
}
h3.title2 {
	border-left:5px solid #003;
	padding-left:10px;
}
h3.title3 {
	margin-bottom:20px;
	margin-top:10px;
	background:url(../images/bg04.jpg) repeat-x bottom;
	padding:5px 2px;
	color:#003;
}
h3.title4 {
	border:1px solid #ccc;
	padding:10px;
	margin-top:10px;
	padding-left:30px;
	background:url(../images/bg05.jpg) no-repeat left center #eee;
}
h4.title1 {
	border-bottom:1px dotted #003;
	margin-bottom:10px;
	padding:3px 5px;
}
h4.title1 .number {
	color:#369;
	padding-right:5px;
}
h4.title2 {
	background:url(../images/icon04.jpg) no-repeat left center;
	margin:20px 0 10px 0;
	padding:3px 5px 3px 20px;
	color:#333;
	border-bottom:1px dotted #666;
}
h4.title2 span {
	color:#f60;
}

/* list
----------------------------------------------------------*/
.list1 {
	list-style:decimal;
	margin-left:30px;
	color:#36c;
	font-weight:bold;
}
.list1 span {
	color:#333;
	font-weight:normal;
}
.list1 li {
	margin-bottom:5px;
}

/* table
----------------------------------------------------------*/
.common-table1 {
	width:440px;
	border-collapse:collapse;
	margin-bottom:2px;
}
.common-table1 th,
.common-table1 td {
	border:1px solid #ccc;
	padding:2px 3px;
}
.common-table1 th {
	width:20%;
	background-color:#eee;
}
.common-table1 .td1 {
	width:25%;
}
.common-table1 .td2 {
	width:15%;
}
.common-table1 .empty {
	background-color:#fff;
	border:1px solid #fff;
}
.common-table1 .total {
	background-color:#666;
	color:#fff;
	border-left:1px solid #ccc;
}

.common-table2,
.common-table3 {
	width:100%;
	border-collapse:collapse;
	background-color:#fff;
}
.common-table2 th,
.common-table2 td {
	border:1px solid #ccc;
	padding:10px 10px;
}
.common-table3 th,
.common-table3 td {
	border:1px solid #ccc;
	padding:2px 5px;
}
.common-table2 th,
.common-table3 th {
	width:1%;
	white-space:nowrap;
	background-color:#eee;
}
.common-table2 th span {
	color:#c00;
}
.common-table2 td span {
	padding-right:15px;
	white-space:nowrap;
	display:block;
	float:left;
}
.common-table2 td a {
	background:url(../images/icon03.gif) no-repeat left center;
	padding-left:8px;
}
.common-table2 .header,
.common-table3 .header {
	background-color:#eee;
	text-align:center;
	font-weight:600;
	border-bottom:1px solid #333;
}
.common-table2 .td1,
.common-table3 .td1 {
	width:75%;
}
.common-table2 .td2,
.common-table3 .td2 {
	text-align:center;
}
.common-table2 .td2 img,
.common-table2 .td3 img {
	margin:0 3px;
	background-color:#eee;
	padding:5px;
	border:1px solid #ccc;
}
.common-table2 .td2 a,
.common-table3 .td2 a {
	background:none;
	padding:0;
}

.common-table4 td {
	padding:5px 20px 0 0;
}
.common-table4 td a {
	background:url(../images/icon03.gif) no-repeat left center;
	padding-left:10px;
}
.common-table5 {
	width:100%;
	border-collapse:collapse;
}
.common-table5 th,
.common-table5 td {
	padding:2px 10px;
	border:1px solid #ccc;
}
.common-table5 th {
	background-color:#333;
	color:#fff;
	text-align:center;
}
.common-table5 .td1,
.common-table5 .td2 {
	width:1%;
	white-space:nowrap;
	background-color:#eee;
}
.common-table5 .td1 {
	text-align:center;
}
.common-table5 .area {
	color:#fff;
	font-weight:600;
}
.common-table5 .hkd {
	background-color:#69c;
}
.common-table5 .thk {
	background-color:#9cf;
}
.common-table5 .knt {
	background-color:#99f;
}
.common-table5 .tki {
	background-color:#6c9;
}
.common-table5 .knk {
	background-color:#9c6;
}
.common-table5 .tgk {
	background-color:#9c0;
}
.common-table5 .skk {
	background-color:#f93;
}
.common-table5 .ksy {
	background-color:#c66;
}

/* index
----------------------------------------------------------*/
#top #left-content {
	width:530px;
	float:left;
}
#top #right-content {
	width:200px;
	float:left;
	margin-left:25px;
	margin-top:-10px;
}
#top .info .topics {
	border-left:3px solid #1b4084;
	padding-left:8px;
	padding-right:5px;
	margin-bottom:10px;
}
#top .info .topics img {
	float:left;
	margin-right:10px;
	border:1px solid #ccc;
}
#top .info .text {
	overflow:hidden;
	zoom:1;
}
#top .info .text .date {
	text-align:right;
	display:block;
}
#top #letter span,
#top #free span {
	display:block;
	text-align:center;
	margin-bottom:5px;
}
#top #letter div {
	font-size:80%;
	line-height:120%;
}
#top #public {
	padding:0 8px;
	padding-bottom:30px;
}
#top #public .image {
	float:left;
	border:1px solid #ccc;
	margin-right:5px;
	margin-bottom:10px;
}
#top #public .book {
	overflow:hidden;
	zoom:1;
	padding-bottom:10px;
}
#top #public .book .title {
	font-weight:600;
	margin-bottom:5px;
}
#top #public .book .text {
	font-size:80%;
	line-height:120%;
	margin-bottom:5px;
}
#top #public .btn,
#top #free .btn {
	background-color:#eee;
	clear:both;
	padding:5px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#top #public .btn a:hover img,
#top #free .btn a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}
#top #free h3 {
	font-size:100%;
	background-color:#4e9600;
	border-top:3px solid #bdd968;
	color:#fff;
	padding:1px 4px;
	margin-bottom:10px;
}
#top #free div {
	margin-bottom:10px;
}

/* about/greeting
----------------------------------------------------------*/
#about #greeting p {
	text-indent:1em;
	margin-bottom:10px;
	font-family:"‚l‚r ‚o–Ύ’©", "MS PMincho", "ƒqƒ‰ƒMƒm–Ύ’© Pro W3", "Hiragino Mincho Pro", serif;
	line-height:160%;
	font-size:110%;
}
#about #greeting img {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	border:1px solid #ccc;
	padding:5px;
}

/* about/chart
----------------------------------------------------------*/
.chart-box {
	width:370px;
	padding-bottom:30px;
}
.chart-box .title {
	background-color:#06c;
	color:#fff;
	font-weight:bold;
	padding:5px 10px;
	margin-bottom:5px;
	margin-top:10px;
}
.chart-box small {
	font-weight:normal;
}
.chart-box p {
	border-bottom:1px solid #ccc;
	margin:5px 5px;
	padding:2px 2px;
}

/* engine/sokai
----------------------------------------------------------*/
#engine .tub {
	border-bottom:1px solid #02276b;
	margin-bottom:20px;
}
#engine .tub li {
	float:left;
}
#engine .table-box {
	width:440px;
	float:left;
}
#engine .r-img {
	width:300px;
	float:right;
}
#engine .text {
	width:490px;
	float:left;
}
#engine .text div {
	margin-bottom:20px;
}
#engine #last {
	background-color:#eee;
	padding:10px;
	background:url(../images/bg01.jpg);
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#engine .m-img {
	width:240px;
	float:right;
}
#engine .r-img div,
#engine .m-img div {
	margin-bottom:15px;
	margin-top:3px;
}

/* engine/sokai_bn
----------------------------------------------------------*/
#engine .ichiran {
	border:1px solid #ccc;
	padding:10px;
	margin-top:20px;
	background-color:#eee;
}
#engine .ichiran div {
	text-align:right;
	background-color:#fff;
	padding:2px 5px;
	margin-top:10px;
}
#engine .ichiran .detail {
	text-align:left;
	background-color:#fff;
	padding:2px 5px;
	margin-top:10px;
	overflow:hidden;
	zoom:1;
	border:1px dotted #999;
}
#engine .ichiran .right-table {
	width:260px;
	float:right;
	background-color:none;
	padding:0;
	margin-left:10px;
}
#engine .ichiran div .blue {
	border:1px solid #ccc;
	padding:0px 3px;
	display:inline-block;
	background-color:#eee;
}
#engine .ichiran .normal {
	text-align:left;
	background:none;
	margin-top:5px;
}

/* engine/somu
----------------------------------------------------------*/
.paging {
	text-align:right;
	margin:10px 0;
}
.paging img {
	vertical-align:middle;
}
.paging span a:link,
.paging span a:visited {
	background-color:#999;
	padding:5px 7px;
	text-decoration:none;
	margin:0 2px;
	color:#fff;
}
.paging span a:hover {
	color:#02276b;
	background-color:#ccc;
}
.paging span.current {
	background-color:#02276b;
	padding:5px 7px;
	text-decoration:none;
	margin:0 2px;
	color:#fff;
}

/* engine/somu_detail
----------------------------------------------------------*/
#engine .text2 {
	overflow:hidden;
	zoom:1;
	padding-bottom:30px;
}

/* study/meeting/list
----------------------------------------------------------*/
#meeting-list {
	width:100%;
	border-collapse:collapse;
}
#meeting-list th,
#meeting-list td {
	border:1px solid #ccc;
	padding:2px 5px;
}
#meeting-list th {
	text-align:center;
	background-color:#666;
	color:#fff;
}
#meeting-list td {
	white-space:nowrap;
	text-align:center;
}
#meeting-list .mds {
	background-color:#eef4f7;
}
#meeting-list .mds2 {
	background-color:#eee;
}
#meeting-list .kg {
	white-space:normal;
	text-align:left;
}

/* study/meeting/top
----------------------------------------------------------*/
#meeting-navi {
	width:150px;
	float:left;
}
#meeting-navi ul {
	padding:5px 5px;
	background-color:#eee;
}
#meeting-navi li {
	background:url(../images/line02.gif) repeat-x bottom;
	padding:1px 0;
}
#meeting-navi li a {
	text-decoration:none;
	display:block;
	padding:5px 8px;
	color:#003;
}
#meeting-navi li a:hover,
#meeting-navi .on a {
	background-color:#fff;
	color:#369;
	padding:5px 8px;
}
#meeting #content {
	width:580px;
	float:right;
}
#meeting .photo04 {
	width:140px;
	float:left;
	display:inline;
	padding:20px 2px;
}
#meeting .photo04 div {
	text-align:center;
	padding-bottom:5px;
	line-height:120%;
}
#meeting .oshirase {
	border-right:1px solid #02276b;
	border-bottom:1px solid #02276b;
	border-left:1px solid #02276b;
	padding:0 20px 10px 20px;
}

/* study/meeting/detail
----------------------------------------------------------*/
#meeting .photo02 {
	width:280px;
	float:left;
	display:inline;
	padding:20px 5px 10px 5px;
}
#meeting .photo02 div {
	text-align:center;
	background-color:#eee;
	padding:2px 5px;
}
#meeting .photo03 {
	width:180px;
	float:left;
	display:inline;
	padding:20px 6px 10px 6px;
}
#meeting .photo03 div {
	text-align:center;
	background-color:#eee;
	padding:2px 5px;
}

/* public/magazine
----------------------------------------------------------*/
#public .photo04 {
	width:180px;
	float:left;
	display:inline;
	padding:20px 4px 0 4px;
}
#public .photo04 div {
	text-align:center;
	background-color:#eee;
	padding:2px 5px;
}
#public .photo04 .book {
	background-color:#fff;
	padding:0;
	margin-top:5px;
}
#public .photo04 .book img {
	border:1px solid #ccc; 
	padding:5px;
}

/* public/question
----------------------------------------------------------*/
#public .q-box {
	width:360px;
	padding-bottom:20px;
}
#public .q-box .title {
	background-color:#666;
	color:#fff;
	margin-bottom:5px;
	padding:3px 10px;
	font-weight:600;
	border-top:2px solid #ccc;
	border-bottom:1px solid #ccc;
}
#public .pdf-link {
	width:250px;
	float:left;
	padding-bottom:20px;
}

/* sitemap
----------------------------------------------------------*/
#sitemap-box {
	line-height:200%;
	padding:0 50px;
}
#sitemap-box .cate {
	color:#c00;
	font-weight:600;
}
#sitemap-box a:link,
#sitemap-box a:visited {
	font-weight:600;
	background:url(../images/pageicon.gif) no-repeat left center;
	padding:5px 0 5px 18px;
	color:#003;
}
#sitemap-box a:hover {
	color:#369;
}
.kaisou-2 {
	margin-left:60px;
	border-left:1px solid #666;
}
.kaisou-2 span {
	background:url(../images/yoko_line.gif) no-repeat left center;
	padding-left:20px;
}
.kaisou-2-last span {
	background:url(../images/keisen.gif) no-repeat left center;
	padding-left:20px;
	margin-left:60px;
	display:block;
}
.kaisou-3 {
	margin-left:60px;
	border-left:1px solid #666;
}
.kaisou-3-last span {
	background:url(../images/keisen.gif) no-repeat left center;
	padding-left:20px;
	margin-left:60px;
	display:block;
}
.kaisou-3-last2 {
	margin-left:60px;
}
.kaisou-3-last2 .keisen {
	background:url(../images/keisen.gif) no-repeat left center;
}
.kaisou-3-last2 .keisen span {
	background:none;
}
.kaisou-4 {
	margin-left:60px;
	border-left:1px solid #666;
}
.kaisou-4 span {
	background:url(../images/yoko_line.gif) no-repeat left center;
	padding-left:20px;
}
.kaisou-4-last span {
	background:url(../images/keisen.gif) no-repeat left center;
	padding-left:20px;
	margin-left:60px;
	display:block;
}

/* footer
----------------------------------------------------------*/
.pagetop {
	text-align:right;
	clear:both;
	padding-top:30px;
	padding-bottom:5px;
}
#footer {
	background-color:#eee;
	padding:20px 0;
}
#f-navi {
	width:980px;
	margin:0 auto;
}
#f-navi a:link,
#f-navi a:visited {
	color:#003;
}
#f-navi a:hover {
	color:#369;
}
#f-navi #home {
	background:url(../images/home.jpg) no-repeat left center;
	padding-left:20px;
	font-size:120%;
	font-weight:600;
	margin-bottom:10px;
}
.f-blc {
	width:320px;
	float:left;
	margin:0 3px;
	display:inline;
}
.f-blc div {
	width:299px;
	padding:10px;
	background-color:#fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}
.f-blc li {
	background:url(../images/icon03.gif) no-repeat left center;
	padding-left:10px;
	margin:0 10px;
}

/* print
----------------------------------------------------------*/
@media print {

#navi,
#header-link,
#fchange,
#home,
.f-blc {
	display:none;
}
#header {
	width:755px;
}
.main {
	float:none;
}

}