@charset "utf-8";

body {
	font-size: .9em;
	line-height: 2;
}

div {
	box-sizing: border-box;
}

/* ----------------- Main Column ----------------- */
#mainContentWrap {
	width: auto;
}
/* ----------------- Left Column ----------------- */
#sideContent1 {
	padding: 20px 10px;
	width: 250px;
	background-color: #FAFAFA;
}
#sideContent1 h3 {
	margin-bottom: .5em;
	padding-left: 5px;
	font-size: 1.1em;
	border-left: 7px solid #333;
}
#sideContent1 ul {
	margin-bottom: 1em;
}
#sideContent1 li {
	list-style-type: disc;
	margin: .4em 0 .4em 1.5em;
}
/* ----------------- Center Column ----------------- */
#mainContent {
	padding: 20px;
	width: 740px;
	background-color: #FFF;
	box-shadow: 0 2px 1px #CCC;
}
#mainContent h2 {
	margin-bottom: 20px;
	padding: 10px 6px;
	color: #FFF;
	background-color: #333;
	font-size: 1.1em;
	border-radius: 4px;
}
#mainContent h3 {
	clear: both;
	padding-left: .5em;
	margin: 2em 0 .5em;
	font-size: 1.1em;
	border-left: 6px solid #333;
	border-bottom: 1px solid #666;
}
#mainContent p {
	margin: 0 1.5em 1.5em;
}
#mainContent li p {
	margin-left: 0;
}
#mainContent dt {
	float: left;
	margin-right: .5em;
	font-weight: bold;
}
#mainContent dd {
	overflow: hidden;
	margin-bottom: 1.2em;
	padding-left: .5em;
	border-left: 1px solid #DDD;
}
#mainContent > ul {
	margin: 0 1.5em;
}
ul.disc li {
	list-style-type: disc;
	margin-left: 1.5em;
}
ul.decimal li {
	list-style-type: decimal;
	margin-left: 1.5em;
}
#lastRevised {
	margin-top: 4em;
}
.border {
	padding-top: 1em;
	border-top: 1px dotted #333;
}
/* sitemap */
ul.first li,
ul.second li,
ul.third li {
	margin: .5em 0em;
}
#mainContent ul.first {
	margin: 0;
}
ul.second {
	margin: 0 1em 0 2em;
}
ul.second.top {
	margin-top: 1em;
}
ul.second > li {
	float: left;
	margin: 0 1em 1.5em 0;
	width: 310px;
}
ul.second.top > li {
	width: 204px;
}
ul.second > li > a,
ul.second > li > span {
	font-weight: bold;
}
ul.third {
	border-top: 1px solid #CCC;
	margin-top: .5em;
	padding-left: 1em;
}
ul.third > li:before {
	font-family: FontAwesome, "Helvetica Neue", Helvetica, Arial, sans-serif;
	content: "\f0da  ";
}
/* mypage_howto */
#mainContent.cominy h2 {
	padding-left: 3.5em;
	color: #333;
	background: url(/docs/img/cominy_logo.png) left no-repeat transparent;
	background-size: 6%;
	border-bottom: 3px solid #b8edf3;
	border-radius: 0;
}
.htButton {
	margin: 0 auto 2em;
	width: 60%;
	text-align: center;
}
.htButton a {
	display: block;
	position: relative;
	padding: 1em;
	font-weight: bold;
	color: #FFF;
	background: #ff8c3d;
	background: linear-gradient(to bottom, #ff8c3d, #ff6a04);
	border-bottom: 3px solid #d45600;
	box-shadow: 0 2px 2px #DDD;
	text-shadow: 0 2px 2px #d45600;
	border-radius: 6px;
	transition: all .3s;
}
.htButton a:hover {
	text-decoration: none;
	letter-spacing: 3px;
}
.htButton a:after {
	font-family: FontAwesome;
	content: "\f054";
	position: absolute;
	right: 1em;
}
#mainContent .contentBox {
	margin-bottom: 2em;
}
#mainContent.cominy h3 {
	margin: 0 0 1em;
	padding: .5em;
	border: none;
	color: #FFF;
	background: #87d4dd;
	background: linear-gradient(to right, #87d4dd, #b8edf3);
	box-shadow: 0 2px 2px #EEE;
	text-shadow: 0 2px #51b0bc;
	border-radius: 3px;
}
.textBox {
	float: left;
	padding-left: 1.5em;	
	width: 62%;
}
#mainContent .textBox p {
	margin-left:0;
}
#mainContent .textBox p:last-child {
	margin-bottom: 0;
}
.imgBox {
	float: right;
	padding-right: 1.5em;
	width: 38%;
}
.imgBox img {
	width: 100%;
	height: 100%;
}
#mainContent .imgBox p {
	margin: 0;
	color: #00BB33;
	font-size: 0.8em;
}
.fa-angle-double-right {
	margin-right: .3em;
}
#mainContent .mt1hf {
	margin-top: 1.5em;
}
/* mygames_howto */
.centerImgBox {
	text-align: center;
	margin-bottom: 1.5em;
}
/*blog_howto*/
.contentBox.buttonDesc dl {
	float: left;
	margin-right: 6.5em;
}
.contentBox.buttonDesc dl img {
	vertical-align: middle;
}