/*
@media screen and (max-width:320px) {
	#wrapper { width:100%; }
}
*/
body { background:#f5f5f5; }

#wrapper {
	width:1000px;
	margin:0 auto;
	padding:40px 0 0 0;
}
@media screen and (max-width:600px) {
	#wrapper { width:100%; }
	img { width:100%; }
}


#inner { padding:0 0 0 10px; }
@media screen and (max-width:600px) {
	#inner { 
		padding:0;
		width:96%;
		margin:0 auto;
	}
}

#topicpath {
	margin-bottom:20px;
}
#topicpath span { color: #2b9dfe; }

h1 {
	border-left:solid 5px #2099e6;
	color: #2e2e2e;
	font-size: 250%;
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro"," Pro W3","Meiryo","MS PGothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
	font-weight: lighter;
	line-height: 1.6em;
	padding-left: 15px;
	/*white-space: nowrap;*/
	/*text-overflow: ellipsis;*/
	display: inline-block;
	overflow: hidden;
	margin:0 0 5px 5px;
}

#main { margin-bottom:50px; }
#main .l { width:540px; background:#ffffff; }
#main .r { width:420px; }

#main .l .h1 {
	border:solid 1px #cccccc;
	text-align:center;
	padding:40px 0 40px 0;
}
#main .l .h1 img { border:solid 1px #cccccc; }
#main .l .thumbs {
	border:solid 1px #cccccc;
	border-top:none;
	text-align:center;
	padding:40px 20px 40px 20px;
	font-size:0px;
}
#main .l .thumbs .fl {
	width:33.3%;
	text-align:center;
}

#main .l .thumbs img {
	width:130px;
	border:solid 1px #cccccc;
}
@media screen and (max-width:600px) {
	#main .l { width:100%; float:none; margin-bottom:20px; }
	#main .r { width:100%; float:none; }
	#main .l .thumbs img { width:90%; }
}

#main .r a.btn_view_book {
	width: 100%;
	text-align: center;
	vertical-align: center;
	font-size: 200%;
	color: #ffffff;
	background: #2099e6;
	text-decoration: none;
	line-height: 2em;
	margin-bottom: 6px;
	cursor: pointer;
	display:block;
}
#main .r a.btn_view_book:hover, active {
	background: #0a83ff;
}

#main .r .info {
	margin-top: 4px;
	margin-bottom: 30px;
	font-size: 90%;
	color: #686868;
	line-height: 1.2em;
}

#main #dousa .h {
	font-size: 140%;
	border-bottom:solid 1px #cccccc;
	padding-bottom:5px;
	margin-bottom:10px;
}

#main #dousa table {
	font-size:80%;
	width:420px;
	margin-bottom:20px;
}
#main #dousa table th, #main #dousa table td {
	padding:5px 0 5px 0;
	border:solid 1px #cccccc;
	vertical-align:top;
}
#main #dousa table th {
	text-align:left;
	width:120px;
	background:#f0f0f0;
}
#main #dousa table td {
	width:300px;
	background:#ffffff;
}

#main #dousa table span {
	display:inline-block;
	padding:0 5px 0 5px;
}

#main #dousa .pdf { font-size:80%; }

@media screen and (max-width:600px) {
	#main #dousa table { width:100%; }
	#main #dousa table th { width:auto; }
	#main #dousa table td { width:auto; }
}

#sousa {
	border:solid 1px #cccccc;
	margin-bottom:50px;
}

#sousa .title {
font-size: 170%;
background-color: #e8e8e8;
line-height: 2.1em;
padding-left: 20px;
}

#sousa .inner {
	padding:20px 0 20px 0;
	background:#ffffff;
}

#sousa .inner .clearfix.c1 { width:941px; margin:0 auto; }
#sousa .inner .l {
	width:470px;
	margin-bottom:40px;
}

#sousa .inner .blk {
	width:451px;
	margin:0 auto;
}
#sousa .inner .blk .h {
	font-size: 130%;
	font-weight: lighter;
	color: #000;
	border-bottom: 1px dotted #cccccc;
	padding: 0 0 7px 6px;
	margin-bottom:10px;
}
#sousa .inner .blk .l2 img { width:100px; }
#sousa .inner .blk .l2 { width:120px; }
#sousa .inner .blk .r2 { width:330px; }

@media screen and (max-width:600px) {
	#sousa .inner .clearfix.c1 { width:100%; }
	#sousa .inner .l {
		width:90%;
		margin:0 auto;
		float:none;
		margin-bottom:50px;
	}
	#sousa .inner .blk { width:100%; }
	#sousa .inner .blk .l2 img { width:90%; }
	#sousa .inner .blk .l2 { width:15%; }
	#sousa .inner .blk .r2 { width:80%; }

	#sousa .sp_hide { display:none; }
}