@charset "utf-8";

/*--- @group Reset ブラウザCSSリセット --*/
*{ margin: 0;padding: 0}
a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : middle}
/*--------- @end ---------*/


/*--- @group Reset ＩＥ８対応 --*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  
	display: block; } 
/*--------- @end ---------*/

/*--- @group Reset リンク設定 --*/
a[href]:hover { color: #ffcc00 }
/*--------- @end ---------*/


/*--- @group Fluid-img フルードイメージ ---*/
img { width : auto;
	max-width : 100%;}
/*--------- @end ---------*/


/*--- @group リンク画像設定半透明 ---*/
a img { border: none ; }
a:hover img{ opacity:0.5 ;
	filter: alpha(opacity=50) ;
	-ms-filter: "alpha( opacity=50 )" ;
	background: #fff ;
} 
/*--------- @end ---------*/


/*--- @group HTML ベースフォント　--- */
html {
font-family : Oosaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif ;
font-size : 75%;
line-height : 1.7142;
}
/*--------- @end ---------*/

/* --------------@group　位置揃えと回り込み　------------------------------ */

.center { text-align:center ; }
.left { text-align:left ; }
.right { text-align:right ;}

.floatcenter { display:block ;
	margin:0.5em auto 0.5em ;}
.floatleft { float:left ;}
.floatright { float:right ;}

img.floatleft,table.floatleft { margin-top:0.5em ;
	margin-right:1em ;
	margin-bottom:1em ;}
img.floatright,table.floatright { margin-top:0.5em ;
	margin-left:1em ;
	margin-bottom:1em ;}

.clearboth { clear:both ; }
/*--------- @end ---------*/

/*--- @group Heading  見出し ---*/

h2,h3,h4,h5,h6 { margin-bottom : 0.5em}

h2 { background-color: #ffffff ;
border: #adc5c5 solid 1px ;
box-shadow:0px 0px 2px 2px #cfc9bd;
-moz-box-shadow:0px 0px 2px 2px #cfc9bd;
-webkit-box-shadow:0px 0px 2px 2px #cfc9bd;}

h3 { font-size : 1.485em;
line-height : 1.5;
text-align:center ;
color:#1d2080 ;
background-color: #ffe9df ;
border-top: #0066c5 solid 1px ;
border-bottom: #0066c5 solid 1px ;
padding-top:0.1em ;
clear:both ;}

h4 { font-size : 1.385em;
line-height : 1.5;
color:#1d2080 ;
background-color: #ffe9df ;
border-top: #0066c5 solid 1px ;
border-bottom: #0066c5 solid 1px ;
border-left: #0066c5 solid 25px ;
text-indent:0.5em ;
padding-top:0.1em ;
margin:2em 0 0.5em 0 ;
clear:both ;}

h4.h4-center-red { font-size : 1.585em;
color:#c5111a ;
background-color: #ffffff ;
border-top: none ;
border-bottom: none ;
border-left: none ;
text-indent:0 ;
padding-top:0.1em ;
text-align:center ;
margin:0.75em 0 0.75em 0 ;
clear:both ;}

h5 { font-size : 1.25em;
color:#1d2080 ;
background-color: #ffe9df ;
border-bottom: #0066c5 solid 1px ;
border-left: #0066c5 solid 3px ;
text-indent:0.5em ;
padding-top:0.1em ;
margin:2em 0 0.5em 0 ;
clear:both ;}

h6 { font-size : 1.15em;
background-color: #ffffff ;
color:#0072b4 ;
border-bottom: #0066c5 dotted 1px ;
padding-top:0.1em ;
margin:1em 0 0.5em 0 ;
clear:both ;}

h6.h7 { font-size : 1em;
color:#0072b4 ;
border-bottom: #0066c5 dotted 1px ;
padding-top:0.1em ;
margin:0 0 0.5em 0 ;
clear:both ;}

/*--------- @end ---------*/

/*--- @group テーブル設定 ---*/
table { border-collapse: collapse;
	margin:0.5em 0 ;
	clear:both ; }
th { color:#0072b4 ;
	line-height:130% ;
	padding:0.25em 0.5em ;
	text-align:center ;
	border:1px #0072b4 solid;
	vertical-align:top; }
td { padding:0.25em 0.5em;
	border:1px #0072b4 solid;
	line-height:130% ;
	vertical-align:top; }

table.border-none td { border:none ; }

table.border-bottom { border-collapse:separate ; }
table.border-bottom th { border:none ;
	border-bottom:2px #0072b4 solid ; }
table.border-bottom td { border:none ;
	border-bottom:1px #666666 dotted ; }

/*--------- @end ---------*/



/*---- @group Contents コンテンツ内 ---*/

#contents {width : 90%;
	margin : 0 auto;
	text-align: center ;
	clear:both ;}
#contents-inner {width:100% ; }

#contents p { margin-bottom : 1em;}
#contents img { margin-bottom : 0.5em;}

p.page-top { text-align : right;
	margin:1.5em 0 ;}

/*--------- @end ---------*/



/*--------- @end ---------*/

/*--- @group リストのインデント設定 ---*/
ul.list-1 li { list-style-position:inside ;
	list-style:none ;
 	padding-left:1em ;
	text-indent:-1em ;
}

ul.list-2 li { list-style-position:inside ;
	list-style:none ;
 	padding-left:2em ;
	text-indent:-2em ;
}

ul.list-3 li { list-style-position:inside ;
	list-style:none ;
 	padding-left:3em ;
	text-indent:-3em ;
}

ul.list-4 li { list-style-position:inside ;
	list-style:none ;
 	padding-left:4em ;
	text-indent:-4em ;
}

ul.indent-1 li { list-style-position:inside ;
	list-style:none ;
 	padding-left:1em ;
}
ul.indent-2 li { list-style-position:inside ;
	list-style:none ;
 	padding-left:2em ;
}
ul.indent-3 li { list-style-position:inside ;
	list-style:none ;
 	padding-left:3em ;
}

/*--------- @end ---------*/



/*--- @group 以下ログインページ ---*/
header { width: 90% ;
	margin: auto auto ;}
h1 img { margin:1em auto 1em auto ;
display:block ;}

#description { width: 100% ;
	background-color: #0033cc ;
	color: #ffffff ;
	text-align: center ;
	padding: 0.1em 0 ;}

address { font-style: normal ;
	text-align: center ;
	margin: 0 auto 1em auto ;
	padding: 0.5em 0 ;
	border-top: 1px solid #cccccc ;
	border-bottom: 1px solid #cccccc ;}


#login-btn { margin:1em auto 1em auto ;
display:block ; }



/*---------------------------------------------------------*/
/*--------------------- 768px -----------------------------*/
@media screen and (min-width : 768px){

/*--- @group HTML ベースフォント　--- */
html {font-size : 82%;}
/*--------- @end ---------*/




/*--- @group 以下ログインページ ---*/
header { width: 100% ;
	margin: auto auto ;}
h1 img { margin:2em auto 2em auto ;
display:block ;}

br.br-none { display: none ;}
	
/*----------------------- 768px@end ------------------------------*/
}
/*----------------------- 768px@end ------------------------------*/




/*---------------------------------------------------------*/
/*--------------------- 1024px -----------------------------*/
@media screen and (min-width : 1024px) {

/*--- @group HTML ベースフォント　--- */
html {font-size : 87.5%;}



/*--- @group Contents ---*/

#contents {
overflow : hidden;
width : 960px;}




/*--- @group 以下ログインページ ---*/
body#login { background-image:url(../images-login/login-logo-image.png);
background-position:center top;
background-repeat:no-repeat ;}

h1 img { margin:4em auto 4em auto ;
display:block ;}



/*----------------------- 1024ppx@end ------------------------------*/
}
/*----------------------- 1024ppx@end ------------------------------*/