@charset "utf-8";

/*
	=====================================================================
	INTERPRO BOOK PAT
	=====================================================================
	/*	reset
	---------------------------------------------------------------*/
	* { padding: 0px; margin: 0px; }
	
	body {
		height:100%;
		margin:0 auto;
		text-align: center;
		font-family: 'Osaka','Meiryo',sans-serif;
		-webkit-text-size-adjust: 100%;
		_display: inline;
		_zoom:1;
		font-size:0.6rem;/*16px*/
		}
		
	/*	img
	---------------------------------------------------------------*/
	img { 
		border: none;
		max-width:100%;
		height:auto;
		}
		
	/*	cf
	---------------------------------------------------------------*/
	.cf:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	.cf { display: inline-block; }
	/* Hides from IE-mac \*/ 
	* html .cf { height: 1%; }
	.cf { display: block; }
	/* End hide from IE-mac */
	
		
	/*	font size
	---------------------------------------------------------------*/
	.small { font-size: 80%; }
	.large { font-size: 125%; }
	
	/*	space
	---------------------------------------------------------------*/
	#contents .mb0 { margin-bottom: 0%; }
	#contents .mb2 { margin-bottom: 2%; }
	#contents .mb3 { margin-bottom: 3%; }
	#contents .mb5 { margin-bottom: 5%; }
	#contents .mb10 { margin-bottom: 10%; }
	#contents .mb15 { margin-bottom: 15%; }
	
	#contents .pb5 { padding-bottom: 5%; }
	#contents .pb15 { padding-bottom: 15%; }
	#contents .pb20 { padding-bottom: 20%; }
	
	/*	float
	---------------------------------------------------------------*/
	#wrap .fleft {float: left;}
	#wrap .fright {float: right;}
	
	
/*******************************************************************/
/*                                                                 */
/*******************************************************************/

.header{
	padding-top: 5px;
	width:100%;
	background: url(../img/top_line.gif) repeat-x top;
	}
	
#contents{
	margin: 0 auto;
	}

.title_box{
	border-bottom: 1px solid #999;
	padding: 2% 1%;
	}

.title_box a{
	width: 16%;
	display: block;
	margin: 0 2% 0 0;
	}

h2{
	display: block;
	text-align: left;
	line-height: 110%;
	color: #65645F;
	}
	
.campaign{
	width: 95px;
	height: 55px;
	margin: 0 auto;
	padding-top: 1.5%;
	}
	

.footer{
	background: url(../img/footer_bg.jpg) repeat-x top;
	padding: 5% 3%;
	margin-top: 3%;
	}
	
.logo{
	width: 34%;
	}
	
.mccard{
	width: 14%;
	}