* {
    margin: 0px;
    padding: 0px; 
} 

html{
    height:100%;
}
body {
	margin: 0;
	padding: 0;
    height:100%;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

#container {
	width: 860px;
    height:100%;
    min-height:100%;
	margin: 0px auto ;
	padding:0 20px;
	z-index:10;
}

body > #container  { 
    height: auto; 
}


p {
	margin-bottom: 10px;
}

h1 {
	font-size: 20px;
	margin-bottom: 5px;
	font-weight: bold;
}

h2 {
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: normal;
	color:#666;
	padding-bottom:10px;
	width:95%;
}

hr.style-one {
    border: 0;
    height: 1px;
    width: 100%;
	background:url(../images/bw_hr.gif) top left repeat-x;
}

hr.style-two {
    border: 0;
	left: 0;
    height: 2px;
    width: 450px;
	margin:30px 0;
	background:url(../img/an_bd.gif) top left repeat-x;
}


p.circle {
	background:url(../images/pc.jpg) 0px 6px no-repeat;
	padding-left:15px;
	margin-bottom:0px;
}
p.squa {
	background:url(../images/ps.jpg) 0px 6px no-repeat;
	padding-left:15px;
	margin-bottom:0px;
}

.fwN { font-family: 'AdobeGaramondProRegular'; font-weight:normal; }
.fwb { font-weight:600; }

.fll { float:left; }
.flr { float:right; }

.tar { text-align:right; }

.fc01 { color:#ababab; }
.fc02 { color:#999999; }

.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs18 { font-size: 18px; }
.fs25 { font-size: 25px; }

.taL { text-align: left; }
.taC { text-align: center; }
.taR { text-align: right; }

.mt5   { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }

.mr5   { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }
.mr50 { margin-right:50px; }

.ml5   { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }

.mb5   { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }

.he80 { height:80px; }
.he100 { height:100px; }

.clear { clear:both; }


/* ページトップ
-----------------------------*/
.pagetop {
	clear:both;
	text-align:right;
	padding-top:40px;
	width:100%;
}
.pagetop2 {
	clear:both;
	text-align:right;
	padding-top:40px;
	width:980px;
}


/* リンク 
-------------------------------------------------------------- */

a:hover img {
	text-decoration:none;
	border-style:none;
	opacity:0.8;
}

a:link,
a:visited {
	color:#333;
	text-decoration: none;
	opacity:1;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
}
a:hover {
	border-style:none;
	color: #C00;
}


/*反転時の文字色・背景色 */
::selection {
	background: #333;
	color:#FFF;
	 text-shadow: 0em 0em 0px #FFF;
}

/* Firefox対応*/
::-moz-selection {
	background: #333;
	color:#FFF;
	 text-shadow: 0em 0em 0px #FFF;
}


.box_hover{
	background:#EFEFEF;
	cursor:pointer;
	border-style:none;
	color: #000;
	text-decoration: none;
	opacity:0.5;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	 text-shadow: 0em 0em 0px #FFF;
	}
.box_hover2{
	background:#FFF;
	cursor:pointer;
	border-style:none;
	color: #000;
	text-decoration: none;
	opacity:0.5;
	-moz-transition: all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	 text-shadow: 0em 0em 0px #FFF;
}
.none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}	
	

/* 仕切りライン
-----------------------------*/
hr.style-one {
	background:#9ee1f1;
	margin:15px 0;
    height: 1px;
    width: 7px;
}

/* ロゴ
-----------------------------*/
.header {
	width:820px;
	margin-top:65px;
	margin-bottom:65px;
	text-align:center;
}


/* ブログエリア
-----------------------------*/
.blogCont {
	clear:both;
	width:820px;
	overflow:hidden;
	margin-bottom:85px;
}
.blogThumb {
   overflow: hidden;
   position: relative;
}
#blogimg1 {
	float:left;
	width:269px;
	position:relative;
	margin-left:110px;
	margin-right:62px;
}
#blogimg2 {
	float:left;
	width:269px;
	position:relative;
}
#blogimg1 img,
#blogimg2 img {
}
.logoCont {
	height: 150px;
	text-align: center;
  position: relative;
	margin-bottom: 30px;
}

.logoCont img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.imgCont {
	height: 269px;
	text-align: center;
  position: relative;
	margin-bottom: 30px;
}

.imgCont img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}


.blogimg {
	z-index:100;
	overflow:hidden;
	width:269px;
	height:269px;
}
.Mask {
	background:url(../img/tit_bg.png);
	font-family:fairplexnarrowregular;
	font-size:22px;
	color:#FFF;
	letter-spacing:3px;
   width: 269px;
   line-height: 269px;
   display: table-cell;
   vertical-align: middle;
   text-align:center;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
   display:block;
	z-index:500;
}



/* メニューエリア
-----------------------------*/

.menuWrap {
	width:185px;
	text-align:center;
	float:left;
	margin-right:26px;
	margin-bottom:70px;
	color:#333;
}
.menuWrapR {
	width:185px;
	text-align:center;
	float:left;
	color:#333;
}
.menuTit {
	font-size:14PX;
	letter-spacing:1PX;
	font-family:fairplexnarrowboldbold;
	padding:9px 0;
	margin-bottom:25px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
.menuContEn {
	font-family:fairplexnarrowregular;
	height:65px;
	font-size:13px;
}
.menuContJp {
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height:65px;
	font-size:10px;
	line-height:180%;
}
.menuContEn span,
.menuContJp span  {
	width:185px;
	display: table-cell;
	vertical-align: middle;
	height: 65px;
}