/*******************************************************************************
	えひめITフェア2015Webサイト
	Cascading Style Sheets base.css
																Fellow System
--------------------------------------------------------------------------------
 No.│   日付   │区分│						内  容
━━┿━━━━━┿━━┿━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 001│2014.06.01│新規│[V1.00] 中田
*******************************************************************************/

@charset "utf-8";

/***************************************
html & body default style
***************************************/

/*html, body { height: 100%; }*/
body       { padding: 0; background-color: #FFFFFF; text-align: left; }

div table,
div tr,
div td {
	border: solid 0px #ffffff;
	margin: 0 auto;
	white-space: normal;
}
figure {
	margin: 0;
	padding: 5px;
}
figcaption {
	margin: 0;
	padding: 5px;
	text-align: center;
}

/***************************************
table default style
***************************************/

table { border: none; }
.table_sepa { border-collapse: separate; }
caption { padding: 0 4px 2px 4px; font-weight: bold; }
/*th,td {	border: 1px solid #999999; margin: 0; padding: 2px 4px;	white-space: nowrap; vertical-align: middle; text-align:left;}
th { background-color: #F0F0F0; }
td { background-color: #FFFFFF; }*/
.no_style_table   { border:none; white-space:normal; background-color:transparent;}
.no_style_table th{ border:none; white-space:normal; background-color:transparent; vertical-align:top;}
.no_style_table td{ border:none; white-space:normal; background-color:transparent; vertical-align:top;}

/***************************************
anchor default style
***************************************/

a       { color: #666666; text-decoration: none; cursor: pointer; }
/* a:hover { color: #FBC23B !important; } */
a:hover { color: #0000ff; !important; }

/***************************************
list default style
***************************************/

.no_li_style { list-style-type: none }
.ds_li_style { list-style-type: disc }
.cl_li_style { list-style-type: circle }
.sq_li_style { list-style-type: square }
.lr_li_style { list-style-type: lower-roman }
.ul_li_style { list-style-type: upper-roman }
.dc_li_style { list-style-type: decimal }
.zr_li_style { list-style-type: decimal-leading-zero }

/***************************************
default class style
***************************************/

.env { position:fixed; top: 0px; right: 20px; color: #FF0000; font-size: 1.4em; white-space: nowrap; z-index:3; }
.ine { ime-mode: inactive } /* 英数入力用 */
.ink { ime-mode: active }   /* 漢字入力用 */

.dis_tbl  { display: table; }
.tbl_row  { display: table-row; }
.tbl_cell { display: table-cell; }

.b_none  { border: none; }
.bl_none { border-left: none; }
.br_none { border-right: none; }

.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }

.vertical_t { vertical-align: top; }
.vertical_m { vertical-align: middle; }
.vertical_b { vertical-align: bottom; }

.fl  { float: left; }
.fr  { float: right; }
.clr { clear: both; }

.hidden        { display: none; }
.dis_block     { display: block; }
.dis_inline    { display: inline; }
.dis_inline_bk { display: inline-block; }

.ov { overflow: hidden; }

.wsnml     { white-space: normal; }
.wspre     { white-space: pre; }
.wsnwp     { white-space: nowrap; }
.fwn       { font-weight: normal; }
.fwb       { font-weight: bold; }
.font10    { font-size: 10pt; }
.font13    { font-size: 13pt; }
.font14    { font-size: 14pt; }
.cp        { cursor: pointer; }
.mono      { font-family:  "ヒラギノ角ゴ Pro" , "Hiragino Kaku Gothic Pro" , "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN" , HiraKakuProN-W3 , HiraKakuProN-W6 , "Osaka" , 'メイリオ' , 'ＭＳ ゴシック' , monospace; }
.ok        { color: #0000FF; }
.ng        { color: #FF0000; }
.notice    { color: #0000FF; }
.guide     { color: #0000FF; }
.white-text{ color: #FFFFFF; }
.required  { margin-right: 2px; color: #FF0000; }
.readonly  { color: #0000FF; }
.move      { margin: 5px 50% 5px auto; }
.move th,
.move td   { border: none; padding: 0 4px; }
.move img  { height: 1.2em; }
table.move { border: none; }

/***************************************
Position Class
***************************************/

.position_r { position: relative; }
.position_a { position: absolute; }
.p_a_t0     { position: absolute; top: 0; }
.p_a_r0     { position: absolute; right: 0; }
.p_a_b0     { position: absolute; bottom: 0; }
.p_a_l0     { position: absolute; left: 0;}
.index_1    { z-index: 1 }

/***************************************
String Format Class
Letter-Spacing Class
Text-Indent Class
***************************************/
.lts1--c	{ letter-spacing: 1em; text-indent: 1em; }	/* 文字間１文字＋中央寄せ */
.lts1--r	{ letter-spacing: 1em; margin-right: -1em; }	/* 文字間１文字＋右寄せ */
.ti1		{ text-indent: 1em; }

/***************************************
margin & Padding Class
***************************************/
.m_all_0   { margin:0px; }
.m_all_10  { margin:10px; }
.m_all_20  { margin:20px; }
.m_all_30  { margin:30px; }
.m_all_40  { margin:40px; }
.m_all_50  { margin:50px; }
.m_rl_10   { margin:0px 10px 0px; }
.m_auto    { margin:0 auto; }
.m10_auto  { margin:10px auto; }
.m20_auto  { margin:20px auto; }
.m30_auto  { margin:30px auto; }
.m40_auto  { margin:40px auto; }
.mt10_auto { margin:10px auto 0; }
.mt20_auto { margin:20px auto 0; }
.mt30_auto { margin:30px auto 0; }
.mt40_auto { margin:40px auto 0; }
.mt50_auto { margin:50px auto 0; }
.ml0       { margin-left: 0; }
.ml1       { margin-left: 1em; }
.ml2       { margin-left: 2em; }
.ml5       { margin-left: 5px; }
.ml10      { margin-left: 10px; }
.ml15      { margin-left: 15px; }
.ml20      { margin-left: 20px; }
.ml25      { margin-left: 25px; }
.ml30      { margin-left: 30px; }
.ml35      { margin-left: 35px; }
.ml40      { margin-left: 40px; }
.ml50      { margin-left: 50px; }
.ml60      { margin-left: 60px; }
.mr0       { margin-right: 0; }
.mr1       { margin-right: 1em; }
.mr2       { margin-right: 2em; }
.mr3       { margin-right: 3em; }
.mr5       { margin-right: 5px; }
.mr10      { margin-right: 10px; }
.mr15      { margin-right: 15px; }
.mr20      { margin-right: 20px; }
.mr30      { margin-right: 30px; }
.mr40      { margin-right: 40px; }
.mr50      { margin-right: 50px; }
.mt0       { margin-top: 0; }
.mt1       { margin-top: 1em; }
.mt2       { margin-top: 2em; }
.mt0       { margin-top: 0px; }
.mt10      { margin-top: 10px; }
.mt20      { margin-top: 20px; }
.mt30      { margin-top: 30px; }
.mt40      { margin-top: 40px; }
.mt50      { margin-top: 50px; }
.mt60      { margin-top: 60px; }
.mt70      { margin-top: 70px; }
.mt80      { margin-top: 80px; }
.mt90      { margin-top: 90px; }
.mb0       { margin-bottom: 0; }
.mb1       { margin-bottom: 1em; }
.mb2       { margin-bottom: 2em; }
.mb0       { margin-bottom: 0px; }
.mb10      { margin-bottom: 10px; }
.mb20      { margin-bottom: 20px; }
.mb30      { margin-bottom: 30px; }
.mb40      { margin-bottom: 40px; }
.mb50      { margin-bottom: 50px; }
.mb60      { margin-bottom: 60px; }
.mb70      { margin-bottom: 70px; }
.mb80      { margin-bottom: 80px; }
.mb90      { margin-bottom: 90px; }
.p0        { padding: 0; }
.p_all_5   { padding: 5px; }
.p_all_10  { padding: 10px; }
.p_all_20  { padding: 20px; }
.p_all_30  { padding: 30px; }
.p_all_40  { padding: 40px; }
.p_all_50  { padding: 50px; }
.pl1       { padding-left: 1em; }
.pl2       { padding-left: 2em; }
.pr1       { padding-right: 1em; }
.pr2       { padding-right: 2em; }
.pr20      { padding-right: 20px; }
.pt10      { padding-top: 10px; }
.pt20      { padding-top: 20px; }
.pt30      { padding-top: 30px; }
.pt40      { padding-top: 40px; }
.pt50      { padding-top: 50px; }
.pl10      { padding-left: 10px; }
.pl20      { padding-left: 20px; }
.pl30      { padding-left: 30px; }
.pl40      { padding-left: 40px; }
.pl50      { padding-left: 50px; }

/***************************************
Width Class
***************************************/

.w130p { width: 130%; }
.w100p { width: 100%; }
.w95p  { width: 95%; }
.w90p  { width: 90%; }
.w80p  { width: 80%; }
.w70p  { width: 70%; }
.w65p  { width: 65%; }
.w60p  { width: 60%; }
.w50p  { width: 50%; }
.w40p  { width: 40%; }
.w35p  { width: 35%; }
.w30p  { width: 30%; }
.w25p  { width: 25%; }
.w20p  { width: 20%; }
.w15p  { width: 15%; }
.w13p  { width: 13%; }
.w12p  { width: 12%; }
.w10p  { width: 10%; }
.w5p   { width: 5%; }
.w60   { width: 60em; }
.w50   { width: 50em; }
.w40   { width: 40em; }
.w35   { width: 35em; }
.w30   { width: 30em; }
.w25   { width: 25em; }
.w20   { width: 20em; }
.w15   { width: 15em; }
.w14   { width: 14em; }
.w13   { width: 13em; }
.w12   { width: 12em; }
.w11   { width: 11em; }
.w10   { width: 10em; }
.w9    { width: 9em; }
.w8    { width: 8em; }
.w7    { width: 7em; }
.w6    { width: 6em; }
.w5    { width: 5em; }
.w4    { width: 4em; }
.w3imp { width: 3em !important; }
.w3    { width: 3em; }
.w2    { width: 2em; }
.w1    { width: 1em; }

/***************************************
Clearfix
***************************************/

.clearfix:after{ content: ""; clear: both; display: block; }