@charset "utf-8";
/*-----------------------------------
-------------------------------------

	filename : base.css
	
		- Browser Reset
		- Link
		- Font
		- Layout

-------------------------------------
-----------------------------------*/


/*-----------------------------------
	Browser Reset
-------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body{
	background-color:#FFFFFF;
	font-size:15px;
	line-height:1.3;
	letter-spacing:0px;
	font-family:'メイリオ',
				'ＭＳ Ｐゴシック',
				'MS PGothic',
				 Meiryo,
				 sans-serif;
}

h1, h2, h3, h4, h5, h6{
	font-weight:100;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

input,select,textarea,button{
	font-family:'メイリオ',	'ＭＳ Ｐゴシック','MS PGothic',Meiryo,sans-serif;
}
input,select,textarea,button{
	font-size:15px;
	color:#333;
	letter-spacing:normal;
	line-height:1.5;
    vertical-align:middle;
}

input[type="submit"],
input[type="button"],
input[type="radio"],
input[type="checkbox"],
input[type="file"],
select,option,label,button{
	cursor:pointer;
}

img{
	border:none;
	margin:0;
	padding:0;
}

ul{
	display:inline-block;
}

ul,li{
	list-style:none;
	text-decoration:none;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}


input[type="submit"] {
	border-width:0px;
	border:none;
	appearance: none;
	padding:0;
}

input[type="submit"]:active{
	position:relative;
	top:1px;
	left:1px;
}


/*-----------------------------------
	Link
-------------------------------------*/
a{
    margin:0;
    padding:0;
	/*color:#1FAACD;*/
	overflow:hidden;
	outline:none;
    text-decoration:none;
}
a:link {
    color:#000;
    text-decoration:none;
}
a:visited {
    color:inherit;
    text-decoration:none;
}
a:hover {
    color:inherit;
    text-decoration:none;
}
a:active {
    color:inherit;
    text-decoration:none;
}
a:focus, *:focus {
	outline:none;
}

/*input, select {
    vertical-align:middle;
}*/

/*-----------------------------------
	Content-width
-----------------------------------*/

#container{
	width:100%;
	margin:0;
	padding:0;
	}

#main{
	width:100%;
	margin:0;
	padding:0;
}

.inner{
	width:1100px;
	margin:0 auto;
}


/*-----------------------------------
	Header
-----------------------------------*/

header{
	width:100%;
	margin:0;
	padding:0;
}
#top-nav{
	margin-bottom:30px;
}

#top-nav li{
	float:left;
	width:160px;
	font-size:12px;
	text-align:center;
}

#top-nav li.off{
	padding-top:9px;
}

#top-nav li.off:before{
  content: url("../images/icon_arrow.gif");
  padding-right:5px;
  vertical-align:text-top;
}

#top-nav li.on{
	color:#37A9B9;
	border-top:#37A9B9 4px solid;
	padding-top:7px;
}

/*-----------------------------*/

#tit-log{
	width:1100px;
	margin:15px auto;
	position:relative;
	height:30px;
}

#header-tit{
	position:absolute;
	left:0;
	top:0;

}
.login-name{
	position:absolute;
	right:160px;
	top:10px;
}

.logout-btn {
	position:absolute;
	right:30px;
	top:0px;
	border:#999 1px solid;
	width:80px;
	height:22px;
	font-size:12px;
	padding:8px 0 0 25px;
	display:block;
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;
	-ms-border-radius:0.3em;
	-o-border-radius:0.3em;
	border-radius:0.3em;
}

.logout-btn a{
	display:block;
}

.logout-btn a:hover {
}

/*-----------------------------*/

#gnav{
	width:100%;
	height:50px;
	background-color:#37A9B9;
}

#gnav li{
	float:left;
	padding-top:17px;
	width:160px;
	text-align:center;
	color:#FFF;
}

#gnav li.now{
	margin-top:5px;
	background-color:#FFF;
	color:#000;
	font-weight:bold;
	padding-top:13px;
	height:45px;
}

#gnav li a{
	display:block;
	color:#FFF;
}

#gnav li.now a{
	display:block;
	color:#000;
	outline:none;
}

#gnav li a:hover {
 color: #fff;
}

#gnav li.now a:hover {
 color: #000;
}


/*-----------------------------------
	Main
-----------------------------------*/

#main-header{
	width:1100px;
	margin:0 auto;
	height:75px;
	position:relative;
}

#maintit{
	position:absolute;
	left:0;
	top:22px;
	font-size:30px;
	font-weight:bold;
}

.e-renew{
	position:absolute;
	right:215px;
	top:33px;
	font-size:13px;
}

.e-open{
	position:absolute;
	right:25px;
	top:33px;
	font-size:13px;
}


/*------btnArea------*/

.btn-area{
	border-top:#EEE 10px solid;
	margin-top:50px;
	position:relative;
	width:100%;
	height:150px;
}

.btn-left{
	position:absolute;
	left:5px;
	top:15px;
}

.btn-right{
	position:absolute;
	right:10px;
	top:15px;
}


/*-------- btn --------*/


.btn-M, .btn-S, .btn-L, .btn-Lb, .btn-Ss, .btn-Mm {
	width:235px;
	height:50px;
	line-height:50px;
	text-align:center;
	background-color:#2EB2E1;
	color:#FFF;
	font-size:17px;
	border:none;
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;
	-ms-border-radius:0.3em;
	-o-border-radius:0.3em;
	border-radius:0.3em;
	padding:0;	
}

.btn-Ss{
	width:100px;
	height:35px;
	line-height:35px;
}

.btn-L{
	width:310px;
	background-color:#8500B2;
}

.btn-Lb{
	width:310px;
	background-color:#2EB2E1;
}

.btn-S{
	width:150px;
	background-color:#D90000;
}

.btn-Mm{
	width:180px;
	height:40px;
	line-height:40px;
	background-color:#008C46;
}

.btn-M a, .btn-S a, .btn-L a, .btn-Lb a, .btn-Ss a, .btn-Sxs a, .btn-Mm a {
	display:block;
	color:#FFF;
}

/*
.btn-M a:hover, .btn-S a:hover, .btn-L a:hover, .btn-Lb a:hover, .btn-Ss a:hover, .btn-Sxs a:hover, .btn-Mm a:hover  {
 color: #fff;
}*/


/*-----------------------------------
	Footer
-----------------------------------*/

footer{
	width:100%;
	margin:0;
	padding:0;
	border-top:#EEE 1px solid;
	padding-top:10px;
	height:30px;
}
#copy{
	text-align:center;
	font-size:12px;
}
	

/*-----------------------------------
	Common Parts
-----------------------------------*/

.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb60{
	margin-bottom:60px;
}
.mb80{
	margin-bottom:80px;
}

/*-----------------------------*/

.mt05{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt25{
	margin-top:25px;
}

/*-----------------------------*/

.mr05{
	margin-right:5px;
}
.mr10{
	margin-right:10px;
}
.mr15{
	margin-right:15px;
}
.mr20{
	margin-right:20px;
}
.mr40{
	margin-right:40px;
}

/*-----------------------------*/

.ml05{
	margin-left:5px;
}
.ml10{
	margin-left:10px;
}
.ml15{
	margin-left:15px;
}
.ml20{
	margin-left:20px;
}
.ml40{
	margin-left:40px;
}
.ml60{
	margin-left:60px;
}

/*-----------------------------*/
.f-Area{
	width:1100px;
}
.f-right{
	float:right;
}
.f-left{
	float:left;
}

/*-----------------------------*/
.textC{
	text-align:center;
}
.textL{
	text-align:left;
}
.textR{
	text-align:right;
}
/*-----------------------------*/

.blue {
	color:#2DB2E0;
}
.purple{
	color:#8500B2;
}
.red{
	color:#D80000;
}

/*-----------------------------*/

.bold {
	font-weight:bold;
}

.fo13{
	font-size:13px;
}


/*-----------------------------------
Clearfix
-------------------------------------*/

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.clearfix {
	display: inline-table;
}  


/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; } 
/* End hide from IE-mac */