@charset "utf-8";

/*HTML5 reset css*/
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;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
del {text-decoration: line-through;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

/*--基本リンクカラー*/
a { text-decoration: none;color:#310000;}
a:hover {color:#666666;}

/*ブラウザスタイル初期値*/
body{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	background:url("") top left repeat #fff;/*bgimg*/
	background:#FFF;/*bgcolor*/
	line-height:1.6em;
	color:#FFF;
	position:relative;
}

html{
    height:100%;
	width:100%;
}

body {
	font-size: 100%;
	line-height: 1.6em;
	color: #333;
	font-family: sans-serif;
	height:100%;
	width:100%;
}


img, a {
border:none;
}

/**/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}


ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*default*/
.wrap {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}
.wrap:after {
  content: "";
  display: block;
  clear: both;
}
#container {
	width: 100%;
	position: relative;
	height: auto !important;
}
img {
	width: 100%;
}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
.pc_on {
}
@media screen and ( max-width:767px) {.pc_on {display: none;}} 
.sp_on {
}
@media screen and ( min-width:768px) {.sp_on {display: none;}}
.tb_on {
}
@media screen and ( min-width:1081px) {.tb_on {display: none;}} 
.tb_off {
}
@media screen and ( max-width:1080px) {.tb_off {display: none;}} 

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */