@charset "utf-8";

/*

[FILENAME] layout.css

*/

/*
TagReset
============================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

hr{
	display:none;
}

ul,ol{
	list-style-type:none;
	display: block;
}

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

/*
Font
============================================================*/

body,table{word-break:break-all;font:13px/1.22 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;*font-size:small;*font:x-small;}
body *,table *{line-height:1.53em;*line-height:1.6em;}
/*X-Large*/
.xl{font-size:125%;}
/*Large*/
.l{font-size:112.5%;}
html* .l{font-size:100%;}
* html .l{font-size:112.5%;}
*:first-child+html .l{font-size:112.5%;}
/*Normal*/
.m{font-size:100%;}
html* .m{font-size:88%;}
* html .m{font-size:100%;}
*:first-child+html .m{font-size:100%;}
/*Small*/
.s{font-size:92.5%;}
html* .s{font-size:81.5%;}
* html .s{font-size:92.5%;}
*:first-child+html .s{font-size:92.5%;}
/*X-Small*/
.xs{font-size:80.5%;}
html* .xs{font-size:76%;}
* html .xs{font-size:80%;}
*:first-child+html .xs{font-size:80%;}

/*
Link
============================================================*/

a:link,
a:visited{
	color:#333333;
	text-decoration:none;
}
a:hover,
a:active{
	color:#333333;
	text-decoration:underline;
}

/*
clearfix
============================================================*/

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

.clearfix{
	display:inline-table;
	min-height:1%;/*...IE7*/
}

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

/*
body
============================================================*/
body{
	font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif;
	text-align:center;
	background:url(../common_img/bgimg_body_01.gif) ;
	color:#333333;
}

/*
Wrapper
============================================================*/

#Wrapper{
	text-align:center;
	margin:0 auto;
	background:url(../common_img/bgimg_body_02.gif) repeat-y #ffffff;
	padding:0 10px;
	width:810px;
	_width:830px;
}
		
/*
header
============================================================*/

#Header{
	text-align:left;
	background:url(../common_img/bgimg_header_line_01.gif) repeat-x;
	padding:13px 5px 0 15px;
	width:790px;
	_width:810px;
}
#Header{font-size:80.5%;}
html* #Header{font-size:76%;}/* safari */
* html #Header{font-size:80%;}/* ie6 */
*:first-child+html #Header{font-size:80%;}/* ie7 */

	/* MenuSkip */
	#Header div.MenuSkip{
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	/* left */
	#Header .LeftBox{
		width:500px;
		float:left;
	}
	#Header .LeftBox .logo{
		width:300px;
		float:left;
	}
	#Header .LeftBox .TextArea{
		width:200px;
		float:right;
		padding:22px 0 0 0;
	}
	#Header .LeftBox .TextArea h1{
		font-weight:normal;
	}
	#Header .LeftBox .TextArea .Menu{
		margin:5px 0 0 0;
	}
	#Header .LeftBox .TextArea .Menu li{
		float:left;
	}
	
	/* right */
	#Header .RightBox{
		width:290px;
		float:right;
	}
	#Header .RightBox img{
		margin:5px 0 0 10px;
	}


	/*
	GlobalNavi/FooterNavi
	------------------------------------------------------------*/
	#GlobalNavi,
	#Footer{
		margin:15px 0 0 0;	
		padding:0 5px 0 15px;
		width:790px;
		_width:810px;
	}
	
	#GlobalNavi li,
	#FooterNavi li{
		float:left;
	}
	/*
	Breadcrumb
	------------------------------------------------------------*/
	#Breadcrumb{
		margin:18px 0 0 5px;	
		padding:0 5px 0 15px;
	}
	#Breadcrumb{font-size:85.5%;}
	html* #Breadcrumb{font-size:82%;}/* safari */
	* html #Breadcrumb{font-size:80%;}/* ie6 */
	*:first-child+html #Breadcrumb{font-size:80%;}/* ie7 */

	#Breadcrumb li{
		float:left;
		padding:0 7px 0 5px;
		background:url(../common_img/bgimg_breadcrumb_01.gif) no-repeat right 4px;
	}
	#Breadcrumb li.in{
		float:left;
		padding:0 5px;
		background:none;
	}
	#Breadcrumb li.back{
		float:left;
		padding:0 5px 0 0;
		background:url(../common_img/bgimg_menu_01.gif) no-repeat right 2px;
	}
	#Breadcrumb li.back a.back{
		padding:2px 0 3px 20px;
		background:url(../common_img/arrow_01.gif) no-repeat 0 0;
	}

	#Breadcrumb a:link,
	#Breadcrumb a:visited{
		color:#4b4b4b;
		text-decoration:none;
	}
	#Breadcrumb a:hover,
	#Breadcrumb a:active{
		color:#007701;
		text-decoration:underline;
	}

	
/*
content
============================================================*/
	
#Content{
	text-align:left;
	width:810px;
}
#Content{font-size:112.5%;}
html* #Content{font-size:110%;}
* html #Content{font-size:112.5%;}
*:first-child+html #Content{font-size:112.5%;}
	


	/* BottomArea01（下部資料請求カコミ） */
	#BottomArea01{
		margin:40px 0 0 60px;
		width:691px;
	}
	#BottomArea01 .LeftBox{
		float:left;
		width:206px;
	}
	#BottomArea01 .RightBox{
		float:right;
		width:485px;
	}
	#BottomArea01 .BtnArea{
		background:url(../common_img/bgimg_bottomarea_01.jpg) no-repeat;
		padding:0 0 0 110px;
		width:581px;
		_width:691px;
	}
	#BottomArea01 .TextArea{
		background:url(../common_img/bgimg_bottomarea_02.gif) no-repeat left bottom;
		width:691px;
		text-align:center;
		padding:20px 0 30px 0;
		font-size:90.5%;
	}
	#BottomArea01 .TextArea span{
		color:#ff0000;
	}

	#BottomArea01 a{
		text-decoration:underline;
	}

	/* BottomAreaHSno（資料請求ボタンHSなし版） */
	#BottomAreaHSno{
		margin:40px 0 0 60px;
		width:691px;
	}
	#BottomAreaHSno .LeftBox{
		float:left;
		width:206px;
	}
	#BottomAreaHSno .RightBox{
		float:right;
		width:485px;
	}
	#BottomAreaHSno .BtnArea{
		padding:0 0 0 110px;
		width:581px;
		_width:691px;
	}
	#BottomAreaHSno .TextArea{
		width:691px;
		text-align:center;
		padding:20px 0 30px 0;
		font-size:90.5%;
	}
	#BottomAreaHSno .TextArea span{
		color:#ff0000;
	}

	#BottomAreaHSno a{
		text-decoration:underline;
	}


/*
Footer
============================================================*/

#Footer{
	text-align:left;
	background:url(../common_img/bgimg_header_line_01.gif) repeat-x bottom;
	margin:50px 0 0 0;	
	padding:0 15px 13px 15px;
	width:780px;
	_width:810px;
}
#Footer{font-size:85.5%;}
html* #Footer{font-size:82%;}/* safari */
* html #Footer{font-size:80%;}/* ie6 */
*:first-child+html #Footer{font-size:80%;}/* ie7 */

	
	/* btn */
	#Footer #BtnPage{
		padding:0 0 15px 0;
	}
	#Footer .LeftBtn{
		width:50%;
		float:left;
	}
	#Footer .LeftBtn img{
		margin:0 0 0 5px;
	}
	#Footer .RightBtn{
		width:50%;
		float:right;
		text-align:right;
	}
	#Footer .RightBtn img{
		margin:0 5px 0 0;
	}
	
	/* BottomArea */
	#Footer .BottomArea .MenuArea{
		float:left;
		padding:0 0 0 5px;
		width:475px;
		_width:480px;
	}
	#Footer .BottomArea .MenuArea .Menu{
		margin:10px 0 0 0;
		background:url(../common_img/bgimg_menu_01.gif) no-repeat 0 2px;
	}
	#Footer .BottomArea .MenuArea .Menu li{
		float:left;
		padding:0 10px;
		background:url(../common_img/bgimg_menu_01.gif) no-repeat right 2px;
	}
	#Footer .BottomArea .MenuArea .Menu li a.home{
		padding:1px 0 0 14px;
		background:url(../common_img/icon_01.gif) no-repeat 0 0px;
	}
	
	#Footer .BottomArea .MenuArea address{
		font-weight:normal;
		font-style:normal;
		margin:8px 0 0 0;
	}
	#Footer .BottomArea .TextArea{
		width:300px;
		margin:7px 0 0 0;
		float:right;
		background:url(../common_img/bgimg_footer_01.gif) no-repeat 7px 0;
		height:50px;
	}
	#Footer .BottomArea .TextArea p{
		width:160px;
		margin:8px 0 0 20px;
	}
	
	#Footer a:link,
	#Footer a:visited{
		color:#4b4b4b;
		text-decoration:none;
	}
	#Footer a:hover,
	#Footer a:active{
		color:#007701;
		text-decoration:underline;
	}
	
	#Footer .BottomArea .MenuArea .Menu li span.home{
		padding:1px 0 0 14px;
		background:url(../common_img/icon_01.gif) no-repeat 0 0px;
		color:#007701;
		text-decoration:underline;
	}

	#Footer .BottomArea .MenuArea .Menu li span.Now{
		color:#007701;
		text-decoration:underline;
	}