@charset "UTF-8";



div,h1,h2,h3,h4,p,ul,ol{
margin:0;
padding:0;
}


/* ========== base font ========== */
body,p,td,th,li,h1,h2,h3,h4,input,textarea{
		margin:0;
		padding:0;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

body {
		margin:0;
		padding:0;
		font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
   
}



li{
	list-style-type:none;
}

#logoHead{
	width:100%;
	text-align:center;
}


#topindexNavi{
	height:40px;
}

#topindexNavi li{
	float:left;
	margin:5px 10px 0 10px;
	background:url(../images/ico_Ypoint.gif) no-repeat 0 5px;
	text-indent:15px;
	
}

#toplobalNavi{
	height:50px;
	width:100%;
	background-color:#fca824;
}

#toplobalNavi ul{
	width:100%;
	margin:0;
	padding:0;
}

#toplobalNavi li{
	float:left;
	text-align:center;
	line-height:50px;
	width:24%;
	border-left:1px solid #fdca7a;
	border-right:1px solid #f39c14;
	font-size:14px;

}

#toplobalNavi li a{
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	display:block;
}

#toplobalNavi li a:hover{
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	display:block;
	background-color:#fdca7a;
}

#h1_contentsHead h1{
	font-size:20px;
	margin:25px 0 15px;
	border-bottom:2px solid #fca824;
	clear:both;
}

.h1_designC{
	font-size:18px;
	margin:25px 0 15px;
	background-color:#eee;
	color:#fca824;
}

#topicPath{
	font-size:12px;
}

#topicPath div{
	float:left;
	margin:10px ;
}

#mainWidth{
	clear:both;
}


.ol_styleSet li{
	margin:10px 0 10px;
	font-size:14px;
	border-bottom:1px solid #ccc;
}

.ol_styleSetFloat{
	border:2px solid #fdca7a;
	border-radius:10px;
	width:95%;
	margin:0 auto 20px;
}

.ol_styleSetFloat li{
	border-bottom:none;
	border-bottom-style:none;
	text-align:center;
	min-width:240px;
	padding:10px 0 10px;
}

.ol_step01{
	background:url(../images/ico_step01.gif) no-repeat 3px 3px;
}

.ol_step02{
	background:url(../images/ico_step02.gif) no-repeat 3px 3px;
	border-top:2px solid #fdca7a;
	padding:10px 0 10px;
}

.ol_step03{
	background:url(../images/ico_step03.gif) no-repeat 3px 3px;
	border-top:2px solid #fdca7a;
	padding:10px 0 10px;
}

.ol_step01 p,.ol_step02 p,.ol_step03 p{
	margin:0 auto 0 auto;
	padding:0;
	width:200px;
	text-align:left;
}

.f-left{
	clear:both;
	float:none;
}

.nunColor{
	font-weight:bold;
	color:#fca824;
}


.tab_apps{
	border-collapse:collapse;
	margin:0 0 10px;
}

.tab_apps td{
	padding:6px;
	border-bottom:1px solid #ccc;
	border:1px solid #ccc;
}

.tab_apps th{
	padding:6px;
	border-bottom:1px solid #ccc;
	border:1px solid #ccc;
	background-color:#f2f2f2;
}

#footer{
	margin-top:40px;
	
}

#btnpegeTop,#btn_loginHead{
	display:none;
}

.ulFoot{
	border:1px solid #ccc;
}

.ulFoot li{
	width:100%;
	line-height:2.5em;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	background:url(../images/ico_Ypoint.gif) no-repeat 5px 50%;
	text-indent:20px;
}

.ulFoot li a{
	display:block;
}

.app_img{
	margin:0 10px 0 10px; float:left;
	width:60px;
}