@charset "Shift_JIS";
/* import css files */

/*===========================================
	Shared Style
=============================================*/


/*===========================================
	wrapper
=============================================*/
div#wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	clear: both;
	text-align: center;
}


/*===========================================
	contensArea
=============================================*/
div#contensArea {
	width: 950px;
	margin: 0 auto;
	padding: 0;
}


/*===========================================
	mainContentsArea
=============================================*/
div#mainContentsArea {
	width: 950px;
	margin: 20px auto 0 auto;
	padding: 0;
}


/*===========================================
	NaviArea 
=============================================*/
ul.NaviArea {
	width: 950px;
	margin: 0;
	padding: 0;
	list-style:none;
}
ul.NaviArea li {
	height:40px;
	margin: 0;
	padding: 0;
	float:left;
}

/*===========================================
	Title 
=============================================*/
p.Title {
	margin: 40px auto 0px auto;
	padding: 0px 0px 3px 5px;
	border-bottom:#CCC 1px solid;
	font-weight:bold;
	clear:both;
}
p.subTitle {
	width:auto;
	margin: 40px auto 0px auto;
	padding: 5px 0px;
	background: #E1E1E1;
	font-weight:bold;
	clear:both;
}
p.subTitle span {
	padding-left:10px;
}

/*===========================================
	Title _mini
=============================================*/
p.Title_mini {
	margin: 10px auto 10px auto;
	padding: 0px 0px 3px 5px;
	border-bottom:#CCC 1px solid;
	font-weight:bold;
	clear:both;
}
p.subTitle_mini {
	width:360px;
	margin: 0px;
	padding: 5px 0px;
	background: #E1E1E1;
	font-weight:bold;
	clear:both;
}
p.subTitle_mini span {
	padding-left:10px;
}



/*===========================================
	AttentionArea
=============================================*/
div.AttentionArea {
	margin: 20px auto 0px auto;
	padding: 0px;
	background:#EDF5FD;
	border:1px #CCC solid;
	clear:both;
}
div.AttentionArea div.AttentionBox {
	margin: 0px;
	padding: 15px 20px;
}

/*===========================================
	OnepointArea
=============================================*/
div.OnepointArea {
	margin: 20px auto 0px auto;
	padding: 0px;
	background:#FFFBE3;
	border:#FFBB42 solid 2px;
	clear:both;
}
div.OnepointArea div.OnepointBox {
	margin: 0px;
	padding: 15px 20px;
}

/*===========================================
	space
=============================================*/
ul.space {
	margin: 0px;
	padding: 0px;
	list-style:none;
	clear:both;
}
ul.space li {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	text-align:left;
}


/*===========================================
	icon
=============================================*/
.ico_arrow {
	padding-left:20px;
	background:url(../images/common/icon_arrow1.gif) no-repeat 0px 4px;
}
.ico_arrowlink {
	padding-left:10px;
	background:url(../images/common/ico_arrowlink.gif) no-repeat 0px;
}

ul.arrowlink {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.arrowlink li {
	padding-left:10px;
	margin-top:3px;
	background:url(../images/common/ico_arrowlink.gif) no-repeat 0px;
	font-weight:bold;
}

.ico_anchor {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background:url(../images/sitemap/ya02.gif) no-repeat 0px 6px;
}
.ico_disc {
	padding-left:15px;
	background:url(../images/common/ico_disc.gif) no-repeat 0px 6px;
}

ul.disc {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.disc li {
	padding-left:10px;
	margin-top:3px;
	background:url(../images/common/ico_disc.gif) no-repeat 0px 6px;
}
ul.disc_space {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.disc_space li {
	padding-left:10px;
	margin-top:15px;
	background:url(../images/common/ico_disc.gif) no-repeat 0px 6px;
	text-align:left;
}



.ico_Attentionmark {
	height:30px;
	margin: 0px;
	padding: 5px 0px 0px 37px;
	background:url(../images/common/ico_attention.gif) no-repeat 0px 0px;
	font-weight:bold;
}
.ico_Onepointmark {
	height:27px;
	margin: 0px;
	padding: 4px 0px 0px 38px;
	background:url(../images/common/ico_onepoint.gif) no-repeat 0px 0px;
	font-weight:bold;
}

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

/*===========================================
	txtlink
=============================================*/
.txtlink{
	padding: 0 0 0 13px;
	background:url(/www/share/images/arrow_black2.gif) no-repeat left 0.4em;
	font-weight:bold;
}
.txtlink_normal{
	padding: 0 0 0 13px;
	background:url(/www/share/images/arrow_black2.gif) no-repeat left 0.4em;
}

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


/*===========================================
	ico
=============================================*/
.ico_01 {
	background:url(../images/common/ico_01.gif) no-repeat;
	padding: 0px 0px 0px 27px;
}
.ico_02 {
	background:url(../images/common/ico_02.gif) no-repeat;
	padding: 0px 0px 0px 27px;
}
.ico_03 {
	background:url(../images/common/ico_03.gif) no-repeat;
	padding: 0px 0px 0px 27px;
}
.ico_04 {
	background:url(../images/common/ico_04.gif) no-repeat;
	padding: 0px 0px 0px 27px;
}




/*===========================================
	footerArea
=============================================*/
div#footerArea {
	width: 100%;
	margin: 0;
	padding: 0;
}


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


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

.ml_05{
	margin: 0 0 0 5px;
}


/*===========================================
	color
=============================================*/
.red {
	color: #990000;
}
.orange {
	color:#EE6620;
}


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


@media(max-width:640px){
	p.subTitle {
		padding: 5px;
	}
		p.subTitle span{
			padding: 0;
		}
	.ico_Onepointmark {
		height: auto;
		min-height: 27px;
		margin-bottom:15px;
	}
}

/*
----------------------------------------------------------------------------
	sup_link button
----------------------------------------------------------------------------
*/
#sp #pageMainContent .unit.sup_link,
.sup_link {
	overflow: hidden;
	border-top: 3px double #D0D0D0;
	border-bottom: 3px double #D0D0D0;
	margin: 30px 0!important;
	padding: 30px 0;
}
.sup_link p {
	margin-left: 20px;
}
.sup_link ul li {
	float: left;
	padding: 10px 0 0 30px;
	list-style-type: none;
}
.sup_link ul li a {
    display: block;
    transition: opacity 0.2s ease-in 0s;
}
.sup_link ul li a:hover {
    letter-spacing: 0.01em;
    opacity: 0.5;
}
.sup_link ul li img {
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 640px) {
.sup_link p {
	margin-left: 0;
}
.sup_link ul li {
	padding: 10px 30px 0 0;
}
}