html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0 0 103px;

    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.content {
    margin-left: auto;
    margin-right: auto;

	padding: 16px;

    max-width: 1408px;    

	text-align: center;
}

.header {
	min-height: 80px;
}

.desc > .content {
	text-align: left;
}

.header > .content {
	padding-left: 0px;
}

.footer {
	width: 100%;
	height: 103px;

    position: absolute;
    bottom: 0px;

    overflow:hidden;
}

.desc > .content {
	background-color: #f2e9c1;
}

.disclaimer {
	background-color: #dddddd;
}

.header {
	background-color: #dddddd;
}

.footer_grey {
	background-color: #dddddd;
}

.disclaimer_content {
	max-width: 1024px;

	display: inline-block;
	
	text-align: left;
}

.disclaimer_title {
	font-size: 24px;
}

.item_big {
	width: 12.5%;
	min-width: 96px;
	max-width: 172px;
}

.item {
	width: 12.5%;
	min-width: 96px;
	max-width: 172px;

	display: inline-block;

	opacity: 1.0;
}

.item:hover {
	opacity: 0.75;
}

.cur_item {
	opacity: 0.5;
}

.cur_item:hover {
	opacity: 0.25;
}

.item:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.content_table {
	display: table;
	width: 100%;
	vertical-align: middle;
}

.content_cell_left, .content_cell_right {
	display: table-cell;
	width: 70%;
	text-align: left;
	line-height: 48px;
}

.content_cell_right {
	width: 30%;
	text-align: right;
}

.clickable {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

a:hover {
	color: blue;
}

.item_small {
	width: 2.5%;
	min-width: 32px;
	max-width: 32px;
}

.nav {
	position: absolute;
	z-index: 10;
	background: rgba(0, 0, 0, 0);
	width: 20%;
	height: 100%;	
	display: block;
}

.nav_content {
	position: relative;
	width: 100%;
}

.nav_content > img {
	width: 100%;
	border: 2px solid #dddddd;
}

.nav_prev {
	top: 0px;
	left: 0px;
}

.nav_next {
	top: 0px;
	right: -4px;
}

.nav_selected {
	background: rgba(0, 0, 0, 0.1);	
}

.nav_img {
	width: 100%;
	height: 100%;

	z-index: 20;
	display: none;
}

.nav_img_left {
	background: url(./images/arrow_left.png) no-repeat;
	background-size: 30%;
	background-position: center center;
}

.nav_img_right {
	background: url(./images/arrow_right.png) no-repeat;
	background-size: 30%;
	background-position: center center;
}

.social {
    width: 8%;
    min-width: 8px;
    max-width: 32px;
    display: inline-block;

	height: 32px;
}

.social:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.footer_text {
	padding-bottom: 16px;
}

.page_title {
	font-size: 24px;	

	padding-left: 72px;

	background: url('./images/icon.png') no-repeat;
	background-position: 16px center;	
}

.fb {
	background: url('./images/fb.png') no-repeat;
	background-size: 100%;
	background-position: center center;
}

.gp {
	background: url('./images/gp.png') no-repeat;
	background-size: 100%;
	background-position: center center;
}

.tw {
	background: url('./images/tw.png') no-repeat;
	background-size: 100%;
	background-position: center center;
}

.vk {
	background: url('./images/vk.png') no-repeat;
	background-size: 100%;
	background-position: center center;
}

.ok {
	background: url('./images/ok.png') no-repeat;
	background-size: 100%;
	background-position: center center;
}

.tb {
	background: url('./images/tb.png') no-repeat;
	background-size: 100%;
	background-position: center center;
}

.li {
	background: url('./images/li.png') no-repeat;
	background-size: 100%;
	background-position: center center;
}

.pn {
	background: url('./images/pn.png') no-repeat;
	background-size: 100%;
	background-position: center center;
}

.rd {
	background: url('./images/rd.png') no-repeat;
	background-size: 100%;
	background-position: center center;
}

a:link, a:visited, .clickable {
    color: #326699;
}

a:hover, a:active, .clickable:hover {
    color: blue;
}

.link {
	display: inline-block;
}