@charset "UTF-8";
/* CSS Document */

body,html {
	padding:0;
	margin:0;
}
body {
	font-size: 13px;
	font-family: Verdana, Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
}

ul {
	padding: 0;
	margin: 0;
}
ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#wrapper{
	width:960px;
	margin:40px auto;
	font-size:14px;
}
#wrapper.login{
	width:690px;
	margin:1px auto 40px auto;
}
#wrapper .inner{
	padding:0 35px;
}
#wrapper p{
	line-height:1.8;
}
h1#guide_header{
	width:960px;
	height:200px;
	text-indent:-9999px;
	background:transparent url(/images/guide/guideheader.jpg) no-repeat 0 0;
}
#wrapper.login h1#guide_header{
	width:730px;
	height:159px;
	text-indent:-9999px;
	background:transparent url(/images/guide/guideheader2.jpg) no-repeat 0 0;
	margin:0 auto;
}

h2{
	font-size:1.8em;
	color:#008842;
	font-weight:bold;
	border-bottom: solid 3px #008842;
	padding-top: 50px;
}

h3{
	font-size:1.3em;
	color:#adcd00;
	margin-top:20px;
	font-weight:bold;
	border-left :solid 5px #adcd00;
	padding-left: 10px;
}
h4{
	font-size:1.2em;
	font-weight:bold;
}
h5{
	margin:10px 0;
	font-size:1.1em;
	font-weight:bold;
}
h6{
	margin:10px 0;
	font-size:1.0em;
}
h6btn{
	width:330px;
	border-radius:2px;
	display:inline-block;
	background-color:#adcd00;
	padding:5px 10px;
	margin:10px 0;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	text-align:center;
}
h7{
	font-weight:bold;
}
.img-l{
	float:left;
	margin:0 15px 15px 0;
}
.img-r{
	float:right;
	margin:0  0 15px 15px;
}

hr{
	border:0;
	border-bottom:1px dotted #ccc;
	height:0;
	margin:25px 0;
}

.btn-style01{
	border-radius:2px;
	display:inline-block;
	padding:10px 25px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.btn-style01:hover{
	position:relative;
	top:2px;
	left:2px;
	text-decoration:none;
	color:#fff;
}
.bg_litegreen{
	background-color:#adcd00;
}
.bg_green{
	background-color:#008941;
}
.bg_orange{
	background-color:#d15500;
}
.bg_gray{
	background-color:#ccc;
}
.co_litegreen{
	color:#adcd00;
}
.co_green{
	color:#008941;
}
.co_orange{
	color:#d15500;
}
.co_gray{
	color:#ccc;
}

.p-style01{
	border:3px solid #ddd;
	border-radius:5px;
	padding:20px;
	display:inline-block;
}
.st-style01{
	font-size:1.2em;
}

.img-style01{
	border:1px solid #ddd;
}


.icon{
	position:absolute;
	top:20px;
	right:-10px;
	z-index:100;
	zoom:1;
}
.close {
	background:transparent url(../images/close.png) no-repeat 0 0;
	text-indent:-9999px;
	width:36px;
	height:36px;
	display:block;
	position:fixed;
	top:10px;
	right:10px;
	z-index:300;
}
.close:hover {
	top:11px;
	right:9px;
}
.cl{
	clear:both;
	margin:0;
	padding:0;
	width:0;
	height:0;
	line-height:0;
	font-size:0;
}
.indent{
        text-indent: -1em;
        padding-left: 2em;
}


/*==================================================
2.ヘッダ
==================================================*/

header { /* SSのを上書き。ヘッダーの影が必要 */
	border-top: solid 5px #0F6259;
	height: 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border-bottom:1px solid #ddd;
	box-shadow:0px 1px 1px 1px rgba(0,0,0,0.1);
}
div.headerIn {
	width: 960px;
	margin: 0 auto;
}
@media (-webkit-max-device-pixel-ratio: 2), (max-resolution: 2dppx) {
    .headerIn h1 {
            text-indent: -9999px;
            background-image: url(../imgs/logo01.png);
            background-position: left top;
            background-repeat: no-repeat;
            background-size: 345px;
            margin: 15px 0 0 0;
            float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    .headerIn h1 {
            text-indent: -9999px;
            background-image: url(../imgs/logo01@2x.png);
            background-position: left top;
            background-repeat: no-repeat;
            background-size: 345px;
            margin: 15px 0 0 0;
            float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
.headerIn h1 a {
	display: block;
	width: 345px;
	height: 65px;
}
.headerIn ul {
	display: table;
	margin: 30px 0 0 0;
	width: 400px;
	float: right;
}
.headerIn ul li {
	display: table-cell;
	margin: 0 0 0 2em;
	vertical-align: middle;
}
.goHome {
	text-align: right;
	padding: 0 2em 0 0;
}
.goHome:before {
	content: url(../imgs/common/icons/icon_01.png);
    padding-right: 0.5em;
}
li.goHome > a {
  vertical-align: top;
}
/*==================================================
6.ログイン後
==================================================*/
.headerIn ul.loginAf {
	display: table;
	margin: 30px 0 0 0;
	width: auto;
	float: right;
}
.headerIn ul.loginAf li {
	display: inline;
	margin: 0 0.25em;
	width: auto;
}
.headerIn ul.loginAf li:before {
	content: "| ";
}
.headerIn ul.loginAf li:first-child:before ,
.headerIn ul.loginAf li:nth-child(2):before {
	content: " ";
}
.beginner a {
	background-image: url(../imgs/common/buttons/btn_header01.png);
	background-position: left top;
	background-repeat: no-repeat;
	display: inline-block;
	width: 140px;
	height: 35px;
	text-indent: -9999px !important;
	vertical-align:middle;
}
/*==================================================
3.フッタ
==================================================*/
/* styleStandard.cssと同じものを利用する */



/*==================================================
追加になったアンカーメニュー　2021　5
==================================================*/
#wrapper .jamp{
	width: 730px;
	height:295px;
	background-color:#f1f7ea;
	margin: 0 auto;
}

.innerjump{
	padding: 15px 25px;
}
.jumptr{
	height: 35px;
}
.jumptd1{
	width: 360px;
}
.jumptd2{
	width: 320px;
}