@charset "utf-8";
/* CSS Document */

body.product #mainClm { width: 711px; float: left; color: #174466; }

#productTop #mainClm div.wrap { 
	width: 711px;
	background: url(../img/bg_wrap.gif) repeat-y;
	margin: 0 0 20px;
	clear: both; height: 1%;
}
#productTop #mainClm div.wrap ul { height: 1%; }
#productTop #mainClm div.wrap div.wrap { width: 711px; background: url(../img/bg_wrap_top.gif) top no-repeat; margin: 0; }
#productTop #mainClm div.wrap div.wrap div.wrap { 
	background: url(../img/bg_wrap_btm.gif) bottom no-repeat; 
	overflow: hidden; height: 1%;
	padding: 16px 18px 15px 12px; width: auto; margin: 0;
}

#productTop #mainClm div.wrap2 { 
	width: 711px;
	margin: 0 0 20px;
	background: url(../img/bg_wrap2.gif) repeat-y;
	clear: both;
}
#productTop #mainClm div.wrap2 div.wrap { background: url(../img/bg_wrap2_top.gif) top no-repeat; margin: 0; }
#productTop #mainClm div.wrap2 div.wrap div.wrap { 
	background: url(../img/bg_wrap2_btm.gif) bottom no-repeat; 
	overflow: hidden; height: 1%; 
	padding: 16px 12px; width: auto; margin: 0;
}

#productTop #mainClm div.wrap3 { 
	width: 345px;
	margin: 0 0 20px;
	background: url(../img/bg_wrap3.gif) repeat-y;
	clear: both;
}
#productTop #mainClm div.wrap3 div.wrap { width: 345px; background: url(../img/bg_wrap3_top.gif) top no-repeat; margin: 0; }
#productTop #mainClm div.wrap3 div.wrap div.wrap { 
	background: url(../img/bg_wrap3_btm.gif) bottom no-repeat; width: 345px;
	overflow: hidden; height: 1%; 
	padding: 16px 12px; width: auto; margin: 0;
}

#productTop #mainClm div.box { width: 315px; overflow: hidden; height: 1%; }
#productTop #mainClm div.wrap div.left { float: left; }
#productTop #mainClm div.right { float: right; }

#productTop #mainClm div.box h4 {
	margin: 0 0 15px; padding: 0 0 12px 15px; 
	background: url(../img/line_dot2.gif) repeat-x left bottom;
}

#productTop #mainClm div.box div.image { width: 113px; float: left; }
#productTop #mainClm div.box div.image p.image img { padding: 0 0 10px; }
#productTop #mainClm div.box p.text { width: 195px; float: right; }
#productTop #mainClm div.box p.link1 a {
	display: block; width: 113px; height: 20px;
	background: url(../img/product/btn_link1.jpg) no-repeat;
	text-indent: -9999px; font-size: 1px;
}
#productTop #mainClm div.box p.link1 a:hover { background-position: 0 -20px; }
#productTop #mainClm div.box p.link2 a {
	display: block; width: 113px; height: 20px;
	background: url(../img/product/btn_link2.jpg) no-repeat;
	text-indent: -9999px; font-size: 1px;
}
#productTop #mainClm div.box p.link2 a:hover { background-position: 0 -20px; }

#productTop #mainClm div.wrap2 div.box { width: 100%; overflow: hidden; height: 1%; }
#productTop #mainClm div.wrap2 div.box p.text { width: 560px; float: right; }

#productTop #mainClm h3 { margin: 0 0 15px; }

#web #mainClm h3 { margin: 0 0 20px; }
#web #mainClm div.box { padding: 0 14px 30px 13px; }
#web #mainClm #section01 p.text { margin: 0 0 15px; }
#web #mainClm #section01 p.image img { padding: 0 3px; margin: 0 0 15px; }
#web #mainClm #section02 { padding-bottom: 10px; }
#web #mainClm #section02 h4 { margin: 0 0 10px; }
#web #mainClm #section02 div.wrap { overflow: hidden; height: 1%; padding: 0 0 30px; }
#web #mainClm #section02 div.wrap p.image { width: 115px; float: left; }
#web #mainClm #section02 div.wrap p.text { width: 550px; float: right; }
#web #mainClm #section03 ul { margin: 0 0 0 20px; }
#web #mainClm #section04 div.wrap { overflow: hidden; height: 1%; padding-left: 15px; }
#web #mainClm #section04 div.box { width: 220px; float: left; padding: 0 0 20px; }
#web #mainClm #section04 p { text-align: center; }
#web #mainClm #section04 a { font-size: 13px; }
#web #mainClm #section04 p img { margin: 0 0 5px; }
#web #mainClm #section05 p { margin: 0 0 15px; }
#web #mainClm #section05 table { background: url(../img/line_dot2.gif) repeat-x top; padding: 1px 0 0; margin: 0 0 20px; }
#web #mainClm #section05 th { 
	background: url(../img/line_dot2.gif) repeat-x bottom; 
	vertical-align: middle; 
	padding: 6px 0;
}
#web #mainClm #section05 th.icon { text-align: right; }
#web #mainClm #section05 th.text { text-align: left; }
#web #mainClm #section05 th.icon img { margin: 0 8px 0 0; }
#web #mainClm #section05 td { 
	background: url(../img/line_dot2.gif) repeat-x bottom; 
	vertical-align: middle; text-align: center; 
	padding: 0;
}
#web #mainClm #section05 td span { display: block; margin: 2px 0 3px; padding: 8px; background-color: #e5f0f8; }
#web #mainClm #section05 th.blank,
#web #mainClm #section05 td.blank { background: none #fff; }
#web #mainClm #section06 ul { margin: 0 0 0 20px; }
#web #mainClm #section07 { overflow: hidden; height: 1%; }
#web #mainClm #section07 p.text { width: 450px; float: left; }
#web #mainClm #section07 p.button { width: 200px; float: right; }
#web #mainClm #section07 p.button a { 
	display: block; width: 200px; height: 86px;
	background: url(../img/product/btn_web.gif) no-repeat;
	text-indent: -9999px;
}
#web #mainClm #section07 p.button a:hover { background-position: 0 -86px; } 


#soft h2 { } 
#soft #mainClm h3 { margin: 0 0 15px; }
#soft #mainClm h4 { 
	margin: 0 5px 10px; padding: 0 0 5px 2px; font-weight: bold; color: #1f549d;
	background: url(../img/line_dot4.gif) repeat-x bottom; 
}
#soft #mainClm h4 img { margin: -2px 5px 0 0; vertical-align: middle; } 
#soft h5 { margin: 0 10px 5px; padding: 0; font-weight: normal; }
#soft #mainClm ul { margin: 0 5px 25px 25px; }
#soft #mainClm ul li { margin: 0 0 5px; }
#soft #mainClm p { margin: 0 10px; }
#soft #mainClm p.right { text-align: right; }

/*----- 右カラム -----*/

body.product #rightClm { width: 217px; float: right; }

body.product #rightClm #categoryMenu { background-color: #0263b5; overflow: hidden; height: 1%; padding: 0 0 2px; }

body.product #rightClm h3 { height: 44px; font-size: 1px; }
body.product #rightClm ul { margin: 0 0 0 2px; }
body.product #rightClm li { width: 213px; float: left; margin: 0 0 2px; list-style-type: none; font-size: 1px; }
body.product #rightClm li.last { margin: 0; }
body.product #rightClm li a {
	display: block; width: 213px; height: 41px;
	background: url(../img/product/menu_product.gif) no-repeat;
	text-indent: -9999px;
}
body.product #rightClm li.item01 a { background-position: 0 -344px; }
body.product #rightClm li.item02 a { background-position: 0 -43px; }
body.product #rightClm li.item03 a { background-position: 0 -86px; }
body.product #rightClm li.item04 a { background-position: 0 -129px; }
body.product #rightClm li.item05 a { background-position: 0 -172px; }
body.product #rightClm li.item06 a { background-position: 0 -215px; }
body.product #rightClm li.item07 a { background-position: 0 -258px; }
body.product #rightClm li.item08 a { background-position: 0 -301px; }

body.product #rightClm li.item01 a:hover { background-position: -213px -344px; }
body.product #rightClm li.item02 a:hover { background-position: -213px -43px; }
body.product #rightClm li.item03 a:hover { background-position: -213px -86px; }
body.product #rightClm li.item04 a:hover { background-position: -213px -129px; }
body.product #rightClm li.item05 a:hover { background-position: -213px -172px; }
body.product #rightClm li.item06 a:hover { background-position: -213px -215px; }
body.product #rightClm li.item07 a:hover { background-position: -213px -258px; }
body.product #rightClm li.item08 a:hover { background-position: -213px -301px; }

body#web #rightClm li.item05 a { background-position: -213px -172px; }
body#soft #rightClm li.item02 a { background-position: -213px -43px; }