@charset "utf-8";

    /* html,bodyタグの設定 */
    html, body{
    	margin: 0;	/* 余白の削除 */
    	padding: 0;	/* 余白の削除 */
    	height: 100%;	/* 縦の高さを100% */
    	width: 100%;	/* 横の幅を100% */
    }
    /* 全体を囲う大枠 */
    #wrapper {
    	position: relative;		/* フッター部の配置用に定義 */
    	min-height: 100%;		/* 縦の表示領域を100% */
    }

#about_site_main {
	max-width: 1000px;            /* 横の幅970px */
	margin: 20px auto 0;     /* 上から20px分余白を取る */
	/*padding-bottom: 60px;*/   /* フッターの高さの分余白を取る */
	color:#cccccc;
	overflow: hidden;
}
.about_site_maintitle {
	width: 100%;
	margin: 0 auto;
	overflow:hidden;
	background-color: #2f3a44;
	color:#ffffff;
	padding:10px 20px;
	font-size:120%;
}
div#download_btn {
	float:right;
	opacity: 0.5;
}
div#download_btn a {
	color:#cccccc;
	text-decoration: none;
	margin:10px;
	padding:10px 10px 5px 20px;
	border:1px solid #cccccc;
	display: block;
	cursor: default;
}
/*div#download_btn a:hover {
	color:#ffffff;
	background-color: #003366;
	margin:10px;
	padding:10px 10px 5px 20px;
	border:1px solid #cccccc;
	display: block;
}*/

img {
	image-rendering: -webkit-optimize-contrast;
}

img.dl_btn {
	width:40px;
	float: right;
	vertical-align: middle;
}
.about_site_content {
	background: #000;
	margin:20px;
	padding:15px;
	overflow:hidden;
	clear:both;
	/*! margin-bottom: 30px; */
}

.first_list_title {
	font-size: 120%;
	color: #cccccc;
}
.first_list_title {
	font-size:120%;
}
.paragraph_main {
	padding:15px 0px 15px 30px;
	color: #cccccc;
}
.second_list_title01, .second_list_title {
	color:#cccccc;
	font-weight: bold;
}
.second_list_title {
	margin-top: 30px;
}
.third_list_title {
	color:#ff9334;
	margin-top:30px;
}

.forth_list_title {
	margin-top: 10px;
}

.paragraph_sub02 {
	font-size: 100%;
	width:95%;
	margin-left:25px;
}

#about_site_main ul li {
	list-style: none;
}
li.first_list1 {
	vertical-align:top;
	background: #e7e7e7;
	margin-top:1px;
	margin-left:1px;
	padding:10px 10px 10px 15px;
	font-size:17px;
	/*! height:335px; */
	/*! width:390px; */
	color:#333333;
	text-align: left;
	display:inline-block;
	width:410px;

}

li.second_list {
	border-left:1px dotted #0071bc;
  display: none;
	padding-left:5px;
}
li.second_list a {
	padding:5px;
	font-size:15px;
	text-align: left;
	height:auto;
}
li.third_list {
	display:block;
	font-size:15px;
}

div#nestlist1_res {
	overflow: hidden;
	clear: right;
}

ul#nestlist1 {
	font-size:0px;
	margin: auto;
	padding: 20px 55px;
	z-index: 9999;
	overflow: hidden;
}

ul#nestlist1 a {
	text-decoration:underline;
	color:#0072bc;
}

ul.num_step {
	margin-left:40px;
	list-style: none;
	text-indent: -1.3em;
}
.blue_arrow {
	margin-right:1px;
	width: 15px;
	float:right;
	margin-top: 5px;
}
/*スクロール後の目次表示用-----------------------*/
#table_of_contents {
	display:none;
	position:fixed;
	top:5px;
	right: 5px;
	z-index: 1000;
	background-color: #e7e7e7;
	margin-left: 20px;
	padding: 10px 15px;
	padding-top: 15px;
	color:#515151;
	width:120px;
	z-index:9999;
	font-size: 18px;
	border-radius: 3px;
	cursor:pointer;
}
#nestlist2 {
	display:none;
	position:fixed;
	top:59px;
	right: 5px;
	z-index:9998;
	cursor: pointer;
}
ul#nestlist2 a {
	text-decoration:underline;
	color:#0072bc;
}
.first_list2 {
	vertical-align:top;
	background: #e7e7e7;
	margin-top:0px;
	margin-left:1px;
	padding:10px 10px 10px 15px;
	font-size:17px;
	color:#333333;
	text-align: left;
	width:391px;
	border-bottom:1px solid #000000;
}
.blue_arrow2 {
	margin-right:-6px;
	width: 15px;
	float:right;
	padding:5px;
	background-color: #0072bc;
  border-radius: 2px;        /* CSS3草案 */  
  -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 2px;   /* Firefox用 */  
}

/*end スクロール後の目次表示用----------------------*/
#contents_01, #contents_02, #contents_03, 
#contents_04, #contents_05, #contents_06,
#contents_07, #contents_08, #contents_09,
#contents_10, #contents_11, #contents_12,
#contents_13, #contents_14, #contents_15,
#contents_16, #contents_17, #contents_18,
#contents_19, #contents_20, #contents_21,
#contents_22 {
  margin-top: -75px; /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 75px; /* 打ち消し用のパディング */
}
#first_list1_1, #first_list1_2,
#first_list1_3, #first_list1_4, #first_list1_5,
#first_list1_6, #first_list1_7 {
  margin-top: -75px; /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 75px; /* 打ち消し用のパディング */	
}

/*キャプチャ画像用----------------------------------*/
.paragraph_sub {
	font-size: 100%;
	display: inline-block;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.paragraph_sub01 {
	font-size: 100%;
	display: inline-block;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #333333;
}
.scnshot {
	float:right;
}
.scn_cap {
  overflow: hidden;
	padding-top:10px;
}
.scn_cap02 {
	padding-top: 15px;
}
img.scn_01 {
	width: 350px;
	border:1px solid #515151;
	margin:15px 15px 3px;
}
div.scn_title {
	text-align: center;
	font-size:14px;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*footer----------------------------------------------------*/

/*pagetop*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 110px;
	right: 20px;
	margin-left: 524px;
	z-index: 10000;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #003366;
	border-radius: 50px;
	border:1px dotted #ccc;
	text-align: center;
	color: #cccccc;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}
.pagetop a:hover {
	background-color: #000099;
}




/*responsive----------------------------------------------------*/
/* ウィンドウ幅が~　○○○　pxの場合に適用するCSS */
@media screen and ( max-width:700px ){
	.paragraph_sub,
	.paragraph_sub01 {
		display: flex;
		flex-direction: column;
	}
	img.scn_01 {
		max-width: 350px;
		width: 100%;
		margin: 15px 0 0;
	}
	div.scn_title {
		text-align: left;
	}
}