@charset utf-8;
/*+++++++++++++++++++++++++++++++++*/
/*Web Site BODY.CSS   Ver.*/
/*+++++++++++++++++++++++++++++++++*/


/*=======================*/
/*Page Body*/
/*=======================*/

body	 {
	color: #666;
	font-family:Hiragino Maru Gothic Pro,"ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック", "Osaka", verdana, arial, sans-serif;
	background-color: #fff;
	text-align: center;
	margin: 0;
	padding: 0;
	}

/*=======================*/
/*Tag Default Value*/
/*=======================*/

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}

h1, h2, h3, h4, h5, h6, p, pre, blockquote
{
	margin: 0;
	padding: 0;
	}

ul, ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

dl, dt, dd {
	margin: 0;
	padding: 0;
	}
img {
	vertical-align: bottom;
	border-style: none;
	border-width: 0;
	}

form, input {
	margin: 0;
	padding: 0;
	}
	
.clear{
both:clear;
}	
	
/*==================*/
/*Basic Link Color*/
/*==================*/

a:link {
	color: #007cc0;
	text-decoration: underline;
	}

a:link:hover {
	color: #ff8a63;
	text-decoration: underline;
	}

a:visited {
	color: #007cc0;
	text-decoration: underline;
	}

a:visited:hover {
	color: #ff8a63;
	text-decoration: underline;
	}

/*+++++++++++++++++++++++++++++++++*/
/*Base Layout*/
/*+++++++++++++++++++++++++++++++++*/

/*=======================*/
/*Main Box*/
/*=======================*/
#main_box {
	text-align: left;
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding: 5px 0 0;
	display: block;
	}

/*=======================*/
/*Header Section*/
/*=======================*/
#header {
	background-image: url(../../img/navi/header_bg_tel.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 800px;
	height: 89px;
	display: block;
	}
#header_logo {
	vertical-align: top;
	margin-top: 0;
	margin-left: 8px;
	display: block;
	}

#header_bar {
	position: absolute;
	top: 64px;
	left: 0;
	width: 800px;
	border-bottom: 2px solid #8eca00;
	list-style-type: none;
	display: block;
	}
#header_bar a {
	text-decoration: none;
	}
#header_bar a:hover {
	text-decoration: none;
	}


.nav_bar_01 {
	background-image: url(../../img/navi/nav_bar_01.gif);
	background-repeat: no-repeat;
	text-indent: -9000px;
	width: 126px;
	height: 28px;
	float: left;
	display: block;
	}
.nav_bar_01 a {
	text-decoration: none;
	width: 126px;
	height: 28px;
	display: block;
	}
.nav_bar_02 {
	background-image: url(../../img/navi/nav_bar_02.gif);
	background-repeat: no-repeat;
	text-indent: -9000px;
	width: 173px;
	height: 28px;
	float: left;
	display: block;
	}
.nav_bar_02 a {
	text-decoration: none;
	width: 173px;
	height: 28px;
	display: block;
	}
.nav_bar_03 {
	background-image: url(../../img/navi/nav_bar_03.gif);
	background-repeat: no-repeat;
	text-indent: -9000px;
	width: 88px;
	height: 28px;
	float: left;
	display: block;
	}
.nav_bar_03 a {
	text-decoration: none;
	width: 88px;
	height: 28px;
	display: block;
	}
.nav_bar_04 {
	background-image: url(../../img/navi/nav_bar_04.gif);
	background-repeat: no-repeat;
	text-indent: -9000px;
	width: 107px;
	height: 28px;
	float: left;
	display: block;
	}
.nav_bar_04 a {
	text-decoration: none;
	width: 107px;
	height: 28px;
	display: block;
	}
.nav_bar_05 {
	background-image: url(../../img/navi/nav_bar_05.gif);
	background-repeat: no-repeat;
	text-indent: -9000px;
	width: 108px;
	height: 28px;
	float: left;
	display: block;
	}
.nav_bar_05 a {
	text-decoration: none;
	width: 108px;
	height: 28px;
	display: block;
	}
.nav_bar_06 {
	background-image: url(../../img/navi/nav_bar_06.gif);
	background-repeat: no-repeat;
	text-indent: -9000px;
	width: 82px;
	height: 28px;
	float: left;
	display: block;
	}
.nav_bar_06 a {
	text-decoration: none;
	width: 82px;
	height: 28px;
	display: block;
	}
.nav_bar_07 {
	background-image: url(../../img/navi/nav_bar_07.gif);
	background-repeat: no-repeat;
	text-indent: -9000px;
	width: 116px;
	height: 28px;
	float: left;
	display: block;
	}
.nav_bar_07 a {
	text-decoration: none;
	width: 116px;
	height: 28px;
	display: block;
	}
.nav_bar_08 {
	background-image: url(../../img/navi/nav_bar_08.gif);
	background-repeat: no-repeat;
	text-indent: -9000px;
	display: block;
	width: 126px;
	height: 28px;
	float: left;
	}
.nav_bar_08 a {
	text-decoration: none;
	display: block;
	width: 126px;
	height: 28px;
	}
/*+++++++++++++++++++++++++++++++++*/
/*Layout Two Column*/
/*+++++++++++++++++++++++++++++++++*/
#column_box {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	display: block;
	}

/*Float Clear == Thanks for positioniseverything.net*/
#column_box:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html #column_box { display: inline-block; }
/* hide ie mac \*/
* html #column_box { height: 1%; }
#column_box { display: block; }
/* */
/*=======================*/
/*Content Body*/
/*=======================*/
#content_box {
	width: 550px;
	/*overflow: hidden;*/
	float: right;
	display: block;
	}

/*=======================*/
/*Side Navigation Items*/
/*=======================*/
#side_box {
	width: 200px;
	overflow: hidden;
	float: left;
	display: block;
	}
.nav_box {
	margin-bottom: 5px;
	padding: 4px;
	border-color: #2a8cbe;
	border-style: solid;
	border-width: 3px 1px 1px;
	display: block;
	}
.nav_box a {
	text-decoration: none;
	}

.nav_box a:hover {
	text-decoration: none;
	}

.nav_ul {
	font-size: 12px;
	line-height: 13px;
	margin-left: 5px;
	list-style-type: none;
	display: block;
	}

.nav_li {
	padding-bottom: 6px;
	}

.nav_li a {
	color: #007cc0;
	background-image: url(../../img/navi/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	padding-left: 16px;
	display: block;
	}
.nav_li a:visited {
	color: #007cc0;
	background-image: url(../../img/navi/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	padding-left: 16px;
	display: block;
	}
.nav_li a:hover {
	color: #ff8a63;
	text-decoration: none;
	background-image: url(../../img/navi/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 16px;
	display: block;
	}

.h2_nav_01 {
	background-image: url(../../img/navi/nav_h2bg_01.jpg);
	background-repeat: no-repeat;
	text-indent: -9000px;
	width: 190px;
	height: 82px;
	margin-bottom: 8px;
	}
.h2_nav_01 a {
	text-decoration: none;
	width: 190px;
	height: 82px;
	display: block;
	}
.h2_nav_02 {
	background-image: url(../../img/navi/nav_h2bg_02.jpg);
	background-repeat: no-repeat;
	text-indent: -9000px;
	width: 190px;
	height: 76px;
	margin-bottom: 8px;
	}
.h2_nav_02 a {
	text-decoration: none;
	width: 190px;
	height: 76px;
	display: block;
	}
.h2_nav_03 {
	background-image: url(../../img/navi/nav_h2bg_03.jpg);
	background-repeat: no-repeat;
	text-indent: -9000px;
	width: 190px;
	height: 76px;
	margin-bottom: 8px;
	}
.h2_nav_03 a {
	text-decoration: none;
	width: 190px;
	height: 76px;
	display: block;
	}
.h2_nav_04 {
	background-image: url(../../img/navi/nav_h2bg_04.gif);
	background-repeat: no-repeat;
	background-position: 5px 0;
	text-indent: -9000px;
	width: 190px;
	height: 17px;
	margin-bottom: 8px;
	}
.h2_nav_04 a {
	text-decoration: none;
	width: 190px;
	height: 17px;
	display: block;
	}
.h2_nav_05 {
	background-image: url(../../img/navi/nav_h2bg_05.gif);
	background-repeat: no-repeat;
	background-position: 5px 0;
	text-indent: -9000px;
	width: 190px;
	height: 17px;
	margin-bottom: 8px;
	}
.h2_nav_05 a {
	text-decoration: none;
	width: 190px;
	height: 17px;
	display: block;
	}
.h2_nav_06 {
	background-image: url(../../img/navi/nav_h2bg_06.gif);
	background-repeat: no-repeat;
	background-position: 5px 0;
	text-indent: -9000px;
	width: 130px;
	height: 17px;
	margin-bottom: 8px;
	}
.h2_nav_06 a {
	text-decoration: none;
	width: 130px;
	height: 17px;
	display: block;
	}
.h2_nav_07 {
	background-image: url(../../img/navi/nav_h2bg_07.gif);
	background-repeat: no-repeat;
	background-position: 5px 0;
	text-indent: -9000px;
	width: 130px;
	height: 17px;
	margin-bottom: 8px;
	}
.h2_nav_07 a {
	text-decoration: none;
	width: 130px;
	height: 17px;
	display: block;
	}
.nav_comment {
	font-size: 12px;
	line-height: 14px;
	padding-bottom: 6px;
	padding-left: 5px;
	}
.h2_nav_08 {
	background-image: url(../../img/navi/nav_h2bg_08.gif);
	background-repeat: no-repeat;
	background-position: 5px 0;
	text-indent: -9000px;
	width: 110px;
	height: 18px;
	margin-bottom: 8px;
	}
.h2_nav_08 a {
	text-decoration: none;
	width: 110px;
	height: 18px;
	display: block;
	}
/*=======================*/
/*Footer Section*/
/*=======================*/
#footer {
	width: 800px;
	/*overflow: hidden;*/
	clear: both;
	display: block;
	}
.pagetop_link {
	text-align: right;
	clear: both;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 8px;
	display: block;
	}

#footer_bar {
	list-style-type: none;
	display: block;
	}
#footer_bar a {
	text-decoration: none;
	}

#footer_bar a:hover {
	text-decoration: none;
	}

/*Float Clear == Thanks for positioniseverything.net*/
#footer_bar:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html #footer_bar { display: inline-block; }
/* hide ie mac \*/
* html #footer_bar { height: 1%; }
#footer_bar { display: block; }
/* */
#footer_end {
	color: #666;
	width: 800px;
	padding-top: 3px;
	padding-bottom: 8px;
	display: block;
	}
/*Float Clear == Thanks for positioniseverything.net*/
#footer_end:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html #footer_end { display: inline-block; }
/* hide ie mac \*/
* html #footer_end { height: 1%; }
#footer_end { display: block; }
/* */
#footer_end a {
	color: #666;
	text-decoration: none;
	}

#footer_end a:hover {
	color: #ff8a63;
	text-decoration: none;
	}

.footer_link {
	font-size: 11px;
	width: 220px;
	float: left;
	padding-left: 10px;
	display: block;
	}

.footer_copy {
	font-size: 11px;
	text-align: right;
	width: 380px;
	float: right;
	display: block;
	}

/*+++++++++++++++++++++++++++++++++*/
/*Link Color and Link Icon Items*/
/*+++++++++++++++++++++++++++++++++*/


/*==================*/
/*Arrow*/
/*==================*/
a.arrow:link{
	color: #007cc0;
	text-decoration: none;
	background-image: url(../../img/navi/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	padding-left: 18px;
	}

a.arrow:visited {
	color: #007cc0;
	text-decoration: none;
	background-image: url(../../img/navi/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	padding-left: 18px;
	}
a.arrow:hover {
	color: #ff8a63;
	text-decoration: none;
	background-image: url(../../img/navi/nav_arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	padding-left: 18px;
	}

/*==================*/
/*Arrow　Reverce*/
/*==================*/
a.arrow_rev:link{
	color: #007cc0;
	text-decoration: none;
	background-image: url(../../img/navi/nav_arrow_rev.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	padding-left: 18px;
	}

a.arrow_rev:visited {
	color: #007cc0;
	text-decoration: none;
	background-image: url(../../img/navi/nav_arrow_rev.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	padding-left: 18px;
	}
a.arrow_rev:hover {
	color: #ff8a63;
	text-decoration: none;
	background-image: url(../../img/navi/nav_arrow_rev.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	padding-left: 18px;
	}


#wrapper {
   width: 770px;
   position: relative;
   margin:0 auto 0; /* center on everything else */
   padding:10px 0 0 5px;
   text-align: left;
}

#wrapper-inner {
   padding:0 0 15px 0;
}



#flash-Box{
   width:760px;
   height:230px;
   margin:0 0 8px 0;
   border:1px solid #cbcbcb;
}

.Img-Box{
   width:246px;
   height:180px;
   float:left;
   margin:0 13px 8px 0;
}

.Img-Box-big{
   width:500px;
   height:180px;
   float:left;
   margin:0 9px 8px 0;
}

.Img-Box-big p{


   margin:0 0 10px 0;
}

.Img-Box-right{
   width:246px;
   height:180px;
   float:right;
   margin:0 0 8px 0;
}

.Img-wrapp{
	width:760px;
}
.Img-Box-harf-l{
	width:375px;
	float:left;
	margin:0 0 0.5em 0;
}

.Img-Box-harf-r{
	width:375px;
	float:right;
	margin:0 0 0.5em 0;
}




#ImgBoxes{
   width:780px;
   margin:0 0 5px 0;
   padding:0 0 0 0px;
}


#SideLeft{
   width:560px;
   float:left;


}
#SideRight{
   width:200px;
   float:right;
}

#SideRight h2{
   width:200px;
   font-size:12px;
   color:#fff;
   height:32px;
   font-weight:bold;
   background:url(../../img/parts/sr-bar.gif) no-repeat 0 0;
   margin:0 0 3px 0;
   padding:8px 0 0 5px;
}

#SideRight p{
   font-size:12px;
   line-height:1.4;
   margin:0 0 0.3em 0;
}


.One-Box{
   width:175px;
   height:250px;
   float:left;
   margin:0 5px 10px 0;
   padding:5px 0 5px 0;
   border:2px solid #cbcbcb;
}
.One-Box img{
   text-align:center;
   margin:0 0 0 15px;
}

/*	Float Item
============================================================*/
/*(    Left    )*/
.left {
   float:left;
}
img.left, a img.left {
   float:left;
   margin: 0 5px 5px 0;
   border: 1px solid #cbcbcb;
   padding: 2px;
   background: #fff;
}
a:hover img.left{
   border-color: #ff6600;
   background: #ff6600;
}

/*(    Right    )*/
.right {
   float:right;
}
img.right, a img.right {
   float:right;
   margin: 0 0 5px 7px;
   border: 1px solid #cbcbcb;
   padding: 2px;
   background: #fff;
}
a:hover img.right{
   border-color: #ff6600;
   background: #ff6600;
}


.two-left{
	float:left;
	width:200px;
}

.two-right{
	width:300px;
	float:right;

}






.clearfix:after{
   content: " ";
   display: block;
   height:0;
   clear: both;
   visibility: hidden;
}
.clearfix { display: inline-block; }/* ie7 mac5 \*/

* html .clearfix { height: 1%; }/* hide ie6 \*/
.clearfix { display: block; }
/* end hide from ie-mac */