@charset "utf-8";

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

	Style Name : Common Style

	Block-level Elements
	Inline Elements

	Style Name : Structure Style

	Common Style
	body
	header
	content
	footer
	
	Style Name : Editorial Style

	Common Style
	Hypertext
	global-nav
	header
	content
	footer
	
	Style Name : wordpress Style
--------------------------------------*/


/*--------------------------------------
	Common Style
--------------------------------------*/


/*--------------------------------------
	Block-level Elements
--------------------------------------*/

html,
div,
p,
li,
dl,
dt,
dd,
blockquote,
td,
form,
address {
	margin:0;
	padding:0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:bold;
	font-size:100%;
}

ol,
ul {
	margin:0;
	padding:0;
	list-style:none;
}

caption,
th {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	text-align:left;
}

body {
	margin:0;
	padding:0;
	background-color:#fff;
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "メイリオ", Meiryo, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1;
}

* html body {/* for IE6 */
	font-size:75%;
}

*:first-child+html body {/* for IE7 */
	font-size:75%;
}

h1 {
	font-size:150%;/* 18px */
}

h2 {
	font-size:134%;/* 16px */
}

h3 {
	font-size:117%;/* 14px */
}

fieldset {
	margin:0;
	padding:0;
	border:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
	line-height:inherit;
}

/*--------------------------------------
	Inline Elements
--------------------------------------*/

em,
strong,
cite,
code,
dfn,
var {
	font-style:normal;
	font-weight:normal;
}

input,
select,
textarea {
	color:#000;
	font-size:inherit;
}

img,
embed,
object {
	vertical-align:bottom;
	border:none;
}




/*--------------------------------------
	Structure Style
--------------------------------------*/

#header,
#content,
#footer {
	margin:0 auto;
	width:860px;
	text-align:left;/* for IE */
}

/*--------------------------------------
	body
--------------------------------------*/

body {
	color:#333;
	background:url(images/bg.png) repeat-x top;
	text-align:center;/* for IE */
}

/*--------------------------------------
	div#container
--------------------------------------*/

#container {
	margin:0 auto;
	text-align:left;/* for IE */
	border:0px solid #F00;
}

/*--------------------------------------
	div#header
--------------------------------------*/

#header {
	position:relative;
	line-height:1.4;
	height:200px;
	border:0px solid #F00;
}



/*--------------------------------------
	div#content
--------------------------------------*/

#content {
	clear:both;
	display:block;
	height:1%;
	min-height:1%;
	line-height:1.5;
	/* \*/display:block;/* */
	width: 860px;
	border:0px solid #000;
}

#content:after {/* for modern browser */
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}

/*--------------------------------------
	div#footer
--------------------------------------*/

/* Footer */
#footer-wrap {
	clear:both;
	margin:10px 0 0 0 ;
	background:url(images/footer_bg.png) repeat-x top;
}

#footer {
	width: 860px;
	min-height:200px;
	margin: 0 auto;
	padding:30px 0;
	color: #999;
	text-align: left;
	line-height:1.4;
}


/*--------------------------------------
	Editorial Style
--------------------------------------*/


/*	Common Style
--------------------------------------*/

h1,
h2,
h3,
h4,
p,
ol,
ul,
dl,
table {
	margin-bottom:1.5em;
}

em,
strong {
	font-weight:bold;
}

/*	Hypertext
--------------------------------------*/

a:link,
a:visited {
	color:#333;
	text-decoration:none;
}

a:hover,
a:active {
	text-decoration:underline;
}

a.iro:link {
	color:#06F;
	text-decoration:none;
}
a.iro:visited {
	color:#039;
	text-decoration:none;
}

a:hover,
a:active {
	text-decoration:underline;
}

.red {
	color:#C00;
}
.green {
	color:#005500;
}

/*	#clearfix
--------------------------------------*/

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
/* IE7用 */
.clearfix{
    display:inline-block;
    min-height:1%;
}

/*	#global-nav
--------------------------------------*/

#global-nav {
	position:absolute;
	top:130px;
}



#globalNavi {
	width:865px;
	margin:0 0 10px;
	display:inline-block;
	position: relative;
}

#globalNavi:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#globalNavi ul li {
	float: left;
	position: relative;
}

#globalNavi li ul.drop {
	width:100%;
	position:absolute;
	display:none;
	float:none;
	z-index:100;
	left:0px;
	top:58px;
	font-size:10px;
	
	/* 透け透けにしたいとき */
	/*opacity: .90; /* Standard: FF gt 1.5, Opera, Safari */
	/*filter: alpha(opacity=90); /* IE lt 8 */
	/*-ms-filter: "alpha(opacity=90)"; /* IE 8 */
	/*-khtml-opacity: .90; /* Safari 1.x */
	/*-moz-opacity: .90; /* FF lt 1.5, Netscape */
}

#globalNavi li ul.drop li {
	float:none;
	position:static;
}

#globalNavi li ul.drop li a {
	display:block;
	background:#005500 url(images/li-bg.png) no-repeat 5px;
	border-bottom:solid 1px #426839;
	color:#FFF;
	padding:10px 10px 10px 15px;
	_zoon:1;
	text-decoration:none;
}
#globalNavi li ul.drop li a:hover {
	background:#426839 url(images/li-bg.png) no-repeat 5px;
}

#globalNavi li ul.drop ul a {
	padding:10px 10px 10px 20px
}


#globalNavi ul,li {
	list-style:none;
	margin:0;
	padding:0;
}

#globalNavi p {
	margin:0;
	padding:0;
}

#globalNavi a img {
	border:none;
}

/*	#sub-nav
--------------------------------------*/

#sub-nav {
	position:absolute;
	top:95px;
	right:0;
}

#sub-nav ul {
	list-style:none;
	padding: 0;
	margin: 0;
}

#sub-nav li {
	padding:0px 0;
	margin-left:25px;
	float:left;
	line-height: 1.6em;
}

/*--------------------------------------
	div#header
--------------------------------------*/



#header #logo {
  margin: 0px;
  padding: 0;
  position:absolute;
  top:35px;
  left:0px;
}

#header h1 {
	position:absolute;
	right:0;
	top:70px;
	color:#CCC;
	font-weight:normal;
	font-size:12px;
}


#pic {
	clear:both;
	width:860px;
	margin:10px auto;
	padding:0;
}

div.skip-link {
	text-align:right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
}
/*--------------------------------------
	div#footer
--------------------------------------*/

.left {
	float: right;
	width: 200px;
	margin: 0 10px 5px 0;
	padding:5px;
	font-size:12px;
	line-height:1.4em;
}
.middle {
	float: right;
	width: 170px;
	margin: 0 10px 5px 0;
	padding:5px;
	font-size:12px;
	line-height:1.4em;
	border-right:1px solid #ccc;
}
.right {
	float: right;
	width: 400px;
	margin: 0 10px 5px 0;
	padding:12px;
	font-size:12px;
	color:#333;
}

.m10 {
	margin-left:1em;
}
.h5 {
	margin-top:0.6em;
}

#footer .left ul{
	margin-left:0px;
}
#footer .middle ul{
	margin-left:0px;
}



#footer div.contact-link {
	text-align:right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
}



address	{
	clear:both;
	font-size:10px;
	font-style: normal;
	font-family: Verdana, sans-serif;
	margin: 0
}

address a	{color: #000000}

#footer a:link,
#footer a:visited {
	color:#666;
	text-decoration:none;
}

#footer a:hover,
#footer a:active {
	color:#999;
	text-decoration:none;
}


/*--------------------------------------
	wordpress Style
--------------------------------------*/


#img {
	clear:both;
	width:860px;
	margin:10px auto;
	padding:0;
}

/* コンテンツラップ */
div#content-wrap {
	width: 860px;
	margin:0 auto;
	border: solid 0px #000;
}


div#content-wrap:after {/* for modern browser */
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}

div.skip-link2 {
	width: 860px;
	margin:0 auto;
	text-align:right;
}

/* コンテンツ */
div#topcontent	{
	width: 860px;
	margin:0 auto;
	display:block;
	height:1%;
	min-height:500px;
	line-height:1.5;
	/* \*/display:block;/* */
	border: solid 0px #ededed;
}


div#topcontent:after {/* for modern browser */
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}


div#topcontent p.concept{
	width:100%;
	margin:5px 0 15px 0;
	padding:0;
	text-align:center;
	line-height:1.8em;
	border: solid 0px #ededed;
	font-size:90%;
	font-weight:bold;
}
div#topcontent p.concept_center{
	width:100%;
	margin:5px 0 15px 0;
	padding:0;
	text-align:center;
	line-height:1.8em;
	border: solid 0px #ededed;
	font-size:115%;
	font-weight:bold;
}


div#topcontent p.line{
	margin:5px 0 5px 0;
	padding:0;
	text-align:left;
}

/* 左BOX */


div#left-box {
	float:left;
	width:405px;
	margin:0;
	padding:0;
	font-size:12px;
	border: solid 0px #ededed;
}

div#top-left-box {
	float:left;
	width:435px;
	margin:0 0 0 0px;
	padding:0;
	text-align:left;
	border: solid 0px #ededed;
}

div.newsdata {
	width:400px;
	margin:5px 0 10px 0;
	padding:10px 0px 10px 0px;	
	display:block;
	height:1%;
	min-height:160px;
	line-height:1.5;
	/* \*/display:block;/* */
	background:#fff url(images/area-bg.jpg) no-repeat top left;
	border: solid 1px #ededed;
}
div.newsdata:after {/* for modern browser */
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}



.newsdata dl.dataList{
  float:left;
  display:block;
  width:400px;
  margin-bottom:5px;
  margin-left:0px;
  padding:0px;
  border-bottom:0px solid #f0f0f0;
}
.newsdata dt{
clear:left;
float:left;
display:block;
width:280px;
margin:2px 0px;
padding-left:15px;
}

.newsdata dd{
float: right;
display: block;
width: 100px;
margin: 2px 0px;
padding: 0px;
}
.newsdata dt a:link{
color:#333333;
}
.newsdata dt a:visited{
color:#666666;
}
.newsdata dt a:hover, .newsdata dl.dataList dt a:focus{
color:#0000CC;
text-decoration:none;
}

div.banner-area{
	width:400px;
	margin:10px 0 15px 0;
	padding:0;
	text-align:left;
	border: solid 0px #ededed;
}
div.banner-area p img{
	margin: 10px 0 10px 0;
	padding:0;
	border:none;
}
div.banner-area p img.last{
	margin: 0px 0 10px 0;
	padding:0;
	border:none;
}


div.twitter-area{
	width:380px;
	margin:10px 0 15px 0;
	padding:8px;
	text-align:left;
	border: solid 1px #ededed;
}

div.twitter-area ul{
	margin-left:0px;
	
}

div.twitter-area ul li{
	padding-left:20px;
	padding-bottom:1em;
	line-height:1.8em;
	margin-bottom:1em;
	background:url(images/bread.jpg) no-repeat;
	border-bottom:1px dashed #ededed;
	
}




/* 右BOX */

div#right-box {
	float:right;
	width:435px;
	margin:0 0 0 0px;
	padding:0;
	text-align:left;
	border: solid 0px #ededed;
}
div#right-box p.concept{
	width:430px;
	margin:5px 0 15px 0;
	padding:0;
	text-align:left;
	line-height:1.6em;
	border: solid 0px #ededed;
}
div#right-box p.line{
	margin:5px 0 5px 0;
	padding:0;
	text-align:left;
}

div#top-right-box {
	float:right;
	width:405px;
	margin:0;
	padding:0;
	font-size:12px;
	border: solid 0px #ededed;
}

div.regular-box{
	width:430px;
	margin:5px 0 15px 0;
	padding:0;
	text-align:left;
	display:block;
	height:1%;
	min-height:300px;
	line-height:1.5;
	/* \*/display:block;/* */
	border: solid 0px #ededed;
}
div.regular-box:after {/* for modern browser */
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}

div.block{
	float:left;
	width:210px;
	margin:0 5px 5px 0;
	padding:0;
	background:url(images/regular-bg-bottom.png) no-repeat 0 100%;
}
div.block-inner{
	padding:5px;
	text-align:left;
	background:url(images/regular-bg-top.png) no-repeat;
}
div.block-inner p.lesson-t{
	width:200px;
	border-bottom:1px solid #fff;
	padding-bottom:2px;
	font-weight:bold;
}
div.block-inner p.lesson-photo img a{
	border:none;
}





/* コンテンツ */
div#content	{width: 620px;
	float: left}

p#pagetitle	{font-size: 0.875em;
	font-weight: bold;
	color: #0c8bcd;
	border: dotted 1px #0c8bcd;
	text-align: center;
	padding: 10px 0;
	margin-top: 0}
	
	



/* 記事 */
div.post	{border: solid 1px #ededed;
	padding: 15px;
	margin-bottom: 20px}

div.post h2	{background-color: #005500;
	background-image: url(titlebar.png);
	font-size: 0.875em;
	color:#FFF;
	padding: 10px 10px 10px 15px;
	margin: 0}

div.post h2 a	{text-decoration: none;
	color: #fff}
	
div.post h3	{border:1px solid #005500;
	font-size: 0.875em;
	padding: 10px 10px 10px 15px;
	margin:10px 0 20px 0}

div.post h4	{border-bottom:1px solid #005500;
	font-size: 0.875em;
	padding: 0.5em;
	margin:25px 0 20px 0}

div.post p	{font-size: 0.875em;
	line-height: 1.6;
	margin-top: 10px}

p.postinfo	{color: #0c8bcd;
	text-align: right;
	margin: 20px 0 0;
	clear: both}

p.postinfo a	{color: #0c8bcd}

p.caution {
	color:#C00;
    margin-left:30px;
    text-indent:-1em;
}

table {
  border-collapse: collapse;
  border: 1px solid #CCCCCC;
  margin:20px;
  }
th {
  border: 1px solid #CCCCCC;
  background-color: #DDDDDD;
  font-weight: normal;
  line-height: 125%;
  padding:0.5em;
  text-align:center;
  }
td {
  border: 1px solid #CCCCCC;
  background-color: #EEEEEE;
  line-height: 125%;
  padding:0.5em;
  }
  
blockquote{
margin-right: 2em;
margin-left: 2em;
padding-left: 1em;
border: dashed 2px #A9CE7F;
}
  

/* 記事内の画像 */
.aligncenter	{display: block;
	margin-left: auto;
	margin-right: auto}

div.post img	{
	padding:2px;
	border:19x solid #CCC}

.alignleft	{float: left;
	margin-right: 10px;
	margin-bottom: 10px}

.alignright	{float: right;
	margin-left: 10px;
	margin-bottom: 10px}

.wp-caption	{border: solid 1px #aaaaaa;
	text-align: center;
	padding-top: 5px}
	
div.post ol,ul{
	list-style: inside;
	margin-left:3em;
	font-size: 0.875em;
	}
	
div.post ol	li{
	list-style: decimal;
	margin-bottom:1em;
	}
div.post ul	li{
	list-style: circle;
	margin-bottom:1em;
	}


/* ページリンク */
span.oldpage	{float: left}

span.newpage	{float: right}

p.pagelink a	{font-size: 0.75em;
	color: #0c8bcd;}

p.pagelink	{overflow: hidden;
	width: 100%}


/* コメント */
#comments	{border: solid 1px #ededed;
	padding: 0 18px;
	margin: 20px 0}

#comments h3	{font-size: 0.875em;
	border-bottom: solid 1px #0c8bcd;
	padding-bottom: 3px;
	margin-top: 20px}

#comments p	{font-size: 0.75em}

#comments p a	{color: #0c8bcd}

#comments input, #comments textarea
	{display: block}

#comments textarea	{width: 450px}

#comments .required	{color: #ff0000}

#comments code	{display: block;
	margin-top: 5px;
	font-size: smaller}

#comments ul	{margin: 0;
	padding: 0}

#comments li.compost	{list-style-type: none;
	border-bottom: dotted 1px #0c8bcd;
	margin-bottom: 20px;}

#comments p.cominfo	{text-align: right}

#comments #comfeed a	{background-image: url(feed-icon-12x12.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 17px;
	line-height: 1em;
	color: #000000;
	text-decoration: none}

#comments	{background-color: #005500;
	padding: 8px;
	margin-top: 30px}

#comments #trurl	{background-color: #fff;
	padding: 8px;
	margin-bottom: 30px}


/* サイドバー */
div#sidebar	{width: 220px;
	float: right}

div#sidebar ul	{margin: 0;
	padding: 0;}

div#sidebar li	{
	margin-left:0px;
	list-style-type: none}

div#sidebar .widget	{background-color: #fff;
	padding: 16px;
	margin-bottom: 10px}

div#sidebar h2	{font-size: 0.85em;
	color: #005500;
	border-bottom: solid 1px #005500;
	padding-bottom: 8px;
	margin: 0 0 10px}

div#sidebar li li	{font-size: 0.95em;
line-height:1.8em;
	margin-bottom: 4px;
	background-image: url(listmark.gif);
	background-repeat: no-repeat;
	padding-left: 16px}

div#sidebar li li a	{text-decoration: none;
	color: #005500}


/* カレンダー */
.widget_calendar h2	{display: none}

#wp-calendar	{font-size: 0.75em;
	color: #666;
	margin:0 auto;
	width: 100%}

#wp-calendar a	{color: #3C0;}

#wp-calendar td, #wp-calendar th
	{text-align: center}

#wp-calendar caption	{font-weight: bold;
	text-align: left;
	border-bottom: solid 1px #005500;
	padding-bottom: 8px;
	margin-bottom: 8px}

#wp-calendar #prev	{text-align: left;
	padding-top: 3px}

#wp-calendar #next	{text-align: right;
	padding-top: 3px}

/* フィード */
p.feed	{font-size: 0.75em;
	border: solid 0px #0c8bcd;
	padding: 0px;
	margin: 10px 0 0 0}

p.feed a	{color: #444444;
	text-decoration: none}

p.feed img	{vertical-align: middle;
	margin-right: 8px}

/* フッター */


/* 固定ページ */
div#content-page	{
	width: 860px;
	margin:0 auto;
	border: solid 0px #ededed;
}
div#content-page ol,ul{
	list-style: inside;
	margin-left:3em;
	font-size: 0.875em;
	}
	
div#content-page ol	li{
	list-style: decimal;
	margin-bottom:1em;
	line-height:1.6em;
	}
	
div#content-page ul	li{
	list-style: circle;
	margin-bottom:1em;
	line-height:1.6em;
	}
	
div#content-page ul.company li{
	list-style:none;
	margin-bottom:1em;
	line-height:1.6em;
	}
div#photo-box {
	width:800px;
	margin:0 auto;
	text-align:left;
	vertical-align:top;
	border:0px solid #000;
}
div#gallery-box {
	width:740px;
	margin:0 auto;
	padding:30px;
	text-align:left;
	vertical-align:top;
	border:0px solid #f0f0f0;
}
div#photo-box img{
	margin:0 20px 0 20px;
}
div#photo-box p.box-text{
    overflow:hidden;
    _zoom:1;
	line-height:3em;
	margin-left:30px;
}

div.map-area {
	/*width:800px;*/
	margin:30px auto;
	text-align:center;
	border:0px solid #000;
}





div.clear {
	clear:both;
}


/* トップページ */
div#topcontent p	{text-align: center;
	font-size: 0.875em;
	line-height: 1.5;
	margin: 0 0 20px}

/* コンテンツの背景 */
div.post,
#comments	{background-color: #ffffff}


/* ぱんくず */
ul#breadcrumbs {
	list-style: none;
	padding: 0;
	margin: 0px;
}
div.breadcrumbs {
	margin: 0 0px 10px 0;
	padding-right:15px;
	font-size: 0.875em;
}
div.breadcrumbs a{	
	text-decoration:none;
	color:#050;
}


/* レギュラークラス（category-4)記事 */

#content-innner {
	margin:0 auto;
	padding-left:15px;
	text-align:center;
}


div.lesson-post	{
	position:relative;
	float:left;
	width:230px;
	min-height:340px;
	text-align:left;
	border: solid 1px #ededed;
	padding: 17px;
	margin-right:15px;
	margin-bottom: 20px;
	word-wrap: break-word;
}

div.lesson-post h2	{background-color: #005500;
	background-image: url(titlebar.png);
	font-size: 0.875em;
	color:#FFF;
	padding: 10px 10px 10px 15px;
	margin: 0 0 10px 0}

div.lesson-post h2 a	{text-decoration: none;
	color: #fff}

div.lesson-post p	{font-size: 0.875em;
	line-height: 1.6;
	margin-top: 10px}
	
div.lesson-post p.f-right	{
	position:absolute;
	bottom:0px;
	right:10px
}
	
/* CROSSPOT（category-8)記事 */


div.crosspot-post	{
	position:relative;
	float:left;
	width:230px;
	min-height:150px;
	text-align:left;
	border: solid 1px #ededed;
	padding: 17px;
	margin-right:15px;
	margin-bottom: 20px}

div.crosspot-post h2	{background-color: #005500;
	background-image: url(titlebar.png);
	font-size: 0.875em;
	color:#FFF;
	padding: 10px 10px 10px 15px;
	margin: 0 0 10px 0}

div.crosspot-post h2 a	{text-decoration: none;
	color: #fff}

div.crosspot-post p	{font-size: 0.875em;
	line-height: 1.6;
	margin-top: 10px}
	
div.crosspot-post p.f-right	{
	position:absolute;
	bottom:15px;
	right:10px}

/*2013-07-23 add*/
div.crosspot-post-new	{
	position:relative;
	float:left;
	border: solid 1px #ededed;
	margin-right:15px;
	margin-bottom:15px;
}

div.crosspot-post-new p	{font-size: 0.875em;
	line-height: 1.6;
	margin:0px;
}


/* サイドバー */

#cate-con {
	width:210px;
	text-align:left;
	border:0px solid #CCC;
}

#cate-con ul{
	list-style:none;
	margin:0;
	padding:0;
	
}


#cate-con ul li a{
	line-height:3em;
	padding:2px 0px 2px 18px;
	background: url(images/cat-list.png) no-repeat center left;
	text-decoration:none;
	height:25px;
	border:0px solid #333;
	
}