@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.5
 *  updated --- 2012/12/7
 */


/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; /* 10px; */
	-webkit-text-size-adjust: none;
	line-height: 1.8;
	color: #333;
}
/* ie7 */ *:first-child+html body { font-size: 75%; /* 62.5%; */}
/* ie6Below */ * html body { font-size:75%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 75%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ outline: none; }
abbr, acronym
{ border: 0;}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#headerIn,
#headerLinks ul,
#headerCompanyTop01,
#breadcrumb,
#contents,
#footerIn,
#footerLinks,
#footerLinks ul,
#snsBtnArea ul,
.section01
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#headerIn:after,
#headerLinks ul:after,
#headerCompanyTop01:after,
#breadcrumb:after,
#contents:after,
#footerIn:after,
#footerLinks:after,
#footerLinks ul:after,
#snsBtnArea ul:after,
.section01:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #headerIn,
* html #headerLinks ul,
* html #headerCompanyTop01,
* html #breadcrumb,
* html #contents,
* html #footerIn,
* html #footerLinks,
* html #footerLinks ul,
* html #snsBtnArea ul,
* html .section01
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;}

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	width: 100%;
}


/* !contents
---------------------------------------------------------- */
#contents {
	margin: 0 auto 45px;
	text-align: left;
}

	#main {
		width: 710px;
		margin:0 auto;
	}
		
	#copyright {
		background-color: #eee;
		width: 100%;
		padding: 15px 0;
	}



/* !Section
---------------------------------------------------------- */
.section01       { margin: 20px 0 0; }
.section01In     { margin: 0 10px; }