@charset "utf-8";
@import url(basic.css);

.text-left   {text-align: left}
.text-right  {text-align: right}
.text-center {text-align: center}
.bold        {font-weight: bold;}
.font-big    {font-size:16px;}
.orange      {color:#FF4100}
.img-left    {float:left;padding-right:10px}
.img-right   {float:right;padding-left:10px;}
.img-bottom  {vertical-align:bottom}
.clear       {clear:both}
.mr-bottom30 {margin-bottom:30px}
.mr-top5     {margin-top:5px;}
.blak_text   {color:#222222;}
.red         {color:#97554C}
.green       {color:#86b92c}
a:link    {color: #4a86a0;text-decoration:none}
a:visited {color: #4a86a0;text-decoration:none}
a:hover   {color: #990000;text-decoration:none}
a img     {border:0pt none;}
img       {vertical-align:bottom}
.current {color: #FF4100;text-decoration:none}


/*基本レイアウト*/
body {margin: 0px;text-align: center;background:#EDEDE4 url(img/body_bg.jpg) repeat-x center top;}
div#header{margin: 0px auto;background:url(img/head_bg.jpg) no-repeat center top;height:72px;width:830px;position:relative;}
div#header h1{position:absolute; top:22px; left:1px;}

#mainbox {background:#ffffff;margin:0px auto;padding-bottom:100px;text-align:center;width:830px;}
#mainbox-in {width:830px; margin:0px auto;}

div#footer{margin: 0px auto;text-align:cnter;background: url(img/foot_bg.jpg) repeat-x top center;width:830px;height:32px; clear:both}

#wide-big {width:596px}
#wide-small {width:234px;background:url(img/menu/menu_bg.jpg) repeat-y left top;}

.f-left{float:left}
.f-right{float:right}

/*メニュー部分*/
#menu {background:url(img/menu/menu_bottom.jpg) no-repeat left bottom;text-align:left;}
#menu ul{
	margin-top:10px;
	margin-left:4px;
	width:190px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#menu ul li{
	background:url(img/menu/menu_dt.jpg) no-repeat 10px center;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#menu ul li.this{background:url(img/menu/menu_dd.jpg) no-repeat 10px center; }
#menu ul li a{font-weight: bold;color:#231815; display:block; padding-left:30px;}
#menu ul li a:hover{font-weight: bold; color:#75572c; display:block; padding-left:30px;}



#menu ul li dl{
	padding:0px;
	margin: 0px;
	width: 190px;
}

#menu ul li dl dt {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#menu ul li dl dd {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left:10px;
}
#menu ul li dl dd a{background:url(img/menu/menu_arow_off.jpg) no-repeat 20px center;}
#menu ul li dl dd a:hover{background:url(img/menu/menu_arow.jpg) no-repeat 20px center;}

#menu-company {
	margin-top:20px;
	margin-left:14px;
	padding-bottom:20px;
	width:170px;
}
.company_name {font-weight: bold;}
#menu-company address{width:180px;}

/*トップページ用*/
#catchcopy {position:relative;height:244px;background:url(img/topmenu/top_main.jpg) no-repeat left top;}
.top-catch01{position:absolute; top:32px; left:220px;}
.top-catch02{position:absolute; top:150px; left:285px;}

#infomation {
	background:url(img/topmenu/top_info.jpg) no-repeat left top;
	text-align:left;
	padding-bottom: 50px;
}
.info {padding-top:20px;margin-left:290px; width:290px;}
.info dl{background:url(img/topmenu/info_bg.jpg) no-repeat center top;margin:0px; padding-top:10px;}
.info dt{padding-left:10px;margin-bottom:5px;}
.info dd{padding-left:10px; padding-right:10px; border-bottom:dotted 1px #A2ABBA;margin-bottom:5px;}

/*サブページ*/
#pankuzu {background:url(img/sub/pankuzu.jpg) no-repeat left top;width:596px; height:40px; text-align:left;}
#pankuzu ul{padding-left:22px;padding-top:10px;}
#pankuzu li{display:inline;}
#pankuzu .home a {background:url(img/sub/home.jpg) no-repeat left center;padding-left:10px;}
#pankuzu a{padding-right:5px;}


#sub-content{width:550px;margin:20px auto; text-align:left;font-size:93%; }
#sub-content h2{margin-bottom:5px;}
#flash-space {
	background:#999999;
	width: 550px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.dwn {width:550px; margin:10px 0px;border:solid 1px #7a7a79; }
.dwn dl{margin:0px;background:#666666;}
.dwn dt{background:#666666;color:#FFFFFF;clear: left;float: left;width: 250px;padding: 10px 10px 10px 10px;}
.dwn dd{background:#ffffff;margin: 0;padding:10px 5px 10px 250px;}
.dwn dd a {margin:0px 0px 0px 10px;}

* html .dwn dd{padding: 10px 10px 8px 10px;} 

/*ラインナップ*/
#lineup { margin:20px auto; text-align:left;}
#lineup dl{width:268px; margin:20px 0px;}
#lineup dt{width:268px;}
#lineup dd{text-align:center;}

/*コンセプト*/
#concept-top {background:url(img/sub/concept.gif) no-repeat left bottom; height:300px; width:550px}
#concept-top p{padding-left:10px;}
#concept {background:url(img/sub/concept-2.gif) no-repeat right top;height:300px; width:550px;}
.concept-text {background:url(img/sub/gray_bg.gif) no-repeat left top; width:320px;}
.concept-text p{padding-top:15px; padding-left:15px;line-height:18px;}
.concept-text02 {background:url(img/sub/green_bg.gif) no-repeat left top; width:355px;margin-bottom:30px;padding-top:70px; padding-left:13px;}
.concept-text02 p{background:#ffffff; width:233px; padding:5px 5px 20px 5px;line-height:18px;}


/*お問い合わせ*/
table#inquiry{
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
table#inquiry th{
	text-align: left;
	padding: 0.5em;
	font-weight: bold;
	background-image: url(../img/inquiry/bg_th.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #f3f4e4;
}
table#inquiry td{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 0.5em;
}

table#inquiry td.bt{
	background-color: #b3b0b0;
	text-align: center;
	background-image: url(../img/inquiry/bg_bt.gif);
}
.hissu{
	color: #CC0000;
}
p.getacro{
	width: 550px;
	padding: 0px;
	font-size: 90%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
	float: none;
	line-height: 1.3em;
}
p.getacro img{
	float: left;
	padding-right: 8px;
}