@charset "utf-8";
/*--------------------------------------------------
       CSS for ASCII INDEX - Ubuntu Magazine
                        Last Modified 2010.08.20
                        http://index.ascii.jp/
			Author:youko-a
			      :
			File Name:ubuntu.css
--------------------------------------------------*/
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img {
	margin: 0;
	padding: 0;
}
/* Common Settings */
/* Base Font Size
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body {
	margin: 0;
	padding: 0;
	background: #F1EAE1 url(/img/ubuntu/bg_body.gif) repeat-x left top;
	font:13px/1.231 "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",'Trebuchet MS',Trebuchet,Helvetica,Arial,Verdana,Sans-Serif;
	*font-size:small;
	*font:x-small;
}
table {
	font-size: inherit;
	font: 100%;
}
select,
input,
button,
textarea {
	font-size: 99%;
}
pre,
code,
kbd,
samp,
tt{
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}
a:link {
	color: #73581C;
	text-decoration: none;
}
a:visited {
	color:#9E5205;
	text-decoration: none;
}
a:hover {
	color: #f44800;
	text-decoration: underline;
	cursor: pointer;
}
img {
	vertical-align: top;
}
ul,ol {
	margin: 5px 0;
	list-style-type: none;
}
p {
	font-size: 108%;
}
h1 {
	font-size: 182%;
}
h2 {
	font-size: 197%;
}
h3 {
	font-size: 123.1%;
	font-weight: normal;
}
h4 {
	font-size: 108%;
	font-weight: normal;
}
h5 {
	font-size: 93%;
	font-weight: normal;
}
h6 {
	font-size: 93%;
	font-weight: normal;
}
address {
	font-size: 93%;
	font-style: normal;
	font-family: Arial,Helvetica,sans-serif;
}
.alcenter {
	text-align: center;
}
.alright {
	text-align: right;
}
.alleft {
	text-aling: left;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.alright {
text-align: right;
}
.fr {
float: right;
}
/* Clearfix*/
#wrap:after,
#contents .entries li:after,
.cfx:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#wrap,
#contents .entries li,
.cfx {
display:inline-block;
}
/* Hides from IE-mac \*/
* html #wrap,
* html #contents .entries li,
* html .cfx {
  height:1%;
}
#contents .entries li,
#wrap,
.cfx {
display: block;
}
/* End hide from IE-mac */

/* Wrapper */
#wrap {
	margin: 15px auto 0 auto;
	padding: 0;
	background: #F6F6F6 url(/img/ubuntu/bg_sideleft.gif);
	border: 1px solid #fff;
	border-top: 3px solid #fff;
	width: 970px;
}
#contents {
	margin: 0;
	padding: 15px 10px;
	float: right;
	background-color: #fff;
	width: 750px;
}
#leftside {
	margin: 15px 0;
	padding: 0 10px;
	float: left;
	width: 180px;
}
#header {
	margin: 0;
	padding: 7px 7px 10px;
	background: transparent url(/img/ubuntu/bg_header.gif) repeat-x left top;
	border-bottom: 1px dotted #E0AD12;
}
#footer {
	margin: 0;
	padding: 2em 0;
	background-color: #565248;
	clear: both;
}
#header h1 {
	margin: 0 auto;
	padding: 0;
	width: 606px;
	height: 80px;
	text-align: center;
}

#header h1 a {
	padding: 80px 0 0;
	width: 606px;
	height: 0;
	background: transparent url(/img/ubuntu/logo_ubuntu.gif) no-repeat left top;
	display: block;
	overflow: hidden;
}
#footer address {
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: center;
}
#contents .entries,
#contents .article {
	margin: 0 1.5em;
}
#contents .entries li {
	padding: 15px 0 10px;
	border-bottom: 1px dotted #ccc;
}
#contents .entries h2 {
	margin: 5px 0;
	padding: 0 0 0 22px;
	background: transparent url(/img/ubuntu/icon_entrytitle.gif) no-repeat left 2px;
	line-height: 1.2;
	font-size: 138.5%;
}
#contents .article h1 {
	margin: 5px 0 .5em;
	padding: 0 0 0 22px;
	color: #73581C;
	background: transparent url(/img/ubuntu/icon_entrytitle.gif) no-repeat left 1px;
	line-height: 1.2;
	font-size: 167%;
}
#contents .entries p {
	margin: 0 0 1em;
	line-height: 1.4;
}
#contents .article p {
	margin: 0 0 1em;
	line-height: 1.4;
	font-size: 123.1%;
}
#contents .entries .post,
#contents .article .post {
	font-size: 93%;
}
#contents .entries .author,
#contents .article .author {
	float: left;
}
#contents .entries .entrydata,
#contents .article .entrydata {
	margin: 5px 0 10px;
	padding: 0;
	background: transparent url(/img/ubuntu/border_entrydata.gif) repeat-y left top;
}
#contents .article .entrydata {
	margin: 1.5em 0 1em;
	font-size: 93%;
}
#contents .entries .entrydata span,
#contents .article .entrydata span {
	margin: 0;
	padding: 0 8px;
	border: none;
	background: transparent url(/img/ubuntu/border_entrydata.gif) repeat-y right top;
	display: inline;
	font-size: 85%;
}
#contents .entries .more a {
	margin: 10px 0 5px;
	padding: 0 0 0 18px;
	background: transparent url(/img/ubuntu/icon_more.gif) no-repeat left 50%;
	float: right;
}
#contents .entries .more a:hover {
	background: transparent url(/img/ubuntu/icon_more_hov.gif) no-repeat left 50%;
}
#contents .article .btnTwitter {
	text-align: right;
}
#contents .article .btnTwitter img {
	border: 0;
}
#contents .article .return {
	padding: 0 0 0 16px;
	float: right;
	background: transparent url(/img/ubuntu/icon_return.gif) no-repeat left 50%;
	font-size: 108%;
	font-weight: bold;
}
#contents .article h2 {
	margin: 1em 0;
	color: #f44800;
	font-size: 138.5%;
}
#contents .article h3 {
	margin: 1em 0;
	color: #fb8b00;
	font-size: 123.1%;
	font-weight: bold;
}
#contents .article table {
	margin: 5px auto 1em auto;
	border-collapse: collapse;
}
#contents .article table,
#contents .article th,
#contents .article td {
	border: 1px solid #333;
}
#contents .article th {
	background-color: #eee;
}
#contents .article th,
#contents .article td {
	padding: 2px;
}
#contents .article .img,
#contents .article .img th,
#contents .article .img td {
	padding: 0;
	border: none;
	background: transparent;
}
#contents .article .img td {
	padding: 2px 0;
	font-size: 108%;
}
#contents .article .imgTitle {
	color: #333;
	font-weight: bold;
}
#contents .article th a img {
	border-width: 1px;
}
#contents .article ul,
#contents .article ol {
	margin: 1em 0;
	padding: 0 0 0 1.5em;
	font-size: 108%;
	list-style-type: disc;
}
#contents .article ol {
	list-style-type: decimal;
}
#contents .article .pagination {
	margin: 1em 0;
	text-align: center;
}
#contents .article .pagination span {
	margin: 0 3px;
}
#contents .article .pagination span a {
	font-weight: bold;
}
#leftside .box {
	margin: 0 0 15px;
	padding: 0 0 5px;
}
#leftside h3 {
	margin: 0 0 5px;
	color: #D30000;
	font-weight: bold;
}
#leftside li {
	padding: 0 0 3px 14px;
	background: transparent url(/img/ubuntu/icon_sideleft_list.gif) no-repeat;
}
#leftside #latestIssue {
	border: 1px solid #ddd;
	border-top: none;
	background-color: #fff;
	text-align: center;
}
#leftside #latestIssue h3 {
	margin: 0 0 3px;
	padding: 2px 5px;
	color: #fff;
	background: #3C3018 url(/img/ubuntu/bg_sideleft_h3.gif) repeat-x left top;
	font-size: 108%;
	font-weight: normal;
	text-align: center;
}
#leftside #latestIssue p {
	margin: 5px;
	text-align: left;
}
#leftside #latestIssue p.cover,
#leftside #latestIssue p.btn {
	text-align: center;
}
#leftside #latestIssue p.cover a img {
	border: 1px solid #ccc;
}
#leftside #twitter {
	padding: 5px;
	background-color: #fff;
	border: 1px solid #ddd;
}
#leftside #twitter p {
	margin: 0 0 7px;
	padding: 0 0 0 16px;
	background: transparent url(/img/ubuntu/icon_twit.gif) no-repeat left 2px;
	word-break: break-all;
	font-size: 100%;
}
#leftside #archives li {
	margin: 0 0 5px;
}
#leftside #archives .entryindex li {
	margin: 0 0 3px;
}
#leftside #archives li.expandable {
	padding: 0 0 0 16px;
	background: transparent url(/img/ubuntu/icon_archives_open.gif) no-repeat left bottom;
}
#leftside #archives li.collapsable {
	padding: 0 0 0 16px;
	background: transparent url(/img/ubuntu/icon_archives_close.gif) no-repeat;
}
#leftside #archives li img {
	border: 0;
}
#leftside #archives .entryindex li {
	padding: 0 0 3px 14px;
	background: transparent url(/img/ubuntu/icon_sideleft_list.gif) no-repeat;
}
#leftside #archives div.hitarea {
	margin-left: -13px;
	width: 13px;
	height: 13px;
	cursor: pointer;
	display: inline-block;
}