body
{
	margin:0;
}

.Paragraph
{
	display:block;
	margin-bottom:1vh;
}

body > .Paragraph
{
	margin-bottom:4vh;
}

.Sidebar > .Paragraph
{
	margin-bottom:2vh;
}

.LinkButtons > .Paragraph
{
	margin-bottom:0.5vh;
}

.Paragraph:last-child
{
	margin-bottom:0vh;
}

.Container
{
	margin-right:2vw;
	margin-left:2vw;
}

.Container .Header
{
	margin-bottom:2.1vh;
	background-color:#666666;
	border-radius:0.7em;
	padding:1.4vh 2.1vw;
	font-size:1.4em;
	color:#ffffff;
}

.Container .Container .Header
{
	margin-top:1.95vh;
	margin-bottom:1.95vh;
	background-color:#777777;
	border-radius:0.65em;
	padding:1.3vh 1.95vw;
	font-size:1.3em;
}

.Container .Container .Container .Header
{
	margin-top:1.8vh;
	margin-bottom:1.8vh;
	background-color:#888888;
	border-radius:0.6em;
	padding:1.2vh 1.8vw;
	font-size:1.2em;
}

.Header .Header
{
	margin-bottom:2.1vh;
	background-color:#cc6a65;
	padding:1vh 1.5vw;
	font-size:1.4em;
	color:#ffffff;
}

@media screen and (min-width:calc(800px + 8vw))
{
	.Main
	{
		display:inline-block;
		vertical-align:top;
		width:calc(100% - 400px - 8vw);
	}

	.Sidebar
	{
		display:inline-block;
		vertical-align:top;
		width:400px;
	}
}

.Wrap > .Paragraph:first-child
{
	text-align:center;
}

@media screen and (min-width:calc(800px + 8vw))
{
	.Wrap > .Paragraph:first-child
	{
		float:right;
		margin-left:2vw;
		width:calc(50% - 2vw);
	}
	
	.Wrap:after
	{
		display:block;
		clear:both;
		content:'';
	}
}

.Sentence
{
	display:block;
}

.Segment
{
	display:inline-block;
}

.Logo
{
	width:100%;
	vertical-align:top;
}

.LinkButton
{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	border-color:#cccccc;
	border-radius:2vw;
	border-style:solid;
	border-width:1px;
	padding:1vh 1vw;
	text-align:center;
	text-decoration:none;
}

.LinkButton:hover
{
	opacity:0.5;
}

.InternalLink1
{
	background-color:#e0f4fc;
}

.InternalLink2
{
	background-color:#fce5e6;
}

.InternalLink3
{
	background-color:#e0f3e8;
}

.InternalLink4
{
	background-color:#fef8e2;
}

.InternalLink5
{
	background-color:#e3e9f3;
}

.InternalLink6
{
	background-color:#f2f8e5;
}

.InternalLink7
{
	background-color:#fcf2f7;
}

.ExternalLink
{
	background-color:#fcfcfc;
}

.Copyright
{
	background-color:#666666;
	padding:1.4vh 2vw;
	text-align:right;
	color:#ffffff;
}

.EyeCatch
{
	display:block;
	margin:auto;
	width:100%;
	max-width:800px;
}

.EyeCatchMini
{
	display:block;
	margin:auto;
	width:100%;
	max-width:400px;
}

.Catchphrase
{
	font-size:1.4em;
}

.Price
{
	font-size:1.2em;
}

.Note
{
	font-size:0.8em;
}

.Cool
{
	font-weight:bold;
	color:#009fe8;
}

.Hot
{
	font-weight:bold;
	color:#e50038;
}

.SourceCode
{
	tab-size:2;
}

.ModeButton
{
	width:100%;
	height:40px;
	opacity:0.4;
	color:#000000;
	font-size:20px;
	font-weight:bold;
}

@media screen and (min-width:calc(800px + 8vw))
{
	.ModeButton
	{
		width:320px;
	}
}

.ModeButton.Photo
{
	background-color:#00b2ed;
}

.ModeButton.User
{
	background-color:#f0332b;
}

.ModeButton.Active
{
	opacity:1;
}

.ViewPhoto
{
	max-width:100%;
}

.Error
{
	color:#ff0000;
}

.NoError
{
	color:#0000ff;
}

form
{
	display:inline;
}

iframe
{
	width:100%;
	vertical-align:top;
}

@media print
{
	.LinkButtons
	{
		display:none;
	}
}