@charset "utf-8";

*{
	margin:0;
	padding:0;
}


body {
	color:#333333;
	margin:0;
	padding:0;
	background-color: #fff;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', arial, helvetica, clean, sans-serif;
	font-size: 80%;
	line-height: 1.4em;
}
html {
	height:100%;
	}

h1,h2,h3,h4,h5,h6,p,address {
	font-size:100%;
	font-weight:normal;
}

/* link */
a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


/* image */
a img {
	border:0;
}


/* list */
li{
	list-style:none;
}

br.clear{
	clear:both;
	margin:0;
	padding:0;
	font-size:0.1em;
	line-height:0;
}

.clearfix:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*¥*//*/ /*MAC 対策*/
	height: auto;
	overflow: hidden;
	/**/
}

.clearLeft { 
	clear: left; 
}


#wrapper { /* 全体 */
	width:100%;
	text-align:center;
	padding:0px;
	height: auto;
	margin:0 auto;
	}


#topmain {
	width:930px;
	padding:0 0 20px 0;
	margin:0 auto;
	text-align:left;
}

#topmain:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
#topmain { display:inline-block; }
/*\*/
* html #topmain { height:1%; }
#topmain { display:block; }

/* 左画像　*/
#Leftarea {
	width:644px;
	height:561px;
	float:left;
	text-align:left;
}

#Rightarea {
	width:286px;
	height:561px;
	float:left;
	text-align:left;
	background-color:#565fdc;
}

#Rightarea-inner {
	width:235px;
	margin:0 auto;
}

.recbox {
	width:235px;
	background-color:#565fdc;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
}

.recbox-inner {
	width:210px;
	margin:0 auto;
	padding:10px 5px;
	color:#ffffff;
	text-align:left;
	font-size:11px;
}

.recbox-inner a {
	color:#ffffff; !important
}



/* footer */


#footerarea {
	width:100%;
	margin:0 auto;
	border-top: 1px solid #0000d6;
}

#footerarea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
#footerarea { display:inline-block; }
/*\*/
* html #footerarea { height:1%; }
#footerarea { display:block; }


#footerarea #footer {
	width:948px;
	margin:0 auto;
	padding:10px 5px;
	
}

#footerarea #footer #flink {
	float:left;
	width:500px;
	padding:0 0 10px 5px;
	text-align:left;
	color:#0000d6;
	font-size:10px;
	font-style:normal;
	}
	
#footerarea #footer #flink a {
	color:#0000d6;	
}

#footerarea #footer #copyright {
	float:right;
	width:300px;
	text-align:right;
	padding:0 5px 10px 0;
}

#footerarea #footer #copyright address {
	font-size:10px;
	font-style:normal;
	color:#0000d6;
}




/* text関係 */
.small {
	font-size:80%;
}

.txtbig {
	font-size:140%;
}

.txtleft {
	text-align:left;
}

.txtcenter {
	text-align:center;
}

.txtright {
	text-align:right;
}
.pt2 {
	padding-top:2px;
}
.pt5 {
	padding-top:5px;
}
.pt10 {
	padding-top:10px;
}
.pt15 {
	padding-top:15px;
}
.pt20 {
	padding-top:20px;
}
.pt30 {
	padding-top:30px;
}
.pt40 {
	padding-top:40px;
}

.pb2 {
	padding-bottom:2px;
}

.pb5 {
	padding-bottom:5px;
}
.pb10 {
	padding-bottom:10px;
}
.pb20 {
	padding-bottom:20px;
}
.pb40 {
	padding-bottom:40px;
}
.pb50 {
	padding-bottom:40px;
}
.pl5 {
	padding-left:5px;
}
.pl10 {
	padding-left:10px;
}
.pl20 {
	padding-left:20px;
}
.pl25 {
	padding-left:25px;
}

.pr5 {
	padding-right:5px;
}
.pr10 {
	padding-right:10px;
}
.pr20 {
	padding-right:20px;
}
.pr25 {
	padding-right:25px;
}

.mt20 {
	margin-top:20px;
}

