/* browser.html のスタイル
*/

/* PC */

body {color:#333; text-align:center;}
#contentsWrapper {width:500px; margin:0 auto; text-align:left}
h1 {
	border:1px solid #ccc;
	font-size:14pt;
	background-color:#dfdfdf;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-image:-moz-linear-gradient(
		top,
		#fff,
		#ccc
	);
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff),
		to(#eee)
	);
}
h1 span {padding:5px; border:1px solid #fff; display:block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
h1 span strong {border-left:3px solid #06C; padding-left:5px;}
h2 {
	font-size:12pt;
	border-bottom:1px solid #ccc;
	padding:0 5px 3px 5px;
	background-image:-moz-linear-gradient(
		top,
		#fff,
		#eee
	);
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff),
		to(#eee)
	);
}
h3 {
	font-size:10pt;
	border:1px solid #06C;
	padding:5px 3px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
p {font-size:10pt; line-height:1.4;}
table.t01 {font-size:14px;}
table.t01 th,td {padding:5px;}
table.t01 th {text-align:left; font-weight:normal; background:url(/IMG/common/bg/bg_x_06.gif) top repeat-x;}
table.t01 .bt {border-top:1px solid #999;}
table.t01 .bb {border-bottom:1px solid #999;}
table.t01 .bl {border-left:1px solid #999;}
table.t01 .br {border-right:1px solid #999;}
table.t01 .Dbt {border-top:1px dotted #999;}
table.t01 .Dbb {border-bottom:1px dotted #999;}
table.t01 .Dbl {border-left:1px dotted #999;}
table.t01 .Dbr {border-right:1px dotted #999;}
p.kome {padding-left:1em; text-indent:-1em;}
.flex01 {display: flex; padding-left: 1em;}
.flex01-r {flex: 1;}
.indent01 {padding-left:1em;}


/* PCここまで */


/* 以下 SP */

@charset "utf-8";

@media screen and (max-width: 500px){
    .spUser{
    	display: block !important;
    }
    .pcUser{
        display :none;
    }

body {color:#333; text-align:center;}
#contentsWrapper {width:100%; margin:0 auto; text-align:left}
h1 {
	border:1px solid #ccc;
	font-size:14pt;
	background-color:#dfdfdf;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-image:-moz-linear-gradient(
		top,
		#fff,
		#ccc
	);
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff),
		to(#eee)
	);
}
h1 span {padding:5px; border:1px solid #fff; display:block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
h1 span strong {border-left:3px solid #06C; padding-left:5px;}
h2 {
	font-size:12pt;
	border-bottom:1px solid #ccc;
	padding:0 5px 3px 5px;
	background-image:-moz-linear-gradient(
		top,
		#fff,
		#eee
	);
	background-image:-webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#fff),
		to(#eee)
	);
}
h3 {
	font-size:10pt;
	border:1px solid #06C;
	padding:5px 3px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
p {font-size:10pt; line-height:1.4;}
table.t01 {font-size:14px;}
table.t01 th,td {padding:5px;}
table.t01 th {text-align:left; font-weight:normal; background:url(/IMG/common/bg/bg_x_06.gif) top repeat-x;}
table.t01 .bt {border-top:1px solid #999;}
table.t01 .bb {border-bottom:1px solid #999;}
table.t01 .bl {border-left:1px solid #999;}
table.t01 .br {border-right:1px solid #999;}
table.t01 .Dbt {border-top:1px dotted #999;}
table.t01 .Dbb {border-bottom:1px dotted #999;}
table.t01 .Dbl {border-left:1px dotted #999;}
table.t01 .Dbr {border-right:1px dotted #999;}
p.kome {padding-left:1em; text-indent:-1em;}