@media print{

html {
	height:100%;
}

body{
	font-size: 16px;
	color:#000000;
	line-height:170%;
	word-break:break-all;
	font-family:"メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro", Osaka, sans-serif, Verdana, Arial, Helvetica;
	height:100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

.clr{
	clear: both;
}



h1,h2,h3,ol,li,p{
	margin:0 auto;
}

.indent{
	0 0 0 10px;
}


img{
	border: 0;
	vertical-align: bottom;
}

.container{
	position: relative;
	width: 100%;
	max-width: 1278px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}


#logobox{
	display: table;
	width: 100%;
}

#logoleft{
	display: table-cell;
	width: 35%;
	padding: 0 0 1% 0.5%;
}

#logoright{
	display: table-cell;
	text-align: right;
	vertical-align: bottom;
	width: 70%;
	padding: 0 0 0.5% 0;
}

img.logo{
	width: 100%;
	max-width: 300px;
}

.link {
	display: inline-block;
	font-family:"Century Gothic";
	text-align: center;
	font-size: 16px;
	line-height: 100%;
	color: #C55F5C;
	text-decoration: underline;
	font-weight: bold;
	padding: 0 20px 0 0;
	transition: 0.5s;
}

.link:hover {
	color: #2A003D;
}

#imageboxout{
	width: 100%;
	height: 20vh;
}

#barbg{
	width: 100%;
	height: 15px;
	background-image: url(../img/bar_sub.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 15px;
}

#bar{
	position: relative;
	width: 100%;
	height: 15px;
	max-width: 1278px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
	background-image: url(../img/bar_sub_on.jpg);
	background-repeat: no-repeat;
	background-size: 100% 15px;
	background-position: left;
}

img.dotwhite{
	width: 100px;
	height: 15px;
}

.titlebox{
	position: relative;
	width: 100%;
	height: auto;
	max-width: 1270px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 0 0 1%;
}

img.logo_en{
	width: 30%;
	max-width: 250px;
	min-width: 200px;
}

img.title{
	width: 20%;
	max-width: 155px;
}

.indent{
	padding: 0 0 0 1.2%;
}


/* table */

table.colors {
	border-collapse: collapse;
	width: 99%;
}

table.colors td, table.colors th {
	padding: 10px;
	text-align: left;
	border-top: 1px #ffffff solid;
	border-left: 1px #ffffff solid;
}

table.colors th {
	color: #ffffff;
	background-color: #796389;
	font-weight: normal;
}

table.colors td {
	color: #000000;
	background-color: #f0d6d6;
}

/* フォーム */

.input_widthS{
	width: 96%;
}

.input_widthL{
	width: 96%;
}

.textarea_widthL{
	width: 96%;
}

.itembox{
	width: 33%;
	float: left;
	text-align: center;
	padding: 0 0 20px 0;
}


img.item{
	width: 80%;
}






 /* p 要素 */
p.h1{
	margin: 0;
	padding: 1px 0 0 0;
}

p.h2{
	margin: 0;
	padding: 2px 0 0 0;
}


p.h3{
	margin: 0;
	padding: 3px 0 0 0;
}

p.h5{
	margin: 0;
	padding: 5px 0 0 0;
}

p.h10{
	margin: 0;
	padding: 10px 0 0 0;
}

p.h17{
	margin: 0;
	padding: 17px 0 0 0;
}


p.h20{
	margin: 0;
	padding: 20px 0 0 0;
}

#copybox{
	width: 100%;
	height: 100vh;
	text-align: right;
	font-size: 13px;
	font-family:"Century Gothic";
	padding: 20px 10px 0 0;
}



}