@charset "utf-8";

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

.top{ vertical-align: top;}
.middle{ vertical-align: middle;}
.bottom{ vertical-align: bottom;}

.bold{ font-weight: bold !important;}

.rightside{ float: right;}
.leftside{ float: left;}

.hidden{ display: none;}
.inline{ display: inline;}
.block{ display: block;}
.iblock{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.clickable{ cursor: pointer;}

.clear{ clear: both;}

.clearfix{ *zoom: 1;}
.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.mt5{ margin-top: 5px !important;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}
.mt30{ margin-top: 30px !important;}
.mt40{ margin-top: 40px !important;}
.mt50{ margin-top: 50px !important;}
.mt60{ margin-top: 60px !important;}
.mt70{ margin-top: 70px !important;}
.mt80{ margin-top: 80px !important;}
.mt90{ margin-top: 90px !important;}

.mb5{ margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 15px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb30{ margin-bottom: 30px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb50{ margin-bottom: 50px !important;}
.mb60{ margin-bottom: 60px !important;}
.mb70{ margin-bottom: 70px !important;}
.mb80{ margin-bottom: 80px !important;}
.mb90{ margin-bottom: 90px !important;}

.pt10{ padding-top: 10px !important;}
.pt20{ padding-top: 20px !important;}
.pt30{ padding-top: 30px !important;}
.pt40{ padding-top: 40px !important;}
.pt50{ padding-top: 50px !important;}
.pt60{ padding-top: 60px !important;}
.pt70{ padding-top: 70px !important;}
.pt80{ padding-top: 80px !important;}
.pt90{ padding-top: 90px !important;}

.pb10{ padding-bottom: 10px !important;}
.pb20{ padding-bottom: 20px !important;}
.pb30{ padding-bottom: 30px !important;}
.pb40{ padding-bottom: 40px !important;}
.pb50{ padding-bottom: 50px !important;}
.pb60{ padding-bottom: 60px !important;}
.pb70{ padding-bottom: 70px !important;}
.pb80{ padding-bottom: 80px !important;}
.pb90{ padding-bottom: 90px !important;}

.size10{ font-size: 10px;}
.size11{ font-size: 11px;}
.size12{ font-size: 12px;}
.size13{ font-size: 13px;}
.size14{ font-size: 14px;}
.size15{ font-size: 15px;}
.size16{ font-size: 16px;}
.size17{ font-size: 17px;}
.size18{ font-size: 18px;}
.size19{ font-size: 19px;}
.size20{ font-size: 20px;}

.mincho{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", YuMincho, serif;
}

/* ---------------------------------------------------------------------------------------------------------------- body ---- */

body{
	background: #fff none;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0;
	line-height: 1.0;
	min-width: 1024px;
}

a{
	color: #666;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

img{
	vertical-align: top;
}

/* ---------------------------------------------------------------------------------------------------------------- wrapper ---- */

#wrapper{
	position: relative;
	width: 100%;
	overflow: hidden;
}

#wrapper .sd01{
	width: 980px;
	margin: 0 auto;
}

/* ---------------------------------------------------------------------------------------------------------------- header ---- */

#header{

}

#header > .area_top{
	background: transparent url(../img/bg_head.jpg) center bottom repeat-x;
	width: 100%;
	height: 88px;
	padding: 7px 0 0 0;
}

#header > .area_top > .inner{
	position: relative;
	width:1026px;
	margin:0 auto;
}

#header .logo{
	float:left;
}

#header > .area_top .links{
	float:right;
	margin:0 0 0 auto;
	width:70px;
	text-align:right;
	padding:5px 0 0 0;
}

#header > .area_top .links li{
	padding:10px 0 0 0;
}

#header .link_head{
	position:fixed;
	top:140px;
	right:0;
	z-index:100;
}
/* #globalnav */

#globalnav{
	width:873px;
	margin:0 auto 15px auto;
	height: 60px;
	overflow: hidden;
}

#globalnav.subpage{
	padding-top: 20px;
}

#globalnav ul{
	background: transparent url(../img/globalnav_line.png) no-repeat scroll left top;
	height: 60px;
}

#globalnav li{
	background: transparent url(../img/globalnav_line.png) no-repeat scroll right top;
	float: left;
}

#globalnav li > a,
#globalnav li > span{
	background: transparent url(../img/globalnav.png) no-repeat scroll 0 0;
	display: block;
	height: 60px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

#globalnav li.i01 > a, #globalnav li.i01 > span{ background-position: 0 0; width: 104px;}
#globalnav li.i02 > a, #globalnav li.i02 > span{ background-position: -104px 0; width: 140px;}
#globalnav li.i03 > a, #globalnav li.i03 > span{ background-position: -244px 0; width: 176px;}
#globalnav li.i04 > a, #globalnav li.i04 > span{ background-position: -420px 0; width: 158px;}
#globalnav li.i05 > a, #globalnav li.i05 > span{ background-position: -578px 0; width: 123px;}
#globalnav li.i06 > a, #globalnav li.i06 > span{ background-position: -701px 0; width: 172px;}

#globalnav li.i01 > a:hover, #globalnav li.i01.on > a{ background-position: 0 -60px;}
#globalnav li.i02 > a:hover, #globalnav li.i02.on > a{ background-position: -104px -60px;}
#globalnav li.i03 > a:hover, #globalnav li.i03.on > a{ background-position: -244px -60px;}
#globalnav li.i04 > a:hover, #globalnav li.i04.on > a{ background-position: -420px -60px;}
#globalnav li.i05 > a:hover, #globalnav li.i05.on > a{ background-position: -578px -60px;}
#globalnav li.i06 > a:hover, #globalnav li.i06.on > a{ background-position: -701px -60px;}

/* ---------------------------------------------------------------------------------------------------------------- main ---- */

#main{
	position: relative;
}

/*#main > .bg_gray.h_wrap{
	background: #f2f2f2 none;
	padding: 15px 0;
}*/

#main > .inner{
	line-height: 1.8;
}

#main > .pagetop{
	position: absolute;
	right:0;
	bottom:0;
}

#main .pagetop{
	text-align:right;
	margin:80px auto 0 auto;
	padding:0;
	width:1024px;
}

/* #area_title */
#area_title .con_title{
	background: url(../img/bg_title.png) repeat-x scroll center top;
	padding:67px 0 34px 0;
	width: 100%;
	text-align: center;
}
/* ---------------------------------------------------------------------------------------------------------------- footer ---- */

#footer{
	background:url(../img/bg_foot.png) top center no-repeat;
	margin-top:-50px;
	text-align:center;
}


#footer > .inner{
	padding: 15px 0 20px 0;
	width:700px;
	margin:0 auto;
}

#footer .logo{
	padding: 68px 0 0 0;
}

#footer .info{
	border-bottom:solid 1px #fff;
	padding:20px 0;
}

#footer .area_copyright{
	color: #fff;
	padding: 0 0 35px 0;
	font-size:11px;
}