@charset "utf-8";

/* ----------------------------------------------------------
	Base.css
	・Reset CSS
	・Micro clear fix
	・ページレイアウトCSS
	・共通CSSパーツ
---------------------------------------------------------- */

/* ----------------------------------------------------------
	
	Reset CSS
	
	as a base OZ RESET CSS
	http://on-ze.com/archives/189
---------------------------------------------------------- */

* {
border: 0;
margin: 0;
outline: 0;
padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
font: inherit;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
text-decoration: none;
vertical-align: baseline;
}

html { font-size: 100%; width:100%; height:100%; }

body {
font-size:10px;
font-size:1.0rem;
line-height:1;
position:relative;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
width:100%;
height:100%;
}

article, aside, dialog, figure, footer, header, main, menu, nav, section { display:block; }
audio, canvas, video { display:inline-block; }

br,
hr { display:block; }

ol,
ul { list-style:none; }
li { list-style:none; }

blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

input,
select { vertical-align:middle; }

table { border-collapse:collapse; border-spacing:0; empty-cells:show; }

/* ----------------------------------------------------------
	
	Micro clear fix
	
---------------------------------------------------------- */

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

*:first-child+html .clearfix { zoom: 1; } /*-- IE7対策 --*/

/* ----------------------------------------------------------
	
	Basic CSS
	
---------------------------------------------------------- */
 
img {
	max-width: 100%;
	height: auto;
}

table {
	width: 100%;
}

.inline_block {  
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

input[type="text"], textarea, input[type="email"] {
	padding: 3px 8px;
	line-height: 1.3em;
	border: solid 1px #ccc;
	margin: 8px 0;
}

input[type="button"], input[type="submit"] {
	padding: 8px 32px;
	color: #666666;
	background: #ccc;
	border: 1px solid #d9d9d9;
}

input[type="submit"]:hover { background: rgba(238, 238, 238, 1.0); border: 1px solid #eee; }
input[type="submit"]:active { background: rgba(238, 238, 238, 1.0); border: 1px solid #eee; }
input[type="submit"]:focus { background: rgba(238, 238, 238, 1.0); border: 1px solid #eee; }

/* ------------------------------
	ページレイアウトCSS
------------------------------ */

.img_left {
	float: left;
	clear: both;
	width: 32%;
}
.img_right {
	float: right;
	width: 32%;
}

/* 2分割レイアウト */
.content2_1 {
	width: 50%;
	float: left;
	clear: both;
}
.content2_2 {
	width: 50%;
	float: right;
}

/* 3分割レイアウト */
.content3_1 , .content3_2 , .content3_3 {
	width: 32%;
	float: left;
}
.content3_2 {
	margin-right: 2%;
	margin-left: 2%;
}

/* 4分割レイアウト */
.content4_1 , .content4_2 , .content4_3 , .content4_4 {
	width: 22%;
	float: left;
}
.content4_2 {
	margin-left: 4%;
	margin-right: 4%;
}
.content4_3 {
	margin-right: 4%;
}

/* ------------------------------
	共通CSSパーツ
------------------------------ */

/* 文字配置：Horizontal */
.left 	 { text-align: left; }
.center  { text-align: center; }
.right 	 { text-align: right; }

/* 文字配置：vertical */
.top	 { vertical-align: top; }
.bottom  { vertical-align: bottom; }

/* 文字装飾 */
.textBold { font-weight: bold; }	

/* 文字色 */
.textWhite { color: #FFFFFF; }	

/* 背景色 */
.bgWhite { background: #fff;  }

/* margin */
.mb8	 { margin-bottom: 8px; }
.mb16	 { margin-bottom: 16px; }
.mb56	 { margin-bottom: 56px; }

.mt8	 { margin-bottom: 8px; }
.mt16	 { margin-bottom: 16px; }
.mt24	 { margin-bottom: 24px; }

.line150 {
    line-height: 150%;
}
.brpc {
    display: block;
}
@media screen and (max-width: 780px) {
.brpc {
    display: none;
}
}