@charset "UTF-8";

/*----------------
 base layout
--------------- */

/* reset */
#importantnotice h2, #importantnotice h3, #importantnotice h4, #importantnotice h5,
#importantnotice_pop h2, #importantnotice_pop h3, #importantnotice_pop h4, #importantnotice_pop h5
	{font-size:100%; font-weight:normal; text-decoration:none;}
#importantnotice ul, #importantnotice li, #importantnotice dl, #importantnotice dd, #importantnotice dt,
#importantnotice_pop ul, #importantnotice_pop li, #importantnotice_pop dl, #importantnotice_pop dd, #importantnotice_pop dt
	{margin:0; padding:0; list-style:none; list-style-position:outside;}
#importantnotice p, #importantnotice div,
#importantnotice_pop p, #importantnotice_pop div
	{margin:0; padding:0;}

#importantnotice table
	{margin:0; padding:0; table-layout: auto; border-collapse:collapse; border-spacing:0; border:0 none; font-size:100%;}
#importantnotice th, #importantnotice td
	{margin:0; padding:0; empty-cells:show; font-style:normal; font-weight:normal; text-align:left; vertical-align:top;}

/* Float */
#importantnotice .l
	{float:left; width:57%;}
#importantnotice .r
	{float:right; width:40%;}
#importantnotice .center
    {text-align:center;}

/* clearfix */
.cf:before, .cf:after
	{content:" "; display:table;}
.cf:after
	{clear:both;}
.cf
	{zoom:1;}

/* 泣き別れ防止 */
.nw
    {display:inline-block;}

/* width */
.w10 {width:10%;}
.w20 {width:20%;}
.w30 {width:30%;}
.w40 {width:40%;}
.w50 {width:50%;}
.w60 {width:60%;}
.w70 {width:70%;}
.w80 {width:80%;}
.w90 {width:90%;}

.inlinebox{display: inline-block}

/* Table */
#importantnotice table {
    margin:1rem 0;
    border-collapse: collapse;
}
#importantnotice table tr th,
#importantnotice table tr td {
    padding: 0.2em 0.5em;
    font-weight: normal;
    vertical-align: top;
    border: 1px solid #ccc;
}
#importantnotice table tr th{
    background-color: #eee;
}

#importantnotice table.clear {
    margin:0;
}
#importantnotice table.clear tr th,
#importantnotice table.clear tr td{
    border: 0 none;
}
#importantnotice table.clear tr th{
    background-color: transparent;
}


/*----------------
 style of content
--------------- */
#importantnotice
	{margin:0 auto; width:850px; font-size:100%; line-height:130%; margin-bottom:20px; text-align:left;}

#importantnotice_pop
	{margin:10px; font-size:100%; line-height:130%; text-align:left;}

#importantnotice dl.detail {
	margin:20px 0;}
#importantnotice .detail dt {
	margin:15px 0 5px;}
#importantnotice .detail dd {
    overflow:hidden;
	margin-left:1.5em;
	margin-bottom:1em;
	background:#ffffff;}


#importantnotice h3
	{margin:20px 0 50px 0; text-align:center; font-size:120%; font-weight:bold; background:none;}
#importantnotice p
	{margin-bottom:1em;
	background:#ffffff;}
#importantnotice .insertimg
    {width:100%;}
#importantnotice .insertimg_full
    {margin:auto; width:70%; text-align:center;}
#importantnotice .prdctimg
    {width:100%;}


#importantnotice ul.col2,
#importantnotice ul.col3
	{overflow: hidden; margin:0; padding:0;}
#importantnotice ul.col2 li,
#importantnotice ul.col3 li
	{float:left; margin:20px 0 0 0; padding:0; line-height:0; font-size:0em;}
#importantnotice ul.col2 li
	{width:50%; }
#importantnotice ul.col3 li
	{width:33.3333%; }


/* banners */
#importantnotice ul.bannerList
	{margin:0 20px; padding:0; width:710px;}
#importantnotice ul.bannerList li
	{float:left; width:710px; margin:20px 0 0 0; padding:0; line-height:0; font-size:0em;}
#importantnotice ul.bannerList li div
	{line-height:130%; font-size:medium;}
#importantnotice ul.bannerList li p
	{font-size:80%;}
#importantnotice ul.bannerDouble
	{margin:0; padding:0;}
#importantnotice ul.bannerDouble li
	{margin:0; padding:0; width:345px;}
#importantnotice ul.bannerDouble li.l
	{float:left;}
#importantnotice ul.bannerDouble li.r
	{float:right;}

/* copyright */
#importantnotice .copyright
	{margin:20px 20px 0 20px; font-size:90%; color:#666;}

/* note */
#importantnotice .note ul
	{margin:0 20px; padding:10px 0 20px 0;}
#importantnotice .note li
	{font-size:90%; color:#666; text-align:left; letter-spacing:0.1em; line-height:130%;}


@media screen and (min-width:769px){
	#importantnotice .dispSP {display: none;}
	
	.pcw50 {width:50%;}
	.pcw60 {width:60%;}
	.pcw70 {width:70%;}
	.pcw80 {width:80%;}
	
	.pcinlinebox{display: inline-block;}
}

/* ----------------------------------------------
		smart device
---------------------------------------------- */

@media screen and (max-width:768px){
#importantnotice .dispPC {display: none;}

#importantnotice{
	width: 100%;
    margin-top:20px;
	padding: 0 10px;
	box-sizing: border-box;
}

/* Float */
#importantnotice .l
	{float:none; width:auto; margin-bottom:1em;}
#importantnotice .r
	{float:none; width:auto;}
#importantnotice .prdctimg
    {width:75%;}
#importantnotice .insertimg_full
    {margin:auto; width:auto;}

#importantnotice ul.col2 li,
#importantnotice ul.col3 li
	{float:none; width: auto; line-height:inherit; font-size:inherit;}

#global_menu_10 #mainArea #importantnotice table {
	width:100% !important;
}

}/*end  @media screen and (min-width:769px)  */