@charset "utf-8";

/*/////////////////////////////////////////////////////////
 name: common.css
 description: common style
///////////////////////////////////////////////////////// */

/* reset
============================================================*/

body {
	margin:0;
	padding:0;
	font-size:13px;
	*font-size:small;
}

p,blockquote,address,div,hr,noscript {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-weight:normal;
}

ul,ol,li,dl,dt,dd {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-weight:normal;
}

pre {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

a,img,map,q,sub,sup,span,bdo {
	margin:0;
	padding:0;
	border:0;
}

br {
	margin:0;
	padding:0;
	border:0;
	letter-spacing:0; /* IE */
}

tt,i,b,big,small {
	margin:0;
	padding:0;
	border:0;
}

code,samp,var {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

strong,dfn,kbd,cite,acronym {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-style:normal;
	font-weight:bold;
}

abbr,em {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-style:italic;
	font-weight:normal;
}

ins {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
}

del {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-style:normal;
}

form,fieldset {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

legend,label,select,optgroup,option {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}

ul, ol, li  {
	margin: 0px;
	padding: 0px;
	list-style: none;
	/*line-height: 1;*/
}


/* CLEAR
============================================================*/
.clear {
	display:inline-table;
	min-height:1%;
}

.clear:after {
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
	line-height:0;
}

/* for macIE \*/
* html .clear {
	height:1%;
}
.clear {
	display:block;
}
/* end of for macIE */

hr { display:none; }


/**************************************************************************************************
BASIC
**************************************************************************************************/

body {
	font-family:Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,Sans-Serif;
	text-align:center;
	padding:10px 0 0 0;
}

div#contents {
	width:710px;
	margin:0 auto 60px auto;
	text-align:left;
}

div#header {
	margin:0 0 40px 0;
}

a {
	color:#008FCC;
	background:#FFFFFF;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/**************************************************************************************************
LAYOUT
**************************************************************************************************/

div#leftBlock {
	width:220px;
	float:left;
}

div#rightBlock {
	width:460px;
	float:right;
}

/**************************************************************************************************
INFORMATION
**************************************************************************************************/

div#rightBlock h1 {
	margin:0 0 15px 0;
}

div#rightBlock p {
	line-height:160%;
	font-size:92%;
	margin:0 0 20px 0;
}

div#rightBlock span.caption {
	line-height:100%;
	font-size:82%;
}

div#rightBlock dl.sampleList {
	margin:0 0 30px 0;
}

div#rightBlock dl.sampleList dt {
	font-weight:bold;
	color:#008FCC;
	background:#FFFFFF;
}

div#rightBlock dl.sampleList dd {
	color:#666666;
	line-height:140%;
	font-size:92%;
	background:#FFFFFF;
}

/* SPEC */
div.printInfo {
	padding:12px;
	margin:0 0 30px 0;
	font-size:92%;
	background-color: #EEF3FA;
}

div.printInfo dl dt {
	font-weight:bold;
	color:#036AB1;
	margin:0 0 5px 0;
}

div.printInfo dl dd {
	color:#000000;
	line-height:140%;
}

div.printInfo dl.printLength {
	margin:0 0 10px 0;
}

div.printBtn {
	margin:10px 0 3px 0;
	padding:0;
}


div.printBtn img{
	margin:0;
	padding:0;
}

div.printBtn a{
	margin:0;
	padding:0;
	background-color:#EEF3FA;
}


/* QR */
div.qrArea {
	margin:0 0 25px 0;
}

div.qrArea dl dt {
	width:74px;
	height:74px;
	float:left;
}

div.qrTitle{
	margin:0 0 5px 0;
	height:21px;
}

div.sendMobile {
	height:140px;
	overflow:hidden;
	margin: 0 0 20px 0;
}

div.sendMobile iframe {
	width: 458px;
	height:136px;
	border: dotted 1px #8D9A99;
}

div.warningArea {
	border:solid 1px #AAAAAA;
	background-color:#F5F5F5;
}

div.warningArea ul {
	margin: 13px;
	font-size: 92%;
	color:#666666;
}

div.qrArea dl dd {
	margin:0 0 0 86px;
	color:#666666;
	line-height:140%;
	font-size:92%;
}
#contents #bluetxt {
	color: #036AB1;
	font-weight: bold;
}