@charset "euc-jp";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	background-color: #FFF;
	font-size: 75%;
	color: #666666;
	word-break: break-all;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
 
img {  
    border:0;
	font-size: 0;
	line-height: 0;
}

.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0;
	font-size: 0%;
	line-height: 100%;
}

a:link {
	color: #8c8c8c;
	text-decoration: none;
}

a:hover {
	color: #8c8c8c;
	text-decoration: underline;
}

a:active {
	color: #8c8c8c;
	text-decoration: none;
}

a:visited {
	color: #8c8c8c;
	text-decoration: none;
}

/* header
----------------------------------------------------------------------------------------------- */

#header_bg_top {
	width: 100%;
	background-color: #f4f2f0;
}

#header_bg {
	width: 100%;
	background-color: #FFFFFF;
}

#header {
	width: 910px;
	margin: 0px auto;
	padding-top: 35px;
	padding-bottom: 40px;
}

#header h1 a {
	float: left;
	width: 256px;
	height: 60px;
	margin-top: 0px;
}

#naviBox {
	float: right;
	width: 590px;
}

#inquiry {
	float: right;
	width: 86px;
	margin-left: 25px;
}

#inquiry a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#naviBox ul.headerMenu {
	list-style-type: none;
	float: right;
	margin-top: 18px;
}

#naviBox ul.headerMenu li {
	color: #666666;
	float: left;
	font-size: 120%;
	font-weight: bold;
}

#naviBox ul.headerMenu div {
	color: #8c8c8c;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}

#naviBox ul.headerMenu .end {

}

#naviBox ul.headerMenu li a {
	color: #444444;
}

#naviBox ul.headerMenu li a:hover {
	color: #8c8c8c;
	text-decoration: none;
}

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

#footer {
	width: 910px;
	margin: 0px auto;
	padding-top: 70px;
	padding-bottom: 50px;
}

#footerAddress {
	float: left;
	width: 460px;
	line-height: 150%;
}

#footerAddress div {
	font-size: 120%;
	font-weight: bold;
}

#footerAddress p {
	font-size: 100%;
}

#footerNaviBox {
	float: right;
	width: 450px;
}

#footerNaviBox ul.footerMenu {
	list-style-type: none;
	float: right;
}

#footerNaviBox ul.footerMenu li {
	float: left;
	font-size: 120%;
	font-weight: bold;
}

#footerNaviBox ul.footerMenu div {
	color: #666666;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}

#footerNaviBox ul.footerMenu .end {

}

#footerNaviBox ul.footerMenu li a {
	color: #444444;
}

#footerNaviBox ul.footerMenu li a:hover {
	color: #8c8c8c;
	text-decoration: none;
}

#copyright {
	float: right;
	width: 550px;
	text-align: right;
	margin-top: 23px;
	font-size: 100%;
}

/* top
----------------------------------------------------------------------------------------------- */

/* slider START */

#sliderBox_bg {
	width: 100%;
	background-image: url(images/bg_img.png);
	background-repeat: repeat-x;
}

#sliderBox {
	width: 950px;
	height: 660px;
	margin: 0px auto;
}

#sliderBox_inner {
	position: relative;
	width: 100%;
	height: 660px;
	overflow: hidden;
}

#topMainImg {
	width: 100%;
	height: 660px;
}

/* slider END */

#newsBox {
	width: 910px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#newsBox01 {
	float: left;
	width: 440px;
}

.newsTitle {

}

#moreBtn {
	float: right;
	width: 65px;
}

.scroll_area {
	height: 190px;
	width: 440px;
	margin-top: 20px;
}

.news {
	width: 420px;
	padding-top: 4px;
	padding-bottom: 8px;
	font-size: 120%;
}

.news_date {
	float: left;
	width: 110px;
	color: #B9B9B9;
}

.news_title-text {
	float: right;
	width: 310px;
	line-height: 160%;
}

.news_title-text .news_title {
	font-weight: bold;
}

.news_textBox {
	float: left;
	width: 280px;
	line-height: 160%;
}

#rightbanner {
	float: right;
	width: 440px;
	padding-top: 35px;
}

#rightbanner div {
	padding-bottom: 20px;
}

#rightbanner a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/* pageTitle
----------------------------------------------------------------------------------------------- */

#pageTitle {
	background: url(images/bg_title.png) repeat-x;
	height: 120px;
}

#pageTitle_inner {
	width: 910px;
	margin: 0px auto;
}
	
#pageTitle h2 {
	float: left;
	width: 455px;
	color: #4d4d4d;
	padding-top: 45px;
	font-size: 240%;
	font-weight: normal;
}

#topicpass {
	float: right;
	width: 455px;
	padding-top: 54px;
	font-size: 95%;
	text-align: right;
}

/* wrap
----------------------------------------------------------------------------------------------- */

#wrap {
	width: 910px;
	margin: 0px auto;
	padding-top: 30px;
}

/* sideMenu
----------------------------------------------------------------------------------------------- */

#sideMenuBox {
	float: left;
	width: 200px;
	padding-top: 20px;
}

#sideMenuBox ul.sideMenu {
	list-style-type: none;
}

#sideMenuBox ul.sideMenu li {
	background: url(images/icon_02.png) no-repeat center left;
	padding: 13px 0px 13px 25px;
	border-bottom: 1px solid #DDDDDD;
	font-size: 110%;
	font-weight: bold;
}

#sideMenuBox ul.sideMenu a {
	color: #444444;
}

#sideMenuBox ul.sideMenu a:hover {
	color: #2797cf;
	text-decoration: none;
}

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

#contents {
	float: right;
	width: 650px;
	padding-left: 30px;
	border-left: 2px solid #F2F2F2;
}

#contents h3 {
	color: #545454;
	font-size: 160%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9D9D9D;
	padding-top: 8px;
	padding-right: 40px;
	padding-bottom: 8px;
	padding-left: 30px;
	margin-top: 20px;
	background-image: url(images/icon_title.png);
	background-repeat: no-repeat;
	background-position: left 10px;
}

#contents h4 {
	color: #545454;
	font-size: 125%;
	font-weight: bold;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/icon_01.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#contents h5 {
	color: #143163;
	font-size: 125%;
	font-weight: bold;
	margin: 0px 10px;
}

#contents .txt_box {
	line-height: 200%;
}

.spacer20 {
	padding: 20px 10px 0px 0px;
}

.spacer30 {
	padding: 30px 10px 0px 0px;
}

.spacer50 {
	padding: 50px 10px 0px 0px;
}

.large_img_R {
	float: right;
	padding-left: 15px;
	padding-bottom: 10px;
	max-width: 280px;
}

.large_img_L {
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
	max-width: 320px;
}

.large_img {
	padding-top: 10px;
	text-align: center;
}

.large_img img {
	max-width: 650px;
}

.modelBox01 {
	float: left;
	width: 196px;
	border: 1px solid #E7E7E7;

	margin-bottom: 18px;
}

.modelBox02 {
	float: left;
	width: 303px;
	border: 1px solid #E7E7E7;
	margin-bottom: 16px;
}

.modelBox03 {
	float: left;
	width: 303px;
	border: 1px solid #E7E7E7;
	margin-bottom: 16px;
	margin-left: 20px;
}

.tb_box table {
	margin-top: 20px;
}

.tb_box table {
	border-top: 1px solid #DDDDDD;
	line-height: 150%;
	width: 100%;
}

.tb_box th {
	background-color: #F2F2F2;
	padding: 14px 20px;
	width: 125px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #DDDDDD;
}

.tb_box td {
	padding: 14px 20px;
	border-bottom: 1px solid #DDDDDD;
}

.tb_box .googlemap {
	width: 450px;
	height: 291px;
	margin-top: 15px;
}

.tb_box input {
	padding: 2px 5px;
	color: #666666;
	vertical-align: middle;
	margin-right: 7px;
}

.tb_box label {
	float: left;
	margin-right: 15px;
}

.tb_box input.size01 {
	width: 280px;
	border: 1px solid #CCC;
	padding: 2px 5px;
	color: #666666;
	vertical-align: middle;
	margin-right: 7px;}

.tb_box input.size02 {
	width: 150px;
	border: 1px solid #CCC;
	padding: 2px 5px;
	color: #666666;
	vertical-align: middle;
	margin-right: 7px;}

.tb_box textarea.size01 {
	width: 280px;
	height: 170px;
	border: 1px solid #CCC;
	padding: 2px 5px;
	color: #666666;
}

span.red {
	color: #FF0000;
}

.btn_radio {
	font-size: 95%;
	line-height: 140%;
	color: #000;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.radio_01 {
	position: relative;
	top: -2px;
	vertical-align: middle;
	font-size: 0%;
	line-height: 100%;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	float: left;
	clear: both;
}

input.btn {
	font-size: 14px;
	background-color: #DDDDDD;
	border: 1px solid #999999;
	font-weight: bold;
	cursor: pointer;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 13px;
	padding-left: 13px;
}

.btn_Area {
	text-align: center;
}

.bnrArea {
	padding-top: 20px;
}

.bnrBox {
	width: 220px;
	padding-top: 10px;
	padding-right: 10px;
	float: left;
}

.bnrBox img {
	max-width: 220px;
}

.bnrBox_last {
	width: 220px;
	padding-top: 10px;
	float: left;
}

.bnrBox_last img {
	max-width: 220px;
}

.bnrBox_text {
	width: auto;
	padding-top: 4px;
	display: block;
}

/* gallery */

.space_con {
	width: 800px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.con_image {
	padding-top: 15px;
	width: 800px;
	text-align: center;
}

.con_image img {
	max-width: 800px;
}

.con_text {
	font-size: 90%;
	line-height: 170%;
	font-weight: normal;
	color: #333333;
	width: 800px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}

.con_text img {
	float: right;
	padding-bottom: 10px;
	padding-left: 15px;
	max-width: 320px;
}

.ptBox_space {
	width: 950px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin: 0px;
}

.ptBox {
	float: right;
	width: 20px;
	height: 13px;
	background-image: url(./images/btn_pt.png);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
}

.ptBox:hover {
	float: right;
	width: 20px;
	height: 13px;
	background-image: url(./images/btn_pt_r.png);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
}

.ptBox a {
	font-size: 0%;
	line-height: 100%;
	text-indent: -9999px;
	display: block;
	width: 20px;
	height: 13px;
}

.space_gallary {
	width: 800px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.img_gallery01 {
	width: 250px;
	float: left;
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.img_gallery02 {
	height: 250px;
	width: 250px;
	float: left;
	margin: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}

.gallery_table {
	height: 200px;
	width: 200px;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	background-color: #F9F9F9;
}

.gallery_td {
	margin: 0px;
	padding: 0px;
	height: 200px;
	width: 200px;
}

.200Box {
	margin: 0px;
	padding: 0px;
	width: 200px;
}

.gallery_table img {
	max-width: 200px;
	max-height: 200px;
}

.thumb_title {
	font-size: 90%;
	line-height: 160%;
	font-weight: normal;
	color: #685b50;
	width: 200px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	word-break: break-all;
}

.img_works01 {
	width: 200px;
	float: left;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.img_works02 {
	/*
	height: 250px;
*/
	width: 200px;
	float: left;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}