@charset "UTF-8";

/*
##################################################################
common_v1.0.css
################################################################## */

* {
    margin: 0;
    padding: 0;
    font-size: 12px;
    }

body {
    font-family: 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
    }

a {
    color: #18459d;
    }

a:hover {
    color: #f90;
    }

a img {
    border: none;
    }

h1#b_blue {
    margin-bottom: 35px;
    text-indent: 15px;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 19px;
    font-weight: 900;
    line-height: 20px;
    color: #333;
    background: url(/cmn/images/headfoot/v1.0_03.gif) 0 0 no-repeat;
    }

h2 {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    }

.pankuzu, #pankuzu {
    padding-bottom: 20px;
    }

.pankuzu, .pankuzu a, .pankuzu strong, #pankuzu, #pankuzu a, #pankuzu strong {
    font-size: 10px;
    line-height: 11px;
    }

/* このページの先頭へ */
p#pagetop {
    margin: 10px 0;
    width: 980px;
    text-align: right;
    }

p#pagetop a {
    font-size: 12px;
    }



/*
##################################################################
drag!
################################################################## */

div.footer-link{clear:both; margin:10px; font-size:10px;}
/*div#footer{margin:10px; text-align:right; border-top:solid 1px #ccc;}*/
div#footer{margin:10px; border-top:solid 1px #ccc;}

a.out-link{padding-left:13px; line-height:1em; font-size:10px; background:url(/CS/images/icon_arrow.gif) no-repeat 0 0;}
a.out-link-m{padding-left:14px; line-height:1em; font-size:12px; background:url(/CS/images/icon_arrow.gif) no-repeat 0 1px;}

a.help-link{padding-left:13px; line-height:1em; font-size:10px; background:url(/CS/images/icon_help2.gif) no-repeat 0 0;}

a.out-link-right{line-height:1em; font-size:10px; background:url(/CS/images/icon_arrow.gif) no-repeat right 0;}

/* Fixed button(for mailmagazine,inquiry) */
body {background: url(#) fixed;}
div#fixed-box{width:127px; height:38px; position:fixed; top:0; right:0;	z-index:4;}
div#fixed-box a{display:block; width:127px; height:19px; text-indent:-9999px; text-decoration:none;}
div#fixed-box a#mailmaga-btn{background:#f00 url(/cmn/images/mail-maga.gif) no-repeat 0 0;}
div#fixed-box a#toiawase-btn{background:#f00 url(/cmn/images/toiawase.gif) no-repeat 0 0;}


/* clearfix */
div.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
div.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
.icon{margin:0 6px 0 0; vertical-align:middle;}

a.cmnBlueArrow{padding-left:8px;  background:url(/cmn/images/blueArrow.png) no-repeat 0 2px;}


/* 完了画面下会員登録フォム 2011.11.09追加修正 */

	/* 画面遷移 */
.flowFrame li										{ position: relative; margin-top: 5px; height: 25px; line-height: 27px; background-image: url(/cmn/images/entryForm/flowFrame_01.png); background-repeat: no-repeat; overflow: hidden;}
.flowStrBehind, .flowStrCurrent						{ padding: 0 35px 0 10px;}
.flowStrBehind										{ border-left: 1px solid #bbb; background-position: right top;}
.flowStrCurrent										{ border-left: 1px solid #ffd2a5; background-position: right -25px;}
.flowMidBehind, .flowMidCurrent						{ margin-left: -15px; padding: 0 15px 0 20px;}
.flowMidBehind										{ background-position: right top;}
.flowMidCurrent										{ background-position: right -25px;}
.flowEndBehind, .flowEndCurrent						{ margin-left: -15px; padding: 0 10px 0 20px;}
.flowEndBehind										{ border-right: 1px solid #bbb; background-position: -21px 0;}
.flowEndCurrent										{ border-right: 1px solid #ffd2a5; background-position: -21px -25px;}
.z1													{ z-index: 1;}
.z2													{ z-index: 2;}
.z3													{ z-index: 3;}
.z4													{ z-index: 4;}
.z5													{ z-index: 5;}

.w670	{ width: 670px;}
.w370	{ width: 370px;}


.x {
	background-image: url("/cmn/images/sprite/x.png");
}
.mT5 {
	margin-top: 5px;
}
.mR30 {
	margin-right: 30px;
}
.lineOrange {
	background-position: 0 -2150px;
	background-repeat: no-repeat;
	line-height: 25px;
	padding-left: 10px;
}
.fs12 {
	 font-size: 12px;
}
.fs14 {
	font-size: 14px;
}
.p10 {
	padding: 10px;
}
.pL10 {
	padding-left: 10px;
}
.fgRed {
	color: #CC0000 !important;
}
.bdCell {
	border-left: 1px solid #BDBDBD;
	border-top: 1px solid #BDBDBD;
}
.bgThOrange th {
    background-color: #FFD3AE;
}
.bdCell th, .bdCell td {
    border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
    border-style: solid;
    border-width: 1px;
}
.taThL th {
    text-align: left;
}
.pCellV5H10 th, .pCellV5H10 td {
    padding: 5px 10px;
}
.fgGray {
    color: #666666 !important;
}
.bld {
    font-weight: bold !important;
}
th, td, dt, dd, div, p {
    word-wrap: break-word;
}
.TF {
    border: 1px solid #7F9DB9;
    font-size: 14px;
    height: 21px;
    padding: 4px 2px 0;
}
.formOrange {
    background-color: #FBEEE2;
}
.font_gray {
    color: #999999;
}
.ol {
    overflow: hidden;
    text-indent: -9999px;
}
.mHA {
    margin-left: auto;
    margin-right: auto;
}
.confirm {
    background-position: 0 -710px;
    height: 35px;
    width: 242px;
}
.confirm:hover {
    background-position: 0 -745px;
}
.b {
    border: 0 none;
    cursor: pointer;
    display: block;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-image: url("/cmn/images/sprite/b.png");
    background-repeat: no-repeat;
}
.b:hover, .bIMG:hover, .bTXT:hover {
    color: #FFFFFF !important;
}
.silverLow80 {
    background-position: 0 0;
    color: #1E0FCA !important;
    font-size: 10px;
    height: 21px;
    line-height: 19px;
    width: 80px;
}
.silverLow80:hover {
    background-position: 0 -21px;
}
.silverLow80:active {
    background-position: 0 -42px;
    height: 20px;
    padding-top: 1px;
}
.silverLow80Inactive {
    background-position: 0 -63px;
    color: #1E0FCA !important;
    font-size: 10px;
    height: 21px;
    line-height: 19px;
    width: 80px;
}
.cb{clear:both;}
.pT3{padding-top:3px;}
.mT3{margin-top:3px;}
.mL5{margin-left:5px;}
