@charset "UTF-8";

/* Universal Selecter
---------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	word-break: break-all; /* for IE */
}

body,div,dl,dt,dd,ul,ol,h1,h2,h3,h4,h5,h6,
pre,form,fileldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

html {
}


/*  font-size initialization
---------------------------------------------- */
body {
	font-style:normal;
	font-variant:normal;
	font-size: 16px;
	color: #FFF;
}

* {
	font-family:"Lucida Grande","DejaVu Sans","Bitstream Vera Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Verdana,"ＭＳ Ｐゴシック","MS PGothic",IPAPGothic,sans-serif !important;
}

/*  CONTENTS font-size setting
---------------------------------------------- */
p,dt,dd,th,td,ul li,ol li,h1, h2, h3, h4, h5, h6 {
	font-size: 16px;
	line-height:1.8;
}

select, input, textarea {
	font:100% arial,helvetica,clean,sans-serif;
}
input {
	padding:2px;
}
input[type="text"], textarea {
	border: 1px solid #bbbbbb;
}
select {
	font-size: 16px;
}

/*  GENERAL SELECTER
---------------------------------------------- */
body {
	background-color: #FFF;
}

h1, h2, h3, h4, h5, h6 {
	display: block;
	/*line-height: 1;*/
	line-height:normal;
	border: none;
}

#contents  p {
	margin: 0 0 30px;
}

div {
	display:block;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {
	border:0;
}

hr, caption {
	display: none;
}

ol, ul {
	list-style: none;
}

i {
	font-style: normal;
	font-size: 90%;
}
/* HyperText styles
---------------------------------------------- */
a:link {
	color:#3366CC;
	text-decoration:none;
}
a:visited {
	color:#3366CC;
}
a:hover {
	color:#333333;
	text-decoration:underline;
}
a:active {
	color:#3366CC;
}
.btn:hover {
	text-decoration: none;
	opacity: .8;
}
a.blank::after {
	content: "";
	display: inline-block;
	background-image: url(../img/icon_external.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 12px;
	height: 12px;
	margin-left: 8px;
	margin-right: 3px;
}

/* figure */
figure img {
	max-width: 100%;
}
figure figcaption {
	font-size: 14px;
	line-height: 1.3;
	text-align: left;
	margin-top: 6px;
}


/* Grid
---------------------------------------------- */
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,
.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
	display: inline-block;
	vertical-align: top;
}
.col-1  { width:  8%; margin-left: .3%; margin-right: .3%; }
.col-2  { width: 16%; margin-left: .3%; margin-right: .3%; }
.col-3  { width: 24%; margin-left: .3%; margin-right: .3%; }
.col-4  { width: 32%; margin-left: .3%; margin-right: .3%; }
.col-5  { width: 40%; margin-left: .3%; margin-right: .3%; }
.col-6  { width: 49.4%; margin-left: .3%; margin-right: .3%; }
.col-7  { width: 56%; margin-left: .3%; margin-right: .3%; }
.col-8  { width: 64%; margin-left: .3%; margin-right: .3%; }
.col-9  { width: 72%; margin-left: .3%; margin-right: .3%; }
.col-10 { width: 80%; margin-left: .3%; margin-right: .3%; }
.col-11 { width: 88%; margin-left: .3%; margin-right: .3%; }
.col-12 { width: 96%; margin-left: .3%; margin-right: .3%; }

.mright-col-1  > * { width:  88%; margin-left: 0; margin-right: auto; }
.mright-col-2  > * { width:  80%; margin-left: 0; margin-right: auto; }
.mright-col-3  > * { width:  72%; margin-left: 0; margin-right: auto; }
.mright-col-4  > * { width:  64%; margin-left: 0; margin-right: auto; }
.mright-col-5  > * { width:  56%; margin-left: 0; margin-right: auto; }
.mright-col-6  > * { width:  48%; margin-left: 0; margin-right: auto; }
.mright-col-7  > * { width:  40%; margin-left: 0; margin-right: auto; }
.mright-col-8  > * { width:  32%; margin-left: 0; margin-right: auto; }
.mright-col-9  > * { width:  24%; margin-left: 0; margin-right: auto; }
.mright-col-10 > * { width:  16%; margin-left: 0; margin-right: auto; }
.mright-col-11 > * { width:   8%; margin-left: 0; margin-right: auto; }
.mleft-col-1  > * { width:  88%; margin-left: auto; margin-right: 0; }
.mleft-col-2  > * { width:  80%; margin-left: auto; margin-right: 0; }
.mleft-col-3  > * { width:  72%; margin-left: auto; margin-right: 0; }
.mleft-col-4  > * { width:  64%; margin-left: auto; margin-right: 0; }
.mleft-col-5  > * { width:  56%; margin-left: auto; margin-right: 0; }
.mleft-col-6  > * { width:  48%; margin-left: auto; margin-right: 0; }
.mleft-col-7  > * { width:  40%; margin-left: auto; margin-right: 0; }
.mleft-col-8  > * { width:  32%; margin-left: auto; margin-right: 0; }
.mleft-col-9  > * { width:  24%; margin-left: auto; margin-right: 0; }
.mleft-col-10 > * { width:  16%; margin-left: auto; margin-right: 0; }
.mleft-col-11 > * { width:   8%; margin-left: auto; margin-right: 0; }


.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.valing-top { vertical-align: top !important; }
.valing-middle { vertical-align: middle !important; }
.valing-bottom { vertical-align: bottom !important; }

.padding-sm { padding: 6px !important; }
.padding-md { padding: 12px !important; }
.padding-lg { padding: 24px !important; }
.padding-xl { padding: 48px !important; }

.padding-right-sm { padding-right: 6px !important; }
.padding-right-md { padding-right: 12px !important; }
.padding-right-lg { padding-right: 24px !important; }
.padding-right-xl { padding-right: 48px !important; }

.padding-left-sm { padding-left: 6px !important; }
.padding-left-md { padding-left: 12px !important; }
.padding-left-lg { padding-left: 24px !important; }
.padding-left-xl { padding-left: 48px !important; }

.mbottom-sm { margin-bottom: 6px !important; }
.mbottom-md { margin-bottom: 12px !important; }
.mbottom-lg { margin-bottom: 24px !important; }
.mbottom-xl { margin-bottom: 48px !important; }

/* marker */
.marker-blue { background-color: #d5ecf5; }