@charset 'UTF-8';


#sidebar dl dd li.precautions > a {color:#004097; font-weight:bold;}

#main > nav {}
#main > nav > ul {letter-spacing:-0.4em;}
#main > nav > ul > li {display:inline-block; width:330px; padding:15px; font-size:129%; font-weight:bold; letter-spacing:normal; vertical-align:top; line-height:1;}
#main > nav > ul > li > a {display:block; margin:-15px; padding:15px; background:#e5ecf5; color:#014099; text-align:center;}
#main > nav > ul > li > a:hover {background:#014099; color:#fff; text-decoration:none;}

#main > div {margin:30px 0 0;}
#main > div > h2 {color:#014099; font-size:129%; font-weight:bold;}
#main > div > div {margin:20px 0 0;}
#main > div > div > h3 {padding:10px 15px; background:#e5ecf5; color:#014099; font-size:100%; font-weight:bold;}
#main > div > div > blockquote {padding:1px 0 0;}
#main > div > div > blockquote > * {margin-top:1em;}
#main > div > div > blockquote a {color:#000; text-decoration:underline;}
#main > div > div > blockquote a:hover {text-decoration:none;}
#main > div > div > blockquote ul {list-style:disc inside;}
#main > div > div > blockquote ul > li {padding-left:1em; text-indent:-1em;}
#main > div > div > blockquote ol {}
#main > div > div > blockquote ol > li {}
#main > div > div > blockquote > p {font-size:100%;}
#main > div > div > blockquote > p b {color:#014099;}
#main > div > div > blockquote > ul {font-size:86%;}
#main > div > div > blockquote > small {display:block; font-size:86%;}
#main > div > div > blockquote > .caution {min-height:60px; position:relative; margin:1em 0 0; padding:19px 19px 19px 99px; border:1px solid #e5e5e5; font-size:86%;}
#main > div > div > blockquote > .caution > * {margin-top:1em;}
#main > div > div > blockquote > .caution > *:first-child {margin-top:0;}
#main > div > div > blockquote > .caution > h4 {
	width:99px; height:100%; position:absolute; left:0; top:0; background:url(../images/caution_title.png) 21px center no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}
#main > div > div > blockquote > .caution > img {display:block;}
#main > div > div > blockquote > .caution > p {}
#main > div > div > blockquote > .caution > small {display:block;}

#main > #before {}

#main > #after {}

html.fac-js-enabled #main > div {display:none; margin-top:-20px; padding:30px 0 0;}
html.fac-js-enabled #main > div > h2 {display:none;}
html.fac-js-enabled #main > nav > ul > li.selected > a {background:#014099; color:#fff;}
html.fac-js-enabled #main > div > div > h3 {cursor:pointer;}
html.fac-js-enabled #main > div > div > h3:hover {background-color:#014099; color:#fff;}
html.fac-js-enabled #main.before > #before {display:block;}
html.fac-js-enabled #main.after  > #after  {display:block;}


@media screen and (max-width: 599px) {

#main > h1 {padding:0; border:0; font-size:17px; text-align:center;}

#main > nav {}
#main > nav > ul {}
#main > nav > ul > li {width:50%; box-sizing:border-box; padding:10px; font-size:15px;}
#main > nav > ul > li > a {margin:-10px; padding:10px;}
#main > nav > ul > li > a:hover {}

#main > div {margin:20px 0 0;}
#main > div > h2 {font-size:15px;}
#main > div > div {margin:0; border-top:1px solid #e5e5e5;}
#main > div > div > h3 {padding:10px 40px 10px 10px; background:transparent; background-size:40px; color:#014099; font-size:14px;}
#main > div > div > blockquote {padding:0 9px 1px; border-top:1px solid #e5e5e5;}
#main > div > div > blockquote > * {}
#main > div > div > blockquote > *:last-child {margin-bottom:1em;}
#main > div > div > blockquote a {}
#main > div > div > blockquote a:hover {}
#main > div > div > blockquote ul, 
#main > div > div > blockquote ol {}
#main > div > div > blockquote ul > li, 
#main > div > div > blockquote ol > li {}
#main > div > div > blockquote > p {font-size:12px;}
#main > div > div > blockquote > p b {}
#main > div > div > blockquote > ul {font-size:10px;}
#main > div > div > blockquote > small {font-size:10px;}
#main > div > div > blockquote > .caution {min-height:0; padding:9px; border:none; background:#f2f2f2; font-size:10px;}
#main > div > div > blockquote > .caution > * {}
#main > div > div > blockquote > .caution > *:first-child {}
#main > div > div > blockquote > .caution > h4 {width:auto; height:50px; position:static; background-position:center 0; background-size:contain;}
#main > div > div > blockquote > .caution > img {width:100%; height:auto;}
#main > div > div > blockquote > .caution > p {}
#main > div > div > blockquote > .caution > small {}

#main > #before {}

#main > #after {}

html.fac-js-enabled #main > div {margin-top:0; padding:0; border:1px solid #e5e5e5; border-top:none;}
html.fac-js-enabled #main > div > h2 {}
html.fac-js-enabled #main > nav > ul > li.selected > a {}
html.fac-js-enabled #main > div > div > h3 {cursor:pointer; background:transparent url(../images/icon_open.png) right center no-repeat; background-size:40px;}
html.fac-js-enabled #main > div > div.opened > h3 {background-image:url(../images/icon_close.png);}
html.fac-js-enabled #main > div > div > h3:hover {background-color:transparent; color:#3466ad;}
html.fac-js-enabled #main.before > #before {}
html.fac-js-enabled #main.after  > #after  {}

}

/*注意事项 index.css*/

/*method*/
#method ul li {
	margin-bottom: 10px;
}

#method ul li:last-child {
	margin-bottom: 0;
}

@media screen and (max-width:599px){
}