@charset "UTF-8";

/*
Theme Name:  ZEAL
Theme URI: http://zeaplus.co.jp/
Description: ZEAL
Version: 1.1
Author: ZEALPLUS
Author URI: http://zeaplus.co.jp/
*/


/*
===== CONTENTS ================================================================================

	Index:
  - Base Style
  - Layout

===============================================================================================
*/


/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/

body { font: 15px/2.4 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", meiryo, "ＭＳ Ｐゴシック","MS PGothic",  Helvetica, Arial, sans-serif;
	 margin:0; padding: 0; background: #eaeaea; letter-spacing:0.1px;  -webkit-text-size-adjust: 100%;}


a       { text-decoration: none; color:#1A1311; }
a:hover { text-decoration: underline; color:#666666; }
a { outline:none;}
img { -ms-interpolation-mode: bicubic; }
:focus { outline: 0; }


/* main-layout
==========================================================*/

#wrapper  { border-top:solid 7px #000; }

.wrap{ margin:0 auto; width:1006px; background: url('../images/common/wrap_bg.gif') 0 0 repeat-y; }
.wrap02{ margin:0 auto; width:1006px; background: url('../images/common/wrap_bg-wht.gif') 0 0 repeat-y; }
.pages{ margin:0 auto; width:1000px;}
.pages02{ margin:0 auto; width:884px;}


@media screen and (max-width: 1240px) {

}

/* header
==========================================================*/

#headerOuter { width: 100%; background: #fff; -webkit-box-shadow: 0 0px 2px 0px #a5a5a5; -moz-box-shadow: 0 0px 2px 0px #a5a5a5; box-shadow: 0 0px 2px 0px #a5a5a5; position: relative; z-index: 100; }
#header {}
#header img { vertical-align: bottom;}
#logo{ float:left; width: 231px; position: relative;}
	#logo .logoposition { position: absolute; top:0; left: 0; background: #fff;}
	#logo .h1Outer {width:231px; height:113px; overflow: hidden; font-size: 11px;}

#menu{ float:right; width: 601px; }
	ul.menu { }
	ul.menu li{float:left;  }

#menu .menu_submenu01 { position: absolute; right: 0; border: solid 1px #bfbfbf; background: #fff;}
	#menu .menu_submenu01_inner { padding:30px 25px 8px; font-size: 12px; line-height: 1.5;}
	#menu .menu_submenu01_inner ul { list-style-image : url('../images/common/menu_list_style01.gif'); list-style-position:inside;}
	#menu .menu_submenu01_inner li {float:none; padding:0 0 22px; white-space: nowrap;}
	#menu .menu_submenu01_inner li a { text-decoration: underline;}

/* content
==========================================================*/
#Container{ }


.h1tt{ position:absolute; text-indent:-999em;  }
.ttlbox{ line-height:1em; padding-bottom:15px; margin-bottom:60px; border-bottom:1px solid #bfbfbf; }



/* footer
==========================================================*/
#footerOuter { border-top: solid 6px #F5190F; background:#000; padding:25px 0; }
#footer {}
	#ft_copy { float:left; margin:0 0 0 25px; padding:20px 0 0; color: #fff; font-size: 10px; }
	#ft_logo { float:right; margin:0 45px 0 0; }

.totop { position: absolute; right: 3px; bottom: 0;}
	.totop img { vertical-align: bottom;}


/* 2: layout
----------------------------------------------------------------------------------------------*/

/* 2column commons name
*/

.col{ }
	.col-l{ float:left; }
	.col-r{ float:right; }


#single-wrapper{}
#pages-wrapper{}


/*

@media screen and (max-width: 800px) {
.col-l{ float: none; }
.col-r{ float: none;  }

}

*/

/* INDEX
==========================================================*/

.ind_mainOuter { width: 100%; background: url('../images/index/main-bg.png') center center repeat;}

#ind_ct_outer { position: relative; height: 651px; padding: 0 0 75px;}
	#ind_ct_outer img { vertical-align: bottom;}
	#ind_ct_concept { position: absolute; top:0; left:0;}
		.ind_ct_concept_ttl { position: absolute; top:0; left:0; z-index:500;}
		.ind_ct_concept_movi { position: absolute; top:110px; left:0; z-index:100;}
	#ind_ct_comment { position: absolute; top:0; right:0;}
	#ind_ct_function { position: absolute; top:391px; left:0;}
	#ind_ct_proof { position: absolute; top:281px; right:0;}


/* CONCEPT
==========================================================*/

img.col-r { margin:0 0 25px 25px;}
img.col-l { margin:0 25px 25px 0;}

.concept_txt01 { line-height: 2;}


/* COMMENT
==========================================================*/
table.comment_hikakuTable { margin:0 0 50px;}
	table.comment_hikakuTable td { padding:40px 0 20px; border:solid 1px #bfbfbf;}
	table.comment_hikakuTable td img { vertical-align: bottom;}
	table.comment_hikakuTable td p.text01 { width:365px; margin:40px auto 20px; font-size: 13px; line-height: 1.9;}

.comment_profile { padding: 0 0 100px;}
	.comment_profile .col-l { width:310px;}
	.comment_profile .col-r { width:540px;}

.comment_profile .prof_title { font-size: 13px;}
.comment_profile .prof_name { font-size: 19px; letter-spacing: 4px;}
.comment_profile .prof_body { font-size: 14px; letter-spacing: normal; line-height: 1.9; margin:0 0 15px;}



/* PROOF
==========================================================*/
.proof_borderBox { border: solid 1px #DFDFDF; margin:0 0 110px;}
.proof_borderBox:last-child { margin:0 0 0;}
	.proof_borderBoxInner { width:810px; margin: 0 auto; padding:40px 0 ;}
}

.proof_kyodokenkyu {}
	.proof_kyodokenkyu .col-l { width: 350px; margin: 0 0 30px;}
	.proof_kyodokenkyu .col-r { width: 395px; margin: 0 0 30px;}




/* FUNCTION
==========================================================*/
.function_borderBox { border-bottom: solid 1px #BFBFBF;}

.function_txtOuter { font-size: 13px; line-height: 1.9;}
	.function_txtOuter .col-l { width: 450px;}
	.function_txtOuter .col-r { width: 400px;}

#function_imageSlide { padding: 0 0 70px;}

#bx-pager { position:relative; z-index:9; }
	.bx-pagerInner{ position:absolute; top:30px; left:500px; height:35px; text-align:center; font-size: 11px;}
	#bx-pager a { width:61px; display:block; float:left; height:35px; line-height:35px; text-decoration:none; color:#888888; background:#fff; border:1px solid #C8C5C4; border-left:none; }
	#bx-pager a:first-child { float:none; width: 122px; border:1px solid #C8C5C4; position: relative; top:10px;}
	#bx-pager a:nth-of-type(2) {border-left:1px solid #C8C5C4;}
	#bx-pager a.active{ background:#000; color:#FFF;}


/*
----------------------------------------------------------------------------------------------*/

.post-title,
.catetitle{  }
.post-body{  }
.post-body p{
	text-align: justify;
	text-justify: inter-ideograph;
}



* html .sampleset{}/*IE6 Hack*/
*:first-child+html .sampleset{}/*IE7 Hack*/
head~/* */body .sampleset{}/*IE8 Hack*/