@charset "Shift_JIS";
/*----------------------------------------------------

 Common Style

----------------------------------------------------*/

/* Hyper Link
----------------------------------------------------*/
a:link {
	color:#0088cc;
	text-decoration:underline;
}
a:visited {
	color:#0088cc;
	text-decoration:underline;
}
a:hover	{
	color:#0088cc;
	text-decoration:none;
}

/* Font Size
----------------------------------------------------*/
/*初期値16pxの62.5%でルートが10px*/
.fs_9	{	font-size:9px;font-size:0.9rem;}
.fs_10 {	font-size:10px;font-size:1rem;}
.fs_11 {	font-size:11px;font-size:1.1rem;} 
.fs_12 {	font-size:12px;font-size:1.2rem;}
.fs_13 {	font-size:13px;font-size:1.3rem;} 
.fs_14 {	font-size:14px;font-size:1.4rem;}
.fs_15 {	font-size:15px;font-size:1.5rem;}
.fs_16 {	font-size:16px;font-size:1.6rem;}
.fs_17 {	font-size:17px;font-size:1.7rem;}
.fs_18 {	font-size:18px;font-size:1.8rem;}
.fs_19 {	font-size:19px;font-size:1.9rem;}
.fs_20 {	font-size:20px;font-size:2rem;}

/* Font Style
----------------------------------------------------*/
.b		{    font-weight:bold;}
.i		{    font-style:italic;}
.n		{    font-style:normal;}
.u		{    text-decoration:underline;}
.d		{    text-decoration:line-through;}

/* Font Color
----------------------------------------------------*/
.red	{	color:#f00;}
.blue	{	color:#00f;}

/* Text Align
----------------------------------------------------*/
.txt_l	{	text-align:left;}
.txt_c	{	text-align:center;}
.txt_r	{   text-align:right;}

/* Line Hight
----------------------------------------------------*/
.lh_10	{   line-height:1;}
.lh_11	{   line-height:1.1;}
.lh_12	{   line-height:1.2;}
.lh_13	{   line-height:1.3;}
.lh_14	{   line-height:1.4;}
.lh_15	{   line-height:1.5;}
.lh_16	{   line-height:1.6;}
.lh_17	{   line-height:1.7;}
.lh_18	{   line-height:1.8;}
.lh_19	{   line-height:1.9;}
.lh_20	{   line-height:2;}

/* ThumbNail
----------------------------------------------------*/
.img_s {	border:1px solid #ccc;}

/* Alpha
----------------------------------------------------*/
a:hover img.alpha {
	filter:Alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/* Float
----------------------------------------------------*/
.left	{	float:left;}
.right	{	float:right;}

/* Clear Float
----------------------------------------------------*/
.clear {	clear:both;}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {    clear: both;}
.clearfix {    *zoom: 1;}

/* Padding
----------------------------------------------------*/
.p1		{	padding:1px;}
.p2		{	padding:2px;}
.p3		{	padding:3px;}
.p4		{	padding:4px;}
.p5		{	padding:5px;}
.p6		{	padding:6px;}
.p7		{	padding:7px;}
.p8		{	padding:8px;}
.p9		{	padding:9px;}
.p10	{	padding:10px;}
.p15	{	padding:15px;}
.p20	{	padding:20px;}
.p25	{	padding:25px;}
.p30	{	padding:30px;}
.p35	{	padding:35px;}
.p40	{	padding:40px;}
.p45	{	padding:45px;}
.p50	{	padding:50px;}

.pt1	{	padding-top:1px;}
.pt2	{	padding-top:2px;}
.pt3	{	padding-top:3px;}
.pt4	{	padding-top:4px;}
.pt5	{	padding-top:5px;}
.pt6	{	padding-top:6px;}
.pt7	{	padding-top:7px;}
.pt8	{	padding-top:8px;}
.pt9	{	padding-top:9px;}
.pt10	{	padding-top:10px;}
.pt15	{	padding-top:15px;}
.pt20	{	padding-top:20px;}
.pt25	{	padding-top:25px;}
.pt30	{	padding-top:30px;}
.pt35	{	padding-top:35px;}
.pt40	{	padding-top:40px;}
.pt45	{	padding-top:45px;}
.pt50	{	padding-top:50px;}

.pb1	{	padding-bottom:1px;}
.pb2	{	padding-bottom:2px;}
.pb3	{	padding-bottom:3px;}
.pb4	{	padding-bottom:4px;}
.pb5	{	padding-bottom:5px;}
.pb6	{	padding-bottom:6px;}
.pb7	{	padding-bottom:7px;}
.pb8	{	padding-bottom:8px;}
.pb9	{	padding-bottom:9px;}
.pb10	{	padding-bottom:10px;}
.pb15	{	padding-bottom:15px;}
.pb20	{	padding-bottom:20px;}
.pb25	{	padding-bottom:25px;}
.pb30	{	padding-bottom:30px;}
.pb35	{	padding-bottom:35px;}
.pb40	{	padding-bottom:40px;}
.pb45	{	padding-bottom:45px;}
.pb50	{	padding-bottom:50px;}

.pl1	{	padding-left:1px;}
.pl2	{	padding-left:2px;}
.pl3	{	padding-left:3px;}
.pl4	{	padding-left:4px;}
.pl5	{	padding-left:5px;}
.pl6	{	padding-left:6px;}
.pl7	{	padding-left:7px;}
.pl8	{	padding-left:8px;}
.pl9	{	padding-left:9px;}
.pl10	{	padding-left:10px;}
.pl15	{	padding-left:15px;}
.pl20	{	padding-left:20px;}
.pl25	{	padding-left:25px;}
.pl30	{	padding-left:30px;}
.pl35	{	padding-left:35px;}
.pl40	{	padding-left:40px;}
.pl45	{	padding-left:45px;}
.pl50	{	padding-left:50px;}

.pr1	{	padding-right:1px;}
.pr2	{	padding-right:2px;}
.pr3	{	padding-right:3px;}
.pr4	{	padding-right:4px;}
.pr5	{	padding-right:5px;}
.pr6	{	padding-right:6px;}
.pr7	{	padding-right:7px;}
.pr8	{	padding-right:8px;}
.pr9	{	padding-right:9px;}
.pr10	{	padding-right:10px;}
.pr15	{	padding-right:15px;}
.pr20	{	padding-right:20px;}
.pr25	{	padding-right:25px;}
.pr30	{	padding-right:30px;}
.pr35	{	padding-right:35px;}
.pr40	{	padding-right:40px;}
.pr45	{	padding-right:45px;}
.pr50	{	padding-right:50px;}


/* Margin
----------------------------------------------------*/
.m1		{	margin:1px;}
.m2		{	margin:2px;}
.m3		{	margin:3px;}
.m4		{	margin:4px;}
.m5		{	margin:5px;}
.m6		{	margin:6px;}
.m7		{	margin:7px;}
.m8		{	margin:8px;}
.m9		{	margin:9px;}
.m10	{	margin:10px;}
.m15	{	margin:15px;}
.m20	{	margin:20px;}
.m25	{	margin:25px;}
.m30	{	margin:30px;}
.m35	{	margin:35px;}
.m40	{	margin:40px;}
.m45	{	margin:45px;}
.m50	{	margin:50px;}

.mt1	{	margin-top:1px;}
.mt2	{	margin-top:2px;}
.mt3	{	margin-top:3px;}
.mt4	{	margin-top:4px;}
.mt5	{	margin-top:5px;}
.mt6	{	margin-top:6px;}
.mt7	{	margin-top:7px;}
.mt8	{	margin-top:8px;}
.mt9	{	margin-top:9px;}
.mt10	{	margin-top:10px;}
.mt15	{	margin-top:15px;}
.mt20	{	margin-top:20px;}
.mt25	{	margin-top:25px;}
.mt30	{	margin-top:30px;}
.mt35	{	margin-top:35px;}
.mt40	{	margin-top:40px;}
.mt45	{	margin-top:45px;}
.mt50	{	margin-top:50px;}

.mb1	{	margin-bottom:1px;}
.mb2	{	margin-bottom:2px;}
.mb3	{	margin-bottom:3px;}
.mb4	{	margin-bottom:4px;}
.mb5	{	margin-bottom:5px;}
.mb6	{	margin-bottom:6px;}
.mb7	{	margin-bottom:7px;}
.mb8	{	margin-bottom:8px;}
.mb9	{	margin-bottom:9px;}
.mb10	{	margin-bottom:10px;}
.mb15	{	margin-bottom:15px;}
.mb20	{	margin-bottom:20px;}
.mb25	{	margin-bottom:25px;}
.mb30	{	margin-bottom:30px;}
.mb35	{	margin-bottom:35px;}
.mb40	{	margin-bottom:40px;}
.mb45	{	margin-bottom:45px;}
.mb50	{	margin-bottom:50px;}

.ml1	{	margin-left:1px;}
.ml2	{	margin-left:2px;}
.ml3	{	margin-left:3px;}
.ml4	{	margin-left:4px;}
.ml5	{	margin-left:5px;}
.ml6	{	margin-left:6px;}
.ml7	{	margin-left:7px;}
.ml8	{	margin-left:8px;}
.ml9	{	margin-left:9px;}
.ml10	{	margin-left:10px;}
.ml15	{	margin-left:15px;}
.ml20	{	margin-left:20px;}
.ml25	{	margin-left:25px;}
.ml30	{	margin-left:30px;}
.ml35	{	margin-left:35px;}
.ml40	{	margin-left:40px;}
.ml45	{	margin-left:45px;}
.ml50	{	margin-left:50px;}

.mr1	{	margin-right:1px;}
.mr2	{	margin-right:2px;}
.mr3	{	margin-right:3px;}
.mr4	{	margin-right:4px;}
.mr5	{	margin-right:5px;}
.mr6	{	margin-right:6px;}
.mr7	{	margin-right:7px;}
.mr8	{	margin-right:8px;}
.mr9	{	margin-right:9px;}
.mr10	{	margin-right:10px;}
.mr15	{	margin-right:15px;}
.mr20	{	margin-right:20px;}
.mr25	{	margin-right:25px;}
.mr30	{	margin-right:30px;}
.mr35	{	margin-right:35px;}
.mr40	{	margin-right:40px;}
.mr45	{	margin-right:45px;}
.mr50	{	margin-right:50px;}

/* table
----------------------------------------------------*/
.tbl01 {
	border-collapse:separate;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}
.tbl01 th,
.tbl01 td {
	padding:8px 10px;
	line-height:1.4;
}
.tbl01 th {
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	background:#f5f5f5;
	font-weight:bold;
	text-align:center;
}
.tbl01 td {
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	background:#fff;
}

/* form
----------------------------------------------------*/
.w20	{ width:20px;}
.w30	{ width:30px;}
.w40	{ width:40px;}
.w50	{ width:50px;}
.w100	{ width:100px;}
.w150	{ width:150px;}
.w200	{ width:200px;}
.w250	{ width:250px;}
.w300	{ width:300px;}
.w350	{ width:350px;}
.w400	{ width:400px;}
.w450	{ width:450px;}
.w500	{ width:500px;}
.w550	{ width:550px;}
.w600	{ width:600px;}

/* List Style
----------------------------------------------------*/
.list {	margin-left:1em;}
.list span {	margin-left:-1em;}

/* Page Top
----------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 10px;	
	transition:none;
}
#page-top a {
	width: 70px;
	height:0;
	padding-top:96px;
	overflow:hidden;
	display: block;
	background:url(../img/pagetop.png) no-repeat;
	background-size:100% auto;
}

@media screen and (min-width:480px) {/*タブレット*/
}
@media screen and (min-width:768px) {/*PC*/
	#page-top a {
		width: 100px;
		padding-top:90px;
	}
	#page-top a:hover {	opacity:0.7;}
}