@charset "shift_jis";
/* CSS Document */


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

base
																						
------------------------------------------------------------------------------
*****************************************************************************/
*{zoom:1; margin:0px;}/* IEバグ対策 */

html {
    margin-bottom:1px;
    height:100%;
	overflow-y:scroll;
    }
	
	
/*----------------------------------------------------------------------font*/
/*font*/
body{
	font-size:13px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",sans-serif;
	line-height:1.5em;
	line-break:strict;
	color:#222;
	-webkit-text-size-adjust: 100%; /* スマホ文字サイズ自動調整オフ */
}




/*----------------------------------------------------------------basestyle*/

/* margin:0;padding:0; */
body,h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,p,table,th,td,form,img,label{margin:0;padding:0;}

 
h1, h2, h2, h3, h5, h6  {font-size: 100%;}  



/* a,em,address,th,img,li */
a{text-decoration:none;outline:none;}
em,address,th{font-style:normal;}

img{vertical-align:top;border:0;}


ul li{list-style:none;}


/* table */
table	{
	border-collapse: collapse;
	border-spacing: 0;
	margin:0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

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

common
																						
----------------------------------------------------------------------------
***************************************************************************/


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

											a,h1〜h5,p,blockquote,ul,ol,dl
																						
----------------------------------------------------------------------------
***************************************************************************/


/*---------------------------------------------------------------------a */
/* a */
a {color: #003399;}
a:visited{color:#606;}
a:hover,
a:active{text-decoration: underline;}

/*----------------------------------------------------------------------h */
/* h1 */
h1{ font-weight:normal;}


/* h2 */

h2{
	color: #2cc3a1;
	clear:both;
	letter-spacing:1.2px;
	font-size:28px;
	margin:30px 0px;
	padding-bottom:30px;
	font-weight:normal;
	border-bottom: 2px dotted #2cc3a1;
}
h2 .small{font-size:20px;}

/*---- colBoxWrap h2 */
.colBoxWrap h2 {
	border-top: 1px solid #e0e0e0;  
    border-right: 1px solid #c1c3c4;  
    border-bottom: 1px solid #c1c3c4;  
    border-left: 1px solid #e0e0e0;  

	font-size:110%;
	letter-spacing:0.8px;
	line-height:1.2em;
	padding:7px 10px;

	color:#4f6264;
	text-decoration:none;
	font-weight:bold;
	background-color:#f2f2f3;
	
	-moz-box-shadow: 1px 1px 2px #E7E7E7;  
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;  
	box-shadow: 1px 1px 2px #E7E7E7;
	
	margin:0px 0px 10px 0px;
	
	background-image:none;
		
	behavior: url(common/PIE.htc);
	}
	
.colBoxWrap h2.small{
	font-size:98%;
}

.colBoxWrap a h2{color: #003399;}





/* h3 */
/*---- main h3 */
h3{
	font-size: 120%;
	color: #555;
	font-weight:normal;
	letter-spacing:1.5px;
	margin:30px 0px;
	padding:10px;
	background-color:#d5f4e3;
	}
h3.first{margin-top:0px;}


/*---- blockquote h3 */
blockquote h3{
	font-size: 110%;
	color: #333;
	font-weight: bold;
	letter-spacing:1.0px;
	margin:0px 0px 10px 0px;
	padding:5px;
	background-color:#fff;
}

/* h4 */
h4{
	font-size: 110%;
	font-weight: bold;
	color: #2cc3a1;
	margin:10px 0px;
}



/* h5 */
h5{
	font-size: 100%;
	font-weight: bold;
	color: #000;
	background-repeat: no-repeat;
	background-position: left 7px;
	margin-left:0px;
	padding-left: 10px;
	background-image: url(icon_dot.png);
}



/*--------------------------------------------------------------------- p */
p{margin: 5px;padding: 0px;}


/*-----------------------------------------------------------  blockquote */

blockquote{
	background-color: #e6e6e6;
	margin: 10px;
	padding: 10px;
	overflow: auto;
}

blockquote img{
	float:left;
	margin-right:7px;
	border: 3px solid #FFF;
}


/*-------------------------------------------------------------- ul,ol,dl */
/*---mainWrap内でのul,ol,dl基本 */
.main ul,
.main ol,
.main dl{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding: 0px;
}


/*--------------------------------------------------------------------- ul*/
/* ---  list circle ---*/
ul.listDisc li{
	background-repeat: no-repeat;
	padding-left: 12px;
	background-position: 2px 6px;
	background-image: url(icon_dot.png);
	margin:7px 0px;
	}


/*--- listLink ---*/

ul.listLink{margin:0px 0px 0px 3px;}

ul.listLink a,
ul.listLink a:hover{
	display: block;
	height: auto;
	background-image: url(arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-top: 3px;
	padding-left: 15px;
	padding-bottom: 3px;
}




/*--------------------------------------------------------------------- ol*/
/*---olの数字分だけ左を空ける */
.main ol{padding-left: 1.75em;}

/*---ol	子要素 */
.main ol li{margin-bottom:10px;}


/*--------------------------------------------------------------------- dl*/
/*---dl	子要素 */
.main dd{margin: 5px 0px 5px 10px;}


/* dl 左マージン打ち消し */

.textBox dl,
.grid2-1 dl,
.grid3-1 dl{
	margin-left:0px;
	margin-right: 0px;
	margin-bottom:0px;
	margin-top:0px;
	}

	
/* dlDefinition*/

dl.dlDefinition dt{
	font-size: 110%;
	color: #353d40;
	font-weight: bold;
	border-bottom:solid 2px #c9e9ee;
	margin-top:15px;
	}
dl.dlDefinition dt.first{margin-top:0px;}

dl.dlDefinition dd a{
	background-position: 0px 2px;
	background-repeat: no-repeat;
	padding-left: 15px;
	height: auto;
	display:block;
	background-image: url(arrow_blue.gif);
}

dl.dlDefinition dd .link-button a{background-image:none;}


/*----------------------------------------------------------usefull class */
/*--------------------------------------------------font */

/* font color */
.attention {color: #f00;}
.off {color:#999;}

/* font size */
.small {font-size: 95%;line-height:1.6em;}


/*--------------------------------------------------img */
/* img */
.imgWrapL{float:left;margin-right:10px;}
.imgWrapR{float:right;margin-left:10px;}


/* text align */
.rayC {text-align: center;margin-right: auto;margin-left: auto;}


/*--------------------------------------------------text box */
.textBox{overflow: hidden;_zoom: 1;}


/* ----------------------------------------------------  link-button*/
	
.link-button a,
.link-button li a{
	border-top: 	1px solid #6dc6e7;  
    border-right: 	1px solid #00a0df;  
    border-bottom:	1px solid #00a0df; 
    border-left:	1px solid #6dc6e7;

    font-weight: nomal;
	font-size:110%;
	color: #fff;
 
	background-color:rgba(65,178,224,1.0);
	
 	-moz-border-radius:		4px; /* for Firefox */
 	-webkit-border-radius: 	4px; /* for Safari and chrome */
	border-radius: 			4px; /* CSS3 */
		
	-moz-box-shadow: 	1px 1px 2px #E7E7E7;  
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;  
	box-shadow: 		1px 1px 2px #E7E7E7;
	
	display: inline-block;
	width: auto;
	height:auto;
	padding: 10px 30px;
	margin:5px 0px;
	
	behavior: url(common/PIE.htc);
	}


.link-button a:hover,
.link-button li a:hover{
	text-decoration:none;
	
 	background-color:rgba(65,178,224,0.8);
	
	behavior: url(common/PIE.htc);
	}


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

															 body  
																						
----------------------------------------------------------------------------
***************************************************************************/
/*-----------------------------------------------------------------header */
#header{
	clear:both;
	width:100%;
	background-color:#FFF;

	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .08);
	-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .08);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, .08);

	behavior: url(common/PIE.htc);
	}

/* #headerWrap01 */
#headerWrap01{
	clear:both;
	padding-top:10px;
	background-color:#ffffff;
	width:960px;
	height:70px;
	margin-right: auto;
	margin-left: auto;
	
	position: relative;
}


/* logo */
#logo{
	color:#2cc3a1;
	letter-spacing:1px;
	font-size:30px;
	line-height:70px;
}

#logo a,
#logo a:visited,
#logo a:hover,
#logo a:active{color:#2cc3a1; text-decoration:none;}

/* phone */
#phone{
	position:absolute;
	right:0px;
	top:10px;
}

/*---------------------------------------------------------------contents */
/* contents */

.contents{
	width: 960px;
	padding-top:10px;
	margin-right: auto;
	margin-left: auto;
}


/*-------------------------------------------------------------- sideWrap */
/* side */
#sideWrap{float: left;width: 230px;}

/*--- #sideWrap ul.menu ---*/
#sideWrap ul.menu{width: 100%;}

#sideWrap img{
	margin:5px auto 0px auto;
	}

.menu li a,
.menu li a:hover{
	display: block;
	padding:10px;
	border-bottom: 1px solid #c7c7c7;
	text-decoration:none;
	background-color:#efefef;
	}

.menu li a{color: #333;}


.menu li a:hover,
.menu li a.current{
	color: #fff;
	background-color: #2cc3a1;
}

.menu li.small a{font-size:95%;}

.menu li.home a{
	background-image: url(home.png);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	padding-left:35px;
	}

.menu li.home a.current,
.menu li.home a:hover{background-image: url(home_on.png);}


/*------------------------------------------------------- main,mainFull */

.main{
	float: left;
	width: 690px;
	margin-left:40px;
	margin-bottom:15px;
}


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

■layout
																						
----------------------------------------------------------------------------
***************************************************************************/

/*---------------------------------------------- colBoxWrap*/
/*colBoxWrap */
.colBoxWrap{
	clear: both;
	width:auto;
	height:auto;
	overflow:hidden; 
	_zoom:1;
}

.colBoxWrap:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/*colBoxWrap a*/
.colBoxWrap a,
.colBoxWrap a:visited,
.colBoxWrap a:hover,
.colBoxWrap a:active{text-decoration:none;}



/* CSSグリッドシステム
/*　http://webdesignrecipes.com/css-grid-system-layout */
/*-----------------------------------------------------*/
.grid2-1,
.grid3-1{
	float: left;
	display: inline;
	margin-right:0px;
}


/* ----- 2分の1 ----- */
.main     			  .grid2-1 {width: 335px; margin-left:20px;}

/* colBoxWrap 2分の1 */
.main     .colBoxWrap .grid2-1 {width: 328px; margin:0 0 10px 10px;}

/* ----- 3分の1 ----- */
.main	  			  .grid3-1 {width: 220px; margin-left:15px;}
/* colBoxWrap 3分の1*/
.main 	  .colBoxWrap .grid3-1 {width: 208px; margin:0 0 10px 15px;}

/*colBoxWrap grid2-1,grid3-1,grid4-1 */
.main     .colBoxWrap .grid2-1,
.main     .colBoxWrap .grid3-1{
	border: 1px solid #e0e0e0;
	padding:5px 5px 10px 5px;

	-moz-border-radius:		5px; /* for Firefox */
	-webkit-border-radius:	5px; /* for Safari and chrome */
	border-radius: 			5px; /* CSS3 */
	
	behavior: url(common/PIE.htc);
	}


/* ----- .first ----- */
.grid2-1.first,
.grid3-1.first,

.colBoxWrap .grid2-1.first,
.colBoxWrap .grid3-1.first{margin-left: 0px;clear: left;} 

/*------------------------------------------------------------- table*/

.table01{
	border-collapse: collapse;	
	border-spacing: 0;
	width: 100%;
	margin-bottom: 30px;
}

.table01 th,
.table01 td{
	padding: 10px;
	word-break:break-all;
	border: 1px solid #DDD;
	}

.table01 th{background-color:#f7f7f7;}

/*---------------------------------------------------------------- footer */

/* footer */
#footerWrap{
	margin-top:20px;
	clear:both;
	width:100%;
	background-color:#FFF;

	border-top: 1px solid rgba(0, 0, 0, 0.2);
	
	-webkit-box-shadow: 0px -2px 5px rgba(0, 0, 0, .08);
	-moz-box-shadow: 	0px -2px 5px rgba(0, 0, 0, .08);
	box-shadow: 		0px -2px 5px rgba(0, 0, 0, .08);

	behavior: url(common/PIE.htc);
	}
	
#footer{
	clear:both;
	width: 960px;
	padding-top:15px;
	background-color:#ffffff;
	height:100px;
	margin-right: auto;
	margin-left: auto;
}


/* address */

#address{
	clear:both;
	width: 887px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	padding-top:5px;
	line-height:1em;
}

#copyRight{
	clear:both;
	width: 887px;
	margin-right: auto;
	margin-left: auto;
	padding-top:3px;
	color:#999;
	font-size:90%;
	text-autospace:none;
	letter-spacing:0px;
	}

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

clear 
																						
-----------------------------------------------------------------------------
***************************************************************************-*/
/*-------------------------------------------------------------- clearBoth */
.clearBoth{
	clear:both;
	padding-top:5px;
	padding-bottom:5px;
}

/*---------------------------------------------------------------- clearfix */
/* IE以外のブラウザ向け */
.contents:after,
dl:after,
ul:after{
	content: url(pixel.gif);
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}