@charset "utf-8";
/* CSS Document */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
 margin:0;
 padding:0;
 border:0;
 outline:0;
 font-size:100%;
 vertical-align:baseline;
 background:transparent;
	-webkit-text-size-adjust:100%;
 box-sizing: border-box;
}
body {
 line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
 display:block;
}
blockquote, q {
 quotes:none;
}
ul {
 list-style:none;
}
address, dl, dt, dd {
	font-style: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content:'';
 content:none;
}
a {
 margin:0;
 padding:0;
 font-size:100%;
 vertical-align:baseline;
 background:transparent;
}
/* change colours to suit your needs */
ins {
 background-color:#ff9;
 color:#000;
 text-decoration:none;
}
/* change colours to suit your needs */
mark {
 background-color:#ff9;
 color:#000; 
 font-style:italic;
 font-weight:bold;
}
del {
 text-decoration: line-through;
}
abbr[title], dfn[title] {
 border-bottom:1px dotted;
 cursor:help;
}
table {
 border-collapse:collapse;
 border-spacing:0;
}
/* change border colour to suit your needs */
hr {
 display:block;
 height:1px;
 border:0;   
 border-top:1px solid #cccccc;
}
input, select {
 vertical-align:middle;
}
a img {
	border: none;
}
img {
 vertical-align:bottom;
 max-width: 100%;
}
ol {
	padding-left: 2em;
}
/* 

common.css


*/
.none {
	display:none;
}
.clear {
	clear: both;
}
.clearfix {
 zoom: 1;
}
.clearfix:before,
.clearfix:after {
 content: "";
 display: table;
}
.clearfix:after {
 clear: both;
}
.fleft0 {
	float:left;
	display:inline;
}
.fleft1 {
	float:left;
	display:inline;
	margin-right: 10px;
}
.fleft2 {
	float:left;
	display:inline;
	margin-right: 20px;
}
.fright0 {
	float:right;
	display:inline;
	text-align:center;
}
.fright1 {
	float:right;
	display:inline;
	margin-left: 10px;
	text-align:center;
}
.fright2 {
	float:right;
	display:inline;
	margin-left: 20px;
	text-align:center;
}

/* marker */
.marker-c {
	background: linear-gradient(transparent 70%, #a8d8fa 0%); 
	z-index:0;
}
.marker-m {
	background: linear-gradient(transparent 70%, #ff7c81 0%); 
	z-index:0;
}
.marker-y {
	background: linear-gradient(transparent 70%, #fef36c 0%); 
	z-index:0;
}
.marker-k {
	background: linear-gradient(transparent 70%, #cccccc 0%); 
	z-index:0;
}
.marker-p {
	background: linear-gradient(transparent 70%, #ffd0e1 0%); 
	z-index:0;
}

/* background color */
.bg-orange {
	background-color: #ffefd6;
}
.bg-red {
	background-color: #CC0000;
}
.bg-blue {
	background-color: #0068B7;

}
.bg-green {
	background-color: #99CC66;
}
.bg-skyblue {
	background-color: #029fe6;
}
.bg-magenta {
	background-color: #663366;
}
.bg-yellow {
	background-color:#fffdde;
}
.bg-white {
	background-color:#FFF;
}
.bg-pink {
	background-color:#ff8ec0;
}
.bg-darkpink {
	background-color:#9E005D;
}
.bg-black {
	background-color:#000000;
}
.bg-111 {
	background-color:#111;
}
.bg-222 {
	background-color:#222;
}
.bg-333 {
	background-color:#333;
}
.bg-aaa {
	background-color:#aaa;
}
.bg-bbb {
	background-color:#bbb;
}
.bg-ccc {
	background-color:#ccc;
}
.bg-ddd {
	background-color:#ddd;
}
.bg-eee {
	background-color:#eee;
}

/* link */
.link {
	margin:10px 0;
}
.link li {
	margin-bottom:10px;
}
.link li img {
	width:100%;
 height:auto;

}
/* flink */
.flink0,
.flink1,
.flink2 {
	width:100%;
	text-align: center;
}
.flink0 ul {
	margin-right:-11px;
}
.flink1 ul {
	margin-right:-11px;
	margin-bottom:-10px;
}
.flink2 ul {
	margin-right:-21px;
	margin-bottom:-20px;
}
.flink0 li {
	float:left;
}
.flink1 li {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.flink2 li {
	float:left;
	margin-right:20px;
	margin-bottom:20px;

}

.tcenter {
	text-align:center;
}
.tcenter_sp {
	text-align: left;
}
.tright {
	text-align:right;
}
.tleft {
	text-align:left;
}
.tkome {
	padding-left: 1em;
	text-indent: -1em;
}
.tinline {
	display:inline-block;
}
.toverflow {
	overflow:hidden;
	zoom:1;
}


/* img */
.img-r {
	border-radius:10px;
}
.img-maru {
	border-radius:1000px;
}
.img-b {
	border: 3px solid #ccc;
}
.img-sd {
	border: 3px solid #fff;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 3px 2px;
}

.m5 {
	margin:5px !important;
}
.m10 {
	margin:10px !important;
}
.m15 {
	margin:15px !important;
}
.m20 {
	margin:20px !important;
}
.m30 {
	margin:30px !important;
}
.m40 {
	margin:40px !important;
}
.m50 {
	margin:50px !important;
}
.m75 {
	margin:75px !important;
}
.m100 {
	margin:100px !important;
}
.t-m5 {
	margin-top:5px !important;
}
.t-m10 {
	margin-top:10px !important;
}
.t-m15 {
	margin-top:15px !important;
}
.t-m20 {
	margin-top:20px !important;
}
.t-m30 {
	margin-top:30px !important;
}
.t-m40 {
	margin-top:40px !important;
}
.t-m50 {
	margin-top:50px !important;
}
.t-m75 {
	margin-top:75px !important;
}
.t-m100 {
	margin-top:100px !important;
}
.b-m5 {
	margin-bottom:5px !important;
}
.b-m10 {
	margin-bottom:10px !important;
}
.b-m15 {
	margin-bottom:15px !important;
}
.b-m20 {
	margin-bottom:20px !important;
}
.b-m30 {
	margin-bottom:30px !important;
}
.b-m40 {
	margin-bottom:40px !important;
}
.b-m50 {
	margin-bottom:50px !important;
}
.b-m75 {
	margin-bottom:75px !important;
}
.b-m100 {
	margin-bottom:100px !important;
}
.l-m5 {
	margin-left:5px !important;
}
.l-m10 {
	margin-left:10px !important;
}
.l-m15 {
	margin-left:15px !important;
}
.l-m20 {
	margin-left:20px !important;
}
.l-m30 {
	margin-left:30px !important;
}
.l-m40 {
	margin-left:40px !important;
}
.l-m50 {
	margin-left:50px !important;
}
.l-m70 {
	margin-left:70px !important;
}
.l-m75 {
	margin-left:75px !important;
}
.l-m100 {
	margin-left:100px !important;
}
.r-m5 {
	margin-right:5px !important;
}
.r-m10 {
	margin-right:10px !important;
}
.r-m15 {
	margin-right:15px !important;
}
.r-m20 {
	margin-right:20px !important;
}
.r-m30 {
	margin-right:30px !important;
}
.r-m40 {
	margin-right:40px !important;
}
.r-m50 {
	margin-right:50px !important;
}
.r-m75 {
	margin-right:75px !important;
}
.r-m100 {
	margin-right:100px !important;
}
.h-m5 {
	margin-top:5px !important;
	margin-bottom:5px !important;
}
.h-m10 {
	margin-top:10px !important;
	margin-bottom:10px !important;
}
.h-m15 {
	margin-top:15px !important;
	margin-bottom:15px !important;
}
.h-m20 {
	margin-top:20px !important;
	margin-bottom:20px !important;
}
.h-m30 {
	margin-top:30px !important;
	margin-bottom:30px !important;
}
hr.h-m30 {
	margin-top:100px !important;
	margin-bottom:100px !important;
}
.h-m40 {
	margin-top:40px !important;
	margin-bottom:40px !important;
}
.h-m50 {
	margin-top:50px !important;
	margin-bottom:50px !important;
}
.w-m5 {
	margin-left:5px !important;
	margin-right:5px !important;
}
.w-m10 {
	margin-left:10px !important;
	margin-right:10px !important;
}
.w-m15 {
	margin-left:15px !important;
	margin-right:15px !important;
}
.w-m20 {
	margin-left:20px !important;
	margin-right:20px !important;
}
.w-m30 {
	margin-left:30px !important;
	margin-right:30px !important;
}
.w-m40 {
	margin-left:40px !important;
	margin-right:40px !important;
}
.w-m50 {
	margin-left:50px !important;
	margin-right:50px !important;
}
.p5 {
	padding:5px !important;
}
.p10 {
	padding:10px !important;
}
.p15 {
	padding:15px !important;
}
.p20 {
	padding:20px !important;
}
.p30 {
	padding:30px !important;
}
.p40 {
	padding:40px !important;
}
.p50 {
	padding:50px !important;
}
.p75 {
	padding:75px !important;
}
.p100 {
	padding:100px !important;
}
.t-p5 {
	padding-top:5px !important;
}
.t-p10 {
	padding-top:10px !important;
}
.t-p15 {
	padding-top:15px !important;
}
.t-p20 {
	padding-top:20px !important;
}
.t-p30 {
	padding-top:30px !important;
}
.t-p40 {
	padding-top:40px !important;
}
.t-p50 {
	padding-top:50px !important;
}
.t-p75 {
	padding-top:75px !important;
}
.t-p100 {
	padding-top:100px !important;
}
.b-p5 {
	padding-bottom:5px !important;
}
.b-p10 {
	padding-bottom:10px !important;
}
.b-p15 {
	padding-bottom:15px !important;
}
.b-p20 {
	padding-bottom:20px !important;
}
.b-p30 {
	padding-bottom:30px !important;
}
.b-p40 {
	padding-bottom:40px !important;
}
.b-p50 {
	padding-bottom:50px !important;
}
.b-p75 {
	padding-bottom:75px !important;
}
.b-p100 {
	padding-bottom:100px !important;
}
.l-p5 {
	padding-left:5px !important;
}
.l-p10 {
	padding-left:10px !important;
}
.l-p15 {
	padding-left:15px !important;
}
.l-p20 {
	padding-left:20px !important;
}
.l-p30 {
	padding-left:30px !important;
}
.l-p40 {
	padding-left:40px !important;
}
.l-p50 {
	padding-left:50px !important;
}
.l-p60 {
	padding-left:60px !important;
}
.l-p65 {
	padding-left:65px !important;
}
.l-p70 {
	padding-left:70px !important;
}
.l-p75 {
	padding-left:75px !important;
}
.l-p100 {
	padding-left:100px !important;
}
.r-p5 {
	padding-right:5px !important;
}
.r-p10 {
	padding-right:10px !important;
}
.r-p15 {
	padding-right:15px !important;
}
.r-p20 {
	padding-right:20px !important;
}
.r-p30 {
	padding-right:30px !important;
}
.r-p40 {
	padding-right:40px !important;
}
.r-p50 {
	padding-right:50px !important;
}
.r-p75 {
	padding-right:75px !important;
}
.r-p100 {
	padding-right:100px !important;
}
.h-p5 {
	padding-top:5px !important;
	padding-bottom:5px !important;
}
.h-p10 {
	padding-top:10px !important;
	padding-bottom:10px !important;
}
.h-p15 {
	padding-top:15px !important;
	padding-bottom:15px !important;
}
.h-p20 {
	padding-top:20px !important;
	padding-bottom:20px !important;
}
.h-p30 {
	padding-top:30px !important;
	padding-bottom:30px !important;
}
.h-p40 {
	padding-top:40px !important;
	padding-bottom:40px !important;
}
.h-p50 {
	padding-top:50px !important;
	padding-bottom:50px !important;
}
.h-p75 {
	padding-top:75px !important;
	padding-bottom:75px !important;
}
.h-p100 {
	padding-top:100px !important;
	padding-bottom:100px !important;
}
.w-p5 {
	padding-left:5px !important;
	padding-right:5px !important;
}
.w-p10 {
	padding-left:10px !important;
	padding-right:10px !important;
}
.w-p15 {
	padding-left:15px !important;
	padding-right:15px !important;
}
.w-p20 {
	padding-left:20px !important;
	padding-right:20px !important;
}
.w-p30 {
	padding-left:30px !important;
	padding-right:30px !important;
}
.w-p40 {
	padding-left:40px !important;
	padding-right:40px !important;
}
.w-p50 {
	padding-left:50px !important;
	padding-right:50px !important;
}
.w-p75 {
	padding-left:75px !important;
	padding-right:75px !important;
}
.w-p100 {
	padding-left:100px !important;
	padding-right:100px !important;
}

.orange {
	color: #FF6600 !important;
}
.red {
	color: #CC0000 !important;
}
.blue {
	color: #5384b0 !important;
}
.green {
	color: #4D9570 !important;
}

.skyblue {
	color: #029fe6 !important;
}
.magenta {
	color: #663366 !important;
}
.white {
	color:#FFF !important;
}
.pink {
	color:#DB5E71 !important;
}
.darkpink {
	color:#9E005D !important;
}
.black {
	color:#000000 !important;
}
.yellow {
	color:#fff45c !important;
}
.old {
	color:#996C33 !important;
}

.f-s8{
	font-size: 8px !important;
}
.f-s10{
	font-size: 10px !important;
}
.f-s11{
	font-size: 11px !important;
}
.f-s12 {
	font-size: 12px !important;
}
.f-s13 {
	font-size: 13px !important;
}
.f-s14{
	font-size: 14px !important;
}
.f-s15 {
	font-size: 15px !important;
}
.f-s16 {
	font-size: 16px !important;
}
.f-s18 {
	font-size: 18px !important;
}
.f-s20 {
	font-size: 20px !important;
}
.f-s22 {
	font-size: 22px !important;
}
.f-s24 {
	font-size: 24px !important;
}

/* 点滅 */
.blinking{
	-webkit-animation:blink 0.8s ease-in-out infinite alternate;
 -moz-animation:blink 0.8s ease-in-out infinite alternate;
 animation:blink 0.8s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
 0% {opacity:0;}
 100% {opacity:1;}
}
@-moz-keyframes blink{
 0% {opacity:0;}
 100% {opacity:1;}
}
@keyframes blink{
 0% {opacity:0;}
 100% {opacity:1;}
}

/*ヘアライン*/
hr {
	clear:both;
	border: 0;
 height: 0;
 border-top: 1px solid rgba(0, 0, 0, 0.1);
 border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/*  FontAwesome  */
.icon {
	font-family:'FontAwesome';
	margin-right:3px;
}
.a000:before {
	font-family:'FontAwesome';
	content:"\f0a9";
}

/*  scrollbar  */
.scrollbar-y {
	width:100%;
	height:79px;
	overflow-x:hidden;
	overflow-y:scroll;
}
.scrollbar-x {
	width:960px;
	height:auto;
	overflow-x:scroll;
	overflow-y:hidden;
}
.scrollbar-x {
	min-width:500px;
}
::-webkit-scrollbar {
 width: 5px;
}
::-webkit-scrollbar-track {
 border-radius: 10px;
 box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}
::-webkit-scrollbar-thumb {
 background-color: rgba(50, 50, 50, .5);
 border-radius: 10px;
 box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}

/* mobilenone */
.sp {
	display:none;
	margin: 0 auto;
}
.pc {
	display:block;
	margin: 0 auto;
}
@media screen and (max-width:800px) {
 .sp {
  display:block;
  text-align:center;
  margin:0 auto;
 }
 .pc {
  display:none;
  text-align:center;
 }
}

/* /mobilenone */