@charset "UTF-8";
/* -------------------------------------
common class
Ver.1.00
Update 060307
------------------------------------- */

/* -------------------------------------
CONTENTS
	1.class
	2.list
	3.font
------------------------------------- */


/* -------------------------------------
	1.class
------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*回り込み*/
.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.clear{clear:both;}
.inline{display:inline; vertical-align:middle;}
.hidden{visibility:hidden;}
.bnone{border:none;}
.xStrong{color:#CC0000 !important;}

.imgInt {margin-bottom: 10px;}


/* -------------------------------------
	2.list
------------------------------------- */
ul.disc{ margin-bottom:1em;}
ul.disc li{ padding-left:12px; background:url(../img/ico_disc.gif) no-repeat 0 0.2em;}
ul.disc li{ line-height:1.2; margin-bottom:3px;}
ul.error{ margin-bottom:1em;}
ul.error li{ padding-left:18px; background:url(../img/ico_error.gif) no-repeat 0 0.2em; color:#CC0000;}
ul.error li{ line-height:1.2; margin-bottom:3px;}
ul.num02{margin-bottom:1em;}
ul.num02 li {text-indent: -2em; padding-left: 2em; background:none;}
ul.num04{margin-bottom:3em;}
ul.num04 li {text-indent: -3em; padding-left: 3em; background:none;}

/*数字のリスト*/
ul.num{ padding-left:2.5em; margin-bottom:1em;}
ul.num li{ text-indent:-20px; margin-bottom:3px; line-height:1.2;}
ol.num{padding:0; margin:0;}
ol.num li{padding-bottom:3px; padding-left:0; margin-bottom:15px; line-height:1.2; list-style-type:none; background:url(../img/num_bg.gif) repeat-x bottom left;}
ol.num li .col{ width:230px; margin:0 !important; height:auto !important; height:5em; min-height:5em; font-size:100% !important;}
ol.num li.num01 .col{background:url(../img/num_01.gif) no-repeat 0 0 !important;}
ol.num li.num02 .col{background:url(../img/num_02.gif) no-repeat 0 0 !important;}
ol.num li.num03 .col{background:url(../img/num_03.gif) no-repeat 0 0 !important;}
ol.num li .col .left{width:40px;  margin-left:40px !important; margin-left:20px; padding-bottom:10px;}
ol.num li .col .right{width:140px; margin-left:-50px;}

ul.arrow{ margin-bottom:1em;}
ul.arrow li{padding-left:14px; background:url(../img/arrow_ico.gif) no-repeat 0 0.2em;}
ul.arrow li{line-height:1.2; margin-bottom:3px;}
ul.arrow li a{color:#333; text-decoration:underline;}

p.arrow{ margin-bottom:0.5em; margin-top:10px;}
p.arrow a{padding-left:14px; padding-bottom:5px; background:url(../img/arrow_ico.gif) no-repeat 0 -0.2em;}
p.arrow a{line-height:1.2; margin-bottom:3px;}
p.arrow a{color:#333; text-decoration:underline;}


/* -------------------------------------
	3.font
------------------------------------- */
.caption{font-size:80% !important; border-top:1px solid #CCC; padding-top:15px !important; padding-top:7px; margin:15px 0 !important; margin:10px 0 5px 0;}
.xStrong {color: #333; font-weight: bold;}
.cap{font-size:85%!important; font-size: 80%;}
.smallCaps{/*font-variant:small-caps;*/ font-size:80%;}
.name span{font-weight: bold;}
.txtSRight {font-size:85%; text-align: right;}


/* -------------------------------------
	3.コラム
------------------------------------- */
.col{margin-bottom: 1.5em;}
.col .subcol{border-top:1px dashed #D6DFEA; padding-top:0.8em;}
.col:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.col{display:inline-block;min-height: 1%;}/*IE*/
/* Hides from IE-mac \*/
* html .col{ height: 1%;}
.col{ display: block;}
/* End hide from IE-mac */

/*2段組み*/
.col02{margin-bottom: 1em; width:500px;}
.col02:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.col02{display:inline-block;min-height: 1%;}/*IE*/
/* Hides from IE-mac \*/
* html .col02{ height: 1%;}
.col02{ display: block;}
/* End hide from IE-mac */
.col02 div.left{width:235px; margin-right:27px;}
.col02 div.left div.left{width:50px; margin-right:0;}
.col02 div.left div.right{width:180px;}
.col02 div.right{ float:left; width:235px;}
.col02 div.right div.left{width:65px; margin-right:0;}
.col02 div.right div.right{width:165px;}
.col02L div.left{width:335px; margin-right:27px;}
.col02L div.right{float:left; width:135px;}

/* 090113追加 */
.col02-ln-b {width: 500px; margin: 0 0 8px 0; padding: 15px 0 0 0; background: url(../img/line_col02.gif) transparent no-repeat left top;}
.col02-ln-b .left {float: left; width: 240px;}
.col02-ln-b .right {float: right; width: 240px;}
.col02-ln-b:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.col02-ln-b {display: inline-table; min-height: 1%;}
/* Hides from IE-mac \*/
* html .col02-ln-b { height: 1%; }
.col02-ln-b { display: block; }
/* End hide from IE-mac */

/*3段組み*/
.col03{margin-bottom:0.5em;}
.col03:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.col03{display:inline-block;min-height: 1%;}/*IE*/
/* Hides from IE-mac \*/
* html .col03{ height: 1%;}
.col03{ display: block;}
/* End hide from IE-mac */
.col03 div.left{width:145px; margin-right:32px;}
.col03 div.center{width:145px; float:left; margin-right:32px; text-align:left;}
.col03 div.right{width:145px; float:left;}


.exCol{background:url(../img/excol_bg.gif) repeat-y; margin-bottom:15px;}
.exCol h3{background:url(../img/excol_h3_bg.gif) no-repeat left bottom; padding:8px 0 8px 10px; margin-bottom:10px;}
.exCol .et{width:500px; background:url(../img/excol_et.gif) no-repeat;}
.exCol .eb{width:500px; height:18px;  margin-top:-10px; background:url(../img/excol_eb.gif);}
.exCol .in{width:470px; margin:0 15px; padding-top:10px; font-size:90%;}
.exCol .in:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.exCol .in{display:inline-block;min-height: 1%;}/*IE*/
/* Hides from IE-mac \*/
* html .exCol .in{ height: 1%;}
.exCol .in{ display: block;}
/* End hide from IE-mac */
.exCol .in .left{width:150px;}
.exCol .in .right{width:310px;}

.formCol{background:url(../img/form_middle.gif) repeat-y;}
.formCol .top{width:500px; height:30px; background:url(../img/form_top.gif) no-repeat 0 0;}
.formCol .bottom{width:500px; height:40px; background:url(../img/form_bottom.gif) no-repeat left bottom;}
.formCol table{width:480px !important; margin-left:10px; border:none; border-top:1px solid #FFF; border-bottom:1px solid #97C5F2; border-collapse:separate !important;border-spacing:0 !important;}
.formCol table th,
.formCol table td{border-bottom:1px solid #FFF; border-top:1px solid #97C5F2; padding:10px 0;border-spacing:0 !important;}
.formCol table th{background-color:transparent; border-left:none; width:130px; border-right:1px solid #97C5F2;}
.formCol table td{background-color:transparent; border-left:none; border-right:none; padding-left:10px; word-break:break-all;}
.formCol p.btn{width:480px; margin-left:10px; text-align:center; margin-bottom:0;}
.formCol ul{width:480px; margin-left:10px;}
.formCol ul li{border-bottom:1px solid #FFF; border-top:1px solid #97C5F2; margin-bottom:0; padding-top:10px; padding-bottom:6px; padding-left:25px; background-position:5px 13px;}
.formCol .thanks{font-size:120% !important; margin:5em 0; text-align:center;}

/* 端末選択 */
.col-idx {padding: 0 0 .5em 0; margin: 0 0 1em 0; border-bottom: 2px solid #D6DFEA;}
.col-idx h3 {margin-bottom: 10px;}
.col-idx a {display: block; padding-left: 12px; background: url(../img/arrow_ico.gif) no-repeat 0 0;}