@charset "utf-8";
/* CSS top-page */

/*** [h2] サイトワイズ ****/
/*** @group sitewise ****************************************************************************/

h2#sitewise_top {
	padding: 0px;
	height: 336px;
	width: 900px;
	margin: 0px auto 10px auto;
	background: url(../images/top/h2-sitewise_top.jpg) no-repeat;
	overflow: hidden;
}

#animation {
	padding: 0px;
	height: 300px;
	width: 890px;
	margin: 5px auto 0px auto;
	display: block;
}

/*** [枠] メイン ****/
/*** @group main ****************************************************************************/

#main {
	padding: 0px;
	height: auto;
	width: 900px;
	margin: 0px auto 0px auto;
	overflow: hidden;
}

#main-left {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: auto;
	width: 615px;
	display: inline;
	float: left;
}

#main-right {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: auto;
	width: 260px;
	display: inline;
	float: right;
}

/*** [h3] タイトル ****/
/*** @group h3.categoryTitle ****************************************************************************/

.categoryTitle_01 {
	padding: 0px;
	height: 35px;
	width: 615px;
	margin: 0px 0px 6px 0px;
	background: url(../images/top/h3-pickup.gif) no-repeat;
	overflow: hidden;
}

.category-moji01 {
	height: auto;
	width: 560px;
	margin: 10px 0px 0px 22px;
	padding: 0px;
	display: block;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
}

.categoryTitle_02 {
	padding: 0px;
	height: 23px;
	width: 260px;
	margin: 0px 0px 3px 0px;
	background: url(../images/top/h3-topics.gif) no-repeat;
}

/*** [枠] 便利な無料カタログ請求 ****/
/*** @group catalog-waku ****************************************************************************/

#catalog-waku {
	padding: 0px;
	height: auto;
	width: 605px;
	margin: 0px auto 24px auto;
	overflow: hidden;
}

#catalog-left {
	padding: 0px;
	height: auto;
	width: 230px;
	margin: 0px 0px 0px 0px;
	display: inline;
	float: left;
}

#catalog-right {
	padding: 0px;
	height: auto;
	width: 363px;
	margin: 0px 0px 0px 0px;
	display: inline;
	float: right;
}

.moji-catalog {
	margin: 0px;
	padding: 0px;
	display: block;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #555555;
	line-height: 140%;
	font-weight: normal;
}


/*** [枠] キャンペーン ****/
/*** @group campaign-waku ****************************************************************************/

#campaign-waku {
	padding: 0px;
	height: auto;
	width: 605px;
	margin: 0px auto 24px auto;
	overflow: hidden;
}

#campaign-left {
	padding: 0px;
	height: auto;
	width: 363px;
	margin: 0px 0px 0px 0px;
	display: inline;
	float: left;
}

#campaign-right {
	padding: 0px;
	height: auto;
	width: 230px;
	margin: 0px 0px 0px 0px;
	display: inline;
	float: right;
}

/*** [リンク] キャンペーンナビ ****/
/*** @group campaign-nav ****************************************************************************/

.pickup-nav1 {
	width: 230px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: 226px;
	overflow: hidden;
}

div.pickup-nav1 ul {
	height: auto;
	width: 230px;
	list-style-type: none;
}

div.pickup-nav1 ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	float: left;
}

div.pickup-nav1 ul li a {
	display: block;
	text-decoration: none;
	overflow: auto;
	padding: 0px;
	height: 70px;
	width: 230px;
}

/* 【contents】pageリンク */
div.pickup-nav1 ul li.campaign-nav001 a {
	margin: 0px 0px 8px 0px;
	background: url(../images/top/campaign-01.jpg) no-repeat;
}

div.pickup-nav1 ul li.campaign-nav001 a:hover {
	margin: 0px 0px 8px 0px;
	background: url(../images/top/campaign-01_over.jpg) no-repeat;
}

div.pickup-nav1 ul li.campaign-nav002 a {
	margin: 0px 0px 8px 0px;
	background: url(../images/top/campaign-02.jpg) no-repeat;
}

div.pickup-nav1 ul li.campaign-nav002 a:hover {
	margin: 0px 0px 8px 0px;
	background: url(../images/top/campaign-02_over.jpg) no-repeat;
}

div.pickup-nav1 ul li.campaign-contact a {
	margin: 0px 0px 0px 0px;
	background: url(../images/top/campaign-contact.jpg) no-repeat;
}

div.pickup-nav1 ul li.campaign-contact a:hover {
	margin: 0px 0px 0px 0px;
	background: url(../images/top/campaign-contact_over.jpg) no-repeat;
}

/*** [リンク] デンジャーナビ ****/
/*** @group danger-nav ****************************************************************************/

.pickup-nav2 {
	width: 605px;
	padding: 0px;
	margin: 0px auto 0px auto;
	height: auto;
	overflow: hidden;
}

div.pickup-nav2 ul {
	height: auto;
	width: 605px;
	list-style-type: none;
}

div.pickup-nav2 ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

div.pickup-nav2 ul li a {
	display: block;
	text-decoration: none;
	overflow: auto;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	height: 47px;
	width: 295px;
}

/* 【contents】pageリンク */
div.pickup-nav2 ul li.danger-nav001 a {
	background: url(../images/top/danger-wall.jpg) no-repeat;
	float: left;
}

div.pickup-nav2 ul li.danger-nav001 a:hover {
	background: url(../images/top/danger-wall_over.jpg) no-repeat;
	float: left;
}

div.pickup-nav2 ul li.danger-nav002 a {
	background: url(../images/top/danger-roof.jpg) no-repeat;
	float: right;
}

div.pickup-nav2 ul li.danger-nav002 a:hover {
	background: url(../images/top/danger-roof_over.jpg) no-repeat;
	float: right;
}

/*** [リンク] プロダクトナビ ****/
/*** @group product-nav ****************************************************************************/

.pickup-nav3 {
	width: 260px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: 218px;
	overflow: hidden;
}

div.pickup-nav3 ul {
	height: auto;
	width: 260px;
	list-style-type: none;
}

div.pickup-nav3 ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	float: left;
}

div.pickup-nav3 ul li a {
	display: block;
	text-decoration: none;
	overflow: auto;
	margin: 0px 0px 7px 0px;
	padding: 0px;
	height: 102px;
	width: 260px;
}

/* 【contents】pageリンク */
div.pickup-nav3 ul li.product-nav001 a {
	background: url(../images/top/pickup-01.jpg) no-repeat;
}

div.pickup-nav3 ul li.product-nav001 a:hover {
	background: url(../images/top/pickup-01_over.jpg) no-repeat;
}

div.pickup-nav3 ul li.product-nav002 a {
	background: url(../images/top/pickup-02.jpg) no-repeat;
}

div.pickup-nav3 ul li.product-nav002 a:hover {
	background: url(../images/top/pickup-02_over.jpg) no-repeat;
}

/*** [コメント] 文字 ****/
/*** @group top-moji ****************************************************************************/

.top-moji01 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	display: block;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #555555;
	line-height: 140%;
	font-weight: normal;
}

.top-moji02 {
	height: auto;
	width: 605px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	display: block;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #555555;
	line-height: 140%;
	font-weight: normal;
}

.top-moji03 {
	height: auto;
	width: 250px;
	margin: 0px auto 10px auto;
	padding: 0px;
	display: block;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 12px;
	color: #555555;
	line-height: 140%;
	font-weight: normal;
}

/*** 文字・色 ****/
/*** @group moji ****************************************************************************/

.moji-blue {
    color: #1F91F4;
}

.moji-red {
    color: #F74B52;
}

.moji-yellow {
    color: #F29613;
}