@charset "utf-8";

a:link		{color:#3366CC; text-decoration:underline;}
a:active	{color:#8D0000; text-decoration:underline;}
a:visited	{color:#3366CC; text-decoration:underline;}
a:hover		{color:#8D0000; text-decoration:underline;}


/*-------------------------------------------------
  ラインナップメニュー
---------------------------------------------------*/
#lup_tab {
	clear                     : both;
	float                     :right;
	height                    : 30px;
}
#lup_tab .title{
	float                     : right;
}

#lup_tab .menu {
	float                     : right;
	margin                    : 0;
	padding                   : 0;
}
#lup_tab .menu li.left_on {
	float                     : left;
	list-style-type           : none;
	margin                    : 0;
	padding                   : 0 0 0 11px;
	line-height               : 20px;
	background                : transparent url('/common/image/kanshi_blocks_pro/menu_left_on.gif') no-repeat scroll left center;
}
#lup_tab .menu li.left_off {
	float                     : left;
	list-style-type           : none;
	margin                    : 0;
	padding                   : 0 0 0 11px;
	line-height               : 20px;
	background                : transparent url('/common/image/kanshi_blocks_pro/menu_left_off.gif') no-repeat scroll left center;
}
#lup_tab .menu li.right_on {
	float                     : left;
	list-style-type           : none;
	margin                    : 0;
	padding                   : 0 11px 0 0;
	line-height               : 20px;
	background                : transparent url('/common/image/kanshi_blocks_pro/menu_right_on.gif') no-repeat scroll right center;
}
#lup_tab .menu li.right_off {
	float                     : left;
	list-style-type           : none;
	margin                    : 0;
	padding                   : 0 11px 0 0;
	line-height               : 20px;
	background                : transparent url('/common/image/kanshi_blocks_pro/menu_right_off.gif') no-repeat scroll right center;
}
#lup_tab .menu li {
	float                     : left;
	list-style-type           : none;
	margin                    : 0;
	padding                   : 0;
	line-height               : 20px;
}
#lup_tab .menu li.left_on a{
	border-left               : none;
}
#lup_tab .menu li.left_off a{
	border-left               : none;
}
#lup_tab .menu li.right_on a{
	border-right              : none;
}
#lup_tab .menu li.right_off a{
	border-right              : none;
}
#lup_tab .menu li a {
	display                   : block;
	padding                   : 0 18px;
	color                     : #FFFFFF;
	text-decoration           : none;
	background-color          : #687382;
	border-top                : 1px solid #687382;
	border-right              : 1px solid #3E454E;
	border-bottom             : 1px solid #687382;
	border-left               : 1px solid #B8C2D0;
}
#lup_tab .menu li a:hover{
	display                   : block;
	padding                   : 0 18px;
	text-decoration           : underline;
}
#lup_tab .menu li a.current {
	display                   : block;
	padding                   : 0 18px;
	color                     : #3E454E;
	text-decoration           : none;
	background-color          : #E4E9F0;
}


/*-------------------------------------------------
  コンテンツ
---------------------------------------------------*/
#main {
	margin-left               : 10px;
	font-size                 : 12px;
	_font-size                : 75%;
}

#content {
	width                     : 756px;
	margin                    : 12px 0 0 0;
}
#content_header{
	background                : url('/common/image/kanshi_blocks_pro/title_ban.jpg') no-repeat scroll left center;
	width                     : 756px;
	height                    : 172px;
	margin                    : 0;
}
#content_header p{
	margin                    : 0;
	padding                   : 110px 380px 10px 40px;
	line-height               : 140%;
}
#top_pickup_button{
	margin                    : 18px 0 10px 8px;
}
#top_pickup_button img{
	margin                    :  0 3px;
}
#lineup{
	padding-left              :  15px;
}
#lineup img{
	float                     :left;
	margin-right              :30px;
}
#topics ul{
	list-style-type           : none;
	padding                   : 5px;
	margin                    : 5px;
	line-height               : 140%;
}
h3.top{
	color                     : #6479bb;
	border-bottom             : 1px solid #6479bb;
	padding-bottom            : 3px;
}

table.inline{
	border                    : 1px #999 solid;
	border-collapse           : collapse;
	width                     : 100%;
	font-size                 : 100%;
}
table.inline th{
	border                    : 1px #999 solid;
	border-collapse           : collapse;
	padding                   : 4px 0px 4px 6px;
	background-color          : #F1F4FF;
	text-align                : center;
}
table.inline td{
	border                    : 1px #999 solid;
	border-collapse           : collapse;
	padding                   : 4px 0px 4px 6px;
	vertical-align            : top;
}
h4{
	margin-left               : 30px;
	color                     : #2c4184;
	border-bottom             : 1px solid #2c4184
	}
h5{
	margin-left               : 50px;
	border-bottom             : 1px solid #8cacbb
	}
.level1{
	margin-left               : 0px;
	line-height               : 140%;
	}
.level2{ 
	margin-left               : 5px;
	line-height               : 140%;
	}
.level3{
	margin-left               : 15px;
	line-height               : 140%;
	}
.level4{
	margin-left               : 30px;
	line-height               : 140%;
	}
.level5{
	margin-left               : 45px;
	line-height               : 140%;
	}
#content h1 a:link, #content h1 a:active, #content h1 a:visited, #content h1 a:hover
	{
	text-decoration           : none;
	}
#content h2 a:link, #content h2 a:active, #content h2 a:visited, #content h2 a:hover
	{
	color                     : #222222;
	text-decoration           : none;
	}
#content h3 a:link, #content h3 a:active, #content h3 a:visited, #content h3 a:hover
	{
	color                     : #222222;
	text-decoration           : none;
	}
#content h4 a:link, #content h4 a:active, #content h4 a:visited, #content h4 a:hover
	{
	color                     : #2c4184;
	text-decoration           : none;
	}
#content h5 a:link, #content h5 a:active, #content h5 a:visited, #content h5 a:hover
	{
	color                     : #222222;
	text-decoration           : none;
	}

/**** ラインナップ　トップ ****/
#product_info {
	float                     : left;
	width                     : 324px;
	/*color                     : #546077;*/
	padding-top               : 12px;
}
#product_info .name {
}
#product_info .model {
}
#product_info .price {
	color                     : #c00;
}
#product_info ul.feature {
	/*color                     : #20CDCD;*/
	margin                    : 1em 0 2em 2em;
	padding                   : 0;
}
#product_info ul.feature li {
	/*color                     : #12274f;*/
	margin                    : 0;
	padding                   : 0;
	font-weight               : normal;
}

#title_image {
	float                     : left;
	margin-right              : 12px;
}

.content_body {
	float                     : left;
	display                   : inline;
	width                     : 560px;
	margin                    : 9px 0 0 0;
}
.content_body h2 {
	background                : #e6eaf2 url('/common/image/kanshi_blocks_pro/h_bg4.gif') repeat-x scroll left center;
	color                     : #222;
	margin                    : 1.75em 0 0.75em 0;
	padding                   : 0 0 0 12px;
	line-height               : 250%;
	border                    : 1px solid #a3a3a3;
	border-top                : 3px solid #95a7e0;
	border-bottom             : 1px solid #a3a3a3;
}
.content_body h3 {
	background                : #ddd url('/common/image/kanshi_blocks_pro/h_bg0.gif') repeat-x scroll left center;
	color                     : #222;/*#345176;*/
	margin                    : 1.75em 0 0.75em 0;
	text-indent               : 24px;
	line-height               : 200%;
	/*border                    : 1px solid #ccc;*/
}
.content_body p {
	line-height               : 140%;
}

.content_body div.page_title {
	color                     : #666;
	margin                    : 0 0 24px 4px;
	font-size                 : 16px;
	_font-size                : 135%;
	font-weight               : bold;
}

/**** トピックス ****/
#lup_top_topics { line-height:150%;
}
#lup_top_topics h3 {
}
#lup_top_topics .box {
	margin                    : 18px 0 0 0;
	padding                   : 0 0 18px 0;
	border-bottom             : 1px dotted #999;
}
.content_extra {
	float                     : right;
	width                     : 170px;
	margin                    : 9px 0 0 0;
}

/**** ボックス ****/
.extra_box01 {
	background-color          : #FFF3CF;	/*#e6eaf2*/
	margin                    : 6px 0;
	padding                   : 6px;
	border                    : 1px solid #6A89A0;
}

.extra_box01 .box_tit {
	color                     : #333;
	font-weight               : normal;
}
/**** ボックス ****/
.extra_box02 {
	background-color          : #eee;	/*#e6eaf2*/
	margin                    : 6px 0;
	padding                   : 12px;
}
.extra_box03 {
	background-color          : #eee;	/*#e6eaf2*/
	margin                    : 6px 0;
	padding                   : 6px;
	border                    : 1px solid #6a89a0
}
/**** ボックス ****/
.box_kikaku {
	background-color          : #fcf8b8;	/*#e6eaf2*/
	margin                    : 6px 0;
	padding                   : 6px;
}
.box_kikaku img {
	float                     : left;
	margin                    : 12px;
}

/**** リスト ****/
ul.list_flat {
	margin                    : 9px 0;
	padding                   : 0;
	list-style-type           : none;
}
ul.list_flat li {
	background                : transparent url('/common/image/kanshi_blocks_pro/circle00.gif') no-repeat scroll left top;
	margin                    : 0;
	padding                   : 0;
	line-height               : 110%;
}
ul.list_flat li a {
	display                   : block;
	width                     : 144px;
	margin-left               : 14px;
}

/**** リスト ****/
ul.list_lev {
	margin                    : 0;
	padding                   : 0;
	list-style-type           : none;
}
ul.list_lev li {
	background                : transparent url('/common/image/kanshi_blocks_pro/arrow00.gif') no-repeat scroll left top;
	margin                    : 5px 0 5px 0;
	padding                   : 0;
	line-height               : 110%;
}
ul.list_lev li.on {
	background                : transparent url('/common/image/kanshi_blocks_pro/arrow04.gif') no-repeat scroll left top;
	margin                    : 5px 0 5px 0;
	padding                   : 0;
	line-height               : 110%;
}
ul.list_lev li.on a{
	color                     : #ff6600;
	text-decoration           : none;
}
ul.list_lev li a, ul.list_lev li .tit {
	display                   : block;
	width                     : 144px;
	margin-left               : 14px;
}
ul.list_lev li strong.tit {
	color                     : #666;
	font-weight               : normal;
}
ul.list_lev ul {
	margin                    : 0;
	padding                   : 0;
	list-style-type           : none;
}
ul.list_lev ul li {
	background                : transparent url('/common/image/kanshi_blocks_pro/arrow01.gif') no-repeat scroll left top;
	margin                    : 0;
	padding                   : 0;
	line-height               : 110%;
}
ul.list_lev ul li a {
	display                   : block;
	width                     : 144px;
	margin-left               : 14px;
}


/*-------------------------------------------------
  汎用クラス
---------------------------------------------------*/
.small {
	font-size                 : 10px;
	_font-size                : 82%;
}
.large {
	font-size                 : 16px;
	_font-size                : 135%;
}

.em0 {
	color                     : #c00;
}
.em0l {
	color                     : #f00;
}
.em0d {
	color                     : #900;
}

.em1 {
	color                     : #f60;
}
.em1l {
	color                     : #f90;
}
.em1d {
	color                     : #c60;
}

.em2d {
	color                     : #099;
}

.em3 {
	color                     : #0A51A1;
}
.em4 {
	color                     : #2c4184;
}
.new {
	color                     : #f03;
}

p.caution, div.caution {
	background-color          : #fee;
	padding                   : 6px;
	line-height               : 110%;
}
.pad_l{
		padding:0 0 0 15px;
		}

/*-------------------------------------------------
  固有クラス
---------------------------------------------------*/

/* エージング */
#aging_box {
	margin                    : 18px 0;
	padding                   : 6px;
	border                    : 1px solid #999;
}

/* 仕様表 */
table.spec {
	border-collapse           : collapse;
	border-right              : 1px solid #9ab;
	border-top                : 1px solid #9ab;
	font-size                 : 100%;
}
table.spec caption {
	color                     : #777;
	font-weight               : bold;
}
table.spec th {
	padding                   : 3px 3px 3px 5px;
	background-color          : #e6eaf2;
	font-weight               : normal;
	border-bottom             : 1px solid #9ab;
	border-left               : 1px solid #9ab;
	text-align                : left;
}

table.spec td {
	background-color          : #fff;
	padding                   : 3px 3px 3px 5px;
	border-bottom             : 1px solid #9ab;
	border-left               : 1px solid #9ab;
}

/* 価格表 */
table.price {
	border-collapse           : collapse;
	border-right              : 1px solid #9ab;
	border-top                : 1px solid #9ab;
	font-size                 : 100%;
}
table.price caption {
	color                     : #777;
	font-weight               : bold;
}
table.price th {
	padding                   : 3px 3px 3px 5px;
	background-color          : #e6eaf2;
	font-family               : 'ＭＳ ゴシック', monospace;
	font-weight               : normal;
	border-bottom             : 1px solid #9ab;
	border-left               : 1px solid #9ab;
	text-align                : left;
}

table.price td {
	background-color          : #fff;
	padding                   : 3px 3px 3px 5px;
	font-family               : 'ＭＳ ゴシック', monospace;
	border-bottom             : 1px solid #9ab;
	border-left               : 1px solid #9ab;
}

/* 製品写真 */
.box_ss {
	float                     : left;
	margin                    : 2px;
	text-align                : center;
}

.pictmenu{
	margin-left:2em;
}

.pictbox{
	width                     : 48%;
	border-right              : 1px solid #ccc;
	border-bottom             : 1px solid #ccc;
	margin                    : 0 0 4px 4px;
	float                     : left;
}

.pictbox p{
	margin-bottom             : 1em;
	padding-left              : 20px;
}

.pictbox img{
	vertical-align            : middle;
	border                    : 0;
}