@charset "utf-8";

/*==============================
  Common style
------------------------------*/

*{
	margin:0;
	padding:0;
}
a{outline:0;}
a:hover img.alp {
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=70);
}
img{border:none;}
li {list-style: none; }
li img{display:block;}

form{
	display:inline;
	margin:0px;
	padding:0px;
}

.fLeft{float:left;}
.fRight{float:right;}


/* clearfix */
.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

.block {display: block;}
.clear{clear:both;}
.right{float:right;}
.left{float:left;}
.center{text-align:center;}
.aright {text-align: right;}


.f10{font-size:10px;}
.f11 {font-size: 11px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}


.red {color: #CC3300;}
.gray{color:#666666;}
.blue {color: #229CFD;}
.strike {text-decoration: line-through;}
.uline {text-decoration: underline;}
.greenb {color: #31776C; font-weight:bold;}
.redb {color: #CC0000; font-weight:bold;}
.bold{font-weight:bold;}


.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.pl5{padding-left:5px;}

.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}

.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}
.pl15{padding-left:15px;}

.pt20{padding-top:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.pl20{padding-left:20px;}

.pt30{padding-top:30px;}
.pr30{padding-right:30px;}
.pb30{padding-bottom:30px;}
.pl30{padding-left:30px;}

.pb40{padding-bottom:40px;}
.pl40{padding-left:40px;}

.mt5{margin-top:5px;}
.mr5{margin-right:5px;}
.mb5{margin-bottom:5px;}
.ml5{margin-left:5px;}

.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.ml10{margin-left:10px;}

.mt20{margin-top:20px;}
.mr20{margin-right:20px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left:20px;}

.mg0{margin:0px;}

.none{display:none;}

.w10{
	width:10px;
}
.w20{
	width:20px;
}
.w30{
	width:30px;
}
.w40{
	width:40px;
}
.w50{
	width:50px;
}
.w60{
	width:60px;
}
.w70{
	width:70px;
}
.w80{
	width:80px;
}
.w90{
	width:90px;
}
.w100{
	width:100px;
}
.w120{
	width:120px;
}
.w150{
	width:150px;
}
.w200{
	width:200px;
}
.w250{
	width:250px;
}
.w300{
	width:300px;
}
.w400{
	width:400px;
}
.w95p{
	width:95%;
}
.w100p{
	width:100%;
}


.lineDot{
	border-bottom:dotted 1px #CCCCCC;
}
.lineSolid{
	border-bottom:solid 1px #CCCCCC;
}
.lineNone{
	border:none;
}

a:link,a:visited {
	color: #0066CC;
	text-decoration: underline;
}
a:hover{
	color:#44ABCD;
	text-decoration:none;
}

.commonTbl {
	background: #DEDEDE;
}
.commonTbl th {
	width: 150px;
	font-weight: normal;
	text-align: left;
	background: #F5F5F5;
	padding: 10px;
}
.commonTbl td {
	background: #FFF;
	padding: 10px;
}
.errorMessage {
	background: #fff3f3;
	border: solid 1px #ffecec;
	margin: 5px 5px 10px 5px;
	padding: 8px;
}


#require {
	display: block;
	line-height: normal;
	padding-bottom: 10px;
}
.require {
	color: #F00;
}
.changeBtn:hover {
	cursor: pointer;
}
.arr {
	display: block;
	background: url(/common/img/arrow_yellow.gif) no-repeat left center;
	padding-left: 10px;
	padding-bottom:0px !important;
}

body {
	color: #000;
	font: 13px/1.7 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic",  "sans-serif",Osaka;
	clear: both;
}
#main {
	margin: 0px auto 35px;
	width: 950px;
}
#header {
	margin: 0px auto;
	width: 950px;
}
#header h1,#headTxt {
	font-size: 10px;
	color: #999;
	display: block;
	line-height: 24px;
	height: 24px;
	margin-bottom: 20px;
}
#logo {
	float: left;
}
#headerRight {
	float: right;
	width: 400px;
}
#tel {
	float: right;
}
#fontsize {
	width: 85px;
	float: right;
	display: block;
	height: 20px;
	background: url(../img/fontsize.jpg) no-repeat 4px top;
	padding-top: 25px;
	padding-left: 15px;
}
#fontsize li {
	float: left;
	margin-right: 5px;
}
#gnavi {
	display: block;
	clear: both;
	height: 35px;
	padding-top: 24px;
}
#gnavi li {
	display: block;
	float: left;
}
#commonNavi {
	background: #FFF url(/common/img/common_navi_bg.jpg) no-repeat center 1px;
	float: right;
	width: 294px;
	padding: 17px 8px 10px;
}
.commonBnr li,
.topBnr li {
	margin-bottom: 5px;
}
#footer {
	clear: both;
	background: #FFF;
}
#footerLink {
	line-height: 36px;
	background: url(/common/img/footer_link_bg.jpg) repeat-x;
	height: 36px;
	padding-bottom: 20px;
}
#footerLinkInner {
	margin: 0px auto;
	width: 950px;
	text-align: right;
	height: 23px;
	padding-top: 7px;
	padding-bottom: 6px;
}
#footerArea {
	margin: 0px auto;
	width: 950px;
}
#copyright {
	background: #000043;
	color: #FFF;
	border-top: 1px solid #CC0;
	padding-top: 16px;
	padding-bottom: 60px;
}
#copyright em {
	display: block;
	margin: 0px auto;
	width: 950px;
	font-size: 10px;
}
#copyright p {
	font-size: 10px;
	display: block;
	margin: 0px auto;
	width: 950px;
}

.sideDrLast{
	position: relative;
}
.sideDrLast:before{
content:url(../../introduction/img/line.png);
position: absolute;
bottom:0;
left:0;
}