@charset "utf-8";

/*===== 1: universal reset =================================*/
*{margin:0;padding:0;}

/*===== 2: body and base setting ===========================*/
html,body { padding: 0;margin: 0;font-size: 12px; font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, verdana, arial, sans-serif;line-height: 15px;color: #111111;height:100%;}


h1, h2, h3, h4, h5, h6,div, p, pre, ul, ol, dl, dt, dd,address, form, blockquote {padding: 0;line-height: 15px;text-align: left;display: block;margin: 0px;}

table {margin : 0;empty-cells: show;}
p {margin: 0 0 5px 0; }
ul {margin: 0; padding : 0; list-style : none; }
form {margin: 0;display: inline; }

/*===== 3: link setting ===========================*/
a:link{color: #222;text-decoration:none;}
a:visited{color: #444;text-decoration:none;}
a:hover{color: #FF6403;text-decoration:none;}
a:active{color: #444;text-decoration:none;}

/*---------------------------------------------------------
	共通スタイルクラス
----------------------------------------------------------*/
.TxtRight{text-align:right;}
.TxtCenter{text-align:center;}

.CL{clear:both;}
.FloatL{float:left;}
.FloatR{float:right;}

.DisIn{display:inline;}

.Right_BOX{text-align:right;width:100%}
.Center_BOX{text-align:center;width:100%}


/*---------------------------------------------------------
	基本レイアウト
----------------------------------------------------------*/


/* ＝＝＝＝＝＝＝＝＝＝＝＝文字の装飾＝＝＝＝＝＝＝＝＝＝＝＝ */
/* boldは太字 */
h1{font-size : 10px;text-align:right;color: #333;line-height: 110%;}

.bold { font-weight: bold; }
/* italicは斜体 */
.italic{ font-style: italic;}
/* underlineはアンダーライン */
.underline{ text-decoration:underline; }
/*小さい文字*/
.smalltext{font-size: 80%;line-height: 110%;}
.smalltext1{font-size: 85%;line-height: 140%;font-weight:bold;}
.smalltext1c{font-size: 85%;line-height: 140%;font-weight:bold;text-align: center;}
.smalltext2{font-size: 75%;}
.smalltext3{font-size: 85%;line-height: 160%;text-align: left;color: #111111;}
.smalltext4{font-size: 80%;line-height: 160%;text-align: left;color: #111111;}
.smalltext5{font-size: 80%;line-height: 160%;text-align: left;color: #111111;padding:10px 20px 10px 10px;background: #FFFFFF;}
.smalltext5-2{font-size: 80%;line-height: 160%;text-align: left;color: #111111;padding:10px 20px 10px 10px;}
.smalltext5-3{font-size: 100%;line-height: 150%;text-align: left;color: #000; padding:0px 20px 10px 15px;}
.smalltext6{font-size: 100%;line-height: 160%;text-align: left;color: #111111;padding:10px 20px 10px 10px;background: #FFFFFF;}
.smalltext7{font-size: 80%;line-height: 160%;text-align: right;color: #111111;}
.smalltext8{font-size: 80%;text-align: center;}
.xxsmalltext {float:left;font-size: 50%;line-height: 110%;}
.extext{font-size: 100%;line-height: 160%;text-align: left;color: #FF0000;font-weight: bold;}
.extext2{font-size: 150%;line-height: 160%;text-align: left;color: #000;}
.smalltext-cont{font-size: 100%;line-height: 185%;text-align: left;}
.smalltext-newslist{font-size: 100%;line-height: 185%;text-align: right; font-weight:bold;}
.smalltext-newsday{font-size: 80%;line-height: 150%;text-align: left;color: #000; padding:0px 5px 5px 10px; text-align: right;}
.smalltext-newstxt{font-size: 90%;line-height: 150%;text-align: left;color: #000; text-align: left;}
.smalltext-docomo{font-size: 90%;line-height: 150%;font-weight: bold;text-align: left;color: #d0092e; text-align: left;}
.smalltext-soft{font-size: 90%;line-height: 150%;font-weight: bold;text-align: left;color: #787878; text-align: left;}
.smalltext-au{font-size: 90%;line-height: 150%;font-weight: bold;text-align: left;color: #fb8127; text-align: left;}
.smalltext-will{font-size: 90%;line-height: 150%;font-weight: bold;text-align: left;color: #3b62ab; text-align: left;}
.smalltext-emobile{font-size: 90%;line-height: 150%;font-weight: bold;text-align: left;color: #e83526; text-align: left;}
.smalltext-etc{font-size: 90%;line-height: 150%;font-weight: bold;text-align: left;color: #333; text-align: left;}

.orange_small{color:#FF6403;font-size: 80%;line-height: 110%;}
.orange_big{color:#FF6403;font-size: 140%;font-weight: bold;line-height: 160%;}
.green_big{color:#33A02C;font-size: 140%;font-weight: bold;line-height: 160%;}
.smalltext-green{font-size: 100%;line-height: 160%;text-align: center;font-weight: bold;color: #05991e;}

/* 文字色のクラス */
.white { color: #FFFFFF; }
.indigo { color: #003366; }
.green{color:#33A02C;}
.green2{color:#69BA2A;text-align: right;}





/* 文字色＋太字のクラス */
.white_bold{color:#FFFFFF;font-weight:bold;}
.white_bold2{color:#FFFFFF;font-weight:bold;text-align: center;}
.green_bold{color:#33A02C;font-weight:bold;}
.orange_bold{color:#FF6403;font-weight:bold;}


/*機能用文字クラス*/
.error { color: #FF3333; font-weight: bold;  margin-top:10px; margin-bottom: 10px;}
.complete { color: #0085B0; font-weight: bold;  margin-top:10px; margin-bottom: 10px;}



/*線*/
.grayline{width:100%;border-bottom: 1px solid #939287;}
.greenline{width:100%;border-bottom: 1px solid #33A02C;}


.sitelink a:link{color: #FFFFFF;text-decoration:none;}
.sitelink a:visited{color: #FFFFFF;text-decoration:none;}
.sitelink a:hover{color: #FFFFFF;text-decoration:none;}
.sitelink a:active{color: #FFFFFF;text-decoration:none;}