@charset "Shift_JIS";


/*↓フィールド分割*/

#promotion {
	margin:0px 0px 30px 0px;
	}
	
#contentsField{
	width:800px;
	background-image:url(../../img/bg_sidemenu.gif);
	background-repeat:repeat-y;
	}
	
#contentsField_none{
	width:800px;
	}

#contentsField_none p {
	font-size:75%;
	line-height:180%;
	}

#contentsField_none p.notes {
	font-size:70%;
	line-height:180%;
	}
	
#contentsField_none p.notes_list {
	font-size:65%;
	padding-left:20px;
	line-height:180%;
	background:url(../img/icon_error.gif) no-repeat left top;
	}
	
	
#contentsField_none p.mark {
	font-size:70%;
	line-height:180%;
	margin:0;
	padding:0;
	float:right;
	}
	
#contentsField_none h3.title{
	margin:20px 0 20px 0;
	padding:5px 0 5px 15px;
	border-left:3px solid #0071bc;
	font-weight:normal;
	font-size:90%;
}

#leftField {
	width: 600px;
	float: left;
}

#leftField p {
	font-size:75%;
	line-height:200%;
	}
	
#leftField p.top {
	font-size:75%;
	line-height:180%;
	margin-top:0px;
	}
	
#leftField p.figRight {
	margin: 0px 0px 0px 20px;
	float: right;
	}
	
#leftField p.figLeft {
	margin: 0px 20px 0px 0px;
	float: left;
	}


#leftField p.figCenter {
	margin: 30px 0px 20px 0px;
	text-align:center;
	}

#leftField p.figCenter_line {
	margin: 30px 0px 20px 0px;
	text-align:center;
	padding:2px;
	border:1px solid #E6E6E6;	
	}
	

#leftField p.notes {
	font-size:65%;
	line-height:160%;
	}
	
#leftField p.notes_right {
	font-size:65%;
	line-height:160%;
	text-align:right;
	}
	

#leftField p.notice {
	font-size:65%;
	line-height:160%;
	color:#B90409;
	}

#rightField {
	width: 180px;
	background-color:#FFFFFF;
	float: right;
}


a:link , a:visited {
	color:#000000;
	text-decoration:none;

}

a:hover {
		color: #469EEF;
		text-decoration: underline;
}

/*↓ページタイトル*/

h1 {
	margin-bottom:20px;
	border-bottom:none;
}

#leftField h2 {
	margin:30px 0 30px 0;

}

#leftField h2.top {
	margin:5px 0px 0px 0px;
	}

#leftField h3{
	margin:0 0 10px 0;
	border-bottom:none;
	font-size:100%;
	font-weight:normal;
}

#leftField h3.category{
	margin:15px 0 10px 0;
	padding-left:20px;
	background:url(../../img/link_right_05.gif) no-repeat left center;
	border-bottom:none;
	font-size:80%;
	font-weight:bold;
}


#leftField h3.sub{
	margin:20px 0 10px 0;
	border-bottom:none;
}


#leftField h3.line{
	margin:20px 0 10px 0;
	padding-bottom:10px;
	border-bottom:1px dotted #E6E6E6;
	font-weight:normal;
}

#leftField h3.title{
	margin:20px 0 20px 0;
	padding:5px 0 5px 15px;
	border-left:3px solid #0071bc;
	font-weight:normal;
}

#leftField h3.title2{
	line-height:160%;
	font-size:80%;
	margin:20px 0 20px 0;
	padding:3px 0 3px 15px;
	border-left:3px solid #0071bc;
}

#leftField h3.line{
	line-height:160%;
	margin:30px 0 20px 0;
	padding:10px 0 10px 0px;
	border-bottom:1px dotted #E6E6E6;
	font-size:80%;
	font-weight:bold;
}

#leftField h3 span{
	line-height:180%;
	font-size:65%;
	padding-top:10px;
	display:block;
}

#leftField h4 {
	font-size:75%;
	line-height:180%;
	color:#000;
	margin:20px 0 10px 0;
}

#leftField h4.top{
	font-size:75%;
	line-height:180%;
	color:#000;
	margin:0px 0 10px 0;
}

#leftField h4.sub {
	font-size:75%;
	line-height:180%;
	color:#DFA560;
	margin:20px 0 10px 0;
}

.blockclr {
	clear: both;
	font: 1px/1px monospace;
	border-bottom:1px dotted #E6E6E6;
	margin:30px 0;
}

.blockclr_s {
	clear: both;
	font: 1px/1px monospace;
	border-bottom:1px dotted #E6E6E6;
	margin:10px 0;
}




/*↓rightField */

#rightField h1 {
	margin:0px 0px 10px 0px; 
	padding:0px;
	border:none;
	}


#sbanner {
	margin:0px 0px 20px 0px;
	margin:0px;
	padding:0px;
	}
	
#rightField p.banner {
margin:10px 0px;
padding:0px;
	}
	

.banner a:link , .banner a:visited {
	border:1px solid #E6E6E6;
	pading:0px;
	margin:0px;
	display:block;
	text-decoration:none;
}

.banner a:hover {
	border:1px solid #;
	pading:0px;
	margin:0px;
}

/*↓none_accordion*/

#smenu_none {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}

#smenu_none li {
		border-bottom:1px dotted #E6E6E6;
		}

#smenu_none li.end {
		border:none;
		}

/*↓accordion*/

#smenublock {
	width:166px;
	margin:0px 0px 20px 0px;
	padding:5px 5px 5px 5px;
	border:2px solid #C0C0C0;
}

#smenublock p.top{
	font-size:65%;
	text-align:center;
	margin-top:5px;
	}

#smenublock p.end {
	font-size:65%;
	text-align:right;
	margin:7px 0px 5px 0px; }
	
#smenublock_non {
	width:166px;
	margin:0px 0px 20px 0px;
	padding:5px 7px 5px 7px;
}

#smenublock_non p.top{
	font-size:65%;
	text-align:center;
	margin-top:5px;
	}

	
.smenu {
	margin:0px;
	}
	
.smenu dt {
	font-weight:bold;
	cursor:pointer;
	margin:5px 0px;
	border-bottom:1px dotted #E6E6E6;
	}
	
.smenu dt.end {
	font-weight:bold;
	cursor:pointer;
	margin:5px 0px;
	border-bottom:none;
	}	

.smenu dd {
	overflow:hidden;
	}
	
.smenu span {
	display:block;
	border-top:none;
	font-size:85%;
	padding:0px 8px;
	}



	


#sub_category {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
	
#sub_category li {
	border-bottom:1px dotted #E6E6E6;
	margin:0px 0px 7px 0px;
	padding-bottom:7px;
	padding-left:13px;
	font-size:75%;
	font-weight:bold;
	line-height:180%;
	background: url(../products/img/link_right_sm.gif) no-repeat left top;
	
}
 
#sub_category li.end {
	border-bottom:none;
	margin:0px 0px 7px 0px;
	padding-bottom:7px;
	padding-left:13px;
	font-size:75%;
	font-weight:bold;
	line-height:180%;
	background: url(../products/img/link_right_sm.gif) no-repeat left top;
}

#sub_category li a:link, #sub_category li  a:visited {
	text-decoration:none;
	color: #505050;
}

#sub_category li a:hover { color: #469EEF; }


#sideBlock p {
	margin-bottom:10px;
	font-size:70%;
	text-align:center;
	}



/*↓製品ブロック分け（右・左）*/

.block_span {
		width: 578px;
		margin:20px 0 0 0;
		padding:10px;
		border:1px solid #E6E6E6;
		background-color:#FFFdFa;
		}

.block_L {
		width: 268px;
		float: left;
		margin:20px 14px 0 0;
		padding:10px;
		border:1px solid #E6E6E6;
		background-color:#FFFdFa;
		}

.block_R {
		width: 268px;
		float: right;
		margin:20px 0 0 0;
		padding:10px;
		border:1px solid #E6E6E6;
		background-color:#FFFdFa;
		}

.textblock_L {
		width: 380px;
		float: left;
		}


/*↓各コンテンツ*/

#contents_block{
	border-top:1px solid #E6E6E6;
	padding:10px 0px 20px 0px;

}

#contents_block_top{
	padding:0px 0px 20px 0px;
	margin-top:0px;
	
}


#plist{
	margin:20px 0 0 0;
	border-top:1px solid #E6E6E6;
	padding:10px 0 0 0 ;
	}

#plist p{
	font-size:70%;
	}


/*↓製品仕様テーブル*/

table {
	margin:15px 0;
	line-height: 160%;
}

.notice {
	margin-top:10px;
	font-size:10px;
	line-height:180%;
}

td , th {
	font-size: 75%;
}


th.thspec {
	width: 140px;
	padding: 7px 0px 7px 10px;
	text-align: left;
	vertical-align: top;
	background-image:none;
	border-top:1px dotted #CCCCCC;
}

th.thspec_bottom {
	width: 140px;
	padding: 7px 0px 7px 10px;
	text-align: left;
	vertical-align: top;
	background-image:none;
	border-bottom:1px dotted #CCCCCC;
}


td.tdspec {
	width: 440px;
	padding: 7px 0px 7px 10px;
	text-align: left;
	vertical-align: top;
	background-image:none;
	border-top:1px dotted #CCCCCC;
}

td.tdspec_bottom {
	width: 440px;
	padding: 7px 0px 7px 10px;
	text-align: left;
	vertical-align: top;
	background-image:none;
	border-bottom:1px dotted #CCCCCC;
}

	
#leftField h3.arrow {
	margin:10px 0px 0px 0px;
	background:url(../../img/link_right_04.gif) no-repeat center left;
	padding-left:18px;
	font-weight:bold;
	}
	
#leftField h3.arrow_top {
	margin:0;
	background:url(../../img/link_right_04.gif) no-repeat center left;
	padding-left:18px;
	font-weight:bold;
	}
	
#leftField h3.arrow_s {
	margin:20px 0px 0px 0px;
	background:url(../../img/link_right_04.gif) no-repeat center left;
	padding-left:18px;
	font-size:75%;
	font-weight:bold;
	}
	
#products_list {
	padding:0 0 10px 16px;
	margin:5px 0 0 16px;
	line-height:180%;
	font-size:95%;

	}

#products_list li {
	
	}


/*↓製品特長図版*/

#list {
	padding:0 0 10px 0px;
	margin:0px 0 0 10px;
	line-height:180%;
	font-size:75%;
	list-style-type:none;

	}

#list li {
	background: url(../../img/link_right_04.gif) no-repeat left center;
	padding-left:16px;
	}


#list_n {
	padding:0 0 10px 0px;
	margin:0px 0 0 10px;
	line-height:180%;
	}

#list_n li { margin-bottom:5px;
	}


/*↓Closeボーダー*/

.Close {
	margin:10px 0px 20px 0px;
	border-top: 1px dashed #C0C0C0;
	font: 1px/1px nomospace;
}

/*↓ページ下部ナビゲーション*/
#navi_bottom{
	margin:40px 0 0 0;
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	padding:20px 0;
	}
	
p.addthis_b {
	margin: 0px;
	line-height:100%;
	padding:2px 0 0 0 ;
	float:right;
}
	
p.navi{
	margin: 0 6px 0 0 ;
	line-height:100%;
	padding:0px 7px 0px 7px;
	border:1px solid #CCCCCC;
	display:block;
	float:left;
}

p.navi_active{
	margin: 0 6px 0 0 ;
	line-height:100%;
	padding:0px 7px 0px 7px;
	color:#469EEF;
	background-color:#E6E6E6;
	display:block;
	float:left;
}

p.back{
	margin: 0 ;
	line-height:100%;
	padding:0px 8px 0px 16px;
	display:block;
	background:url(../../img/link_right_04.gif) no-repeat left center;
	float:left;
}

/*↓製品仕様テーブル*/

#suplist {
	margin:15px 0;
	width:796px;
	line-height: 100%;
	border:2px solid #505050;
}


#suplist td , #suplist th {
	font-size: 70%;

}

#suplist th.name {
	text-align:left;
	padding:15px 0px 15px 17px; 
	border-top:1px solid #C0C0C0;
	border-right:1px solid #E6E6E6;
	}
	
#suplist th.name_top {
	width:148px;
	text-align:left;
	padding:15px 0px 15px 17px;
	border-right:1px solid #E6E6E6;
	background:url(../img/table_bg_01.gif);
	}

#suplist th.category {
	padding:15px 0px 15px 17px;
	text-align:left;
	border-top:2px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	background-color: #F6F6F6;
	font-size:90%;
	}

#suplist td.spec {
	width:89px;
	padding:10px 0px 10px 0px; 
	text-align:Center;
	border-top:1px solid #C0C0C0;
	font-weight:bold;
	border-right:1px solid #E6E6E6;
		}
	

#suplist td.spec_end {
	width:90px;
	padding:10px 0px 10px 0px; 
	text-align:Center;
	border-top:1px solid #C0C0C0;
	font-weight:bold;
	}


#suplist td.spec_top {
	width:89px;
	padding:10px 0px 10px 0px;
	font-weight:bold;
	color:#000;
	text-align:Center;
	border-right:1px solid #E6E6E6;
	background:url(../img/table_bg_01.gif);
	}
	

#suplist td.spec_top_end {
	width:90px;
	padding:10px 0px 10px 0px;
	font-weight:bold;
	color:#000;
	text-align:Center;
	background:url(../img/table_bg_01.gif);
	}
	



/*↓Pagetop*/

#Pagetop {
	margin-top:20px;
	text-align:right;
	font-size:65%;

}

#Pagetop a:link , #Pagetop a:visited {
	text-decoration:none;
	padding-left: 12px;
	background-image: url(../../img/link_up_2.gif);
	background-repeat: no-repeat;
	background-position: center left;
	color: #505050;
}

#Pagetop a:hover { color: #469EEF; }

/*↓タブ制御*/

#tab {
	margin: 0px;
	padding:0px;
	list-style-type: none;

}

#tab li {
	float: left;
	padding:0px;
}

.contents{
	width:800px;
	margin:0px 0px 20px 0px;
}


#rotate{
	width:800px;
	height:50px;
	margin:40px 0px 20px 0px;
	border-bottom:1px solid #C0C0C0;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
}
.ui-tabs-nav li {
    float: left;
    margin: 0px 0px 0px 0px;
    min-width: 190px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
	width:190px;
	padding:0px 0 0 0;
	margin:0px;
	height:50px;
	background-image:url(../img/tab_bg_off.gif);
	background-repeat:no-repeat;

}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
	text-align:center;
	color:#0057A8;
	font-size:12px;
    font-weight: bold;
    line-height:120%;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
   
}
.ui-tabs-nav a span {
    width: 190px; /* IE 6 treats width as min-width */
    min-width: 190px;
    height: 50px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;

}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}

.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
	background-image: url(../img/tab_bg_on.gif);
	background-repeat:no-repeat;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}


.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}

.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../img/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.ui-tabs .ui-tabs-hide { display: none; }