@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: #F8823C;
	clear:both;
	letter-spacing:1.2px;
	font-size:28px;
	margin:30px 0px;
	padding-bottom:30px;
	font-weight:normal;
	border-bottom: 2px dotted #F8823C;
}
h2 .small{font-size:20px;}

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


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: #E05106;
	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.gif);
}



/*--------------------------------------------------------------------- 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.gif);
	margin:7px 0px;
	}

/*--------------------------------------------------------------------- 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{
	margin-left:0px;
	margin-right: 0px;
	margin-bottom:0px;
	margin-top:0px;
	}
	

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

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

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

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

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


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


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

															 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;
}

#headerWrap01 span#logoSmall{
	position:absolute;
	left:0px;
	top:10px;
}
#headerWrap01 span#logoNumber{
	position:absolute;
	left:-1px;
	top:59px;
}

/* logo */
#logo{
	color:#23afa4;
	letter-spacing:1px;
	font-size:28px;
	line-height:28px;
}

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

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

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

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


/*-------------------------------------------------------------- sideWrap */
/* side */
#sideWrap{float: left;width: 230px;}
	
/*--- #sideWrap ul.menu ---*/
#sideWrap ul.menu{width:100%;}

.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:#ffa274;
}

.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
																						
----------------------------------------------------------------------------
***************************************************************************/


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

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

/* ----- .first ----- */
.grid2-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以外のブラウザ向け */
dl:after,
ul:after{
	content: url(pixel.gif);
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}