/*===========================================
	containerArea
=============================================*/
div.div_760 {
	width: 760px;
	margin: 29px 0px 50px 0px;
	padding: 0px;
}
@media (max-width:640px) {
	div.div_760 {
		width: 100%;
		margin: 29px 0px 50px 0px;
		padding: 0px;
	}
}

.mq_movie{
	display: block;
}
@media (max-width:640px) {
	.mq_movie{
		display: none;
	}
}

/*===========================================
	navi 
=============================================*/
ul.naviBar {
	width:730px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.naviBar li {
	height:30px;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	float:left;
}
ul.naviBtnArea {
	width:730px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
ul.naviBtnArea li {
	height:60px;
	margin: 0px 0px 0px 3px;
	padding: 0px;
	float:left;
}
ul.naviBtnArea li.sp {
	display:none;
}

@media (max-width:640px) {

	ul.naviBar {
		display: none;
	}
	ul.naviBtnArea {
		width:100%;
	}
	ul.naviBtnArea li {
		height:auto;
		margin: 0 3px 5px 0;
		float:left;
	}
	ul.naviBtnArea li.sp {
		display: block;
		background: #2882c8;
		color: #ffffff;
		margin: 20px 0 10px 0 ;
		padding: 5px;
		height: auto;
		text-align: center;
		clear:both;
		width: 100%;
	}
}
/*===========================================
	subTitle 
=============================================*/
.subTitle {
	margin:20px 0px 0px 0px;
	padding: 3px 0px 6px 11px;
	background: url(../images/subtitle.gif) repeat-y;
	border-bottom:#CCC 1px solid;
	font-weight:bold;
	text-align:left;
	clear:both;
}


/*===========================================
	AttentionArea
=============================================*/
div.AttentionArea {
	margin: 15px auto 0px auto;
	padding: 15px;
	border:#AEAEAE 1px solid;
	background:#F0F0F0;
	text-align:left;
	clear:both;
}
.ico_Attention {
	margin: 0px;
	padding: 5px 0px 10px 37px;
	background:url(../images/ico_attention.gif) no-repeat 0px 0px;
	font-weight:bold;
}

/*===========================================
	OnepointArea
=============================================*/
div.OnepointArea {
	margin: 15px auto 0px auto;
	padding: 15px;
	background:#FFFBE3;
	border:#FFBB42 solid 2px;
	text-align:left;
	clear:both;
}
.ico_Onepoint {
	margin: 0px;
	padding: 4px 0px 7px 38px;
	background:url(../images/ico_onepoint.gif) no-repeat 0px 0px;
	font-weight:bold;
}
@media (max-width:640px) {
	div.OnepointArea {
		width: auto;
	}
}

/*===========================================
	disc
=============================================*/
ul.disc {
	margin: 0px;
	padding: 0px;
	list-style:none;
}
ul.disc li {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	background:url(../images/ico_disc.gif) no-repeat 0px 5px;
}
.ico_Disc {
	margin: 0px;
	padding: 0px 0px 0px 13px;
	background:url(../images/ico_disc.gif) no-repeat 0px 4px;
}

/*===========================================
	indent
=============================================*/
.kome_indent dt {
    width: 15px;
}
.kome_indent dd {
    margin-left: 1.5em;
    margin-top: -1.2em;
}

/*===========================================
	textLine
=============================================*/
.textLine {
	padding-right:5px;
	padding-left:5px;
	padding-bottom:5px;
	vertical-align: middle;
}



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

.clearfix { display: inline-block}

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


/*===========================================
	clear_both
=============================================*/
.clear_both {
	clear: both;
}



/*===========================================
	Space
=============================================*/
.mt_00 {
	margin: 0px;
}
.mt_02{
	margin: 2px 0px 0px 0px;
}
.mt_03{
	margin: 3px 0px 0px 0px;
}
.mt_05{
	margin: 5px 0px 0px 0px;
}
.mt_10 {
	margin: 10px 0px 0px 0px;
}
.mt_15 {
	margin: 15px 0px 0px 0px;
}
.mt_20 {
	margin: 20px 0px 0px 0px;
}
.mt_25 {
	margin: 25px 0px 0px 0px;
}
.mt_30 {
	margin: 30px 0px 0px 0px;
}
.mt_35 {
	margin: 35px 0px 0px 0px;
}
.mt_40 {
	margin: 40px 0px 0px 0px;
}
.mt_45 {
	margin: 45px 0px 0px 0px;
}
.mt_50 {
	margin: 50px 0px 0px 0px;
}


.ml_05 {
	margin-left: 5px;
}
.ml_10 {
	margin-left: 10px;
}
.ml_15 {
	margin-left: 15px;
}
.ml_20 {
	margin-left: 20px;
}
.ml_25 {
	margin-left: 25px;
}
.ml_30 {
	margin-left: 30px;
}
.ml_35 {
	margin-left: 35px;
}
.ml_40 {
	margin-left: 40px;
}
.ml_45 {
	margin-left: 45px;
}
.ml_50 {
	margin-left: 50px;
}





/*===========================================
	color
=============================================*/
.red {
	color: #C61B38;
}


/*===========================================
	pagetopBox
=============================================*/
.pagetopBox{
	margin:10px 0px 0px 0px;
	padding:0px;
	text-align:right;
	clear:both;
}