@charset "utf-8";

/* CSS Document */



@import url("init.css");



#wrapper {

margin:0;

padding:0;

	width:941px;

	margin-left:auto;

	margin-right:auto;

	border-right: 1px solid #762824;

	border-left: 1px solid #762824;

}

#header{

	width:941px;

	height:48px;

	padding-bottom:11px;

	border-bottom: 1px solid #762824;

	background: url(../image/common/header_ti.gif) no-repeat 840px 36px;

}

#header h1{

	/*

	background: url(../image/common/logo.gif) no-repeat;

	width:256px;

	height:55px;

	text-indent:-9999px;

	*/

	margin-left:20px;

	margin-top:2px;

}

#header .flag{

	float:right;

	width:30px;

	height:20px;

	margin-right:10px;

	margin-top:2px;

	border-width:1pt;

	border-style:solid;

	border-color:#000000;



}



#menu{
	width:941px;
	height:29px;
	background: #782723;
	padding: 0 0 0 116px;
	box-sizing: border-box;
	}
#menu li{
	xpadding: 0 44px 0 0 !important;
	}

#main{

width:887px;

margin-top:35px;

margin-right:auto;

margin-left:auto;

font-size:12px;

}

#main .main-left{

float:left;

width:280px;

}

#main .main-right{

float:right;

width:568px;

}



/********************************************ok_add 2009.7.27*/

#main .main-bottom{

float:left;

width:887px;

}



#main .main-bottom img{

margin-left:7px;

margin-right:7px;

}







/********************************************ok_add 2009.7.27*/







#news{

margin-top:10px;

background: url(../image/top/info_ti.gif) no-repeat;

	width:542px;

	height:27px;

	padding-left:24px;

	padding-top:6px;

	

}

#news h3{



	width:141px;

	height:14px;



	float:left;

}

#news .info-right{

float:right;

width:57px;

}

.main-right dl {

margin-top:5px;

 width:550px;

}

.main-right dt {

	float:left;

	width:80px;

	padding:5px 0 5px 30px;

	clear:both;

	background: url(../image/top/info_list.gif) no-repeat left 6px;

	line-height:1.6;

}

.main-right dd {

 width:430px;

 margin-left:100px;

 padding:5px 5px 5px 0px;

 

	line-height:1.6;

}

#footer{

clear:both;

width:941px;

height:97px;

font-size:10px;

}

#footer .footer-top{

width:903px;

height:17px;

background: #DFDFDF;

text-align:right;

padding-right:38px;

padding-top:3px;

}

#footer .footer-top ul{

float:right;

}

#footer .footer-top li{

	float:left;

	border-right: 1px solid #FFFFFF;

	padding-right:7px;

	padding-left:7px;

}

#footer .footer-top li:first-child{

	border-left: 1px solid #FFFFFF;

}

#footer .footer-bottom{

	width:903px;

	height:43px;

	background: #D6C2C1;

	text-align:right;

	padding-top:12px;

	padding-right:38px;

}

#bread-list{

width:941px;

height:26px;

font-size:12px;

}

#bread-list #topicPath_01 {

	margin:8px 0 0px 30px;

}  

#bread-list #topicPath_01 li {  

    display:inline;  

    line-height:110%;  

    list-style-type:none;  

				color:#666666;

}  

#bread-list #topicPath_01 li a {

	padding-right:10px;

	background:url(../image/common/topicpath.gif) no-repeat right center;

	text-decoration:none;

	color:#666666;

} 

#contents{

width:941px

}

.contents-left{

float:left;

width:140px;

margin-left:27px;

}

* html .contents-left{

margin-left:15px;

}

.contents-right{

width:747px;

float:right;

}

.contents-left ul{

margin-top:12px;

}

.content{
	width:660px;
	font-size:12px;
	xmargin-top:26px;
	margin-bottom:40px;
	}
.content h3{
	margin-top:2px;
	}



.content h4{

font: 13px/1.3 "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";

/*font-weight:bold;*/

/*color:#0068B3;*/

text-align:left;

}



.content p{

font: 13px/1.3 "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";

/*font-weight:bold;*/

/*color:#0068B3;*/

text-align:left;

}





/********************************************お知らせ*/

.table{

margin-top:5px;

}

.td{

padding:5px;

margin:5px;

/*

font-size:110%;

*/

}

.th{

padding:5px;

text-align:left;

}

.em{

font-size:11px;

font-style:normal;

font-weight:normal;

}



.text{

width:620px;

font-size:12px;

margin-top:8px;

line-height:150%;

}



.strong{

font-weight:bold;

}



.red{

font-weight:bold;

color:#782821;

font-size:14px;

}



.red_s{

font-weight:bold;

color:#782821;

font-size:12px;

}



.blue{

font-weight:bold;

color:#0068b3;

font-size:14px;

}



.blue_s{

font-weight:bold;

color:#0068b3;

font-size:12px;

}







.font-m {

margin-top:20px;

border-collapse: collapse;

}



.pagetop2{

clear:both;

width:600px;

margin-left:auto;

margin-right:auto;

text-align:right;

}





#page02{

width:750px;

margin-top:20px;

text-align:left;

padding-top:3px;

background-image:url(../img/topics/dotline.gif);

background-repeat:repeat-x;

background-position:top;

}



.page02{

width:750px;

margin-top:20px;

text-align:left;

padding-top:3px;

font-size:14px;

}

.page02 a{

	margin:0 2px;

	padding:3px;

	text-decoration:none;

	border:1px #666666 solid;

	color:#333333;

}

.page02 .page_now{

	background-color:#666666;

	color:#ffffff;

}





/********************************************お知らせ*/



/********************************************2009.8.15add*/

.transaction p{

margin-top:10px;

margin-bottom:10px;

font-size:14px;

}



.transaction p2{

margin-top:10px;

margin-bottom:10px;

font-size:12px;

}



/********************************************2009.8.15add*/















.pagetop{

width:99px;

margin-left:27px;

height:22px;

}

#floatMenu {

	position:relative;

	top:0px;

	width:140px;

}

#floatMenu img{

margin-bottom:2px;

}

.calender{

width:290px;

height:196px;

margin-bottom:10px;

}

.top-b{

width:280px;

}

.top-b img{

margin-bottom:13px;

}

.history,.about{

font-size:12px;

}

.history img{



}

.history dl,.about dl {

	margin-top:2px;

	width:640px;



	border-bottom: 1px solid #999999;

}

.history dt,.about dt {

float:left;

	width:100px;

	padding:2px 0 2px 0px;

	clear:both;

	line-height:1.6;

	border-top: 1px solid #999999;

}

.history dd,.about dd {



 width:524px;

 margin-left:100px;

 padding:2px 5px 2px 10px;

	line-height:1.6;

	border-top: 1px solid #999999;

}

.about dl{

margin-bottom:20px;

}

.about dt{

color:#5e5e5e;

}

.about .main-office p{

	float:left;

	width:640px;

	padding:10px 0 10px 0px;



	line-height:1.6;

	border-top: 1px solid #999999;

	;

	margin-bottom:20px;

	border-bottom: 1px solid #999999;

}



.office{

/*

width:310px;

*/

width:310px;



line-height:1.8;

margin-top:20px;

margin-right:20px;

float:left;

}

.office em{

font-size:10px;

font-style:normal;

}



.content .office p{

font: 12px "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";

}



.beaver{

width:310px;



line-height:1.3;

margin-top:20px;

margin-right:20px;

float:left;

}

.beaver em{

font-size:10px;

font-style:normal;

}



.beaver h3{

	font: 16px/1.6 "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";

}





.clear{

clear:both;

}







.privacy{

line-height:2;

}

.privacy ol{

	margin-left: 40px;

	list-style: decimal;

	margin-top: 20px;

	margin-bottom: 20px;

}

.philo h3{

	font: 18px/1.8 "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";

}

#floatMenu ul{

margin-bottom:20px;

}

.maker-block{

width:640px;

clear:both;

padding-top:20px;

}

.maker-block a{

color:#bf6866;

}





.maker h3{

width:640px;

padding-top:20px;

clear:both;

}

.maker h4{

margin-top:10px;

}

.maker ul{

	margin:10px 20px 30px;

}

.maker li{

	list-style: disc;

	margin-bottom:5px;

	margin-right:5px;

	padding-right:20px;

	float:left;

	width:270px;

	line-height:1.6;

	border-bottom: 1px solid #999999;

}

.map p{

margin-top:15px;

line-height:1.8;

}

.sitemap p{

margin-top:10px;

margin-bottom:10px;

}





/********************************************2009.8.15add*/



#sitemap{

	width:100%;

	padding-right:10px;

	padding-left:20px;

}



#sitemap td{

	vertical-align:top;

	width:33%;

}



#sitemap ul{

	margin-bottom:15px;

	padding-top:2px;

	background:url(../image/common/line_list.gif) no-repeat left bottom;

}



#sitemap li{

	padding-left:20px;

	line-height:1.6;

	background:url(../image/common/line_list2.gif) no-repeat 6px -2px;

}



#sitemap h4{

	background:url(../image/common/pict_arrow_w.gif) no-repeat 0 1px;

	padding-left:15px;

	padding-bottom:2px;

	

}





/*

iframe{

	padding:0;

	width:280px;

	height:196px;

	margin: 0px 0px 3px;

}

*/





/********************************************2009.8.15add*/



/********************************************2011.2.24add start*/

.products{

width:155px;



line-height:1.3;

margin-top:10px;

margin-right:5px;

float:left;

}

.products em{

font-size:10px;

font-style:normal;

}



.products2{

width:300px;



line-height:1.3;

margin-top:10px;

margin-right:5px;

float:left;

}





/********************************************2011.2.24add end*/





/********************************************2012.1.5add start*/

.left_menu { width: 140px; height: auto; font-size: 12px;}

.left_menu a { color: #0068B3; text-decoration: none;}

.left_menu a:hover { color: #999; text-decoration: underline;}

.left_menu ul { margin: 10px 0 0 0; padding: 0 0 10px 0; padding-left: 5px;}

.left_menu ul li { margin: 15px 0 0 0; background: url(../img/list.gif) no-repeat left top; border-bottom: 1px dashed #999999; padding: 0 0 10px 13px}



.table_osusume { margin-top: 15px;}

.img_border{ border: 1px solid #CCC;}



#past_left {

	width: 150px;

	height: auto;

	float: left;

	border-right: 1px solid #CCC;

	margin: 20px 0;

	color: #8D8D8D;

}



#past_left a {

	color: #8D8D8D;

	text-decoration: none;

}



#past_left a:hover {

	color: #666;

	text-decoration: underline;

}



#past_left ul {

	list-style: none;

	margin: 10px 0;

}



#past_left ul li {

	background: url(../img/list2.gif) no-repeat left top;

	list-style: none;

	padding-left: 7px;

	margin-bottom: 10px;

}



#past_right {

	width: 500px;

	height: 500px;

	float:right ;

	margin: 20px 0;

	text-align: center;

	padding-top: 30px;

}



#past_box {

	width: 188px;

	height: auto;

	margin: 10px auto;

	border: 1px solid #CCC;

}



/********************************************2012.1.5add end*/



/********************************************2013.5.29add start*/



.contact_form {

	width: 700px;

	height: auto;

	line-height: 2.6em;

	margin-bottom: 20px;

}



.contact_form th {

	width: 180px;

	height: auto;

	border-left: 4px solid #D6C2C1;

	padding: 5px 5px 5px 15px;

	background: #fff;

	text-align: left;

	font-weight: normal;

	border-bottom: 1px dotted #ccc;

	border-right: 1px solid #eee;

	background: #FFFEFB;

}



.contact_form td {

	background: #fff;

	border-bottom: 1px dotted #ccc;

	padding: 10px;

}



.contact_form_textarea {

	width: 450px;

	height: 100px;

}



.form_thanks {

	font-size: 19px !important;

	color: #C66;

	margin-bottom: 40px !important;

}







#info dl{

	border-bottom:1px #893734 solid;

	padding-bottom:50px;

}



#info p.subtitle{

	font-size:15px;

	font-weight:bold;

	margin:10px 0;

	padding:2px 0 2px 5px;

	border-left:3px #BF6866 solid;

	border-bottom:1px #BF6866 dotted;

	width:90%;

}



#info p.subtitle2{

	font-size:13px;

	font-weight:bold;

	margin:15px 0 5px;

	padding:0 0 0 5px;

	border-bottom:1px #ccc dotted;

	width:80%;

}



#info p small{

	font-size:10px;

	float:right;

}

#info td{

	padding:10px;

}



#info td img{

	display:block;

	margin:0 auto;

}

#info p.center{

	text-align:center;

}

/*  --------------------------------------------------
add 20201225
---------------------------------------------------  */
h2.text-title {
	font-size: 17px;
	border-top: 4px solid #C19C9C;
	padding: 6px 0;
	color: #782723;
	}

h4.vcolor-lineup-title {
	border-top: 2px solid #C19C9C;
	margin: 66px 0 8px;
	padding: 6px 0;
	color: #782723;
	font: 18px/1.6em "ヒラギノ角ゴ Pro W6","ＭＳ Ｐゴシック";
	font-weight: bold;
	}
ul.vcolor-lineup li {
	line-height: 2.0em;
	}