@charset "utf-8";

/* ====================================

module

==================================== */
/**
 * head
 */

/* mod-o-head-07 */
.mod-o-head-07{
	padding:10px 10px 9px 10px;
	color:#fff;
	background:#004682;
	border:1px solid #858585;
	font-size:123.1%;
	font-weight:bold;
}

/* mod-o-head-08 */
.mod-o-head-08{
	position:relative;
	margin-top:40px;
	padding-bottom:10px;
	background:url("/image/support/mod-o-head-08/bg_01.gif") left bottom no-repeat;
	font-size:153.9%;
}
.mod-o-head-08_01{
	position:relative;
	margin-top:40px;
	padding-bottom:10px;
	background:url("/image/support/mod-o-head-08/bg_03.gif") left bottom no-repeat;
	font-size:153.9%;
}

/**
 * link
 */

/* mod-o-link-07 */
.mod-o-link-07,
a.mod-o-link-07 .bg-r{
	padding-right:19px;
	background:url("/image/support/area-content/icn_02.png") right center no-repeat;
}

/* mod-o-link-08 */
.mod-o-link-08 dl{
	margin-left: 20px;
	float:left;
}
.mod-o-link-08 dl:first-child{
	margin-left: 0;
}
.mod-o-link-08 dt {
	margin-bottom: 10px;
	margin-top: 3px;
	height:70px; width:217px;
}
.mod-o-link-08 dt a img:hover {
 border:solid 3px #87abff;
 border-radius:15px;
 padding:0;
 margin-top:-3px;
 margin-left:-3px;
}
.mod-o-link-08 .categoryMenu {
	width: 217px;
}
.mod-o-link-08 .mobile {
	width: 219px;
}

.mod-o-link-08 .list-wrap {
	padding-bottom: 5px;
	background: #ececec url(/image/support/mod-o-link-08/bg_06.png) left bottom no-repeat;
}
.mod-o-link-08 .mobile .list-wrap {
	padding-bottom: 5px;
	background: #ececec url(/image/support/mod-o-link-08/bg_07.png) left bottom no-repeat;
}
.mod-o-link-08 .list{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background:url("/image/support/mod-o-link-08/bg_01.gif") left top repeat-x;
}
.mod-o-link-08 .categoryMenu .list {
	background:url("/image/support/mod-o-link-08/bg_02.png") left top repeat-x;
}
.mod-o-link-08 .mobile .list {
	background:url("/image/support/mod-o-link-08/bg_04.png") left top repeat-x;
}
.mod-o-link-08 .list li{
	padding:0 10px 15px 16px;
}
.mod-o-link-08 .list li:first-child {
	padding-top: 20px;
}

/* mod-o-link-09 */
.mod-o-link-09 dl{
	margin-left:20px;
	float:left;
	width:340px;
}
.mod-o-link-09 dl:first-child{
	margin-left:0;
}
.mod-o-link-09 .txt{
	margin:10px 12px;
}

/* mod-o-link-10 */
.mod-o-link-10 li{
	padding:11px 0 12px 0;
	background:url("/image/support/mod-o-link-10/bg_01.gif") left bottom repeat-x;
}


/**
 * box
 */


/**
 * list
 */

/* mod-o-list-01 */
.mod-o-list-01{
	padding-left:15px;
}
.mod-o-list-01 li{
	margin-bottom:35px;
	list-style-type:decimal;
	font-weight:bold;
}
.mod-o-list-01 li .txt{
	font-weight:normal;
}
.mod-o-list-01 li .mod-list-08 li{
	margin-bottom:15px;
	list-style-type:none;
	font-weight:normal;
}

/* mod-o-list-02 */

.mod-o-list-02.dreamLink li{
	margin-bottom:10px;
	float: right;
}

/* mod-o-list-03 */
/*
.mod-o-list-03{
	margin-top:10px;
	padding:5px 6px 4px 6px;
	min-height:43px;
	background:url("/image/support/mod-o-list-03/bg_01.png") left top no-repeat;
}
.mod-o-list-03 li{
	position: relative;
	float:left;
}
.mod-o-list-03 li img{
	position:relative;
}
*/
.area-content .wrap{
	/*display: none;*/
}
.mod-o-list-03{
	margin:10px 0 0 0;
	padding:5px 6px 4px 6px;
	background:url("/image/support/mod-o-list-03/bg_01.png") left top no-repeat;
}
.mod-o-list-03 ul{
	margin-left:0;
	padding-left:4px;
	min-height:43px;
	background:url("/image/support/mod-o-list-03/bg_04.png") left top no-repeat;
}
.mod-o-list-03 ul.cur{
	background:url("/image/support/mod-o-list-03/bg_05.png") left top no-repeat;
}
.mod-o-list-03 ul.ovr{
	background:url("/image/support/mod-o-list-03/bg_04_ovr.png") left top no-repeat;
}
.mod-o-list-03 li{
	position:relative;
	float:left;
	height:43px;
	background: url("/image/support/mod-o-list-03/bg_02.png") right top no-repeat;
	z-index:2;
	cursor: pointer;
}
.mod-o-list-03 li:hover{
	background: url("/image/support/mod-o-list-03/bg_02_ovr.png") right top no-repeat;
}
.mod-o-list-03 li p{
	padding:10px 0px;
	overflow:hidden;
	font-size:108%;
	font-weight:bold;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
	text-indent:-5px;
}
.wrap .mod-o-list-03 li p{
	padding: 10px 20px;
}
*:first-child+html .mod-o-list-03 li p{
	display:inline;
	text-indent:0px;
	zoom:1;
}
.mod-o-list-03 li a{
	font-weight:bold;
}
.mod-o-list-03 li.cur{
	padding-left:0px;
	background:url("/image/support/mod-o-list-03/bg_03.png") right top no-repeat;
}
.mod-o-list-03 ul.cur .cur{
	padding-left:0;
}
.mod-o-list-03 li.cur p{
	color:#fff;
}

/* mod-o-list-04 */
.mod-o-list-04{
	padding:3px 8px 7px 8px;
	background:#d5d5d5;
}
.mod-o-list-04 li{
	position:relative;
	margin-left:-18px;
	float:left;
}
.mod-o-list-04 li.step1{
	margin-left:0;
	z-index:4;
}
.mod-o-list-04 li.step2{
	z-index:3;
}
.mod-o-list-04 li.step3{
	z-index:2;
}
.mod-o-list-04 li.step4{
	z-index:1;
}


/* mod-o-list-05 */
.mod-o-list-05 li{
	margin-bottom:6px;
	padding-left:10px;
	background:url("/image/support/mod-list-03/blt_01.png") 0 0.45em no-repeat;
	zoom:1;
}

/* mod-o-list-06 */
.mod-o-list-06{
	margin:0 0 0 -20px;
}
*:first-child+html .mod-o-list-06{
	padding:20px 0;
	width:720px;
	position:relative;
	left:-20px;
}
.mod-o-list-06 li{
	margin:0 0 20px 20px;
	float:left;
	width:260px;
}
.mod-o-list-06 li.point-01{
	padding-left:55px;
	background:url("/image/support/mod-o-list-06/point_01.gif") left top no-repeat;
}
.mod-o-list-06 li.point-02{
	padding-left:55px;
	background:url("/image/support/mod-o-list-06/point_02.gif") left top no-repeat;
}
.mod-o-list-06 li.point-03{
	padding-left:55px;
	background:url("/image/support/mod-o-list-06/point_03.gif") left top no-repeat;
}
.mod-o-list-06 li.point-04{
	padding-left:55px;
	background:url("/image/support/mod-o-list-06/point_04.gif") left top no-repeat;
}
.mod-o-list-06 li.point-05{
	padding-left:55px;
	background:url("/image/support/mod-o-list-06/point_05.gif") left top no-repeat;
}
.mod-o-list-06 li.point-06{
	padding-left:55px;
	background:url("/image/support/mod-o-list-06/point_06.gif") left top no-repeat;
}

/* mod-o-list-07 */
.mod-o-list-07{
	padding-top:1px;
	background:url("/image/support/mod-o-list-07/bg_01.gif") left top repeat-x;
}
.mod-o-list-07 li{
	margin-bottom:2px;
	background:#ececec;
}
.mod-o-list-07 li:hover{
	background:#e6f5ff;
	cursor:pointer;
}
.mod-o-list-07 li a {
	padding:10px 10px 10px 10px;
	display:table-cell;
	height:40px;
	padding-left: 4em;
    text-indent: -4em;
}

.mod-o-list-07 li a * {
	vertical-align:middle;
}

*:first-child+html .mod-o-list-07 li a{
	display:inline;
	zoom:1;
}

/* mod-o-list-08 */
.mod-o-list-08 dl{
	margin-left:20px;
	float:left;
	width:220px;
}
.mod-o-list-08 dl:first-child{
	margin-left:0;
}

/* mod-o-list-09 */
.mod-o-list-09{
	margin-top:10px;
	background:#fff url("/image/support/mod-o-list-09/bg_01.gif") left top repeat-y;
	border:1px solid #ccc;
}
.mod-o-list-09 dt{
	/*float:left;*/
	display:table-cell;
	width:56px;
	background:#f5f5f5;
	vertical-align:middle;
}
.mod-o-list-09 dd{
	display:table-cell;
	vertical-align:middle;
	/*float:left;*/
}
*:first-child+html .mod-o-list-09 dt,
*:first-child+html .mod-o-list-09 dd{
	display:inline;
	zoom:1;
}
.mod-o-list-09 dd a{
	padding:12px 10px;
	display:block;
	width:622px;
}
/*-----------------------------------------------------*/


/* mod-o-search-03 */
.mod-o-search-03 {
	margin: 17px 0 0 18px;
}
.mod-o-search-03 .inputBoxInner {
	position: relative;
	width: 343px;
}
.mod-o-search-03 .inputBoxInner .field input[type="text"]{
	background:url(/image/support/mod-o-search-03/bg_01.png) left top no-repeat;
	width: 350px;
	height: 33px;
	border-width:0;
	border-style:none;
	outline: none;
	padding-left: 23px;
	line-height:2.5;
}
.mod-o-search-03 .inputBoxInner input[type="submit"] {
	position: absolute;
	right: -100px;
	top: 1px;
	width:86px;
	height:32px;
	background:url(/image/support/mod-o-search-03/btn_01.png) left top no-repeat;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}
.mod-o-search-03 .inputBoxInner input[type="submit"]:hover {
	background:url(/image/support/mod-o-search-03/btn_01_ovr.png) left top no-repeat;
}

/*-----------------------------------------------------*/

/**
 * clearfix
 */

/* For modern browsers */
.clearfix:after,
.mod-o-link-08:after,
.mod-o-link-09:after,
.mod-o-list-03:after,
.mod-o-list-04 ul:after,
.mod-o-list-06:after,
.mod-o-list-08:after,
.mod-o-list-09:after,
.mod-o-search-02 .area-btn:after{
	content:"";
	display:table;
}

.clearfix:after,
.mod-o-link-08:after,
.mod-o-link-09:after,
.mod-o-list-03:after,
.mod-o-list-04 ul:after,
.mod-o-list-06:after,
.mod-o-list-08:after,
.mod-o-list-09:after,
.mod-o-search-02 .area-btn:after{
	clear:both;
}

/* For IE7 (trigger hasLayout) */
.clearfix,
.mod-o-link-08,
.mod-o-link-09,
.mod-o-list-03,
.mod-o-list-04 ul,
.mod-o-list-06,
.mod-o-list-08,
.mod-o-list-09,
.mod-o-search-02 .area-btn{
	zoom:1;
}


.mod-linkArea-01{
	text-align: center;
}
.mod-linkArea-01 a:hover{
	text-decoration: none;
}
.mod-linkArea-01 a span{
	font-weight: bold;
}
.mod-linkArea-01 a:hover span{
	border-bottom: 1px solid #bb0000;
}


.ex-mTop0 {
    margin-top: 0 !important;
}
.ex-mTop10 {
    margin-top: 10px !important;
}
.ex-mTop20 {
    margin-top: 20px !important;
}

.bg-r {
    padding-right: 0;
}

/* 重要なお知らせ overflow */
p.inportantInfoOverflow {
    width: 770px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}