@charset "utf-8";

/* ==================================================================
	beginner.css
	
=================================================================== */

.contents h2{
	margin-bottom:25px;
}

.contents .table-contents .category{
	padding-bottom:10px;
	margin-bottom:25px;
	border-bottom:dotted 1px #CCC;
}

.contents .table-contents .category h3{
	font-size:15px;
	padding-left:6px;
	color:#1b7156;
	border-left:solid 4px #1b7156;
	margin-bottom:15px;
	line-height:1;
}

.contents .table-contents .category ul.link-list{
	margin-left:10px;
	font-size: 116%;
}

.contents .table-contents .category ul.link-list li{
	padding-left:16px;
	background:url(../../../images/beginner/qa/arrow.gif) 0 0.3em no-repeat;
	margin-bottom:8px;
	text-decoration:none;
}

.contents .table-contents .category ul.link-list li a{
	text-decoration:none;
}
.contents .table-contents .category ul.link-list li a:hover{
	text-decoration:underline;
}


.contents .answer-area .category-area h3{
	font-size:16px;
	padding:7px 0 5px 7px;
	color:#1b7156;
	background:url(../../../images/beginner/qa/title-bg.gif) 0 0 no-repeat;
	margin-bottom:15px;
}

.contents .answer-area .category-area dl{
	margin-left:10px;
	margin-right:20px;
	padding-bottom:15px;
	margin-bottom:20px;
	border-bottom:dotted 1px #CCC;
}

.contents .answer-area .category-area dl dt{
	font-size:18px;
	color:#1b7156;
	padding-left:35px;
	background:url(../../../images/beginner/qa/question-bg.gif) 0 0.1em no-repeat;
	margin-bottom:10px;
	padding-top:2px;
}

.contents .answer-area .category-area dl dd{
	font-size: 116%;
	padding-left:35px;
	background:url(../../../images/beginner/qa/answer-bg.jpg) 0 0 no-repeat;
	line-height: 2;
}

.contents .answer-area .category-area .top{
	overflow:hidden;
}


@media only screen and
(max-width : 640px) {
 
.contents .main section img{
	max-width:100%;
}
 
.contents .main section{
	margin: 0 3% 30px;
}