@charset "UTF-8";

/*
  * { border: 2px dashed red }
  * * { border: 2px dashed green }
  * * * { border: 2px dashed orange }
  * * * * { border: 2px dashed blue }
  * * * * * { border: 1px dotted red }
  * * * * * * { border: 1px dotted green }
  * * * * * * * { border: 1px dotted orange }
  * * * * * * * * { border: 1px dotted blue }
  * * * * * * * * * { border: 1px solid red }
  * * * * * * * * * * { border: 1px solid green }
  * * * * * * * * * * * { border: 1px solid orange }
  * * * * * * * * * * * * { border: 1px solid blue }
*/

/* http://support.microsoft.com/kb/943922/ja */

* {
	font-size:12px;
	font-family: 'ＭＳ Ｐゴシック','Osaka',sans-serif;
	line-height:1.3em;
}

body {
	color: #333333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #E7EEEF;
	font-size:100%;
	text-align:center;
}

#whole {
	text-align:left;
	margin:0 auto;
	width:845px;
	border-left:2px solid #999999;
	border-right:2px solid #999999;
	background-color:white;
}

form {
	margin:0;
}

h1 {
	font-size:200%;
	color:#ffffff;
	line-height:1.1em;
	margin:15px;
}

h2 {
	font-size:170%;
	color:#ffffff;
	line-height:1.1em;
	margin:12px;
}

h3 {
	font-size:170%;
	color:#000000;
	line-height:1.1em;
	margin:10px;
}

a:link{
	font-size:12px;
	color: #333333;
	text-decoration:underline;
}
a:visited {
	color: #333333;
	text-decoration:underline;
}
a:hover {
	color: #336699;
	text-decoration:underline;
}
a:active {
	color: #333333;
	text-decoration:underline;
}


/* *****************************************************
ヘッダー
***************************************************** */
#header{
	background-image: url(../img/header_bg.gif);
	background-repeat: repeat-x;
	width: 845px;
	height:77px;
}
#header_txt{
	padding-top:5px;
	font-size: 12px;
	margin-top: 3px;
	margin-left: 10px;
}

#header_box01{
	float: left;
}
#header_box02{
	background-image: url(../img/header_bgimg.gif);
	background-repeat: no-repeat;
	height: 77px;
	width: 346px;
	float: right;
	clear: right;
}
#search{
	text-align:right;
	margin-top: 22px;
	margin-right: 20px;
	height:30px;
}
#search input {
	margin-top:0px;
	vertical-align:middle;
}

.searchbox{
	margin-right: 5px;
	height:12px;
}
#header_home,#header_info, #header_inquiry {
	display:inline;
	float: left;
	margin-top:2px;
}
#header_home{
	margin-left: 45px;
}
#header_info{
	margin-left: 15px;
}
#header_inquiry{
	margin-left: 15px;
}
*html #header_info, *html #header_inquiry {
	margin-top:4px;
}
#header_home img, #header_info img, #header_inquiry img {
	vertical-align:middle;
}
#header_cart{
	display:inline;
	float: right;
	margin-right: 20px;
}

/* *****************************************************
ヘッダー リンク
***************************************************** */
#header_box02 a:link{
	font-size: 12px;
	color: #333333;
	text-decoration:none;
	}
#header_box02 a:visited {
	font-size: 12px;
	color: #333333;
	text-decoration:none;
	}
#header_box02 a:hover {
	font-size: 12px;
	color: #336699;
	text-decoration:underline;
	}
#header_box02 a:active  {
	font-size: 12px;
	color: #333333;
	text-decoration:none;
	}

/* *****************************************************
最新情報
***************************************************** */
#new_corner{
	background-image: url(../img/new_corner_bg.gif);
	background-repeat: repeat-y;
	padding:10px 0px 0px 0px;
	height:100%;
}

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

.new_date{
	font-size: 10px;
	color: #333333;
	margin-right:15px;
}
.new_txt{
	display:inline;
	float:left;
	font-size: 12px;
	color: #333333;
	margin-left: 40px;
	margin-bottom:10px;
	white-space:nowrap;
}

.new_txt a:link{
	font-size:12px;
	color: #333333;
	text-decoration:underline;
}
.new_txt a:visited {
	color: #333333;
	text-decoration:underline;
}
.new_txt a:hover {
	color: #336699;
	text-decoration:underline;
}
.new_txt a:active {
	color: #333333;
	text-decoration:underline;
}

/* *****************************************************
ナビゲーション
***************************************************** */
#naviarea{
	display:inline;
	width: 180px;
	float: left;
	margin-left: 30px;
	margin-top: 15px;
}
#menulist ul{
	margin:0px;
	padding:0px;
	list-style:none;
	float: left;
}
#menulist li{
	padding-top:2px;
}

.menubg{
	background-image: url(../img/navibg01.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 150px;
	padding-left: 30px;
}
#menulast{
	background-image: url(../img/navibg02.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 150px;
	padding-left: 30px;
}
#menubottom{
	margin-bottom: 20px;
}
.navibtn{
	width: 180px;
	margin-bottom: 10px;
}
.navibanner{
	text-align: center;
	width: 180px;
	margin-bottom: 20px;
	font-size: x-small;
	color: #666666;
}
/* *****************************************************
ナビゲーションご案内
***************************************************** */
#menulist ul a:link{
	font-size: 12px;
	color: #333333;
	text-decoration:none;
}
#menulist ul a:visited{
	font-size: 12px;
	color: #333333;
	text-decoration:none;
}
#menulist ul a:hover{
	font-size: 12px;
	color: #333333;
	text-decoration:underline;
}
#menulist ul a:active{
	font-size: 12px;
	color: #333333;
	text-decoration:none;
}

/* *****************************************************
コンテンツ
***************************************************** */

#container{
	width: 845px;
}
#main{
	float: left;
}
#contents{
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 30px;
	width: 600px;
}

.contents01{
	margin:0;
	padding:0;
	float:left;
	clear:left;
	margin-bottom: 10px;
	width: 610px;
	display:block;
}
.ttl{
	float: left;
	padding-bottom: 5px;
}
.ttl:after {
	clear:left;
}
#ttl02{
	float: left;
}
#looksbtn01{
	display:inline;
	background-image: url(../img/serching01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	width: 174px;
	padding-left: 48px;
	float: left;
	margin-top: 10px;
	margin-left: 60px;
	margin-bottom:20px;
}

#looksbtn02{
	display:inline;
	background-image: url(../img/serching02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	width: 174px;
	padding-left: 48px;
	float: left;
	margin-top: 10px;
	margin-left: 35px;
	margin-bottom:20px;
}
#information iframe{
/*	height: 110px;*/
	width: 598px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-color: #F1F8F8;
}
*html #information iframe{
	width: 596px;
}
.main_banner{
	float:left;
	clear:left;
	margin-bottom: 5px;
}

.main_banner140 {
	float:left;
	text-align:center;
	padding-right:10px;
}
.main_banner140 a {
	font-size:10px;
}

.goods{
	border: 1px solid #666666;
}
.commodity{
	float: left;
	padding-bottom: 9px;
	padding-left: 3px;
	padding-right: 6px;
}
.commodity_txt{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

#details_txt01{
	font-size: 12px;
	color: #990000;
}
#details_txt02{
	font-size: 12px;
	color: #990000;
}

/* *****************************************************
注目の商品
***************************************************** */
.commodity_txt a:link{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
}
.commodity_txt a:visited{
	color: #FFFFFF;
	text-decoration:none;
}
.commodity_txt a:hover{
	text-decoration:underline;
}
.commodity_txt a:active{
	text-decoration:none;
}

/* *****************************************************
フッター
***************************************************** */
#footernavi {
	clear:both;
	width:845px;
	margin-bottom:5px;
	text-align:center;
}
#footernavi div.line {
	clear:both;
	margin:0 auto;
	width:845px;
}
#footernavi ul {
	margin:0px 0px 2px 0px;
	list-style:none;
	text-align:center;
}
/* IE7,8 */
*+html #footernavi ul li {
	display:inline;
	zoom:1;
}
#footernavi ul li {
	display:inline-block;
}

#footernavi a {
	margin-right:10px;
}


#footer{
	clear:both;
	height: 30px;
	width: 845px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-top-color: #004186;
}
/* *****************************************************
カテゴリー
***************************************************** */

.categoryttl{
	margin:0;
	clear:both;
	padding:3px 0px 5px 15px;
	background-image: url(../img/category/ttl_category.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 585px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}

div.category_link{
	font-size: small;
	color: #333333;
	background-image: url(../img/arrow_yellow.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: left center;
	float: left;
	font-weight: bold;
	padding-right: 20px;
	margin-bottom: 5px;
	white-space:nowrap;
}
#pagelink02{
	font-size: small;
	color: #333333;
	background-image: url(../img/arrow_yellow.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: left center;
	float: left;
	font-weight: bold;
	padding-right: 20px;
	margin-bottom: 5px;
	clear: left;
}
.category_link a:link,#pagelink02 a:link{
	color: #333333;
	text-decoration:underline;
}
.category_link a:visited,#pagelink02 a:visited{
	color: #333333;
	text-decoration:underline;
}
.category_link a:hover,#pagelink02 a:hover {
	color: #999999;
	text-decoration:underline;
}
.category_link a:active,#pagelink02 a:active{
	color: #999999;
	text-decoration:underline;
}


.category_notice{
	margin-top: 10px;
	float: left;
	background-color: #FFECEC;
	width: 590px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	width: 580px;
	font-size: small;
	color: #990000;
}



.category_class{
	font-size: small;
	color: #333333;
	background-image: url(../img/arrow_yellow.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: left center;
	margin-top: 20px;
	clear:left;
	float: left;
	font-weight: bold;
	white-space:nowrap;
}
div.disp_all{
	float: left;
	margin-top: 20px;
	font-size: small;
	color: #336699;
	padding-left: 10px;
	font-weight: bold;
}
.category_box{
	clear:left;
	font-size: small;
	background-color: #FFFDF7;
	width: 590px;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-color: #FFCC33;
	border-bottom-color: #FFCC33;
	border-bottom-style: solid;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.category_box:after{ 
    content:"."; 
    display:block; 
    height:0; 
    clear: both; 
    visibility:hidden; 
} 

.category_box div {
	display:inline;
	float:left;
	width:185px;
	margin-right:8px;
}
*html .category_box div {
	width:175px;
}

.category_box .twocol {
	width:280px;
}
.category_box p{
	display:inline;
	float:left;
	margin-right:15px;
	color: #333333;
	padding-left:1em;
	margin-top:0px;
	margin-bottom:0px;
	text-indent:-1em;
}
.category_box div p{
	display:inline;
	color: #333333;
	padding-left:1em;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	text-indent:-1em;
	clear:both;
	width:100%;
}
.category_box span{
	color:#FF9933;
	font-style:italic;
	margin-right:5px;
}
.category_box div p a:link, .category_box p a:link{
	color: #333333;
	text-decoration:underline;
}
.category_box div p a:visited, .category_box p a:visited{
	color: #333333;
	text-decoration:underline;
}
.category_box div p a:hover, .category_box p a:hover {
	color: #999999;
	text-decoration:underline;
}
.category_box div p a:active, .category_box p a:active{
	color: #999999;
	text-decoration:underline;
}
div.disp_all{
	color: #336699;
}
div.disp_all a:link{
	color: #336699;
	text-decoration:underline;
}
div.disp_all a:visited{
	color: #336699;
	text-decoration:underline;
}
div.disp_all a:hover {
	color: #99BBDD;
	text-decoration:underline;
}
div.disp_all a:active{
	color: #99BBDD;
	text-decoration:underline;
}

/* *****************************************************
ご案内
***************************************************** */

#ttl_guide{
	clear:both;
	float: left;
	padding:5px 0px 3px 15px;
	background-image: url(../img/ttl_blue.jpg);
	background-repeat: no-repeat;
	width:600px;
	height:21px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
#linkbox{
	width: 590px;
	background-color: #F4F9F9;
	padding: 5px;
}
#pagelink{
	font-size: small;
	color: 336699;
	background-image: url(../img/arrow_blue.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: left center;
	float: left;
	padding-right: 20px;
	margin-bottom: 5px;
	white-space:nowrap;
}
#pagelink a:link{
	color: #336699;
	text-decoration:underline;
}
#pagelink a:visited{
	color: #336699;
	text-decoration:underline;
}
#pagelink a:hover {
	color: #999999;
	text-decoration:underline;
}
#pagelink a:active{
	color: #999999;
	text-decoration:underline;
}
.display_txt{
	white-space:nowrap;
	clear:both;
	font-size: small;
	color: #333333;
	background-image: url(../img/arrow_blue.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: left center;
	margin-top: 30px;
	float: left;
	font-weight: bold;
}
.display_txt2{
	white-space:nowrap;
	clear:both;
	font-size: small;
	color: #333333;
	background-image: url(../img/arrow_blue.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: left center;
	margin-top: 0px;
	float: left;
	font-weight: bold;
}
.display_box{
	clear:both;
	font-size: small;
	width: 590px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #336699;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
	.display_box2{
	clear:both;
	font-size: small;
	width: 590px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
.display_box a:link{
font-weight: bold;
	color: #336699;
	text-decoration:underline;
}
.display_box a:visited{
font-weight: bold;
	color: #336699;
	text-decoration:underline;
}
.display_box a:hover{
font-weight: bold;
	color: #999999;
	text-decoration:underline;
}
.display_box a:active{
font-weight: bold;
	color: #999999;
	text-decoration:underline;
}
	
#credit{
	font-weight: bold;
	background-color: #FFFFEC;
	border: 1px solid #333333;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
	width: 300px;
	margin: 10px;
}
#attention_box01{
	background-color: #FFFFEC;
	border: 1px double #333333;
	vertical-align: middle;
	padding: 10px 20px;
	width: 478px;
	margin: 10px;
}
#attention_box02{
	background-color: #F1F5F5;
	vertical-align: middle;
	padding: 10px 20px;
	width: 478px;
	margin: 10px;
}
#txtbg_yellow{
	background-color: #ECE37D;
}
#creditbox{
	width: 595px;
}
#ok_box{
	display:inline;
	background-color: #FFFFEC;
	vertical-align: middle;
	padding: 7px 7px;
	width: 265px;
	background-image: url(../img/info/bg_ok.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	border: 1px solid #666666;
	margin:5px;
	color: #996600;
}
#ng_box{
	display:inline;
	background-color: #F1F5F5;
	vertical-align: middle;
	padding: 7px 7px;
	width: 275px;
	background-image: url(../img/info/bg_ng.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	border: 1px solid #666666;
	margin:5px;
	color: #336699;
}

.creditbox_txt01{
	font-size: medium;
	font-weight: bold;
}
.creditbox_txt02{
	font-weight: bold;
}

#kouhi_txt{
	float: right;
	font-weight: bold;
	font-size: small;
	color: #333333;
	margin-top:30px;
}

/* *****************************************************
商品検索
***************************************************** */

.search_txt{
	font-size: small;
	color: #333333;
	background-image: url(../img/arrow_orange.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: left center;
	margin-top: 30px;
	float: left;
	font-weight: bold;
}
.division_txt{
	font-size: small;
	color: #333333;
	padding-left: 10px;
	background-position: center;
	margin-bottom: 3px;
	margin-top: 30px;
	float: right;
}

.search_box{
	clear:both;
	font-size: small;
	background-color: #FCF3E9;
	width: 590px;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-color: #CE5A28;
	border-bottom-color: #CE5A28;
	border-bottom-style: solid;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/* *****************************************************
コラム
***************************************************** */
#column_title {
	margin:0 0 0 10px;
	color:black;
	text-indent:-9999px;
	width:583px;
	height:45px;
	background-image: url(/img/column_title.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#column_box {
	margin:0 0 0 11px;
	width:572px;
	padding:2px 2px 22px 2px;
	font-size:12px;
	border-left:3px solid #FFE071;
	border-right:3px solid #FFE071;
	border-bottom:3px solid #FFE071;
}
#column_num {
	margin:-4px 0 0 3px;
	padding-left:5px;
	padding-top:10px;
	color:whilte;
	width:565px;
	height:28px;
	font-size:16px;
	background-image: url(/img/column_titlebar.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
#column_author {
	width:435px;
	line-height:1.5em;
	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
	border:1px solid #F39800;
	background-color:#FFF0C1;
	padding:10px 20px 10px 20px;
}
.column_outline {
	color:#00679D;
	width:465px;
	line-height:1.5em;
	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
	padding:0;
}
.column_subtitle {
	color:#F08300;
	font-size:18px;
	font-weight:bold;
	width:465px;
	line-height:1.5em;
	margin:auto;
	margin-bottom:20px;
	margin-top:20px;
}
.column_body {
	width:465px;
	margin:auto;
	margin-bottom:20px;
}
.column_body p {
	line-height:1.5em;
	text-indent:1em;
}
.column_table {
	width:540px;
	margin:auto;
}
.column_table table {
	border-collapse: collapse;
}
.column_row_even {
	background-color:#edf5ec;
}
.column_table th {
	background-color:#e4e5e6;
	font-weight:normal;
	font-size:10px;
	padding:0;
	border:1px solid #c8cfcd;
}
.column_table td {
	font-size:10px;
	padding:0;
	border:1px solid #c8cfcd;
}

.column_table_awg, .column_table_rohs {
	width:540px;
	text-align:center;
}
.column_table_awg table, .column_table_rohs table {
	margin:auto;
	border-collapse: collapse;
}
.column_table_awg th, .column_table_rohs th {
	background-color:#e4e5e6;
	font-weight:normal;
	font-size:12px;
	padding:0 3px 0 3px;
	border:1px solid #c8cfcd;
}
.column_table_awg td, .column_table_rohs td {
	text-align:right;
	font-size:12px;
	padding:0 3px 0 3px;
	border:1px solid #c8cfcd;
}
.column_table_rohs td {
	text-align:left;
}

.column_hr {
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	width:501px;
	height:2px;
	background-image: url(/img/hr_1.gif);
	background-repeat: no-repeat;
	background-position: center;

}
div.column_pagenavi {
	text-align:center;
	margin-top:20px;
	width:580px;
}

.column_pager {
	margin-top: 20px;
	font-size: 90%;
	margin:auto;
	margin-top:5px;
	margin-bottom:5px;
}

.column_pager a,
.column_pager span {
	display: block;
	float: left;
	margin-right: 0.1em;
	padding: 0.2em 0.5em;
}

.column_pager a {
    color: #105cb6;
    background-color: #fff;
    border: 1px solid #9aafe5;
    text-decoration: none;
}

.column_pager a:hover {
    color: #003;
    background-color: #fff;
    border: 1px solid #2e6ab1;
}

.column_pager span.current {
    color: #fff;
    background-color: #94acd3;
    border: 1px solid #94acd3;
    font-weight: bold;
}

.column_pager span.nextprev {
    border: 1px solid #ddd;
    color: #999;
    background-color: #fff;
}

.column_pager a.nextprev {
    font-weight: bold;
}

span.requisite {
	display:block;
	float:right;
	color:red;
	font-weight:bold;
}
span.requisite.noright {
	float:none;
}


input.requisite {
	background-color:#ffe5eb;
	border:1px solid #7f9db9;
}
.caution {
	color:red;
}
table.input_table{
	border-collapse:collapse;
	border:1px solid #0000ff;
	padding:2px;
}
.input_table th {
	border-collapse:collapse;
	background-color:#eeeeff;
	border:1px solid #0000ff;
	text-align:left;
	font-weight:normal;
	padding:2px;
}
.input_table td {
	border-collapse:collapse;
	border:1px solid #0000ff;
	padding:2px;
	text-align:left;
}

.input_sub_table, .input_sub_table td {
	border:0px;
}

div.cart_conf {
	text-align:center;
}

div.cart_conf p {
	font-size:12px;
}


.cart_conf_table {
	text-align:center;
	margin:auto;
	padding:0;
	border-collapse:collapse;
	border:2px solid #6666ff;
}

.cart_conf_table th, .cart_conf_table td {
	padding:2px;
	border:1px solid #6666ff;
}
.cart_conf_table th {
	text-align:right;
	background-color:#eeeeff;
	color:#0000ff;
	font-weight:bold;
}
.cart_conf_table td {
	text-align:left;
	background-color:#ffffff;
}

div.cart_conf_title {
	width:600px;
	text-align:center;
	background-color:#CCCCFF;
	padding:20px 0 20px 0;
	font-size:25px;
	font-weight:bold;
	color:#0000ff;
}
div.cart_conf_caution {
	width:600px;
	background-color:#FFCCCC;
	padding:20px 10px 20px 10px;
	margin-top:10px;
	text-align:left;
}


.cart_conf_table th.th_center, .cart_conf_table td.td_center {
	text-align:center;
}
.cart_conf_table td.td_right {
	text-align:right;
}