@charset 'shift_jis';
@import url("basic.css");

/*****************************************************************************
 フラッシュエリア
 *****************************************************************************/
#flash_area {
	text-align:center;
}

/*****************************************************************************
 ワイヤー
 *****************************************************************************/
.top-col2 {
	width:770px;
	margin:auto;
}
.top-col2 #left {
	float:left;
	width:457px;
}
.top-col2 #left a {
	font-weight:bold;
}
.top-col2 #right {
	float:right;
	width:299px;
}

/*****************************************************************************
 左ボックス
 *****************************************************************************/
#left .box {
	width:457px;
	background:url("../img/left_box_mid.gif") repeat-y;
	margin:0 0 10px 0;
	line-height:1.2;
}
#left .box .foot {
	width:100%;
	background:url("../img/left_box_bot.gif") no-repeat left bottom;
	padding-bottom:15px;
}
#left .box .midashi {
	width:100%;
	background:url("../img/left_midashi_bg_mid.gif") repeat-y;
}
#left .box .midashi div.mid {
	width:100%;
	background:url("../img/left_midashi_bg_top.gif") no-repeat;
}
#left .box .midashi div.bot {
	width:100%;
	background:url("../img/left_midashi_bg_bot.gif") no-repeat left bottom;
}
#left .box .midashi div.in {
	width:427px;
	padding:5px;
	margin:auto;
}
#left .box .midashi .left {
	width:170px;
	padding:0.5em 0 0.3em 0;
}
#left .box .midashi .right {
	width:230px;
	text-align:right;
	padding:0.3em 0 0 0;
}

/*****************************************************************************
 右ボックス
 *****************************************************************************/
#right .box {
	width:100%;
	background:url("../img/top_right_box_mid.gif") repeat-y;
	margin:0 0 10px 0;
}
#right .box .foot {
	width:100%;
	background:url("../img/top_right_box_bot.gif") no-repeat left bottom;
	padding-bottom:15px;
}
#right .box .midashi {
	width:100%;
	background:url("../img/top_right_midashi_bg_mid.gif") repeat-y;
}
#right .box .midashi div.mid {
	width:100%;
	background:url("../img/top_right_midashi_bg_top.gif") no-repeat;
}
#right .box .midashi div.bot {
	width:100%;
	background:url("../img/top_right_midashi_bg_bot.gif") no-repeat left bottom;
}
#right .box .midashi div.in {
	width:269px;
	padding:5px;
	margin:auto;
}
#right .box .midashi .left {
	width:120px;
	padding:0.5em 0 0.3em 0;
}
#right .box .midashi .right {
	width:100px;
	text-align:right;
	padding:0.3em 0 0 0;
}
#right .box .midashi .right a {
	font-weight:bold;
}


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

#information dl {
	width:447px;
	margin:auto;
	border-bottom:1px solid #ccc;
	line-height:1.4;
	padding:10px 0;
}
#information dt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}
#information dt span {
	display:block;
	padding-left:10px;
}
#information dd {
	margin:-1.4em 0 0 100px;
}


/*****************************************************************************
 実績紹介枠
 *****************************************************************************/

#performance .read {
	padding:10px 10px 10px 75px;
	background:url("../img/top_performance_image.gif") no-repeat 10px 10px;
	line-height:1.4;
}
#performance .read p {
	padding:0 0 0.5em 0;
}
#performance .read li {
	padding:5px 0;
	background:url("../img/icon_arrow.gif") no-repeat left center;
}
#performance .read li span {
	display:block;
	padding:0 0 0 12px;
}


/*****************************************************************************
 PDF枠
 *****************************************************************************/

#pdf {
	width:100%;
	background:url("../img/top_pdf_box_mid.gif") repeat-y;
	color:#fff;
}
#pdf .foot {
	background:url("../img/top_pdf_box_bot.gif") no-repeat left bottom;
}
#pdf .in {
	width:437px;
	margin:auto;
	padding:7px 0;
}
#pdf .left {
	width:165px;
	font-size:85%;
}
#pdf .right {
	width:265px;
	font-size:70%;
}
#pdf .right p {
	text-align:center;
	padding:0 0 5px 0;
}
#pdf .left p {
	padding:0 0 5px 0;
	line-height:1.4;
}
#pdf a {
	color:#fff;
}

/*****************************************************************************
 製品カタログ枠
 *****************************************************************************/

#catalog .top-image {
	background:url("../img/top_catalog_bg.jpg") no-repeat 0 5px;
	padding:90px 0 0 0;
	border-bottom:1px solid #ccc;
}
#catalog .top-image p {
	padding:0 0 35px 15px;
}
#catalog .read {
	background:url("../img/top_catalog_image.gif") no-repeat 10px 10px;
	line-height:1.3;
}
#catalog .read p {
	padding:10px 10px 10px 70px;
	font-size:85%;
}
#catalog .button {
	text-align:center;
	padding:0 0 10px 0;
}
#catalog .links {
	width:270px;
	margin:auto;
}
#catalog .links span {
	display:block;
	float:left;
	background:url("../img/icon_arrow.gif") no-repeat left 0.3em;
	padding:0 0 5px 10px;
}
#catalog .links span.sizeS {
	width:90px;
}
#catalog .links span.sizeL {
	width:160px;
}


#about .links {
	width:270px;
	margin:auto;
	padding:10px 0 0 0;
}
#about .links span {
	display:block;
	float:left;
	background:url("../img/icon_arrow.gif") no-repeat left 0.3em;
	padding:0 0 5px 10px;
}
#about .links span.sizeS {
	width:110px;
}
#about .links span.sizeL {
	width:120px;
}
.buttonLink {
	text-align:center;
}