@charset "utf-8";
/*============================================================
	common
============================================================*/
body
{
	background:url(../img/common_bg01.gif) repeat-x top;
	margin:0;
	font-size:90%;
}

h2
{
	margin:0 0 2em 0;
}

h3
{
	margin:0 0 1.5em 0;
}

p
{
	margin: 0 0 1em 0;
	font-size: 120%;
}
#wrapper
{
	width:900px;
	margin:0 auto;
}


/*********  ヘッダー  ********/

#header
{
	height:238px;
}

#headerbox
{
	height:96px;
	padding:0 33px;
}

#logo
{
	float:left;
	margin:20px 0 0 0;
	display:inline;
}

#headerright
{
	float:right;
	margin:5px 0 0 0;
	width:269px;
	display:inline;
	line-height:20px;
	text-align:right;
}

#tel
{
	margin:7px 0 0 0;
	display:inline;
}
	
/*********  ヘッダー 終わり  ********/

/*********  コンテンツ  ********/

#contents
{
	padding:25px 0 0 0;
	overflow:hidden;
	width:900px;
	background:url(../img/sidenav_bg01.gif) no-repeat 33px 25px;
}

#sidenav
{
	width:208px;

	float:left;
	margin:0 0 0 33px;
	display:inline;
	padding: 0 0 25px 0;
}

#sidenav img
{
	margin:10px 0 0 9px;
	border:#d2d2d2 1px solid;
}

#nav
{
	width:186px;
	margin:10px auto;
	border:#d2d2d2 1px solid;
}

#main
{
	width:600px;
	float:right;
	margin:0 33px 0 0;
	display:inline;
	padding: 0 0 25px 0;
}

/*********  コンテンツ　終わり  ********/

/*********  フッター  ********/

#footer
{
	width:834px;
	margin:0 auto;
	background:url(../img/footer_line01.gif) repeat-x top;
	padding:30px 0 20px 0;
	
}

#address
{
	float:right;
	text-align:right;
	line-height:1.5em;
}

#address img
{
	margin:0 0 0.5em 0;
}

#copy
{
	padding:5px 0;
	background:#1b47cc;
	text-align:center;
	font-size:80%;
	color:#ffffff;
}

#footerright
{
	float:right;
	margin:2em 0 0 0;
	display:inline;
	clear:both;
}
/*********  フッター　終わり  ********/

/******** 文字関係 ******/
.totop
{
	float:right;
	margin:3em 0 0 0;
	display:inline;
}
.totop .sankaku
{
	color:#1b47cc;
}
.totop a
{
	text-decoration: underline;
}
.attention
{
	font-size:150%;
	color:#ac0812;
	font-family:"ＭＳ Ｐ明朝",serif;
	font-weight:bold;
}
.lh1
{
	line-height:1em;
}
.lh15
{
	line-height:1.5em;
}
.lh2
{
	line-height:2em;
}
.bold
{
	font-weight: bold;
}
.xx-small
{
	font-size:40%;
}
.x-small
{
	font-size:60%;
}
.small
{
	font-size:80%;
}
.large
{
	font-size:120%;
}
.x-large
{
	font-size:150%;
}
.xx-large
{
	font-size:180%;
}

.white
{
	color:#ffffff;
}

/******** 文字関係 終わり ******/

/******** 汎用　 ******/
.fr
{
	float:right;
}
.fl
{
	float:left;
}
.tc
{
	text-align:center;
}
.tl
{
	text-align:left;
}
.tr
{
	text-align:right;
}

.m1em
{
	margin:1em 0;
}

.m2em
{
	margin:2em 0;
}
/******** 汎用　終わり******/

/********  clearfix  ******/
.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix
{
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix 
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End hide from IE-mac */
/********  clearfix  終わり　******/