@charset "UTF-8";



/* style was added on 2009.07.07 */

/*clearfix-----------------------------*/

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

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/*-------------------------clearfix end*/

/*--------------------------------------------------------------------

 右側コンテンツ

--------------------------------------------------------------------*/
p{	margin:0;}

.pt30 {padding-top:30px}
#contents #rightArea {
	margin:0;
	padding:0;
	width:670px;
	float:right;
	line-height: 1.5;
	text-align: left;
	vertical-align: top;
}

#contents #rightArea p {
  font-size: 12px; line-height: 1.5;
}

#contents #rightArea img {
	margin:0;
	padding:0;
	vertical-align: top;
}

.case_head{
  background: url(../img/front/mtr/bg_product_list.jpg) 0 0 no-repeat;
  float: left;
  width: 670px;
  padding-top: 26px; padding-bottom: 30px;
}
#catalogues h2 { width: 100%; clear: both; margin-bottom: 15px; }
#catalogues dl { margin: 0; padding: 0; }
#catalogues dt { margin: 0; padding: 0; padding-bottom: 15px; clear: both; }
#catalogues dd { margin: 0; padding: 0; padding-bottom: 15px; clear: both; }
#catalogues dd.notice { height: 30px; }
#catalogues #remark { width: 100%; clear: both; margin-top: 0; }
#catalogues #remark p { width: 100%; text-align: center; margin-top: 20px; }
#catalogue_left { width: 320px; float: left; background: #ffffff url(../img/download/catalogue_bottom.gif) no-repeat left bottom; padding-bottom: 10px; margin-bottom: 15px; }
#catalogue_right { width: 320px; float: right; background: #ffffff url(../img/download/catalogue_bottom.gif) no-repeat left bottom; padding-bottom: 10px; margin-bottom: 15px; }
#catalogues dd.download_large { width: 311px; height: 44px; display: block; background: #ffffff url(../img/download/dwbtn_l.jpg) no-repeat center top; }
#catalogues dd.download_small { width: 311px; height: 35px; display: block; background: #ffffff url(../img/download/dwbtn_s.jpg) no-repeat center top; }
#catalogues dd.download_large a { margin-left: 40px; width: 271px; height: 44px; display: block; line-height: 44px; font-size: 14px; }
#catalogues dd.download_small a { margin-left: 40px; width: 271px; height: 35px; display: block; line-height: 35px; font-size: 14px; }

.case_head h4{
	padding-top: 47px;
	padding-bottom: 20px;

}

.hata_head p {
	width: 670px;
	float:left;
	display: block;
	margin: 0;
	padding-top: 5px;

}


.goteian_wrap{
	background-image: url(../img/front/case/goteian_bg.gif);
	background-repeat: repeat-y;
	margin-top: 10px;
}

.goteian_box{
padding-right: 15px;
	padding-left: 15px;
}

.case_box01 {
	float:left;
	width:670px;
	clear: both;
	margin-top: 20px;
}

.box01_l{
	width:345px;
	float: left;
}


.box01_r{
	width:305px;
	float: right;
	margin-left: 20px;
}

.case_title{
	width:670px;
	float: left;
	margin-bottom: 20px;
	padding-top: 30px;
}

.case ul{
	width: 670px;
	float: left;
}

.case li {
	float: left;
	display: inline;

}
.case li .youki{
	float: left;
	text-align: center;
	width: 130px;
}
.case li .user{
	float: right;
}

.goteian_fut{

}



.fl {
	float:left;
}

.fr {
	float:right;
}

.pt15 { padding-top:15px; }
.mb15 { margin-bottom:15px; }
.pl10 { padding-left:10px; }










strong{
	font-weight: bold;
	color: #0099CC;
	line-height: 2em;
}

.btn_contact{
	text-align: center;
	margin-top: 30px;
	float: left;
	width: 640px;
}



.cap {
	font-weight: normal;
	text-indent: -1em;
	width: auto;
	padding-left: 1em;
}
/* to top */

div#toTop {

	clear: both;

	float: left;

	width: 670px;

	padding: 30px 0 13px 0;

}

div#toTop p {

	float: right;

	margin: 0;

}

div#toTop p a {

	font-size: 0.8em;

	background: url(../img/front/mtr/icon_to_top.gif) left center no-repeat;

	display: block;

	padding-left: 15px;

	color: #666666;

	text-decoration: none;

}

.link {
	background-image: url(../img/front/mtr/icon_product_list.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

/*--------------------------------------------------------------------

 共通　フッター部分

--------------------------------------------------------------------*/



#footer {

	width:100%;

	height:25px;

	padding:37px 0 0 0;

	background:url(../img/front/mtr/footer_bg.gif) repeat-x;

}

#footer #footerMenu {

	width:880px;

	margin:0 auto;

	padding:0;

}

#footer #footerMenu ul li {

	margin:0 10px 0 0;

	padding:0 10px 0 0;

	border-right:1px #CCCCCC solid;

	float:left;

	font-size: 1.3em;

}

#footer #footerMenu ul li.footermenuLast {

	border:none;

}
















/*--------------------------------------------------------------------

 共通

--------------------------------------------------------------------*/



html {

	font-size: 62.5%;

}

body {

	font-size: 1.2em;

	margin:0;

	padding:0;

	background:url(../img/front/mtr/body_bg.gif) repeat-x;

	color:#666666;

	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

}

ul,li {

	margin:0;

	padding:0;

	list-style:none;

}

img {

	border:0;

}

h1 {

	margin:0;

	padding:14px 0 0 0;

}

h2 {

	margin:0;

	padding:0;

	height:27px;

	font-size:10px;

	line-height:27px;

	font-weight:normal;

	float:left;

}

h3,h4 {

	margin:0;

	padding:0;

}

a:link {

	color:#0066cc;

	text-decoration:none;

}

a:visited {

	color:#0066cc;

	text-decoration:none;

}

a:active {

	color:#0066cc;

	text-decoration:none;

}

a:hover {

	color:#0066cc;

	text-decoration:underline;

}

.clear {

	clear:both;

}

#all {

	width:880px;

	margin:0 auto;

	padding:0 0 17px 0;

}



/*--------------------------------------------------------------------

 共通　ヘッダー部分

--------------------------------------------------------------------*/



#header {

	height:90px;

}

#headerLogo {

	width:70px;

	margin:2px 0 0 0;

	padding:0;

	float:right;

}



/*--------------------------------------------------------------------

 共通　メニュー部分

--------------------------------------------------------------------*/



#menu {

	width:810px;

	margin:36px 0 0 0;

	float:left;

}

#menu ul li {

	margin:0 14px 0 0;

	padding:0 16px 0 0;

	border-right:1px #CCCCCC solid;

	float:left;

	font-size: 1.3em;

}

#menu ul li.menuLast {

	border:none;

}



/*--------------------------------------------------------------------

 共通　コンテンツ部分

--------------------------------------------------------------------*/



#contImgArea {

	padding:12px 0 18px 0;

	width:880px;

}

#contents {

	margin: 1px 0 0 0;

	padding: 0;

	background: url(../img/front/mtr/cont_bg.gif) repeat-y top left;

	width: 880px;

}



/*--------------------------------------------------------------------

 左側コンテンツ

--------------------------------------------------------------------*/



#contents #leftArea {

	margin: 0;

	padding: 0;

	width:160px;

	float:left;

}

#contents #leftArea #leftMenuArea {

	margin:55px 0 0 0;

	padding:0 0 1px 0;

	background:url(../img/front/mtr/cont_leftmenu_bg.gif) no-repeat bottom;

}



/* style was added on 2008.12.14 */



ul#submenu {

	background: url(../img/front/mtr/line_style_01.gif) 0 0 repeat-x;

	padding-top: 1px;

	padding-bottom: 30px;

}

ul#submenu li {

	background: url(../img/front/mtr/line_style_01.gif) 0 100% repeat-x;

	padding-bottom: 1px;

}

ul#submenu li img {

	vertical-align: bottom;

}

dl#kinshipContents,

dl#kinshipContents dd {

	margin: 0;

	padding: 0;

}

dl#kinshipContents dd {

	padding-top: 7px;

}