@charset "utf-8";

/**
 *
 * 共通CSS
 * 
 * 1. 初期化    
     
 * 2. 共用CSS
     ■Clear Fix
     ■タイトル
     ■半角英数字入力制御
     ■フォント
     ■エラーメッセージ
     ■カーソル
 * 
 * @copyright  2010 Sesh
 * @version  1.0.0
 */



/* *********************************************************************
1.初期化
********************************************************************* */

html {
    overflow-y: scroll;
}

body {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
    letter-spacing: 0;
    text-indent: 0;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 1.5;
    text-align: left;
}

html>/**/body {
    font-size: 14px;
}

* + html body {
    font-family: "メイリオ", "Meiryo";
}


div,h1,h2,h3,h4,h5,h6,p,address,form,em {
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    text-indent: 0;
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
}

img {
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    text-indent: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

table , th , td {
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    border-collapse: collapse;
}

hr, legend {
    display: none;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

input {
    font-family: inherit;
}


ul,ol,dl {
    margin: 0;
    padding: 0;
    list-style-image: none;
    list-style-position: outside;
}

ul {
    list-style: none;
}

ol {
    list-style-type: decimal;
}

li {
    margin: 0;
    padding: 0;
    display: block;
}

dt , dd {
    margin: 0;
    padding: 0;
}

a ,
a:link ,
a:visited {
    color: #009;
    text-decoration: underline;
}

a:hover {
    color: #36f;
}


/* *********************************************************************
2.共用CSS
********************************************************************* */

/* *********************************************************************
◆  Margin指定
********************************************************************* */
.mar10      { margin: 10px; }

.marTN10    { margin-top: -10px; }

.marT1      { margin-top: 1px; }
.marT2      { margin-top: 2px; }
.marT3      { margin-top: 3px; }
.marT5      { margin-top: 5px; }
.marT8      { margin-top: 8px; }
.marT10     { margin-top: 10px; }
.marT15     { margin-top: 15px; }
.marT20     { margin-top: 20px; }
.marT30     { margin-top: 30px; }
.marT35     { margin-top: 35px; }
.marT50     { margin-top: 50px; }

.marB0      { margin-bottom: 0px !important; }
.marB1      { margin-bottom: 1px; }
.marB2      { margin-bottom: 2px; }
.marB3      { margin-bottom: 3px; }
.marB5      { margin-bottom: 5px; }
.marB10     { margin-bottom: 10px; }
.marB15     { margin-bottom: 15px; }
.marB20     { margin-bottom: 20px; }
.marB30     { margin-bottom: 30px !important; }
.marB50     { margin-bottom: 50px; }

.marL5      { margin-left: 5px !important; }
.marL10     { margin-left: 10px !important; }
.marL15     { margin-left: 15px; }
.marL20     { margin-left: 20px !important; }
.marL30     { margin-left: 30px; }

.marR4      { margin-right: 4px !important; }
.marR5      { margin-right: 5px !important; }
.marR10     { margin-right: 10px; }
.marR15     { margin-right: 15px; }
.marR20     { margin-right: 20px; }
.marR30     { margin-right: 30px; }
.marR50     { margin-right: 50px; }

.marLR5 {
    margin-left: 5px;
    margin-right: 5px;
}

.marLR10 {
    margin-left: 10px;
    margin-right: 10px;
}

.marTB3 {
    margin-top: 3px;
    margin-bottom: 3px;
}

.marTB10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.marLRAuto {
    margin-left: auto;
    margin-right: auto;
}


.lblMarR5 label { margin-right: 5px !important; }
.lblMarR10 label { margin-right: 10px !important; }    
    
/* *********************************************************************
◆  Padding指定
********************************************************************* */
.pad3       { padding: 3px !important; }
.pad5       { padding: 5px !important; }
.pad10      { padding: 10px; }
.pad15      { padding: 15px; }
.pad20      { padding: 20px; }

.padT3      { padding-top: 3px; }
.padT5      { padding-top: 5px; }
.padT10     { padding-top: 10px; }

.padR5      { padding-right: 5px !important; }
.padR10     { padding-right: 10px !important; }

.padL5      { padding-left: 5px !important; }
.padL10     { padding-left: 10px !important; }

.padB5      { padding-bottom: 5px !important; }
.padB10     { padding-bottom: 10px !important; }

.padLR5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.padLR10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.padTB5 {
    padding-top: 5px;
    padding-bottom: 5px;
}


/* *********************************************************************
◆  位置指定
********************************************************************* */
.txtLt      { text-align: left !important; }
.txtRt      { text-align: right !important; }
.txtCt      { text-align: center !important; }
.vaTop      { vertical-align: top; }
.vaMiddle   { vertical-align: middle; }
.vaBottom   { vertical-align: bottom; }
.posA       { position: absolute; }
.posR       { position: relative; }
.posF       { position: fixed; }
.posLt0     { left: 0; top: 0;}
.posRt0     { right: 0; top: 0;}
.z1         { z-index: 1; }
.z2         { z-index: 2; }
.z100       { z-index: 100; }

/* *********************************************************************
◆  横幅指定     
********************************************************************* */
.w10        { width: 10px !important; }
.w16        { width: 16px !important; }
.w20        { width: 20px !important; }
.w22        { width: 22px !important; }
.w30        { width: 30px !important; }
.w40        { width: 40px !important; }
.w50        { width: 50px !important; }
.w55        { width: 55px !important; }
.w60        { width: 60px !important; }
.w70        { width: 70px !important; }
.w76        { width: 76px !important; }
.w80        { width: 80px !important; }
.w85        { width: 85px !important; }
.w90        { width: 90px !important; }
.w100       { width: 100px !important; }
.w105       { width: 105px !important; }
.w110       { width: 110px !important; }
.w115       { width: 115px !important; }
.w120       { width: 120px !important; }
.w123       { width: 123px !important; }
.w124       { width: 124px !important; }
.w125       { width: 125px !important; }
.w130       { width: 130px !important; }
.w134       { width: 134px !important; }
.w135       { width: 135px !important; }
.w140       { width: 140px !important; }
.w150       { width: 150px !important; }
.w155       { width: 155px !important; }
.w160       { width: 160px !important; }
.w165       { width: 165px !important; }
.w170       { width: 170px !important; }
.w180       { width: 180px !important; }
.w185       { width: 185px !important; }
.w190       { width: 190px !important; }
.w200       { width: 200px !important; }
.w210       { width: 210px !important; }
.w220       { width: 220px !important; }
.w225       { width: 225px !important; }
.w230       { width: 230px !important; }
.w240       { width: 240px !important; }
.w250       { width: 250px !important; }
.w260       { width: 260px !important; }
.w270       { width: 270px !important; }
.w273       { width: 273px !important; }
.w275       { width: 275px !important; }
.w280       { width: 280px !important; }
.w285       { width: 285px !important; }
.w290       { width: 290px !important; }
.w295       { width: 295px !important; }
.w300       { width: 300px !important; }
.w310       { width: 310px !important; }
.w320       { width: 320px !important; }
.w330       { width: 330px !important; }
.w340       { width: 340px !important; }
.w350       { width: 350px !important; }
.w360       { width: 360px !important; }
.w375       { width: 375px !important; }
.w380       { width: 380px !important; }
.w400       { width: 400px !important; }
.w420       { width: 420px !important; }
.w440       { width: 440px !important; }
.w450       { width: 450px !important; }
.w490       { width: 490px !important; }
.w500       { width: 500px !important; }
.w510       { width: 510px !important; }
.w550       { width: 550px !important; }
.w560       { width: 560px !important; }
.w570       { width: 570px !important; }
.w580       { width: 580px !important; }
.w590       { width: 590px !important; }
.w600       { width: 600px !important; }
.w630       { width: 630px !important; }
.w660       { width: 660px !important; }
.w680       { width: 680px !important; }
.w700       { width: 700px !important; }
.w710       { width: 710px !important; }
.w750       { width: 750px !important; }
.w753       { width: 753px !important; }
.w760       { width: 760px !important; }
.w765       { width: 765px !important; }
.w780       { width: 780px !important; }
.w790       { width: 790px !important; }
.w800       { width: 800px !important; }
.w850       { width: 850px !important; }
.w870       { width: 870px !important; }
.w880       { width: 880px !important; }
.w885       { width: 885px !important; }
.w890       { width: 890px !important; }
.w900       { width: 900px !important; }
.w930       { width: 930px !important; }
.w950       { width: 950px !important; }
.w980       { width: 980px !important; }
.w1000      { width: 1000px !important; }
.w1050      { width: 1050px !important; }
.w1060      { width: 1060px !important; }
.w1080      { width: 1080px !important; }
.w1100      { width: 1100px !important; }
.w1110      { width: 1110px !important; }
.w1115      { width: 1115px !important; }
.w1117      { width: 1117px !important; }
.w1150      { width: 1150px !important; }
.w1200      { width: 1200px !important; }

.w2p        { width: 2%; }
.w4p        { width: 4%; }
.w5p        { width: 5%; }
.w6p        { width: 6%; }
.w7p        { width: 7%; }
.w10p       { width: 10%; }
.w14p       { width: 14%; }
.w15p       { width: 15%; }
.w19p       { width: 19%; }
.w20p       { width: 20%; }
.w30p       { width: 30%; }
.w32p       { width: 32%; }
.w35p       { width: 35%; }
.w40p       { width: 40%; }
.w45p       { width: 45%; }
.w48p       { width: 48%; }
.w49p       { width: 49%; }
.w50p       { width: 50%; }
.w60p       { width: 60%; }
.w70p       { width: 70%; }
.w78p       { width: 78%; }
.w80p       { width: 80%; }
.w90p       { width: 90%; }
.w95p       { width: 95%; }
.w96p       { width: 96%; }
.w98p       { width: 98%; }
.w99p       { width: 99%; }
.wFull      { width: 100%; }

/* *********************************************************************
◆  縦幅指定     
********************************************************************* */
.h0          { height: 0px; }
.h30         { height: 30px; }
.h40         { height: 40px; }
.h45         { height: 45px; }
.h50         { height: 50px; }
.h60         { height: 60px; }
.h80         { height: 80px; }
.h90         { height: 90px; }
.h100        { height: 100px; }
.h150        { height: 150px; }
.h180        { height: 180px; }
.h200        { height: 200px; }
.h300        { height: 300px; }
.h335        { height: 335px; }
.h340        { height: 340px; }
.h350        { height: 350px; }
.h360        { height: 360px; }
.h365        { height: 365px; }
.h370        { height: 370px; }
.h380        { height: 380px; }
.h390        { height: 390px; }
.h400        { height: 400px; }
.h410        { height: 410px; }
.h450        { height: 450px; }
.h500        { height: 500px; }
.h550        { height: 550px; }
.h600        { height: 600px; }


/* *********************************************************************
◆  装飾用classスタイル設定
********************************************************************* */
.none         { display: none; }
.block        { display: block; }
.inline       { display: inline; }
.inlineBlock  { display: inline-block; }
.ofh          { overflow: hidden; }


.bgWhite { background-color: #ffffff !important; }
.bgDark { background-color: #dddddd; }

/* *********************************************************************
◆  ボーダー指定
********************************************************************* */
.bdNone     { border: none !important; }
.bdTopNone  { border-top: none !important; }
.bdBtmNone  { border-bottom: none !important; }

.bdGray     { border: 1px solid #CCCCCC; }
.bdTopGray  { border-top: 1px solid #CCCCCC; }
.bdBtmGray  { border-bottom: 2px solid #6C7075; }
.bdBGray    { border-bottom: 1px solid #CCCCCC; }
.bdBGrayDot { border-bottom: 1px dotted #CCCCCC; }

/* *********************************************************************
◆  フォント
********************************************************************* */
.txtBlack  { color: #000000; }
.txtGray   { color: #666666; }
.txtSilver { color: #AAAAAA; }
.txtRed    { color: red; }
.txtBlue   { color: blue; }
.txtOrange { color:#FF6600; }
.txtGreen  { color:#393; }
.txtAqua   { color:#0F8ECF; }
.txtBold   { font-weight: bold; }
.txtLine   { text-decoration: line-through; }


.fSize10 { font-size: 10px !important; }
.fSize11 { font-size: 11px !important; }
.fSize12 { font-size: 12px !important; }
.fSize13 { font-size: 13px !important; }
.fSize14 { font-size: 14px !important; }
.fSize15 { font-size: 15px !important; }
.fSize16 { font-size: 16px !important; }
.fSize18 { font-size: 18px !important; }
.fSize20 { font-size: 20px !important; }
.fSize23 { font-size: 23px !important; }

.ffMSP { font-family: "ＭＳ Ｐゴシック"; }

/* *********************************************************************
◆   Float
********************************************************************* */
.flL { 
    float: left;
    display: inline;
}

.flR { 
    float: right;
    display: inline;
}

/* *********************************************************************
◆  Clear Fix
********************************************************************* */
.cFix:after {
    content: "."; 
    display: block; 
    clear: both;
    height: 0;
    visibility: hidden;
}

.cFix { display: inline-table; }

/* Hides from IE-mac \*/
* html .cFix { height: 1%; }
.cFix { display: block; }
/* End hide from IE-mac */

* html .cFix             { zoom: 1; } /* IE6 */
*:first-child+html .cFix { zoom: 1; } /* IE7 */

/* Clear Fix
---------------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hides from IE-mac \*/

/* 必須テキスト
---------------------------------------------*/
.nec, .noChk {
    background-color: #FFE6F2 !important;
}

/* 半角英数字入力制御
---------------------------------------------*/
.jap{
    ime-mode:active;
}

.eng{
    ime-mode:disabled;
}

/* 半角英数字入力制御
---------------------------------------------*/
.com_jap{
    ime-mode:active;
}

.com_eng{
    ime-mode:disabled;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
//   リスト
// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 水平方向
======================================================== */

.hList li {
    float: left;
    display: inline;
}


/* 水平方向(右寄）
======================================================== */

.hListRt li {
    float: right;
    display: inline;
}

.hList:after,
.hListRt:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
//   スクロール
// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* スクロール幅は16px */
.scrollX { overflow-x: scroll; }
.scrollY { overflow-y: scroll; }


/* フォント
---------------------------------------------*/
.red{
    color: #FF0000 !important;    
}

.txt_rt {
    text-align: right;
}

.txt_lt {
    text-align: left;
}
.txt_ct {
    text-align: center;
}

.txt_bold {
	font-weight: bold;
}

/* エラーメッセージ
---------------------------------------------*/
.com_err_list {
	margin:10px 0 10px 0;
    padding: 5px 10px 5px 10px;
    border: solid 1px #dcdcdc;
    background-color: #FFFFCC;
    font-size: small;
    text-align: left;
    color: red;
}
    
.com_err_item {
    background-color: #FF0000;
}

/* カーソル
---------------------------------------------*/
.link_cursor {
    cursor: pointer;
}