@charset "Shift_JIS";

/* basic ----------------------------------------------------------------------------------------------*/

body {
	margin			: 0;
	padding			: 0;
	background-color	: #fff;
	color			: #333;
}
h1 {
	margin			: .5em 0 .2em 0;
}
h2 {
	border-bottom		: 1px #f0f0f0 solid;
	margin			: 1em 0 .5em 0;
}
h3 {
	margin			: 1em 0 .5em .5em;
}
ul, dl, dt, dd {
	margin			: 0 0 0 .5em;
}
ul {
	padding			: 0;
}
li {
	list-style		: none;
	padding			: .1em 0;
}
dl {
	margin			: 0 .5em 1em 0;
}
p, li, dl {
	text-align		: left;
	text-autospace		: ideograph-alpha ideograph-numeric ideograph-space;
	punctuation-wrap	: hanging;
	word-break		: break-all;
}
p {
	clear			: left;
	margin			: .2em 0;
	padding			: 0 .5em;
}
strong {
	margin			: 1em 0 0 0;
	color			: #333;
}
em {
	font-weight		: normal;
	font-style		: normal;
	color			: #963;
}
a {
	text-decoration		: none;
}
a:link {
	color			: #05e;
	border-bottom		: none;
}
a:visited {
	color			: #c30;
	border-bottom		: none;
}
a:hover, a:active {
	color			: #996;
	border-bottom		: 1px #996 solid;
}
img {
	border			: 0;	
}

/* expansion ----------------------------------------------------------------------------------------------*/

#mobile {
	width			: 98%;
	padding			: 8px;
}
#maincontent {
	width			: 100%;
}
/*#maincontent {
	width			: 82%;
	float			: left;
}*/
#sidecontent {
	width			: 18%;
	float			: right;
}
#sidecontent p {
	margin			: 1em 0;
}
#adsense {
	margin			: 1em 0 .5em 0;
	text-align		: center;
}
#header, #profile, #download, #download_sswp, #portfolio, #histry, #contact, #navitop, #copyright {
	width			: 100%;
	clear			: left;
}
#download_sswp, #portfolio {
	padding			: .5em 0 0 0;
}
#histry {
	clear			: both;
}
#contact {
	margin			: 0 0 1em 0;
}
#portfolio li, #download li, #download_sswp li {
	padding			: .4em 0;
}
#footnavi p, #caption p, #copyright p {
	text-align		: center;
}
.caption, #caption {
	background-color	: #000;
	padding			: .2em;
	border-top		: 1px #fff solid;
	border-bottom		: 1px #fff solid;
}
.caption p, #caption p {
	color			: #fff;
}
.caption img, #caption img {
	display			: block;
	margin			: .5em 0;
}
.wrapper {
	width			: 33%;
	padding			: 0 0 1em 0;
	float			: left;
}
.topnavi {
	padding			: 1em 0 0 0;
}
#socialNetwork {
	margin			: -.5em 0 0 0;
}
	#socialNetwork p {
	}
	#socialNetwork a {
		border		: none;
	}