﻿/*190918亀井追加ここから*/
@media only screen and (min-width: 961px) {
	body{
		width: 100%;
	}
	.content{
		width: 900px;
		margin: 0 auto;
	}
	.figure img{
		width: 300px !important;
	}
	.figure2 img{
		width: 50px !important;
	}
	.figure3 img{
		width: 550px !important;
	}
	.figure4 img{
		width: 700px !important;
	}
	.figure5 img{
		width: 900px !important;
	}
	.figure6{
		width: 190px !important;
	}
	.figure6 img{
		width: 190px !important;
	}
	#previewcontent{
		width: 500px;
		margin: 0 auto;
	}
	.home{
		margin-bottom: 10px;
		border: 1px solid #CCC;
		box-sizing: border-box;
		padding: 0 10px;
	}
	.home a{
		padding: 0 !important;
		margin: 0 !important;
		text-decoration: none;
	}
	.home img{
		width: 100%;
		vertical-align: bottom;
	}
	.homeBox{
		width: 900px;
		margin: 0 auto;
	}
	.homeLeft{
		width: 180px;
		margin: 0 auto;
	}
	.homeRight{
		text-align: center;
		margin-top: -80px;
		padding-bottom: 10px;
	}
	.homeRight p{
		color: #333;
		padding-top: 46px;
	}
	.homeBox div:nth-child(3){
		margin-bottom: 0px;
	}
	.home:hover{
		opacity: 0.8;
	}
}
@media only screen and (max-width: 960px) {
	.home{
		margin-bottom: 10px;
		border: 1px solid #CCC;
		box-sizing: border-box;
		padding: 0 10px;
	}
	.home a{
		padding: 0 !important;
		margin: 0 !important;
		text-decoration: none;
	}
	.home img{
		width: 100%;
		vertical-align: bottom;
	}
	.homeBox{
		width: 100%;
	}
	.homeLeft{
		width: 150px;
		margin: 0 auto;
	}
	.homeRight{
		text-align: center;
		margin-top: -30px;
		padding-bottom: 10px;
	}
	.homeRight p{
		color: #333;
		font-size: 14px;
		font-weight: normal;
	}
	.homeBox div:nth-child(3){
		margin-bottom: 0px;
	}
	.home:hover{
		opacity: 0.8;
	}
	.figure6 img{
		max-width: 100% !important;
	}
}
h2{
	padding: 0 !important;
}
.titleBox{
	position: relative;
	text-align: center;
}
.titleBox p{
	font-weight: bold;
}
.clear{
	clear: both;
}
.topLink a{
	display: block;
	position: absolute;
	left: 5px;
	width: 60px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #AAA;
	background: #CCC;
	border-radius: 5px;
	text-decoration: none;
	color: #333 !important;
	font-size: 14px;
}
.topLink:hover{
	opacity: 0.7;
}


/*190918亀井追加ここまで*/

body { font-family: Arial; font-weight:normal; }
#myscrollbar::-webkit-scrollbar
{
        overflow:hidden;
        width:1px;
        background:#fafafa;
}
        #myscrollbar::-webkit-scrollbar:horizontal
        {
                height:1px;
        }
#myscrollbar::-webkit-scrollbar-button
{
       display:none;
}
#myscrollbar::-webkit-scrollbar-piece
{
        background:#eee;
}
        #myscrollbar::-webkit-scrollbar-piece:start
        {
                background:#eee;
        }
#myscrollbar::-webkit-scrollbar-thumb
{
        background:#333;
}
#myscrollbar::-webkit-scrollbar-corner
{
        background:#333;
}

.ui-header .ui-title { font-weight:normal; margin: .6em 10px .8em; padding-left: 2em; padding-right: 2em; white-space:normal; word-break: normal; }
.ui-li-divider, .ui-li-static { font-weight:normal; font-size: 16px; }
.ui-li .ui-btn-text .ui-link { font-weight:normal; white-space: normal; }
.ui-li .ui-btn-text a.ui-link-inherit { font-weight:normal; white-space: normal; word-break: break-all; }
.ui-collapsible h3 .ui-btn-text{ font-weight:normal; white-space:normal; word-break: break-all;}
.ui-collapsible h4 .ui-btn-text{ font-weight:normal; white-space:normal; font-weight:normal; word-break: break-all;}
.ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner { padding-top: .3em; padding-bottom:.3em; }
.ui-navbar .ui-btn-inner { font-weight:normal; }
.ui-dialog .ui-header, 
.ui-dialog .ui-content, 
.ui-dialog .ui-footer { 
	max-width: 90%; 
}
.ui-dialog h4 .ui-btn-text { height: 1em; vertical-align:middle;}
.ui-input-search input.ui-input-text { font-weight:normal; }

.ui-icon-dita-map {
	background: url("../img/icon_arrow_r.png") no-repeat !important;
}

.parent-link
{
	position: absolute;
	top: 0;
	left: 0;
	right: 10px;
	bottom: 0;
	padding-right:2em;
	background-image: url("../img/icon_arrow_r.png") !important;
	background-repeat: no-repeat;
	background-position: right center;
    cursor: pointer;
}
.parent-link-icon
{
	position: absolute;
	top: 0;
	right: -10px;
	width: 2em;
	bottom: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    border-left: 1px dotted white;
}




/*--------------------------------------------
/* 段落レイアウト設定
---------------------------------------------*/
div.contentstitle {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0068B6;
	border-top: 4px solid #CCCCCC;
	border-bottom: 4px solid #CCCCCC;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding: 7px 0px 3px 15px;
	}

div.p {
	font-size: 100%;
	color: #000000;
	}

#bodydiv div.p {
	font-size: 100%;
	color: #000000;
	}

#bodydiv ol.lista div.p {
	font-size: 100%;
	color: #000000;
	}

#warning div.p {
	font-size: 100%;
	line-height: 1.4;
	color: #000000;
	}

#caution div.p {
	font-size: 100%;
	line-height: 1.4;
	color: #000000;
	}

#important div.p {
	font-size: 100%;
	line-height: 1.4;
	color: #000000;
	}

#tip div.p {
	font-size: 100%;
	line-height: 1.4;
	color: #000000;
	}

#notice div.p {
	font-size: 100%;
	line-height: 1.4;
	color: #000000;
	}

ol.list1 {
	font-weight: normal;
	color: #000000;
	font-size: 100%;
	line-height: 1.4;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: -20px;
	}

ol.lista {
	font-weight: normal;
	color: #000000;
	font-size: 100%;
	line-height: 1.4;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: -20px;
	}
	
#bodydiv ol.list1 {
	font-weight: bold;
	color: #0068B6;
	font-size: 100%;
	line-height: 1.2;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: -20px;
	}

#bodydiv ol.list1 li.item {
	margin-top: 10px;
	margin-bottom: 10px;
	}

#bodydiv ol.lista {
	font-weight: normal;
	color: #000000;
	font-size: 100%;
	line-height: 1.2;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: -20px;
	}

ul.list {
	font-weight: normal;
	color: #000000;
	font-size: 100%;
	line-height: 1.4;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: -20px;
	}
	
#bodydiv ul.list {
	font-weight: normal;
	color: #000000;
	line-height: 1.2;
	font-size: 100%;
	margin-top: -5px;
	margin-bottom: 5px;
	margin-left: -20px;
	}
	
#warning ul.list {
	font-weight: normal;
	color: #000000;
	line-height: 1.4;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -20px;
	}
	
#caution ul.list {
	font-weight: normal;
	color: #000000;
	line-height: 1.4;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -20px;
	}

#important ul.list {
	font-weight: normal;
	color: #000000;
	line-height: 1.4;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -20px;
	}

#tip ul.list {
	font-weight: normal;
	color: #000000;
	line-height: 1.4;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: -20px;
	}

#notice ul.list {
	font-weight: normal;
	color: #000000;
	line-height: 1.4;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: -20px;
	}

table.framenone {
	font-size: 100%;
	margin-bottom: 10px;
	padding: 0px;
	}
	
table.frameall {
	font-size: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	}


div.fig {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	}

div.figtitle {
	font-weight: bold;
	color: #000000;
	font-size: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	}

#bodydiv div.fig {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	}

#bodydiv div.figtitle {
	font-weight: bold;
	font-size: 50%;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	}

div.section {
	margin-left: 10px;
	}

div.sectiontitle {
	font-weight: bold;
	color: #0068B6;
	margin-top: 5px;
	margin-left: -10px;
	}

div.foreign {
	margin-left: 10px;
	}

div.foreigntitle {
	margin-left: -10px;
	}
	
tr.theadbg {
	background-color: #CCCCCC;
	}

.bold
{
    font-weight: bold;
}
.underline
{
    text-decoration: underline;
}

.figure > ul
{
    list-style: none;
}
.figure > ul > li:before
{
    content: "◆";
	margin-left: -20px;
	margin-right: 5px;
}
.figure > ul > li > div
{
    display: inline-block;
}

.hs:before
{
    display:inline;
    content: "＜";
    font-weight: bold;
}
.hs
{
    font-weight: bold;
}
.hs:after
{
    display:inline;
    content: "＞";
    font-weight: bold;
}
.ts:before, .ns:before, .as:before
{
    display:inline;
    content: "【";
    font-weight: bold;
}
.ts, .ns, .as
{
    font-weight: bold;
}
.ts:after, .ns:after, .as:after
{
    display:inline;
    content: "】";
    font-weight: bold;
}
.ac:before, .nc:before
{
    display:inline;
    content: "【";
    font-weight: bold;
}
.ac > img, .nc > img
{
    vertical-align: -3px;
}
.ac:after, .nc:after
{
    display:inline;
    content: "】";
    font-weight: bold;
}

.ui-btn-inner > .ui-btn-text > img
{
    z-index:2 !important;
    transform: translateZ(100px) !important;
}

.lancmd .ui-btn-text { margin-right: 30px; background-image: url(../img/lancmd.png); background-repeat: no-repeat; background-position-x: right; background-position-y: center; }


