@charset "utf-8";

.new-topics{
	border:#efefef solid 1px;
	margin-top:180px;	/*2016.09.30 M.N add*/
	margin-bottom:50px;	/*2016.09.30 M.N add*/
}

.new-topicsTitle{
	background:url(../img/index/new-topics.jpg) no-repeat;
	width:864px;
	height:69px;
	}

.new-topicsTitle h2{
	padding:26px 0 10px 75px;
	float:left;
}

.topicsTitle-all{
	float:right;
}

.topicsTitle-all p{
	padding:25px 20px 0 5px;
}

.description-1{
	padding:20px 0 20px 15px;
}


.topicsBox{
	padding:10px;
}

.topicsIn{
	background-color:#f9f9f9;
	width:400px;
	height:368px;
	float:left;
	margin:10px;
}

.topicsInto{
	padding:20px 10px 8px 28px;
	
}

.topicsIntoTitle{
	background:url(../img/common/commonIcon-1.gif) no-repeat;
	padding:2px 0 0 15px;
	margin-bottom:10px;
}

.topicsIntoTitle2{
	background:url(../img/common/commonIcon-cp.gif) no-repeat;
	padding:2px 0 0 15px;
	margin-bottom:10px;
}

.topicsIntoTitleDay{
	font-size:80%;
}

.T-img img{
	display: inline-block;
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}

.T-imgLeft{
	float:left;
	margin-right:43px;
	width:140px;
	height:240px;
	background:url(../img/index/new-topicsM.jpg) no-repeat bottom;
}

.T-imgRight{
	float:left;
	width:140px;
	height:240px;
	background:url(../img/index/new-topicsC.jpg) no-repeat bottom;
}

.Tmaker{
	padding-left:15px;
}

.Tmaker-potion{
	padding-left:15px;
	margin-top:15px;
	float:right;
	background:url(../img/common/header-icon.jpg) no-repeat;
}


#newsArea{
	border-top:#efefef solid 1px;
	margin-bottom:50px;
}

#newsArea span{
	padding-left:15px;
}



#newsAreaInner{
	width:1188px;
	margin:60px auto 0 auto;
   }


.newsTitle{
	background:url(../img/index/news-icon.jpg) no-repeat;
	padding:15px 0 20px 60px;
	margin-bottom:20px;
}

.newsBox1{
	background:#f6feff;
	height:48px;
	margin-bottom:3px;

}

.newsBox2{
	background:#f9f9f9;
	height:48px;
	margin-bottom:3px;

}

.newsIcon1{
	background:url(../img/index/news-icon-2.png) no-repeat;
	padding:12px 0 15px 90px ;
	margin:4px 0 0 15px;
}

.newsIcon2{
	background:url(../img/index/news-icon-3.png) no-repeat;
	padding:12px 0 15px 90px ;
	margin:4px 0 0 15px;	
}









.previous{ text-align:center;}

.previous ul{
	list-style:none;
	padding-bottom:80px;
	width:270px;
	margin:20px auto;
}
	
.previous ul li{
	float:left;
	border:1px solid #A6A6A6;
	padding:5px;
	margin:5px;
	border-radius:4px;
	width:15px;
}

.previous ul li a{
	color: #000;
	text-decoration:underline;
}



.previewTitle{
	border:#efefef solid 1px;
	height:69px;
	}


.previewTitle2{
	border-bottom:#efefef solid 1px;
	height:69px;
	}




.previewTitle h2{
	padding:26px 0 10px 75px;
	float:left;
}

.previewTitle-all{
	float:right;
}

.previewTitle-all p{
	padding:40px 3px 0 0;
}		

.commonBox{
	xborder:#efefef solid 1px;	/*2018.3.15 M.N del*/
	border-top:none;
}

.p-care{
	background:url(../img/preview/title1.jpg) no-repeat;
}


.t-care{
	background:url(../img/tool/title1.jpg) no-repeat;
}

.p-careTitle{
	padding:35px 0 0 70px;
	font-size:140%;
	float:left;
}




.previewMain{
	margin:0 auto 30px auto;
	width:1040px;	/*2016.09.30 M.N 1010px->1040px*/
	padding-top:60px;
}


.toolMain{
	margin:0 auto 30px auto;
	width:1060px;
	padding-top:60px;
}



.previewMainIn{
	float:left;
}

.previewMainIn img{
		display: inline-block;
/*box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);*/
}

.previewMainInR{
	float:left;
	padding-left:20px;
	width:390px;	/*2016.09.30 M.N 360px->390px*/

}

/*20170623更新▼*/

.dlArea{
	width:445px;
	margin:0 auto 30px auto;
	float: right;
}

#iframe{
	width:565px;
	height:auto;
	xmin-height:140px;		/*2017.11.9 M.N deleted*/
 	overflow:auto;
	float:left;
	border:#666 solid 2px;
	margin-left: 105px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}






/*20170623更新▲*/

.dlAreaL{
	float:left;
}

.dlAreaL p{
	padding:0 0 10px 0;
}

.dlAreaC{
	float:left;
}

.dlAreaR{
	float:left;
	padding-top:45px;
}


.dlButton a#dl{
	display: block;
   width: 273px; 
   height: 75px; 
   text-indent: -9999px; 
	background-image:url(../img/preview/dlButton.jpg);
	background-repeat: no-repeat;
}

.dlButton a#dl:hover {

background-position:top right;
} 

.dl-text{
	padding-top:20px;
}


.previewTitle-all2{
	float:right;
}

.previewTitle-all2 p{
	padding:20px 3px 0 0;
}	

.chekeBox{
	padding-top:15px;}
.chekeBoxL{
	float:left;
	padding-right:20px;
}

.chekeBoxR{
	float:right;
}


.loginTitle{
	padding:21px 0 0 30px;
	font-size:180%;
	background:url(../img/login/titleicon.jpg) no-repeat;
	margin:5px 0 0 30px;
}


.newsDTitle{
	font-size:180%;
	background:url(../img/index/news-icon.jpg) no-repeat;
	padding:15px 0 20px 60px;
	margin:15px 0 0 30px;
}


#contentInner2{
	width:830px;
	margin:20px auto 0 auto;
   }


.logInwapper{
	padding-top:40px;
}

.loginMain{
	margin:0 auto 30px auto;
	width:770px;
	background-color:#ededed;

}

.loginMainIn{
	padding:70px 30px 50px 30px;
}

.log-mail{
	font-size:130%;
	margin-bottom:30px;
}


.log-pass{
	font-size:130%;
}

.log-pE{
	font-size:100%;
}


.logArea{
	float:left;
}

.logAreaR{
	float:left;
	padding-top:40px;
	margin-left:20px;
}


.logButton{
	margin-top:25px;
}	

.logButton a#log{
	display: block;
   width: 216px; 
   height: 51px; 
   text-indent: -9999px; 
	background-image:url(../img/login/loginbutton.png);
	background-repeat: no-repeat;
}

.logButton a#log:hover {

background-position:top right;
} 


.entryArea{
	float:right;
}


.entryButton a#en{
	display: block;
   width: 248px; 
   height: 53px; 
   text-indent: -9999px; 
	background-image:url(../img/login/entrybutton.png);
	background-repeat: no-repeat;
}

.entryButton a#en:hover {

background-position:top right;
} 


.newsh3{
	padding:10px 0 20px 15px;
}

.newsBoxD{
	padding:10px 20px 20px 15px;
}
	
	
.DLerror{
	color:#FF0004;
}

.DLerrorT{
	font-size:160%;
	padding-bottom:20px;
}

.mv{
	margin:20px 0 40px 0;
}


.tab{overflow:hidden; list-style:none;}
.tab li{background:#dddddd; 
        padding:10px 15px;
		font-size:130%;
		font-weight:bold;
		 float:left;
		 color:#6A6A6A; 
		 margin-right:1px;
		 cursor:pointer;
		 width:130px;
		 height:40px;
		 border-bottom:none;
		 border-left:1px solid #CBCBCB;
		 border-top:1px solid #CBCBCB;
		 border-right:1px solid #CBCBCB;
		 border-top-left-radius:10px;
		 border-top-right-radius:10px;
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px; 
	-moz-border-radius-topreft: 10px;
	-moz-border-radius-topright: 10px;
-moz-text-shadow:5px 5px 5px #ccc;
-webkit-text-shadow:5px 5px 5px #ccc;
text-shadow:5px 5px 5px #ccc;	
	}
	
.tab li.select{background:#f4f4f4; }
.content{list-style:none;}
.content li{
	background:#f4f4f4; 
	padding:20px;
	border-left:1px solid #CBCBCB;
	border-right:1px solid #CBCBCB;
	border-bottom:1px solid #CBCBCB;
	border-bottom-left-radius:10px;
		 border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px; 
	-moz-border-radius-bottomreft: 10px;
	-moz-border-radius-bottomright: 10px;
	
	
	}
.hide {display:none;}

.toolImg{
	background:#eeeeee;
	padding:20px;
	float:left;
	margin-right:35px;
}

.toolImg2{
	background:#eeeeee;
	padding:20px;
	float:left;
	margin-right:35px;
	width:269px;
	height:383px;
}

.toolRight{
	float:left;
	width:645px;
	color:#707070;
	
}

.toolTitle{
	border-bottom:1px solid #CBCBCB;
	
	
}
	

.toolh2{
	font-size:200%;
	padding-bottom:15px;
	padding-top:10px;
	color:#707070;
	
}

.toolmessage{
	padding:15px;
}

.toolchoice{
	padding-top:30px;
	font-size:150%;
}



.tooldet{
	padding-top:80px;
	float:right;
}

.tooldet-1{
	border:1px solid #737373;
	width:150px;
		margin-top:20px;
	text-align:center;
        border-radius: 10px;        /* CSS3草案 */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 10px;   /* Firefox用 */  
    } 
	
.tooldet-2{
	border:1px solid #737373;

	width:150px;
	background:#E80003;
	color:#FFFFFF;
	text-align:center;
        border-radius: 10px;        /* CSS3草案 */  
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
        -moz-border-radius: 10px;   /* Firefox用 */  
    }  	 

.anone{
	text-decoration:none;
}

.toolsample{
	height:400px;
}

.toolbutton{
	width:690px;
	margin:0 auto 20px auto;
}

.toolbutton a#tool{
	display: block;
   width: 690px; 
   height: 84px; 
   text-indent: -9999px; 
	background-image:url(../img/tool/toolbutton.png);
	background-repeat: no-repeat;
}

.toolbutton a#tool:hover {

background-position:top right;
} 

.tooltopT{
	padding:20px 0 20px 30px;
}

/*
.pankuzu{
	text-align:center;
	color:#4A4A4A;
	margin:0 0 30px 0;
	padding-top:40px;
}

.pankuzuArea{
	font-size:150%;
	font-weight:bold;
}
*/


.titleArea{
	background:#24ab00;
	color:#fff;
	padding:6px;
}

.titleArea-all{
	float:right;
	margin:10px;
}

.titleArea p{
	padding:10px;
	
}



.areaMark-1{
	background:url(../img/area/mark-1.jpg) no-repeat;
	padding:18px 0 30px 60px;
	width:480px;
}

.areaMark-2{
	background:url(../img/area/mark-2.jpg) no-repeat;
	padding:18px 0 30px 60px;
	width:480px;
}

.areaMark-3{
	background:url(../img/area/mark-3.jpg) no-repeat;
	padding:18px 0 20px 60px;
	width:480px;
}



.areaDT{
	position: absolute;
	width: 500px;
	left: 45px;
	top: 39px;
	
}

.areaMain{
	margin:0 auto 30px auto;
	width:1060px;
	height:788px;
	padding-top:60px;
	position:relative;
	background:url(../img/area/japmap.jpg) no-repeat;
}

.areaC{
	width:95%;
	margin:0 auto;
	padding:20px 8px 15px 8px;
	border-top:1px solid #E5E5E5;
}

.areaCtitle{
	background:url(../img/area/undermark.jpg) no-repeat;
	padding:15px 0 30px 60px;
	margin:10px 0 0 30px;
	font-size:180%;
}

.areaCIn{
	padding:0 0 30px 60px;
	margin:0 0 0 30px;
}


.areaCIn p{
	line-height:4;
}

.entryButoon{
	width:690px;
	margin:0 auto 20px auto;
}

.entryButoon a#ent2{
	display: block;
   width: 690px; 
   height: 84px; 
   text-indent: -9999px; 
	background-image:url(../img/area/entrybutton.png);
	background-repeat: no-repeat;
}

.entryButoon a#ent2:hover {

background-position:top right;
} 

.campaign-side{
	margin:10px auto;
	padding-top:10px;
	width:238px;
}


/*             編集　　　　　　　*/

.edit{
	margin-top:20px;
}

.edit p{
	
	margin-left:15px;
}

.edit input{
	vertical-align:middle; 
     font-family:"ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif; 
     position:relative; 
     margin: 0 5px 10px 0;
     *margin-right:3px; 
     top:-1px; 
}

#text_area{
	display:none;
	padding: 15px 0 0 15px;
	xmargin-top:10px;	/*2018.3.1 del*/
	background: url(../img/preview/edit_bk2.png);
	border-radius: 5px;
}

.free{
	margin:10px 0;
}

.text1{
	margin-left:42px;
}

#text_area p{
	padding-bottom: 5px;
	margin: 0;
}

.zoom{
	width:630px;
	margin-bottom:20px;
}
	
.zoom_inner{
	width:85px;
	float:right;
	padding-bottom: 10px;
}

#hozon{
	margin-top:5px;
}

.headerButtonarea{
	float:left;
}


.headerButtonarea ul{
	list-style:none;
	padding-top:10px;
}

.headerButtonarea ul li{
	float:left;
	padding-left:5px;
}

/*
.button1_ura_omote a{
	margin:0 11px;
}

*/


.button1_ura_omote{
	margin-left: 15px;
}

#okiniiri_edit{
	margin-left: 12px;
	margin-top: 60px;
}

#okiniiri_edit ul li{
	margin-right:5px;
	float: left;
}

#osusume{
	float:right;
	width:200px;
	margin-top: -42px;
}