@charset "utf-8";




/* --------------------------------------------------
 Resetting default margin and padding
-------------------------------------------------- */
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,q,pre,table,caption,colgroup,col,tbody,thead,tfoot,tr,th,td,ul,ol,li,dl,dt,dd,form,input,fieldset,label,span,a,img,em,ins,del,cite,abbr,sup,sub,dfn,code,var,samp,kbd,object,script,noscript,style,iframe,embed,param,map,area,hr,small,strong,i,b,mark,ruby,rt,rp,bdo{
	margin:0;
	padding:0;
}




/* --------------------------------------------------
 HTML, Body
-------------------------------------------------- */
html {
	font-size: 10px;
}


@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body{
	color:#333 !important;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "HGMaruGothicMPRO"; "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-family: \\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3, Hiragino Kaku Gothic Pro, Osaka, \\30E1\30A4\30EA\30AA, Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", MS P Gothic, Verdana, sans-serif;
}

/*
Avenir, 
*/




/* --------------------------------------------------
 Common
-------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-style: normal;
}
th	{
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
}
td	{
	vertical-align: middle;
}
img	{
	border: 0;
}
ul	{
	list-style: none;
}
/*
ol	{
	list-style: none;
}
*/




/* --------------------------------------------------
 Text
-------------------------------------------------- */
.bold {
	font-weight: bold !important;
}
.normal {
	font-weight: normal !important;
}
.txtRed	{
	color: #ff3333 !important;
}
.txtBlue	{
	color: #0055ff !important;
}
.txtDeepBlue	{
	color: #004499 !important;
}
.underline	{
	text-decoration: underline;
}
.txtSmall {
	font-size: 90% !important;
}

.txtLineHeightNarrow {
	line-height: 1.2 !important;
}

.txtLarge {
	font-size: 1.5rem;
	color:	#000;
}

.txtMoreLarge {
	font-size: 1.6rem;
	color:	#000;
}

.underline {
	text-decoration: underline !important;
}

del.double {
	background-image: linear-gradient(transparent 0.5em, #e70000 0, #e70000 calc(0.5em + 1px), transparent 0, transparent calc(0.5em + 3px), #e70000 0, #e70000 calc(0.5em + 4px), transparent 0);
	text-decoration: none;
	padding: 0 2px;
}

del.red {
	text-decoration: none;
	background-image: linear-gradient(#f33, #f33);
	background-position: 0% 50%;
	background-size: 100% 2px;
	background-repeat: repeat-x;
}

.lh18 {
	line-height: 1.8 !important;
}

.lh16 {
	line-height: 1.6 !important;
}

.lh14 {
	line-height: 1.4 !important;
}

.lh12 {
	line-height: 1.2 !important;
}

.square {
	color: #567 !important;
	padding-right: 2px;
}




/* --------------------------------------------------
 Indent
-------------------------------------------------- */
.txtIndent {
	text-indent: 1em;
}

.indentback10 {
	padding-left: 1.0em;
	text-indent: -1.0em;
}

.indentback12 {
	padding-left: 1.2em;
	text-indent: -1.2em;
}

.indentback15 {
	padding-left: 1.5em;
	text-indent: -1.5em;
}

.indentback2 {
	padding-left: 2.0em;
	text-indent: -2.0em;
}

.indentback25 {
	padding-left: 2.5em;
	text-indent: -2.5em;
}

.indentback30 {
	padding-left: 3.0em;
	text-indent: -3.0em;
}

.indentback40 {
	padding-left: 4.0em;
	text-indent: -4.0em;
}

.indentback50 {
	padding-left: 5.0em;
	text-indent: -5.0em;
}

.indentback60 {
	padding-left: 6.0em;
	text-indent: -6.0em;
}

.indentback70 {
	padding-left: 7.0em;
	text-indent: -7.0em;
}

.indentback90 {
	padding-left: 9.0em;
	text-indent: -9.0em;
}

.indentback130 {
	padding-left: 13.0em;
	text-indent: -13.0em;
}




/* --------------------------------------------------
 Link
-------------------------------------------------- */
a,
a img {
	color: #004097;
/*	transition-property: color, background-color;*/
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: ease-in-out;
}

a:visited {
	color: #004097;
}

a:hover,
a:active {
	color: #3b7cca;
	text-decoration: underline;
}

/*FireFox リンク選択時の点線を消す
a,
a:focus { 
	overflow: hidden;
	outline: none;
}
*/



/* --------------------------------------------------
 Layout
-------------------------------------------------- */
.txtCenter	{
	text-align: center !important;
}
.txtLeft	{
	text-align: left;
}
.txtRight	{ 
	text-align: right;
}
.txtTop	{ 
	vertical-align: top;
}
.float_l,
.fl {
	float:left;
}
.float_r,
.fr {
	float:right;
}
.clear {
	clear: both;
}




/* --------------------------------------------------
 Table
-------------------------------------------------- */

.tableFixed {
	table-layout: fixed !important;
}

.tableTop  {
	vertical-align: top !important;
}

.tablemiddle {
	vertical-align: middle !important;
}




/* --------------------------------------------------
 Margin
-------------------------------------------------- */
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}
.mr70{margin-right:70px !important;}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}




/* --------------------------------------------------
 iOSでのデフォルトスタイルをリセット
-------------------------------------------------- */

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}