@charset "utf-8";

[hidden]{
	display:none;
}

/* ----------------------------------------------------------------
	Base
----------------------------------------------------------------- */
html{
	margin:0;
	padding:0;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing:subpixel-antialiased;
}

body{
	margin: 0;
	padding: 0;
	font-size: 13px;
	background-color: #FFF;
}

legend, hr{
	display:none;
}

/* ----------------------------------------------------------------
	Typography
----------------------------------------------------------------- */
body,button, input, select, textarea{
	font-family:'Lucida Grande', 'HiraKakuProN-W3', 'Hiragino Kaku Gothic ProN', '\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3', 'Hiragino Kaku Gothic Pro', '\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3', Meiryo, '\30E1\30A4\30EA\30AA', sans-serif;
}
h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	position:relative;
	font-size:100%;
	font-weight:bold;
}

p{
	margin:0;
	padding:0;
}

strong{
	font-weight:bold;
}

b, em{
	font-style:normal;
	font-weight:bold;
}

abbr[title]{
	border-bottom:1px dotted;
}

pre{
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word;
}

small{
	font-size:77%;
}

applet, object, iframe, blockquote, abbr, acronym, address, mark,
pre, big, cite, code, del, dfn, ins, kbd, samp, q, s,
small, strike, sub, sup, tt, var, b, u, i{
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
}

/* ----------------------------------------------------------------
	Links
----------------------------------------------------------------- */
a{
	color:#1561a6;
	text-decoration:underline;
}

a:focus{
	outline:thin dotted;
	text-decoration:underline;
}

a:hover,
a:active{
	outline:0;
	text-decoration:none;
}
/* ----------------------------------------------------------------
	Lists
----------------------------------------------------------------- */
menu, ul, ol, dl{
	margin:0;
	padding:0;
	list-style:none;
}
menu p, menu ul, menu ol, menu dl, menu table, ul p, ul ul, ul ol, ul dl, ul table, ol p, ol ul, ol ol, ol dl, ol table, dl p, dl ul, dl ol, dl dl, dl table{
	margin-top:5px;
	font-size:100%;
}

ol{
	list-style-type:decimal;
}
ol li ol{
	list-style-type:decimal;
}

/* ----------------------------------------------------------------
	Tables
----------------------------------------------------------------- */
table{
	margin:0;
	padding:0;
	border-spacing:0;
	width:100%;
	font-size:inherit;
}
table p, table ul, table ol, table dl, table table{
	margin-bottom:5px;
	font-size:100%;
}

/* ----------------------------------------------------------------
	Embedded content
----------------------------------------------------------------- */
img{
	border:0;
	line-height:1;
	max-width:100%;
	height:auto;
	vertical-align:bottom;
	-ms-interpolation-mode:bicubic;
}

svg:not(:root){
	overflow:hidden;
}

textarea{
	overflow:auto;
	vertical-align:top;
}
:root #connection{
	padding:100px 0 0 0;
	margin:-100px 0 0 0;
}
.indexpager,
#connection,
#googleads,
#mainContent,
#entry,
#toc,
#contentinfo small{
	-webkit-animation: contentloading 1s linear 1;
	-o-animation: contentloading 1s linear 1;
	animation: contentloading 1s linear 1;
}
@-webkit-keyframes contentloading{
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@-o-keyframes contentloading{
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes contentloading{
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
#header,
#navigation,
#complementary{
	-webkit-animation: slideloading 0.5s linear 1;
	-o-animation: slideloading 0.5s linear 1;
	animation: slideloading 0.5s linear 1;
}
@-webkit-keyframes slideloading{
	0% {
		-webkit-transform : translate(-250px, 0);
	}
	100% {
		-webkit-transform : translate(0, 0);
	}
}
@-o-keyframes slideloading{
	0% {
		-o-transform : translate(-250px, 0);
	}
	100% {
		-o-transform : translate(0, 0);
	}
}
@keyframes slideloading{
	0% {
		transform : translate(-250px, 0);
	}
	100% {
		transform : translate(0, 0);
	}
}
/* ----------------------------------------------------------------
	common
----------------------------------------------------------------- */
#header{
	width: 250px;
	height: 92px;
	overflow: hidden;
	position: fixed;
	top: 50px;
	left: 0;
	z-index: 101;
}
#header h1{
	width:250px;
	height:92px;
	overflow:hidden;
	margin:0;
	padding:0;
}
#header a{
	display: block;
	width: 200px;
	height: 0;
	outline: 0 none;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 92px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-image: url(%E3%82%B5%E3%82%A4%E3%83%88%E3%83%AD%E3%82%B4SSLINK.gif);
}
#navigation{
	width: 250px;
	height: 100%;
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	-webkit-box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.1);
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: 0 0;
}
#navigation ul{
	margin: 195px 0 0 0;
	padding: 0;
	border-bottom: 1px solid transparent;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #63CB7E;
}
:root #navigation > ul{
	background:none;
	border-bottom:1px solid rgba(255,255,255,0.35);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
#navigation li{
	margin: 0;
	padding: 0;
	border-top: 1px solid transparent;
	position: relative;
	background-color: #69D896;
}
:root #navigation li{
	border-top:1px solid rgba(255,255,255,0.35);
}
#navigation a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:13px 0 13px 40px;
	border-top:1px solid transparent;
	line-height:1;
	font-size:14px;
	position:relative;
	z-index:1;
}
:root #navigation a{
	border-top:1px solid rgba(14,92,170,0.1);
	text-shadow: 1px 1px 1px #999;
}
:root #navigation > ul > li > a{
	background:rgba(255,255,255,0.25) url(/img/navbg2.png) no-repeat 0 0;
}
:root #navigation a:before{
	content:"";
	display:block;
	width:0;
	height:42px;
	margin:0;
	background:rgba(255,255,255,0.5);
	position:absolute;
	top:-1px;
	left:0;
	z-index:0;
	opacity:0;
	-webkit-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}
:root #navigation li.active > a:before{
	width:100%;
	opacity:1;
}
:root #navigation:not(.touch) li:hover > a:before{
	width:100%;
	opacity:1;
}
html #navigation > ul > li:nth-child(2) > a{
	background-position:0 -42px;
}
html #navigation > ul > li:nth-child(3) > a{
	background-position:0 -84px;
}
html #navigation > ul > li:nth-child(4) > a{
	background-position:0 -126px;
}
html #navigation > ul > li:nth-child(5) > a{
	background-position:0 -168px;
}
html #navigation > ul > li:nth-child(6) > a{
	background-position:0 -210px;
}
#navigation ul ul{
	position:absolute;
	top:0;
	left:250px;
	margin:0;
	padding:0;
	border:0;
	width:0;
	overflow:hidden;
	display:block;
	opacity:0;
	-webkit-transition:all 0.2s ease 0.25s;
	-o-transition:all 0.2s ease 0.25s;
	transition:all 0.2s ease 0.25s;
}
#navigation ul{
	z-index:4;
}
#navigation ul ul{
	z-index:3;
}
#navigation ul ul ul{
	z-index:2;
}
#navigation ul ul ul ul{
	z-index:1;
}

:root #navigation:not(.touch) li:hover > ul{
	width:250px;
	opacity:1;
	overflow:visible;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
:root #navigation ul ul li{
	margin:0;
	padding:0;
	width:100%;
	border-top:1px solid rgba(255,255,255,0.9) !important;
}
#navigation ul ul li a{
	padding-left:10px;
	color:#333;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
	border-top:1px solid rgba(255,255,255,0.9) !important;
	text-shadow: 1px 1px 1px #fff !important;
	background:rgba(255,255,255,0.9) url(/img/navbg2.png) no-repeat left bottom;
	-webkit-box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}
#navigation li:hover ul{
	display:block;
}
#main{
	padding:0 0 0 250px;
	height:100%;
}
#mainContent{
	margin:0;
	padding:0;
	background:#fff;
	position:relative;
	word-wrap:break-word;
}
#cse-search-box{
	text-align:center;
	margin:0 0 30px 0;
	padding:1em 0;
	background:#eee;
}
#cse-search-box input{
	display:none;
}
#cse-search-box input:first-child{
	display:block;
	margin:0 auto;
	width:90%;
}
#complementary{
	position:fixed;
	bottom:0;
	left:0;
	width:250px;
	height:90px;
	overflow:hidden;
	z-index:101;
}
#complementary ul{
	height:90px;
	margin:0;
	padding:0;
	list-style:none;
}
#complementary li{
	float:left;
	margin:60px 15px 0 0;
	padding:0;
	height:30px;
	line-height:30px;
}
#complementary li:first-child{
	margin:60px 15px 0 15px;
}
#complementary li a{
	height:30px;
	line-height:30px;
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-size:11px;
	background:url(/img/navbg2.png) no-repeat 0 -284px;
	padding:0 0 0 25px;
}
#complementary li a:hover{
	text-decoration:underline;
}
#complementary li:first-child a{
	background-position:0 -254px;
}
#complementary #links{
	position:absolute;
	top:0;
	left:0;
	width:250px;
	height:60px;
	overflow:hidden;
	margin:0;
	padding:0;
	line-height:60px;
}
#complementary #links li{
	width:60px;
	height:60px;
	line-height:60px;
	margin:0;
	padding:0;
	position:absolute;
}
#complementary #links a{
	line-height:60px;
	display:block;
	padding:60px 0 0 0;
	width:60px;
	height:0;
	overflow:hidden;
}
#complementary #links a:hover{
	filter: alpha( opacity=70 );
	-ms-filter: "alpha( opacity=70 )";
	opacity:0.7;
	-webkit-transition:opacity 0.3s ease;
	-o-transition:opacity 0.3s ease;
	transition:opacity 0.3s ease;
}
#complementary #tw{
	top:0;
	left:104px;
}
#complementary #tw a{
	background-position:0 -314px;
}
#complementary #fb{
	top:0;
	right:15px;
}
#complementary #fb a{
	background-position:-60px -314px;
}
#complementary #rss{
	top:0;
	left:33px;
}
#complementary #rss a{
	background-position:-120px -314px;
}

#contentinfo{
	z-index:100;
	position:fixed;
	bottom:0;
	left:0;
	height:30px;
	width:100%;
	background:#000;
}
#contentinfo small{
	display: block;
	margin: 0;
	color: #FFF;
	padding: 0 15px 0 0;
	text-align: right;
	height: 30px;
	line-height: 30px;
	font-size: 11px;
	position: relative;
	z-index: 102;
}
#contentinfo small a{
	color:#fff;
	text-decoration:none;
}
#navigation > ul > li > a,
#complementary,
#contentinfo,
#toc h3 a,
#latest dt,
#latest li a .cat{
	font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Times, 'Times New Roman', serif;
	background-color: #69D896;
}

/* ----------------------------------------------------------------
	top
----------------------------------------------------------------- */
#tagline{
	background:#fff;
	height:195px;
	width:100%;
	margin:0;
	padding:0;
	display:block;
	position:relative;
	z-index:2;
}
#tagline a{
	color:#333;
	text-decoration:none;
	display:block;
	width:100%;
	height:195px;
	position:absolute;
	top:0;
	left:0;
	border-bottom:1px solid #aaa;
	outline:0 none;
	-webkit-box-shadow: 2px 2px 1px #ccc;
	box-shadow: 2px 2px 1px #ccc;
	-webkit-animation: taglineloading 1s linear 1;
	-o-animation: taglineloading 1s linear 1;
	animation: taglineloading 1s linear 1;
}
:root #tagline a{
	border-bottom:0 none;
}
@-webkit-keyframes taglineloading{
	0% {
		opacity:0;
		-webkit-transform : translate(0, -195px);
	}
	100% {
		opacity:1;
		-webkit-transform : translate(0, 0);
	}
}
@-o-keyframes taglineloading{
	0% {
		opacity:0;
		-o-transform : translate(0, -195px);
	}
	100% {
		opacity:1;
		-o-transform : translate(0, 0);
	}
}
@keyframes taglineloading{
	0% {
		opacity:0;
		transform : translate(0, -195px);
	}
	100% {
		opacity:1;
		transform : translate(0, 0);
	}
}
#tagline h2{
	padding:67px 0 0 0;
	height:0;
	width:100%;
	overflow:hidden;
	margin:0 auto;
	background:url(/img/tagline.png) no-repeat 50% 35px;
}
:root #tagline h2{
	background-position:center bottom;
}
#tagline p{
	max-width:60em;
	padding:0 15px;
	margin:25px auto 0 auto;
	text-align:center;
	letter-spacing:-0.05em;
	line-height:1.7;
	font-size:108%;
}
#latest{
	z-index:1;
	position:relative;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	display:inline-block;
	overflow:hidden;
}
#latest{
	display:block;
}
#latest:before,
#latest:after{
	content:"";
	display:table;
}
#latest:after{
	clear:both;
}
#latestWrapper{
	margin:0;
	padding:0;
	height:100%;
	overflow:hidden;
}
#latest ul{
	width:2250px;
	height:100%;
	margin:0;
	padding:0;
	list-style:none;
}
#latest li{
	float:left;
	width:149px;
	height:100%;
	background:#fff;
	margin:0;
	padding:0;
	top:0;
	left:0;
	cursor:move;
	border-right:1px solid #eee;
	overflow:hidden;
	position:relative;
	-webkit-user-select:none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#latest li[data-idx]:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	cursor:pointer;
}
:root #latest li[data-idx]:after{
	top:0;
	left:0;
}
.firstload li[data-idx="0"]{
	-webkit-animation: latestloading 1s linear 1;
	-o-animation: latestloading 1s linear 1;
	animation: latestloading 1s linear 1;
}
.firstload li[data-idx="1"]{
	-webkit-animation: latestloading 1.2s linear 1;
	-o-animation: latestloading 1.2s linear 1;
	animation: latestloading 1.2s linear 1;
}
.firstload li[data-idx="2"]{
	-webkit-animation: latestloading 1.4s linear 1;
	-o-animation: latestloading 1.4s linear 1;
	animation: latestloading 1.4s linear 1;
}
.firstload li[data-idx="3"]{
	-webkit-animation: latestloading 1.6s linear 1;
	-o-animation: latestloading 1.6s linear 1;
	animation: latestloading 1.6s linear 1;
}
.firstload li[data-idx="4"]{
	-webkit-animation: latestloading 1.8s linear 1;
	-o-animation: latestloading 1.8s linear 1;
	animation: latestloading 1.8s linear 1;
}
.firstload li[data-idx="5"]{
	-webkit-animation: latestloading 2s linear 1;
	-o-animation: latestloading 2s linear 1;
	animation: latestloading 2s linear 1;
}
.firstload li[data-idx="6"]{
	-webkit-animation: latestloading 2.2s linear 1;
	-o-animation: latestloading 2.2s linear 1;
	animation: latestloading 2.2s linear 1;
}
.firstload li[data-idx="7"]{
	-webkit-animation: latestloading 2.4s linear 1;
	-o-animation: latestloading 2.4s linear 1;
	animation: latestloading 2.4s linear 1;
}
.firstload li[data-idx="8"]{
	-webkit-animation: latestloading 2.6s linear 1;
	-o-animation: latestloading 2.6s linear 1;
	animation: latestloading 2.6s linear 1;
}
.firstload li[data-idx="9"]{
	-webkit-animation: latestloading 2.8s linear 1;
	-o-animation: latestloading 2.8s linear 1;
	animation: latestloading 2.8s linear 1;
}
.firstload li[data-idx="10"]{
	-webkit-animation: latestloading 3s linear 1;
	-o-animation: latestloading 3s linear 1;
	animation: latestloading 3s linear 1;
}
.firstload li[data-idx="11"]{
	-webkit-animation: latestloading 3.2s linear 1;
	-o-animation: latestloading 3.2s linear 1;
	animation: latestloading 3.2s linear 1;
}
.firstload li[data-idx="12"]{
	-webkit-animation: latestloading 3.4s linear 1;
	-o-animation: latestloading 3.4s linear 1;
	animation: latestloading 3.4s linear 1;
}
.firstload li[data-idx="13"]{
	-webkit-animation: latestloading 3.6s linear 1;
	-o-animation: latestloading 3.6s linear 1;
	animation: latestloading 3.6s linear 1;
}
.firstload li[data-idx="14"]{
	-webkit-animation: latestloading 3.8s linear 1;
	-o-animation: latestloading 3.8s linear 1;
	animation: latestloading 3.8s linear 1;
}
@-webkit-keyframes 	50% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@-o-keyframes 	50% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes 	50% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
/* ----------------------------------------------------------------
	pageout
----------------------------------------------------------------- */
.change #tagline a,
.change #main header{
	top:-195px;
	-webkit-animation: headerfadeout 0.5s linear 1;
	-o-animation: headerfadeout 0.5s linear 1;
	animation: headerfadeout 0.5s linear 1;
}
@-webkit-keyframes 	100% {
		-webkit-transform : translate(0, 0);
	}
}
@-o-keyframes 	100% {
		-o-transform : translate(0, 0);
	}
}
@keyframes 	100% {
		transform : translate(0, 0);
	}
}

.change #breadcrumbs{
	-webkit-animation: breadcrumbsfadeout 0.5s linear 1;
	-o-animation: breadcrumbsfadeout 0.5s linear 1;
	animation: breadcrumbsfadeout 0.5s linear 1;
}
@-webkit-keyframes 	100% {
		-webkit-transform : translate(0, -195px);
	}
}
@-o-keyframes 	100% {
		-o-transform : translate(0, -195px);
	}
}
@keyframes 	100% {
		transform : translate(0, -195px);
	}
}

.change .indexpager,
.change #connection,
.change #googleads,
.change #mainContent{
	-webkit-transition:opacity 0.5s ease-out ;
	-o-transition:opacity 0.5s ease-out ;
	transition:opacity 0.5s ease-out ;
	opacity:0;
}
#content {
	background-color: #FFFFFF;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
:root #navigation li.distance > ul,
:root #navigation li.distance:hover > ul{
	-webkit-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	transition: 0.5s ease-out ;
	width:0 !important;
	opacity:0 !important;
	overflow:hidden !important;
}
/* ----------------------------------------------------------------
	article
----------------------------------------------------------------- */
article{
	margin: 0 0 50px 0;
	background-color: #FFF;
}
#tagline,
header h2,
article h2,
article h3,
article h4,
article h5,
article h6,
.linkbox dt{
	font-family:'Times New Roman','YuMincho','HiraMinProN-W3','Hiragino Mincho ProN','\6E38\660E\671D','\30D2\30E9\30AE\30CE\660E\671D Pro W3','IPAexMincho','IPAex\660E\671D','MS PMincho','\FF2D\FF33 \FF30\660E\671D','MS Mincho','\FF2D\FF33 \660E\671D',serif;
}
#main header{
	background:#fff;
	height:195px;
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	display:block;
	position:relative;
	z-index:2;
	border-bottom:1px solid #aaa;
	-webkit-box-shadow: 2px 2px 1px #ccc;
	box-shadow: 2px 2px 1px #ccc;
	-webkit-animation: taglineloading 1s linear 1;
	-o-animation: taglineloading 1s linear 1;
	animation: taglineloading 1s linear 1;
}
:root #main header{
	border-bottom:0 none;
}
#requestErorr div,
#main header .time,
#breadcrumbs{
	font-family: Palatino, 'Palatino Linotype', 'Book Antiqua', Times, 'Times New Roman', serif;
	color:#898989;
}
#main header .time{
	display:block;
	margin:0;
	padding:3em 15px 1em 15px;
	font-size:124%;
	font-weight:normal;
	line-height:1;
	border:0 none;
}
#main header h2{
	font-size:223%;
	font-weight:normal;
	line-height:1.4;
	margin:0;
	padding:0 15px;
}
#breadcrumbs{
	border-top:1px dotted #ccc;
	font-size:12px;
	line-height:24px;
	text-align:center;
	position:absolute;
	top:171px;
	left:0;
	width:100%;
	height:24px;
	z-index:3;
	-webkit-animation: breadcrumbsloading 1s linear 1;
	-o-animation: breadcrumbsloading 1s linear 1;
	animation: breadcrumbsloading 1s linear 1;
}
@-webkit-keyframes breadcrumbsloading{
	0% {
		opacity:0;
		-webkit-transform : translate(0, -195px);
	}
	100% {
		opacity:1;
		-webkit-transform : translate(0, 0);
	}
}
@-o-keyframes breadcrumbsloading{
	0% {
		opacity:0;
		-o-transform : translate(0, -195px);
	}
	100% {
		opacity:1;
		-o-transform : translate(0, 0);
	}
}
@keyframes breadcrumbsloading{
	0% {
		opacity:0;
		transform : translate(0, -195px);
	}
	100% {
		opacity:1;
		transform : translate(0, 0);
	}
}
#breadcrumbs a{
	display:inline-block;
	color:#898989;
	text-decoration:none;
	padding-left:13px;
	background:url(/img/navbg2.png) no-repeat -230px -410px;
}
#breadcrumbs li:first-child a{
	padding-left:0;
	background:none;
}
#breadcrumbs ol{
	list-style:none;
	margin:0;
	padding:0;
}
#breadcrumbs li{
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
	display:inline;
}
#disqus_thread,
#entry{
	margin:4em auto 130px auto;
	padding:0 2em;
	max-width:80em;
	font-size:124%;/*16px*/
}
article a:hover,
article a:active{
	background-color:#ffc;
}
article .linkbox a:hover,
article .linkbox a:active,
article .index a:hover,
article .index a:active{
	background-color:transparent;
}
article h3{
	background:#f9f9f9;
	border-bottom:1px solid #ddd;
	padding:0.4em 15px;
	line-height:1.4;
	margin:3em 0 1.5em 0;
	font-size:169%;/*22px*/
	font-weight:normal;
	text-shadow:1px 1px 1px #fff;
}
html:lang(ja) article h3{
	border-bottom: 1px solid #9cbce3;
	padding: 0 15px 0.75em 15px;
	background:none;
	text-align:center;
}
:root article h3{
	border-bottom: 1px solid #ddd;
	padding: 0 15px 0.75em 15px;
	background:none;
	text-align:center;
}
article h3:before,
article h3:after{
	display:inline-block;
	font-size:185%;/*24px*/
	line-height:1;
	font-family:Times, 'Times New Roman', serif;
	color:#1561a6;
}
article h3:before{
	content:"\00300c";
}
article h3:after{
	margin:0 0 0 0.1em;
	content:"\00300d";
}
article h4{
	border-bottom:1px solid #9cbce3;
	padding:0.5em 0;
	line-height:1.4;
	margin:2.5em 0 1.25em 0;
	font-size:147%;/*19px*/
	font-weight:normal;
	position:relative;
}
article h4:before{
	content:"";
	display:block;
	width:50%;
	height:3px;
	background:#1561a6;
	position:absolute;
	bottom:-2px;
	left:0;
}
article p{
	margin:1em 0;
	padding:0;
	line-height:1.8;
}
article dl{
	margin:1.5em 0;
	padding:0;
	line-height:1.8;
	border-top:1px solid #ddd;
}
article dt{
	float:left;
	clear:left;
	width:18%;
	margin:0;
	padding:0.75em 1% 0.75em 1%;
	position:relative;
	z-index:2;
	background:#fff;
}
article dt:before{
	content:'';
	display:block;
	width:1px;
	height:5px;
	position:absolute;
	top:0;
	right:-1px;
	background:inherit;
}
article dd{
	z-index:1;
	position:relative;
	padding:0.75em 1% 0.75em 21.5%;
	border-bottom:1px solid #ddd;
	background:#fff;
}
article dd:before{
	content:'';
	display:block;
	width:1px;
	height:100%;
	position:absolute;
	top:0;
	left:20%;
	background:#ddd;
}
article dd:after{
	content:'';
	display:block;
	width:1px;
	height:5px;
	position:absolute;
	bottom:0;
	left:20%;
	background:inherit;
}
article ul{
	margin:1.5em 0;
	list-style:disc none outside;
	line-height:1.8;
}
article ol{
	margin:1.5em 0;
	line-height:1.8;
}
article dd ul{
	margin:0;
}
article ol li,
article ul li{
	margin:0.25em 0 0.25em 2.5em;
	padding:0;
}
article figure{
	text-align:center;
	margin:1.5em 0;
}
article code{
	padding:0 0.2em;
	margin:0 0.1em;
	background-color:#f5f5f5;
	color:#666;
}
article a code{
	color:inherit;
	padding:0;
	margin:0;
	background-color:transparent;
}
article kbd{
	margin:0 .1em;
	padding:0 .3em;
	border:1px solid #808080;
	background-color:#fff;
	font-size:95%;
	color:inherit;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
pre.prettyprint{
	background-color: rgb(248, 248, 248);
	color: gray;
	margin:1.5em 0;
	padding:0 0 0 0.2em;
	white-space:pre-wrap;
	word-wrap:break-word;
}
ol.linenums li{
	list-style: decimal outside;
	line-height: 1.5;
	border-left: solid 3px #6ce26c;
	padding-left: 0.2em;
	margin-left: .7em;
	background-color: white;
}
ol.linenums li.L1,
ol.linenums li.L3,
ol.linenums li.L5,
ol.linenums li.L7,
ol.linenums li.L9{
	background-color: rgb(248, 248, 248)
}
.com {
	color: #696969;
}
.lit {
	color: #195f91;
}
.opn, .clo {
	color: #93a1a1;
}
.fun {
	color: #dc322f;
}
.atv {
	color: #dd1144;
}
.kwd, .linenums .tag {
	color: #1e347b;
}
.typ, .atn, .dec, .var {
	color: teal;
}
.pln, .pun, .str {
	color: #48484c;
}
.prettyprint {
	background-color: #f7f7f9;
}
.prettyprint.linenums {
	-webkit-box-shadow: 40px 0 0 #fbfbfc inset, 41px 0 0 #ececf0 inset;
	box-shadow: 40px 0 0 #fbfbfc inset, 41px 0 0 #ececf0 inset;
}
ol.linenums {
	margin: 0 0 0 2em;
}
ol.linenums li {
	color: #bebec5;
	line-height: 1.4;
	padding-left: 1em;
	text-shadow: 0 1px 0 #fff;
}
article pre code{
	background:transparent;
	display:block;
	padding:0;
	margin:0;
}
code em,
code mark{
	background:none;
	display:inline-block;
	padding-bottom:1px;
	border-bottom:1px solid red;
}
article ins {
	display:block;
	text-decoration:none;
	padding:.5em 1em;
	margin:1em 0;
	border:1px solid;
	border-color:#fe6 #cb3 #dc4 #fe6;
	background:#f9ffe3;
	text-align:center;
}
article ins p{
	margin:0;
}
#underconstruction{
	text-align:center;
}
/* ----------------------------------------------------------------
	article classes
----------------------------------------------------------------- */
article dl,
.half,
.more{
	display:inline-block;
}
article dl,
.half,
.more{
	display:block;
}
article dl:before,
article dl:after,
.half:before,
.half:after,
.more:before,
.more:after{
	content:"";
	display:table;
}
article dl:after,
.half:after,
.more:after{
	clear:both;
}
.half{
	list-style:none;
	margin:2.5em 0 1.5em 0;
	padding:0;
}
.half li{
	width:50%;
	text-align:center;
	float:left;
	margin:0 0 1em 0;
	padding:0;
}
.half li{
	text-align:left;
}
.half .odd{
	clear:left;
}
.half li:nth-child(odd){
	clear:left;
}
.half li li{
	width:100%;
}
.half a{
	color:inherit;
	text-decoration:none;
}
.half dl{
	margin:0 1em;
	border:0 none;
	position:relative;
}
.half .even dl{
	margin:0 0 0 1em;
}
.half .odd dl{
	margin:0 1em 0 0;
}
:root .half dl{
	margin:0 0 0 1em;
}
:root .half li:nth-child(odd) dl{
	margin:0 1em 0 0;
}
.half dt{
	margin:0;
	padding:0.75em 1em;
	font-size:124%;
	line-height:1.4;
	background:#f9f9f9;
	border:0 none;
	color:#333;
	position:relative;
	text-shadow:1px 1px 1px #fff;
	float:none;
	width:auto;
	border:1px solid #ddd;
}
.half a dt{
	padding:0.75em 20px 0.75em 1em;
	background:#f9f9f9 url(/img/arrowblack.png) no-repeat right center;
}
.half a:hover dt,
.half a:hover dd{
	color:#999;
	-webkit-transition:color 0.3s ease;
	-o-transition:color 0.3s ease;
	transition:color 0.3s ease;
}
.half dt:before {
	top: 100%;
	left: 1.5em;
	height: 0;
	width: 0;
	border: 12px solid transparent;
	border-top: 12px solid #ddd;
	background:transparent;
	margin:0 0 0 -1px;
	display:block;
}
.half dt:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 1.5em;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-top: 10px solid #f9f9f9;
	background:transparent;
}
.half dd{
	margin:0;
	padding:1em;
	line-height:1.8;
	border:0 none;
	color:#333;
	position:relative;
	z-index:2;
	background:transparent;
}
.half dd:before,
.half dd:after{
	display:none;
}
.linkbox{
	margin:3em 0;
	width:100%;
}
.linkbox ul{
	display:table;
	width:100%;
	height:100%;
	min-height:100%;
	margin:0 0 2em 0;
}
.linkbox li{
	float:none;
	display:table-cell;
	width:50%;
	height:100%;
	min-height:100%;
	margin:0;
	padding:0;
	position:relative;
}
.linkbox a{
	display:block;
	height:100%;
	border:1px solid #ddd;
	color:#333;
	text-decoration:none;
	position:relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	overflow:hidden;
}
.linkbox a{
	margin:0 0 0 1em;
}
.linkbox li:nth-child(odd) a{
	margin:0 1em 0 0;
}
.linkbox a:before,
.linkbox a:after{
	content: "";
	display: block;
	width:90px;
	height:1px;
	position:absolute;
	background-color:#ddd;
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.linkbox a:hover:before,
.linkbox a:hover:after{
	background-color:transparent;
	-webkit-transition:background-color 0.5s ease;
	-o-transition:background-color 0.5s ease;
	transition:background-color 0.5s ease;
}
.linkbox a:before{
	top:15px;
	left:-15px;
}
.linkbox a:after{
	bottom:15px;
	right:-15px;
}
.linkbox dl{
	text-align:center;
	padding:0;
	margin:0;
	height:100%;
	border:0 none;
	position:relative;
	z-index:1;
}
.linkbox dl:before,
.linkbox dl:after{
	content: "";
	display: block;
	width:0;
	height:0;
	position:absolute;
}
.linkbox dl:before{
	top:0;
	left:0;
	border-top: 45px solid #1561a6;
	border-right: 45px solid transparent;
	-webkit-transform : translate(-45px, 0);
	-o-transform : translate(-45px, 0);
	transform : translate(-45px, 0);
}
.linkbox dl:after{
	bottom:0;
	right:0;
	border-bottom: 45px solid #9cbce3;
	border-left: 45px solid transparent;
	-webkit-transform : translate(45px, 0);
	-o-transform : translate(45px, 0);
	transform : translate(45px, 0);
}
.linkbox a:hover dl:before,
.linkbox a:hover dl:after{
	-webkit-transition : -webkit-transform 0.3s ease ;
	-webkit-transform : translate(0, 0);
	-o-transition : -o-transform 0.3s ease;
	-o-transform : translate(0, 0);
	transition : transform 0.3s ease;
	transform : translate(0, 0);
}
.linkbox dt{
	float:none;
	margin:0;
	padding:1em 0 0.5em 0;
	border:0 none;
	width:auto;
	font-size:139%;/*24px*/
	font-weight:normal;
	color:#1561a6;
	background:transparent;
}
.linkbox dd{
	border:0 none;
	border-top:1px solid #ddd;
	margin:0 1em;
	padding:1em 0 1.5em 0;
	background:transparent;
}
.linkbox dd:before,
.linkbox dd:after{
	display:none;
}
/*blockquote*/
dl.quote,
dl.quote dt,
dl.quote dd{
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	border:0 none;
	background:none;
	clear:both;
	float:none;
	position:relative;
}
dl.quote dt:before,
dl.quote dt:after,
dl.quote dd:before,
dl.quote dd:after{
	display:none;
}
dl.quote,
article blockquote {
	border:1px solid #ddd;
	padding:0 15px;
	margin:1em 0;
	color:#666;
	quotes:none;
	display:block;
}
article dl.quote blockquote{
	padding:0;
	margin:0;
	border:0 none;
}
dl.quote dt,
article blockquote h1{
	position:relative;
	height:auto;
	text-align:left;
	font-size:108%;
	font-weight:normal;
	font-style:normal;
	color:#666;
	margin:0 -15px 0.5em -15px;
	padding:0.75em 1em;
	line-height:1.4;
	background:#f9f9f9;
	text-shadow:1px 1px 1px #fff;
	border-bottom:1px solid #ddd;
}
dl.quote dt:before,
article blockquote h1:before {
	content: "";
	display:block;
	position: absolute;
	top: 100%;
	left: 1.5em;
	margin:0 0 0 -1px;
	height: 0;
	width: 0;
	background:transparent;
	border: 12px solid transparent;
	border-top: 12px solid #ddd;
}
dl.quote dt:after,
article blockquote h1:after {
	content: "";
	display:block;
	position: absolute;
	top: 100%;
	left: 1.5em;
	height: 0;
	width: 0;
	background:transparent;
	border: 10px solid transparent;
	border-top: 10px solid #f9f9f9;
}
dl.quote dd ul,
dl.quote dd ol{
	margin-top:1em;
	margin-bottom:1em;
}
article blockquote pre{
	margin:1em 0;
}

article table {
	margin:1em 0;
	overflow:auto;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:100%;
}
#mainContent article header img {
	width: 100%;
	height: 195px;
}
article table thead th{
	background:#0f527d;
	border-top:0 none;
	color:#fff;
	text-align:center;
}
article table thead th:first-child{
	border-top:0 none;
	border-left:0 none;
}
article table thead th:last-child{
	border-top:0 none;
	border-right:0 none;
}
article table tbody tr:nth-child(odd) th{
	background:#eef3f8;
}
article table tbody tr:nth-child(odd) td{
	background:#fafbfc;
}
article table tbody tr:nth-child(even) th{
	background:#e4ebf2;
}
article table tbody tr:nth-child(even) td{
	background:#f1f4f7;
}
article table th {
	padding:5px;
	border:1px solid #e1e1e1;
	font-weight:normal;
	text-align:left;
	line-height:1.4;
}
article table td {
	padding:5px;
	border:1px solid #e1e1e1;
	line-height:1.4;
}
article table caption {
	margin:0 0 .25em 0;
	padding:0;
	font-weight:normal;
	color:#777;
}
.sign{
	margin-top:3em;
	text-align:right;
}
td.sign{
	font-size:154%;
	text-align:center;
}
#structureList{
	list-style:none;
	border-top:1px dotted #ddd;
	border-bottom:1px dotted #ddd;
}
#structureList ul{
	list-style:none;
	margin:0;
}
#structureList li{
	border-top:1px dotted #ddd;
}
#structureList > li:first-child{
	border-top:0 none;
}
#structureList a{
	display:block;
	padding:0.25em 0;
}
#doc{
	border:1px solid #ddd;
	margin:1.5em 0 0 0;
}
#doc > p{
	margin:1em 10px;
}
#contentModels{
	border:1px solid #ddd;
	border-top:0 none;
	margin:0 0 1.5em 0;
}
#contentModels > div{
	border:1px solid #ddd;
	border-top:0 none;
	margin:1em 10px;
}
#contentModels > div > div{
	border:1px solid #ddd;
	padding-top:1em;
	margin:-1em 10px 1em 10px;
}
#contentModels > div > div > div,
#contentModels > div > div > div > div{
	margin:1em 10px;
	border:1px solid #ddd;
}

#contentModels div > p{
	margin:.5em 10px;
}
#doc .frame,
#contentModels .frame{
	background:#e0e0e0 !important;
	border:0 none !important;
	margin:0 !important;
	padding:0.25em 0 0.25em .5em !important;
}
#contentModels .frame + .frame{
	margin-top:1em !important;
}
#doc code,
#contentModels code{
	background:transparent;
	font-size:90%;
	padding:0;
}
#contentModels h3{
	margin:0.75em 0 0 0;
	border:0 none;
	background:none;
}
.category{
	font-size:90%;
	margin:0 10px 1em 10px;
	padding:0;
	border:0 none;
}
.category dl,
.category dl dt,
.category dl dd{
	border:0 none;
	margin:0;
	padding:0;
	background:none;
}
.category dl{
	border-bottom:1px solid #ddd;
	margin:0;
	overflow:hidden;
}
.category dl dt{
	padding:0.25em 0 0.25em 0.25em;
	width:14em;
}
.category dl dl dt{
	width:12em;
}
.category dl dl dl dt{
	width:10em;
}
.category dl dl dl dl dt{
	width:6em;
}
.category dl dd{
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	padding:0.25em 0 0.25em 15em;
	background-color:#fff;
}
.category dl dl dd{
	padding-left:13em;
}
.category dl dl dl dd{
	padding-left:11em;
}
.category dl dl dl dl dd{
	padding-left:7em;
}
.category dl dd:nth-of-type(odd){
	background-color:#f1f4f7;
}
.category dl dl dd:nth-of-type(even){
	background-color:#f1f4f7;
}
.category dl dl dd:nth-of-type(odd){
	background-color:#fff;
}
.category dl dl dl dd:nth-of-type(even){
	background-color:#f1f4f7;
}
.category dl dl dl dl dd:nth-of-type(odd){
	background-color:#fff;
}
.category dl dt:before,
.category dl dt:after,
.category dl dd:before,
.category dl dd:after{
	display:none;
}
.category dl dd p{
	margin:0;
}
.category dl dd ol{
	margin:0;
}
.category dl dd ol li{
	margin:0 0 0 2em ;
}
.category dl dd dl{
	margin:0 0 -0.25em 0;
	padding:0;
	border:0 none;
	border-left:1px solid #ddd;
}
.category dl dd dl dd{
	border:0 none;
	border-top:1px solid #ddd;
}
.category dl dd ul.list{
	margin:0;
	padding:0;
	list-style:none;
}
.category dl dd ul.list li{
	margin:0;
	padding:0;
}
.support td{
	text-align:center;
}
#sample,
#converter{
	text-align:center;
}
#sample iframe,
#converter iframe{
	border:0 none;
	margin:1em auto;
	padding:0;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	outline:0 none;
}
/* ----------------------------------------------------------------
	wide use
----------------------------------------------------------------- */
.w10{
	width:10%;
}
.w20{
	width:20%;
}
.w30{
	width:30%;
}
.w40{
	width:40%;
}
.w50{
	width:50%;
}
.w60{
	width:60%;
}
/* ----------------------------------------------------------------
	toc
----------------------------------------------------------------- */
#toc{
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 99;
	color: #fff;
	padding: 0 0 30px 0;
	font-size: 124%;
	width: 100%;
	overflow: hidden;
}
#toc.open{
}
#toc.selectable{
	background-color:transparent;
	width:100%;
}
#toc h3{
	text-align:center;
	height:30px;
	line-height:30px;
	overflow:hidden;
	margin:0;
	padding:0;
	color:#fff;
	text-decoration:none;
}

#toc.open h3{
	display:none;
}
#toc a{
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
}
#toc > ul > li > a{
	background-color:rgba(0,0,0,0.5);
	text-align:center;
	line-height:30px;
	height:30px;
}
#toc ul{
	height:0;
	width:0;
	margin:0;
	padding:0;
	overflow:hidden;
}
#toc.open ul{
	height:auto;
	width:auto;
}
#toc select{
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
	border:0 none;
	padding-top:0;
	padding-bottom:0;
	border-radius:0;
}
#toc ul a{
	color:#fff;
	text-decoration:none;
	padding:0 1em;
	text-shadow:1px 0 1px #000;
	height:1.8em;
	line-height:1.8em;
}
#toc ul .H4 a{
	padding-left:2em;
}
#toc ul a:hover{
	background-color:rgba(0,0,0,0.1);
}
#toc li li a:before{
	content:"\00251c";
}
#toc li li:last-child a:before{
	content:"\002514";
}
#toc li li:hover a:before{
	content:"\002192" !important;
}
#toc > h3,
#toc > ul,
#toc.selectable div{
	padding-left:250px;
}
@media (max-width: 481px) {
}
@media(min-width: 480px) {
}
@media(min-width: 640px) {
}
@media(min-width: 980px) {
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){
}

/* ----------------------------------------------------------------
	pager
----------------------------------------------------------------- */
.indexpager{
	margin:0;
	padding:0;
	text-align:center;
}
.pager{
	overflow:hidden;
	margin:190px auto 0 auto;
	padding:0 3em;
	max-width:80em;
	font-size:124%;
	position:relative;
	z-index:1;
	height:60px;
}
.pager li{
	width:50%;
	margin:0;
	padding:0;
	text-align:center;
	position:relative;
}
.pager .up{
	width:100%;
}
.pager .prev{
	float:left;
}
.pager .next{
	float:right;
}
.pager .prev:before{
	content:"\002190";
	position:absolute;
	top:1.25em;
	left:-1em;
	color:#666;
}
.pager .next:after{
	content:"\002192";
	position:absolute;
	top:1.25em;
	right:-1em;
	color:#666;
}
.pager li a{
	display:block;
	padding:1em 0;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
}
.pager .prev a{
	text-align:left;
}
.pager .next a{
	text-align:right;
}
/* ----------------------------------------------------------------
	contact
----------------------------------------------------------------- */
#result{
	margin:30px 0;
	text-align:center;
	font-size:139%;
	font-weight:bold;
}
#result.success{
	color:#1561a6;
}
#result.error{
	color:#e40000;
}
#main .contact header h2{
	padding:2em 0 0 0;
}
#main .contact header p{
	font-size:124%;
}
:root #requestErorr div{
	display:block;
	-webkit-animation: requesterrors 10s linear 1;
	-o-animation: requesterrors 10s linear 1;
	animation: requesterrors 10s linear 1;
}
@-webkit-keyframes requesterrors{
	0% {
		opacity:0;
		top:0;
		font-size:100%;
	}
	10% {
		opacity:1;
		top:50%;
		font-size:150%;
	}
	12% {
		top:45%;
		font-size:200%;
	}
	14% {
		top:50%;
		font-size:250%;
	}
	16% {
		top:45%;
		font-size:300%;
	}
	18% {
		top:50%;
		font-size:350%;
	}
	20% {
		opacity:1;
	}
	80% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
@-o-keyframes requesterrors{
	0% {
		opacity:0;
		top:0;
		font-size:100%;
	}
	10% {
		opacity:1;
		top:50%;
		font-size:150%;
	}
	12% {
		top:45%;
		font-size:200%;
	}
	14% {
		top:50%;
		font-size:250%;
	}
	16% {
		top:45%;
		font-size:300%;
	}
	18% {
		top:50%;
		font-size:350%;
	}
	20% {
		opacity:1;
	}
	80% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
@keyframes requesterrors{
	0% {
		opacity:0;
		top:0;
		font-size:100%;
	}
	10% {
		opacity:1;
		top:50%;
		font-size:150%;
	}
	12% {
		top:45%;
		font-size:200%;
	}
	14% {
		top:50%;
		font-size:250%;
	}
	16% {
		top:45%;
		font-size:300%;
	}
	18% {
		top:50%;
		font-size:350%;
	}
	20% {
		opacity:1;
	}
	80% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}

/* ----------------------------------------------------------------
	Media Queries
----------------------------------------------------------------- */
@media screen and (min-width: 980px) and (max-height: 550px){
	#complementary #links{
		display:none;
	}
}
@media screen and (max-width: 981px) {
	#loading{
		margin-left:-35px !important;
	}
	#header,
	#navigation{
	position: absolute;
	}
	#complementary,
	#contentinfo{
	position: relative;
	background-color: #64CC7C;
	margin-top: 5em;
	}
	#header{
	width: 165px;
	height: 80px;
	top: 14px;
	}
	#header h1{
	width: 80px;
	height: 58px;
	margin: 0 auto;
	}
	#header a{
	display: block;
	width: 100px;
	height: 0;
	background-size: 100% auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 58px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
	#main{
		padding:84px 0 0 0;
		height:100%;
	}
	#navigation{
	width: 100%;
	height: 84px;
	-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: 0 -26px;
	}
	#navigation ul{
		margin:0;
		padding:0 0 0 165px;
		background:none;
		border-bottom:0 none;
	}
	#navigation ul li{
		float:left;
		width:33.34%;
		margin:0 0 0 -0.01%;
		padding:0;
	}
	#navigation ul ul{
		display:none !important;
	}
}
@media screen and (max-width: 641px) {
	body{
		font-size:12px;
	}
	#tagline h2{
		background-size:75% auto !important;
	}
	#entry{
		margin-top:3em;
		padding:0 10px;
	}

	#latest li a .cat{
		display:none;
	}
	#main header h2{
		font-size:200%;
	}
	:root article h3{
		background:#f9f9f9;
		padding:0.4em 15px;
		text-align:left;
		font-size:154%;
	}
	:root article h3:before,
	:root article h3:after{
		display:none;
	}
	:root article h4{
		font-size:124%;
	}
	.category dl dd dl,
	article dl{
		border:0 none ;
	}
	article dt{
		float:none;
		width:auto;
		margin:1em 0 0 0;
		padding:0.25em 0;
		border:0 none;
		border-bottom:1px solid #ddd;
		text-align:center;
	}
	.category dl dt{
		float:none !important;
		width:auto !important;
		margin:1em 0 0 0 !important;
		padding:0.25em 0 !important;
		border:0 none !important;
		border-bottom:1px solid #ddd !important;
		text-align:center !important;
	}
	article dt:before{
		display:none;
	}
	article dd{
		margin:0 0 1em 0;
		padding:0.75em 0.5em;
		border:0 none;
	}
	.category dl dd{
		margin:0 0 1em 0 !important;
		padding:0.75em 0.5em !important;
		border:0 none !important;
	}
	article dd:before,
	article dd:after{
		display:none;
	}
}
@media screen and (max-width: 481px) {
	#header{
	width: 100px;
	}
	#navigation ul{
		padding:0 0 0 100px;
	}
	html #navigation > ul > li > a{
		padding-left:20px;
	}
}
@media only screen and (max-device-width: 480px) and (orientation:landscape) {
}
@media screen and (max-width: 421px) {
	body{
		font-size:11px;
	}
	#latest li dd{
		font-size:131%;
	}
	.half li{
		float:none;
		width:100%;
	}
	#shareThis iframe{
		margin:0 10px !important;
	}
}
/* for high resolution */
@media only screen and (-webkit-min-device-pixel-ratio : 2)
, only screen and (min--moz-device-pixel-ratio : 2)
, only screen and (min-device-pixel-ratio : 2) {
	#header a{
	background-image: url(%E3%82%B5%E3%82%A4%E3%83%88%E3%83%AD%E3%82%B4SSLINK.gif);
	}
	#tagline h2{
		background-image:url(/img/taglinex2.png);
		background-size:50% auto;
	}
}
@-o-keyframes 	100% {
		-o-transform:scale(0.7);
		opacity:0.1;
	}
}
@keyframes 	100% {
		transform:scale(0.7);
		opacity:0.1;
	}
}
@-webkit-keyframes 	100% {
		-webkit-transform: scale(0.7);
		opacity: 0.1;
	}
}
#box {
	margin-right: auto;
	margin-left: auto;
	width: 80%;
	color: #666666;
	font-size: 16px;
}
#content h1 {
	font-size: 24px;
	font-family: "Lucida Console", Monaco, monospace;
	color: #64CC7C;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #64CC7C;
}
#footer {
	background-color: #333;
}
#content p {
	font-size: 14px;
	color: #666;
	padding-top: 1em;
}
#content table {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	border-color: #63CC7C;
}
#main #mainContent #content table tr td h2 {
	text-align: center;
	background-color: #63CC7C;
	color: #FFF;
}
#main #mainContent #content #boxA {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2em;
	margin-bottom: 2em;
}
.clear {
	clear: both;
}
#boxA a img {
	float: left;
	width: 40%;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 5%;
	padding-bottom: 5%;
}