@charset "utf-8";

/* ****************************************************************************

	base.css
	
-------------------------------------------------------------------------------

　00. CSSリセット
　01. 共通（タグに直接指定する場合）
　02. 大枠
　03. ヘッダー領域
　04. メイン領域
　05. フッター領域
　06. 余白、幅調整要素
　07. 文字装飾要素
　08. 表示サイズ調整
	
******************************************************************************* */



/* ==

　00. CSSリセット

=============================================================================== */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,
form,input,textarea,
p,th,td { margin: 0; padding: 0; }
html,body { background: #fff; }
img { border: 0; vertical-align: top; }
h1,h2,h3 { font-size: 100%; font-weight: normal; }
ul,dl,ol { text-indent: 0; }
li { list-style: none; }
em,strong,th { font-style: normal; font-weight: normal; }
table { border: none; border-collapse: collapse; border-spacing: 0; font-size: inherit; }
th,td { text-align: left; vertical-align: top; }
input,select,textarea { font-size: 100%; }


/* ==

　01. 共通（タグに直接指定する場合）

=============================================================================== */

body {
	word-break: break-all;
	line-height: 1.4;
	color: #333;
	font-size: 12px;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	-webkit-text-size-adjust: none;
}

h1 {
	line-height: 1.3;
	margin-bottom: 1px;
	padding: 7px 5px 6px 10px;
	border-bottom: 1px solid #DEDEE0;
	background: #e9e9e9;
	font-size: 14px;
	font-weight: bold;
}

h2 {
	position: relative;
	line-height: 1.3;
	margin: 0 5px 8px 0;
	padding-left: 17px;
}
h2:before {
	position: absolute;
	top: 3px;
	left: 3px;
	content: "";
	width: 9px;
	height: 9px;
	background: url(/en/award/img/m/bg_06.png) left top repeat;
	-webkit-background-size: 2px 2px;
	-moz-background-size: 2px 2px;
	background-size: 2px 2px;
}

div:after,
ul:after,
ol:after { content: ''; display: block; clear: both; height: 0; }

p,
ul,
ol {
	margin: 0 5px 7px;
}

a {color: #111111; text-decoration: none; box-sizing: border-box;
	/*color: #0079E3;
	text-decoration: underline;*/
	-webkit-touch-callout: none; 
}


em {
	font-weight: bold;
}


/* ==

　02. 大枠

=============================================================================== */

#container {
	width: 100%;
	overflow: hidden;
}


/* ==

　03. ヘッダー領域

=============================================================================== */

#header {
	position: relative;
	/*padding: 9px 8px 7px;
	border-bottom: 5px solid #939598;*/
}

#header h1 {
	line-height: 1;
	margin: 0;
	padding: 0;
	border-bottom: none;
	background: none;
}

#header p {
	margin: 0;
}

#header .btn {
	position: absolute;
	top: 50%;
	right: 5px;
	line-height: 1;	
	margin-top: -10px;
}

#header .btn a {
	display: inline-block;
	padding: 5px 5px 4px 20px;
	border: 1px solid #ccc;
	background: #e9e9e9 url(/en/award/img/m/bg_13.png) 5px center no-repeat;
	color: #333;
	text-decoration: none;
}


/* ==

　04. メイン領域

=============================================================================== */

#main {
	padding: 12px 7px 5px;
	background:	-webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0, #dfdfdf),
		color-stop(1, #fff)
	);
	background:	-moz-linear-gradient(top, #dfdfdf, #fff);
	background:	linear-gradient(top, #dfdfdf, #fff);
	-webkit-background-size: 1px 175px;
	-moz-background-size: 1px 175px;
	background-size: 1px 175px;
	background-repeat: repeat-x;
}

#main .section p:last-child,
#main .section ul:last-child,
#main .section .info_table:last-child {
	margin-bottom: 0;
}


/* ==

　05. フッター領域

=============================================================================== */

#footer {
	padding: 7px 0 3px;
	border-top: 4px solid #939598;
}

#footer p,
#footer ul {
	margin: 0;
}

#footer .inner {
	width: 295px;
	margin:	0 auto;
}

#footer .inner p:nth-child(1) {
	float: right;
	margin-left: 10px;
}

#footer .inner p:nth-child(2) {
	padding: 5px 0;
}

#footer .inner p:nth-child(2),
#footer .inner p:nth-child(3) {
	overflow: hidden;
	text-align: right;
}

#footer > p:last-child {
	padding-top: 13px;
	text-align: center;
	color:#999999;		/* 20160225追記 */
	font-size: 10px;	/* 20160225追記 */
}


/* ==

　06. 余白、幅/高さ調整要素

=============================================================================== */

.mb00 {	margin-bottom:  0px !important; }
.mb05 {	margin-bottom:  5px !important; }
.mb10,
.lead {	margin-bottom: 10px !important; }
.mb15 {	margin-bottom: 15px !important; }
.mb20 {	margin-bottom: 20px !important; }


.pb05 {	padding-bottom: 4.5%; }

.pw31 {
	width: 31%;
	margin-right: 3.5%;
}
.pw31:last-child { margin-right: 0; }
.pw20  { width: 20%; }
.pw25  { width: 25%; }
.pw30  { width: 30%; }
.pw35  { width: 35%; }
.pw40  { width: 40%; }
.pw43  { width: 43%; }
.pw48  { width: 48%; }
.pw49  { width: 49%; }
.pw50  { width: 50%; }
.pw54  { width: 54%; }
.pw62  { width: 62%; }
.pw100 { width: 100%; }
.w160 {	width: 160px !important; }

.h50 li { height: 50px !important; }


/* ==

　07. 文字装飾要素

=============================================================================== */

.form_contents p.notes,
p.notes,
.notes li,
ul.list .notes li {
	margin-bottom: 2px;
	margin-left: 1em;
	padding-left: 0;
	background: none;
	text-indent: -1em;
}

.sc_02b .form_contents p.notes,
.sc_02b p.notes,
.sc_02b .notes li { /*sc_02b*/
	text-indent: -0.65em;
	margin-left: 0.65em;
}

ul.list .notes li:before {
	display: none;
	content: "";
}

ul.list li {
	margin: 0 0 7px;
	padding-left: 6px;
	background: url(/en/award/img/m/bg_10.png) left 0.6em no-repeat;
}

ul.list li:last-child {
	margin-bottom: 0;
}

ol.list li {
	margin: 0 0 7px 20px;
	list-style-type: decimal;
}
ol.list li:last-child {
	margin-bottom: 0;
}

.caution { color: #f00; }
.small { font-size: 10px; }
.small, 
.small li,
.iphone .small a { letter-spacing: -0.001em; } /*iphone*/
.large { font-size: 14px; }
.float_l { float: left; }
.float_r { float: right; }
.center { text-align: center; }


/* ==

　08. 表示サイズ調整

=============================================================================== */

@media only screen and  
    (-webkit-min-device-pixel-ratio: 1.5),
	only screen and
	(min-device-pixel-ratio: 1.5) {
#header .btn a {
	background: #e9e9e9 url(/en/award/img/m/bg_13_2x.png) 5px center no-repeat;
	-webkit-background-size: 13px 12px;
	-moz-background-size: 13px 12px;
	background-size: 13px 12px;
}
}