/* clearfix */
.clearfix {
	zoom:1;	/* for IE 5.5-7 */
}
.clearfix:after {	/* for modern browser */
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.clear {
	clear: both;
	line-height: 0;
}

html {
	font-size: 62.5%;
}
body {
	color: rgb(51, 51, 51); padding-top: 0px; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color: rgb(255, 255, 255); background: url(../img/background.png) no-repeat left 26px;
}

h1,h2,h3,h4,h5,h6,p,a {
	margin: 0px;
}
ul {
	list-style: none; margin: 0px; padding: 0px;
}
strong {
	font-weight: bold;
	color:#ee3f30;
}

.tCenter { text-align:center; }
.tCenter02 {
	text-align:center;
	background:#999;
	color:#fff;
	margin:0.5em;
}
.mB10 { margin-bottom:1em; }
.mL10 { margin-left:1em; }
.mL20 { margin-left:2em; }
.mL30 { margin-left:3em; }
.txt85 { font-size:85%; }

.close-btn {
	margin: 10px auto 0px; width: 100px;
}
#close-btn {
	background: url("../img/close_btn.png") no-repeat; border: 0px currentColor; width: 100px; height: 34px;
}

.cl-sp,.cl-sp2 {
	display: none;
}


.gStyle img {
    border: 0 none;
    vertical-align: bottom;
}
div.gStyle div.gStyleIn {
    margin: 1px auto 0;
    width: 960px;
}
div#gHeader {
    border-bottom: 1px solid #e5e5e5;
    border-top: 2px solid #0072ba;
    padding: 0 0 4px;
}
div#gHeader p.groupLogo {
    float: right;
    margin: 4px 0 0 18px;
}
div#gHeader p.groupLogo2 {
    float: right;
    margin: 4px 0 0;
}
div#gHeader::after, div#gFooter::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.header {
    margin: 0;
    max-width: 100%;
    min-width: 960px;
}
.header-logo {
    height: 20px;
    margin: 0 auto;
    padding-bottom: 1px;
    padding-top: 9px;
    width: 960px;
}
.header-logo2 {
    height: 31px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 5px;
    position: relative;
    width: 960px;
}
.header-logo {
    text-align: right;
}
.header-logo h1 a img, .header-logo2 h1 a img {
    margin: 0 10px 0 0;
    padding: 0;
}
.header-logo2 p a img {
    height: 23px;
    margin: 0;
    padding: 0;
    width: 95px;
}
.header-logo p a img {
    margin: 0;
    padding: 0;
}
.header-logo h1, .header-logo p, .header-logo2 h1, .header-logo p {
    display: inline;
    margin: 0;
    padding: 0;
}
.header-line {
    background-color: #5679d9;
    max-width: 100%;
    min-width: 960px;
    padding: 10px 0;
    width: 100%;
}
.header-line-inner {
    margin: 0 auto;
    overflow: hidden;
    width: 950px;
}
.header-title {
    float: left;
    line-height: 1rem;
}
.header-title a {
    text-decoration: none;
}
.header-line-inner::after {
    clear: both;
    content: "";
    display: block;
}


.tokusyu_link{
	background:url("../img/sakura_tab.png") no-repeat;
	width:186px;
	height:27px;
	font-size:14px;
	position:absolute;
	top:0;
	right: 197px;
	text-align:left;
	padding:7px 0 0 32px;
	margin-top:-2px;
}
.tokusyu_link a{
	color:#555;
}
.tokusyu_link a:hover{
	text-decoration:none;
}
.footer {
    margin: 0 auto 10px;
}
.footer-line {
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #fff, #eee 1%, #fff 99%, #fff) repeat scroll 0 0;
    border-top: 1px solid #a4b6e8;
    clear: right;
    height: 20px;
    max-width: 100%;
    min-width: 960px;
    width: 100%;
}
.pagetop {
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 10px;
    width: 960px;
}
.pagetop a {
    background: rgba(0, 0, 0, 0) url("../../shared_lib/img/pagetop_btn.png") no-repeat scroll 0 0;
    display: block;
    float: right;
    height: 22px;
    width: 97px;
}
.pagetop a:hover {
    background: rgba(0, 0, 0, 0) url("../../shared_lib/img/pagetop_h_btn.png") no-repeat scroll 0 0;
}
.footer ul {
    margin: 0 auto;
    overflow: hidden;
}
.footer ul li {
    border-left: 1px solid #333;
    float: left;
    font-size: 1.4rem;
    margin: 0;
    padding: 0 10px;
}
.footer ul li a {
    color: #0279d5;
}
.footer ul li:first-child {
    border-left: 0 none;
    padding-left: 0;
}
.copyright {
    clear: left;
    color: white;
    margin: 0 auto;
    padding-bottom: 10px;
    width: 960px;
}
.footer-nav {
    background-color: #5679d9;
    max-width: 100%;
    min-width: 960px;
    padding: 10px 0 0;
    width: 100%;
}
.footer-nav ul li {
    border-color: #fff;
}
.footer-nav ul li a {
    color: white;
    text-decoration: none;
}
.footer-container {
    margin: 0 auto;
    overflow: hidden;
    padding: 5px 0;
    width: 960px;
}
.footer-logo {
    float: left;
    margin: 0 auto;
    padding: 10px 0 0;
}
.footer-info {
    float: right;
    width: 650px;
}
.footer-info ul {
    margin-top: 5px;
}
.footer-info ul li {
    border-color: #ccc;
    font-size: 1.2rem;
    line-height: 140%;
    padding: 0 7px;
}
.footer-container::after {
    clear: both;
    content: "";
}

.container {
	margin: 0px auto; padding: 10px 0px; width: 960px; font-size: 1.4rem;
}
.container a {
	color: rgb(30, 80, 162);
}
.container .pagetop a {
	font-size: 1rem;
}
.contents {
	margin: 0px auto; width: 960px;
}
.contents-inner {
	padding: 10px;
}

.title01 {
	background: rgb(241, 241, 241); padding: 12px 10px; font-size: 2.4rem; font-weight: bold; border-top-color: rgb(84, 122, 219); border-top-width: 4px; border-top-style: solid; display: block;
}
.title02 {
	background: rgb(123, 149, 216); padding: 8px 10px; color: rgb(255, 255, 255); font-size: 1.8rem; display: block;
}
.title03 {
	font-size: 1.8rem; font-weight: normal;
}
.text-inner {
	padding: 0 10px;
}
.pickup {
	text-align: center;
	line-height: 2.4rem;
	font-size: 1.6rem;
	 margin-bottom: 15px;
}
.line {
	padding: 10px;
	border: 1px solid rgb(187, 187, 187);
	width: 938px;
	margin-top: 10px;
}




/* アンカー部分 */

.help-step {
	text-align:center;
}

.help-step01 {
	margin-right:10px;
	background-color:#eee;
	border-left:#ea5959 solid 5px;
}
.help-step02 {
	margin-right:10px;
	background-color:#eee;
	border-left:#f49e00 solid 5px;
}
.help-step03 {
	margin-right:10px;
	background-color:#eee;
	border-left:#00ac71 solid 5px;
}
.help-step04 {
	background-color:#eee;
	border-left:#579dd6 solid 5px;
}

.help-step05,.help-step06,.help-step07,.help-step08 {
	margin-right:10px;
}


a.help-step01:link,
a.help-step02:link,
a.help-step03:link,
a.help-step04:link,
a.help-step05:link,
a.help-step06:link,
a.help-step07:link,
a.help-step08:link
 {
	text-decoration:none;
	color:#333;
	display:inline-block;
	padding:5px;
	width:200px;
	margin-bottom:10px;
}
a.help-step01:visited,
a.help-step02:visited,
a.help-step03:visited,
a.help-step04:visited,
a.help-step05:visited,
a.help-step06:visited,
a.help-step07:visited,
a.help-step08:visited {
	color:#333;
}

a.help-step01:hover,
a.help-step02:hover,
a.help-step03:hover,
a.help-step04:hover,
a.help-step05:hover,
a.help-step06:hover,
a.help-step07:hover,
a.help-step08:hover {
	background-color:#bebebe;
}


/* 各ステップタイトル */

.step01 {
	background:#eee;
	border-left:#ea5959 solid 5px;
}
.step02 {
	background:#eee;
	border-left:#f49e00 solid 5px;
}
.step03 {
	background:#eee;
	border-left:#00ac71 solid 5px;
}
.step04 {
	background:#eee;
	border-left:#579dd6 solid 5px;
}
.step05,.step06,.step07 {
	background:#eee;
	border-left:#666 solid 5px;
}


/* アコーディオン */

.accordion-box {
	height:auto;
	margin:0;
	padding:1px 0;
	text-align:left;
}

h4.step01,h4.step02,h4.step03,h4.step04,h4.step05,h4.step06,h4.step07 {
	color:#333;
	padding: 6px;
	font-size: 1.6rem;
	margin-bottom: 10px;
	background:#eee url(../img/arrow_up.gif) no-repeat right 13px;
	cursor:pointer;
}

/* active */
h4.active {
	background:#eee url(../img/arrow_down.gif) no-repeat right 13px;
}

.accordion-box .accordion-block {
	display:block;
	padding:0;
	margin-bottom:20px;
}

.accordion-box .accordion-block dl dt.step01-dt {
	clear:left;
	float:left;
	margin:0 0 0.8em 2em;
	border-left:solid 8px #7B95D8;
	padding-left:5px;
	color: #000;
}

.dt-width21 { 	width:21em; }
.dt-width12 { 	width:12em; }
.dt-width10 { width:10em; }

.accordion-box .accordion-block dl dt.step02-dt {
	clear:left;
	float:left;
	margin:0 0 2.2em 2em;
	border-left:solid 8px #7B95D8;
	padding-left:5px;
	color: #000;
	font-weight:bold;
}

.accordion-box .accordion-block dl dd {
	margin-bottom:0.8em;
	margin-right:1em;
}

li.maru {
	margin-left:1em;
	margin-top:1em;
	text-indent:-1em;
}

.seisekihyo {
	border:1px dotted #666;
	padding:4px;
	margin:0.5em 0;
	text-align:center;
}





/* step2の枠 */
.waku01 {
	border:1px dashed #666;
	padding:4px;
	margin:0 1em 0 0;
}

.waku01 ul {
	margin-left:1em;
	font-size:90%;
}
.waku01 ul li.mt0 {
	list-style: outside disc;
	margin: 0 0 0 1em;
}

/* step5～7 */
.step5-title {
	margin:1em 0 0 1em;
	border-left:solid 8px #7B95D8;
	padding-left:5px;
	color: #000;
	font-weight:bold;
}

.step5-setsu {
	margin:0.5em 0 0 2em;
}
.step5-setsu02 {
	margin:0.5em 0 0 2em;
	font-size:85%;
}
.step5-setsu03 {
	text-indent:-1em;
	margin-left:2em;
}

.step5-listUl {
	margin:0 2em;
}
.accordion-box .accordion-block ul li.step5-listLi {
	float:left;
	margin:0 2em;
}

.step5-column {
	border:1px solid #666;
	margin:2em 1em;
	padding:1em;
}

.step5-column02 {
	border:1px dotted #666;
	background:#fff;
	margin:1em;
	padding:1em;
}

.step5-column-title {
	font-size:120%;
}
.step5-column-title02 {
	font-size:110%;
	margin-top:1em;
}

.step5-column-setsu {
	margin-left:1em;
}
.step5-column-setsu02 {
	text-indent:-1em;
	margin:0.3em 0 0 1em;
	font-size:85%;
}

.kamoku-ul {
	margin:0 1em 0 0;
}
.kamoku-li {
	list-style:inside disc;
	padding:0.3em 0 0 1em;
}


/* 科目名の見方テーブル */
table {
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    width: 100%;
	margin:0.5em 0;
}
table th {
    background:#F6F6F6;
    border-right: 1px solid #666;
    border-top: 1px solid #666;
    text-align: center;
    vertical-align: top;
	padding:0.5em;
	white-space:nowrap;
}
table td {
    background:#fff;
    border-top: 1px solid #666;
    padding:0.5em;
    vertical-align: top;
}
table td.howtouse {
	border-right: 1px solid #666;
	width:33.333%;
}
table td.howtouse02 {
	border-right: 1px solid #666;
	border-top:0px;
	width:33.333%;
	font-size:85%;
}

div.sub_ttl {
    font-weight: bold;
}
div.sub_ttl2 {
	margin-top:1em;
    font-weight: bold;
}

table ul.tableul {
	margin:0;
}
table li.tableli {
	list-style:outside disc;
    padding:0;
	margin-left:2em;
}




.pagetop02 {
	margin:10px 0; width: 100%; overflow: visible; padding-bottom:10px;}
.pagetop02 a {
	background: url("../img/pagetop_btn.png") no-repeat 0px 0px; width: 97px; height: 22px; float: right; display: block;
}
.pagetop02 a:hover {
	background: url("../img/pagetop_h_btn.png") no-repeat 0px 0px;
}

img.fig {
	border:1px solid #cfd3c8;
	padding:4px;
}



.maru-red {
	color:#e10000;
	font-weight:bold;
}
.maru-green {
	color:#00b400;
	font-weight:bold;
}
.maru-blue {
	color:#0000e1;
	font-weight:bold;
}

.maru-blue2 {
	color:#5f81d7;
	font-weight:bold;
}


/* 3カラム */

.col3-left {
	float:left;
	width:280px;
	margin-top:10px;
	margin-bottom:20px;
}
.col3-center {
	float:left;
	width:300px;
	margin-left:19px;
	margin-right:19px;
	margin-top:10px;
	margin-bottom:20px;
}
.col3-right {
	float:left;
	width:280px;
	margin-top:10px;
	margin-bottom:20px;
}

/* 2カラム */

.col2-left {
	float:left;
	width:280px;
	margin-top:10px;
	margin-bottom:20px;
}
.col2-right {
	float:left;
	margin-left:18px;
	width:600px;
	margin-top:10px;
	margin-bottom:20px;
}

/* 科目名の見方（理１地公１） */

.rika1 {
	background-color: #f49e00;
	color: #ffffff;
}

.chiko1 {
	background-color: #00ac71;
	color: #ffffff;
	margin-left: 5px;
}