@charset "utf-8";
/****************************************************************************
	basic.css (public used)

	modified:2014/5/1
	By:T.Nishikawa
****************************************************************************/

html{-webkit-text-size-adjust: none;}

/*------------------------------------------------------------ 
	default-smartphone
------------------------------------------------------------*/  
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;  
    padding: 0;  
    background: transparent;  
    border: 0;  
    outline: 0;  
    font-size: 1em;
    color: #222;
}  
body,  
table,  
input, textarea, select, option {  
    font-family: HiraKakuProN-W3;  
    font-size: 1em;
}
a{ color:#2c34aa;}  
body, article, aside, canvas, details, figcaption, figure,  
footer, header, hgroup, menu, nav, section, summary {  
    display: block;  
}
ol, ul { list-style: none;} 
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;} 
img {vertical-align: bottom;}
a:link {}  
a:visited {}  
a:hover {}  
a:active {}

/*------------------------------------------------------------ 
	reimg
------------------------------------------------------------*/  
p.reimg { min-width: 240px; }
p.reimg img { width: 100%; }
p.reimg_90 img { width: 90%; }
p.reimg_80 img { width: 80%; }
p.reimg_70 img { width: 70%; }
p.reimg_60 img { width: 60%; }
p.reimg_50 img { width: 50%; }

li.reimg { min-width: 240px; }
li.reimg img { width: 100%; }
li.reimg_90 img { width: 90%; }
li.reimg_80 img { width: 80%; }
li.reimg_70 img { width: 70%; }
li.reimg_60 img { width: 60%; }
li.reimg_50 img { width: 50%; }

dt.reimg { min-width: 240px; }
dt.reimg img { width: 100%; }
dt.reimg_90 img { width: 90%; }
dt.reimg_80 img { width: 80%; }
dt.reimg_70 img { width: 70%; }
dt.reimg_60 img { width: 60%; }
dt.reimg_50 img { width: 50%; }


/*------------------------------------------------------------ 
    書式設定 
------------------------------------------------------------*/  
/* テキストの位置 */  
.taLeft { text-align: left !important; }  
.taCenter { text-align: center !important; }  
.taRight { text-align: right !important; }  
  
/* フォントの大きさ（プラス） */  
.fsP1 { font-size: 1.08em !important; }  
.fsP2 { font-size: 1.16em !important; }  
.fsP3 { font-size: 1.24em !important; }  
.fsP4 { font-size: 1.32em !important; }  
.fsP5 { font-size: 1.4em !important; }  
  
/* フォントの大きさ（マイナス） */  
.fsM1 { font-size: 0.92em !important; }  
.fsM2 { font-size: 0.84em !important; }  
.fsM3 { font-size: 0.76em !important; }  
.fsM4 { font-size: 0.68em !important; }  
.fsM5 { font-size: 0.6em !important; }  
  
/* フォントの太さ */  
.fwNormal { font-weight: normal !important; }  
.fwBold { font-weight: bold !important; }  
  

/*------------------------------------------------------------ 
    微調整用クラス（※多用しないこと） 
------------------------------------------------------------*/  
.mt0 { margin-top: 0 !important; }  
.mb0 { margin-bottom: 0 !important; }  


/*------------------------------------------------------------ 
    汎用スタイル 
------------------------------------------------------------*/  
.cf {zoom:1;}
.clearfix:after {
	content : '';
	clear : both;
	height : 0;
    visibility: hidden;  
    display: block;  
}

/*------------------------------------------------------------ 
margin
------------------------------------------------------------*/  
.mg-5 {margin: 5px !important;}
.pd-5 {padding: 5px !important;}
/* マージントップ */
.mgt-0 {margin-top: 0 !important;}
.mgt-5 {margin-top: 5px !important;}
.mgt-10 {margin-top: 10px !important;}
.mgt-15 {margin-top: 15px !important;}
.mgt-20 {margin-top: 20px !important;}
.mgt-30 {margin-top: 30px !important;}

/* マージンボトム */
.mgb-0 {margin-bottom: 0 !important;}
.mgb-5 {margin-bottom: 5px !important;}
.mgb-10 {margin-bottom: 10px !important;}
.mgb-15 {margin-bottom: 15px !important;}
.mgb-20 {margin-bottom: 20px !important;}
.mgb-30 {margin-bottom: 30px !important;}

/* マージン右 */
.mgr-0 {margin-right: 0 !important;}
.mgr-5 {margin-right: 5px !important;}
.mgr-10 {margin-right: 10px !important;}
.mgr-15 {margin-right: 15px !important;}
.mgr-20 {margin-right: 20px !important;}
.mgr-30 {margin-right: 30px !important;}

/* マージン左 */
.mgl-0 {margin-left: 0 !important;}
.mgl-5 {margin-left: 5px !important;}
.mgl-10 {margin-left: 10px !important;}
.mgl-15 {margin-left: 15px !important;}
.mgl-20 {margin-left: 20px !important;}
.mgl-30 {margin-left: 30px !important;}

/*------------------------------------------------------------ 
    padding
------------------------------------------------------------*/  
.pad-5{ padding: 5px !important;}
.pad-10{ padding: 10px !important;}
.pad-15{ padding: 15px !important;}
.pad-20{ padding: 20px !important;}
.pdt-5{ padding-top: 5px !important;}
.pdt-10{ padding-top: 10px !important;}
.pdt-15{ padding-top: 15px !important;}
.pdt-20{ padding-top: 20px !important;}
.pdb-5{ padding-bottom: 5px !important;}
.pdb-10{ padding-bottom: 10px !important;}
.pdb-15{ padding-bottom: 15px !important;}
.pdb-20{ padding-bottom: 20px !important;}
.pdl-5{ padding-left: 5px !important;}
.pdl-10{ padding-left: 10px !important;}
.pdl-15{ padding-left: 15px !important;}
.pdl-20{ padding-left: 20px !important;}
.pdr-5{ padding-right: 5px !important;}
.pdr-10{ padding-right: 10px !important;}
.pdr-15{ padding-right: 15px !important;}
.pdr-20{ padding-right: 20px !important;}
.padl-5{ padding: 0 5px !important;}
.padl-10{ padding: 0 10px !important;}
.padl-15{ padding: 0 15px !important;}
.padl-20{ padding: 0 20px !important;}