@charset "UTF-8";

/*@import url("mailform.css");*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
padding:0;
margin:0;
}

table{
border-collapse: collapse;
border-spacing:0;
}

table tr td {
padding:2px;
}

img{
border:0;
line-height:0;
}
ol,ul{
list-style:none;
}

body{
font-size:0.9em;
line-height:1.5;
font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
}


a:link,a:visited{color:#cd5379;text-decoration:none;}
a:hover{color:#367f93;}
a:active, a:focus {outline:0;}
img{border:0;}



/*******************************
レイアウト
*******************************/
#header, #mainNav, #wrapper,#footer ul{
margin:0 auto;
width:880px;
clear:both;
}

#sidebar{
float:left;
width:233px;
padding:22px 0 50px;
}

#main{
float:right;
width:627px;
padding:22px 0 50px;
}


/*******************************
/* ヘッダー
*******************************/
#headerWrap_top{
height:500px;
background:#fff url(images/wall.jpg) repeat-x 0 0;
}

#headerWrap{
height:250px;
background:#fff url(images/wall2.jpg) repeat-x 0 0;
}

#header{
position:relative;
height:147px;
}

#header h1,#header h2,#header p{
position:absolute;
top:31px;
font-size:10px;
font-weight:normal;
line-height:22px;
}

/* スローガン */
#header h1{
top:2px;
left:0;
color:#555;
}

/* ロゴ */
#header h2{
left:0;
}

/* 住所 */
#header p{
right:0;
}


/************************************
/* メインナビゲーション
************************************/
ul#mainNav{
position:absolute;
top:102px;
height:45px;
background:url(images/mainNavBg.png) no-repeat 0 0;
}

ul#mainNav li{
text-indent: -5000px;
float:left;
}

ul#mainNav a{
display: block;
width: 176px;
height: 45px;
background:url(images/mainNav1.jpg) no-repeat 0 0;
}

ul#mainNav li.current_page_item a,ul#mainNav li.current-menu-item a,ul#mainNav li a:hover{background-position:0 -45px;}

ul#mainNav li.menu-item-2 a{background-image:url(images/mainNav2.jpg);}
ul#mainNav li.menu-item-3 a{background-image:url(images/mainNav3.jpg);}
ul#mainNav li.menu-item-4 a{background-image:url(images/mainNav4.jpg);}
ul#mainNav li.menu-item-5 a{background-image:url(images/mainNav5.jpg);}	



/*******************************
/* メイン
*******************************/
#mainImg{margin-top:-352px;}

#mainImg2{margin-top:-152px;}

.font-white{
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}

h2.heading{
clear:both;
margin:15px 0;
padding-left:30px;
line-height:34px;
font-size:16px;
font-weight:bold;
/*color:#438918;*/
color:#FF3333;
background:url(images/headingBg2.png) no-repeat 0 0;
}


h3.heading {
	padding: .5em .75em;
	background-color: #f6f6f6;
	border-left: 6px solid #ccc;

}



.article{
border:0;
margin:0 0 20px 0;
padding: 0 10px 0 10px;
background:none;
border:1px solid #dcdcdc;
}

.article_cell{
clear:both;
padding:20px 0 25px;
border-bottom:1px dashed #dcdcdc;
}

.main{
padding:20px 10px 20px 10px;
margin:0 0 20px 0;
border:0;
background:none;
border:1px solid #dcdcdc;
}

.last{border-bottom:none;}

.main h4{
margin:0 0 10px 10px;
font-size:16px;
font-weight:bold;
color:#cd5379;
}

.article h4{
margin:0 0 10px 10px;
font-size:16px;
font-weight:bold;
color:#cd5379;
}

.main h5{
margin:0 0 10px 10px;
font-size:14px;
font-weight:normal;
color:#cd5379;
}





.post h4{/** ■■■ グレー背景 ■■■*/
margin:20px 0;
padding-left:15px;
line-height:40px;
font-size:115%;
font-weight:bold;
color:#333;
background:#EEE;
}
.post h5{
margin:18px 0;
font-size:18px;
font-weight:bold;
color:#000;
/*border-bottom:1px solid #515151;*/
}
.post h6{
margin:16px 0;
font-size:16px;
font-weight:bold;
color:#333;
/*border-bottom:1px solid #515151;*/
}
.post h7{
margin:14px 0;
font-size:14px;
font-weight:bold;
color:#333;
/*border-bottom:1px solid #515151;*/
}







.alignleft{
float:left;
padding:0 15px 15px 10px;
}

.alignright{
float:right;
padding: 0 10px 15px 15px;
}

.aligncenter{
padding: 20px 0 20px 0;
text-align: center;
}

.main p{
padding:0 10px 0 10px;
}

.article p{
padding:0 10px 0 10px;
}

.picture{
width:193px;
float:left;
text-align:center;
background-color:#ffffff;
border-top:1px solid #eaeaea;
border-right:1px solid #ddd;
border-bottom:1px solid #ccc;
border-left:1px solid #eaeaea;
padding:5px 0 5px 0;
margin:5px 0 0 5px;
}

.picture:hover{
background-color:#fffaef;
}


/* <p class="indent1">
※文字列文字列文字列文字列
　文字列文字列文字列文字列
　文字列文字列文字列文字列</p>*/
.indent1  {     
    margin-left: 1em;   
    text-indent: -1em;   
}  



/*******************************
/* サイトバー
*******************************/
#sidebar h3{
clear:both;
padding-left:25px;
line-height:34px;
font-size:14px;
font-weight:normal;
color:#333;
background:url(images/side_headingBg.png) no-repeat 0 0;
}

ul.info{
overflow:hidden;
padding:0 0 10px 17px;
border:1px solid #dcdcdc;
margin-bottom:20px;
}

ul.info li{
line-height:0;
padding:10px 0;
margin-right:15px;
border-bottom:1px dashed #dcdcdc;
}

ul.info a:link,ul.info a:visited{
display: block;
padding-left:20px; /* 12->20に画像サイズ変更の為*/
line-height:normal;
text-decoration:none;
color:#313131;
background:url(images/linkArrow2.gif) no-repeat 0 50%;
}

ul.info2 a:link,ul.info2 a:visited{
display: block;
padding-left:20px; /* 12->20に画像サイズ変更の為*/
line-height:normal;
text-decoration:none;
color:#313131;
background:url(images/linkArrow2.gif) no-repeat 0 50%;
}

ul.info a:hover, ul.info li.current_page_item a, ul.info li.current-menu-item a{color:#cd5379;}

ul.info li.last{border-bottom:none;}

#sidebar p{margin-bottom:20px;}

/*******************************
/* フッター
*******************************/
#footer{
clear:both;
background:#808080;
}

#footer ul{
padding:25px 0;
text-align:center;
}

#footer li{
display: inline;
padding: 5px 16px;
border-left:1px dotted #ccc;
}

#footer li a{
text-decoration:none;
color:#fff;
}

#footer li a:hover{color:#e0e0e0;}

p#copy{
padding:10px 0 37px;
text-align:center;
color:#fff;
font-size:10px;
}

/********************************************/
/********************************************/
/********************************************/
.indent {     
    margin-left: 2em;   
    text-indent: -2em;   
}  

a img.linkimg{
margin-bottom:4px;
background:none!important;
}

a:hover img.linkimg{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}


.fsb05 {
  margin: 0 20;
  padding: 10px 0;
  font-family: sans-serif;
  font-size: 16px;
  font-weight:bold;
  color:#3399ff;
}
.demo {
  width: 500px;
  margin: 0 20;
  padding: 10px 0;
  font-family: sans-serif;
  font-size: 20px;
  font-weight:bold;
  color:#E097AB;
}
.heading {
  margin: 10px 0
}

.demo5 .heading {
  overflow: hidden;
  position: relative;
  padding-bottom: 3px;
}
.demo5 .heading span{
  padding: 8px;
}
.demo5 .heading:before {
  content: "";
  border-bottom: 3px solid #3cb3e4;
  bottom: 0;
  height: 0;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.demo5 .heading:after {
  border-bottom: 3px solid #ddd;
  bottom: 0;
  content: "";
  position: absolute;
  width: 500px;
  z-index: 1;
}

.demo2 .heading {
  background: #3cb3e4;
  padding: 5px 15px;
  border-radius: 0 10px 0 10px;
  color: #fff;
}
.indentxx{
  padding: 10px 60px 10px 30px;
}


.demo4  {
  padding: 15px 20px;
  margin: 10px 0 20px 20px;
  border: solid 3px #3cb3e4;
  position:relative;
  text-align: left;
  border-radius: 3px;
  background: #fff;
  font-size:16px;
}

.demo4 .heading:after,
.demo4 .heading:before {
  content: '';
  position: absolute;
  bottom: -7px;
  background: #3cb3e4;
  border: solid 2px #3cb3e4;
  width: 25px;
  height: 20px;
  z-index: -1;
}
.demo4 .heading:after {
     left: 2px;
     transform: rotate(120deg);
}
.demo4 .heading:before {
    right: 2px;
    transform: rotate(60deg);
}


.demo6 .heading {
  border-top: 4px solid #3cb3e4;
  border-bottom: 4px solid #3cb3e4;
  padding: 5px 20px;
  position: relative;
  width: 300px;
  text-align: center;
  margin: 30px auto;
  color: #3cb3e4;
  font-weight: bold;
}
.demo6 .heading:before {
  content: "";
  border-top: 3px solid #3cb3e4;
  border-bottom: 3px solid #3cb3e4;
  display: block;
  position: absolute;
  width: calc(100% - 20px);
  height: 58px;
  top: -12px;
  left: 10px;
}
.demo6 .heading:after {
  content: "";
  border-top: 2px solid #3cb3e4;
  border-bottom: 2px solid #3cb3e4;
  position: absolute;
  display: block;
  width: calc(100% - 40px);
  height: 74px;
  top: -19px;
  left: 20px;
}







.defaultlist
,.defaultlist li{
	padding:0px 20px;
	margin:0px;
}
 
.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
 
.list1 li{
	position:relative;
	padding-left:20px;
}
 
.list1 li:before{
	content:''; 
	display:block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:3px; 
	left:2px; 
	height:0; 
	width:0; 
	border-top: 6px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #aaa;
}



.button01 {
	display: inline-block;
	width: 200px;
	height: 44px;
	text-align: center;
	text-decoration: none;
	line-height: 44px;
	outline: none;
}
.button01::before,
.button01::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button01,
.button01::before,
.button01::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button01 {
	background-color: #F69;
	border: 2px solid pink;
	color: #fff !important;
	line-height: 40px;
}
.button01:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb !important;;
}