@charset "Shift_JIS";



/* --------------------------------------------------------------------
	クリア
--------------------------------------------------------------------- */

.clearfix::after, div.cbox_ ul.iconlist_{
  content: "";
  display: block;
  clear: both;
}




/* --------------------------------------------------------------------
ページ定義
	
基本カラー
GRAPHTEC ブルー ：#003399
補色ブルー	　　：#0099ff
	
--------------------------------------------------------------------- */


div.cb_col1_{width: 960px;margin:10px 15px;}
div.cb_col2_{width: 465px;margin:10px 15px;}
div.cb_col3_{width: 300px;margin:10px 15px;}
div.cb_main_{width: 960px;margin:0px 15px;}


div.cb_col1-sub_{width: 960px;margin:10px 15px -15px;}
div.cb_col2-sub_{width: 465px;margin:-15px 15px;}
div.cb_col3-sub_{width: 300px;margin:-15px 15px;}



/***** ボックス アイコン設定 *****/

div.icon_new:after {content: "NEW";font-weight: bold;color: #fff;font-size: 100%;position: absolute;top: -5px;left: -5px;background: #F80;padding: 5px 10px;line-height: 1;z-index: 5;}
div.icon_end:after {content: "販売終了";font-weight: bold;color: #fff;font-size: 100%;position: absolute;top: -5px;left: -5px;background: #FF0000;padding: 5px 10px;line-height: 1;z-index: 5;}
div.icon_stocks:after {content: "在庫限り";font-weight: bold;color: #fff;font-size: 100%;position: absolute;top: -5px;left: -5px;background: #7700FF;padding: 5px 10px;line-height: 1;z-index: 5;}
div.icon_supfin:after {content: "保守期限終了";font-weight: bold;color: #fff;font-size: 100%;position: absolute;top: -5px;left: -5px;background: #298816;padding: 5px 10px;line-height: 1;z-index: 5;}









/***** .cbox_ ******************************************************************************************/

div.cbox_ {position:relative;}

/*タイトル*/
div.cbox_ h2 { border-bottom:2px solid #D5D5D5; color:#003399; font-size:25px; line-height:1.4em; background: 
url(../img/block_of_content/cbox_h2_bg.png) repeat-x 0 100%; padding-bottom: 10px; margin:40px 0 20px;}
div.cbox_ h3 { border-bottom:2px dotted #ccc; color:#003399; font-size:22px; margin:30px 0 20px; padding:10px 0; line-height:1.4em;}
div.cbox_ h3 a{color:#003399}
div.cbox_ h4 { border-left:4px solid #ccc;font-size:18px; margin:30px 0 20px; padding-left:4px; color:#003399;  line-height:1.4em;}
div.cbox_ .subtitle { font-size:65%; line-height:1.5em;}

div.cbox_ h2.head20 {color: #FFA600;
  text-align: center;
  padding: 0.25em;
  border-top: solid 2px #FFA600;
  border-bottom: solid 2px #FFA600;
  background: -webkit-repeating-linear-gradient(-45deg, #FFFAF2, #FFFAF2 3px,#FFF4DC 3px, #FFF4DC 7px);
  background: repeating-linear-gradient(-45deg, #FFFAF2, #FFFAF2 3px,#FFF4DC 3px, #FFF4DC 7px);}

div.cbox_ h3.tabletilte { border-bottom:2px dotted #ccc; color:#003399; font-size:16px; margin:10px 0 20px; padding:10px 0; line-height:1.4em;}
div.cbox_ h3.tabletitle a{color:#003399}



/*タイトル横関連情報リンク*/
div.cbox_relation_links_ {
	display: block;
	height: 27px;
	position: absolute;
	top: 46px;
	right: -3px;
}
div.cbox_relation_links_ ul { list-style:none; height:50px; display:block; margin:0px 0px 0px 0px;}
div.cbox_relation_links_ ul li   { float:right; }
div.cbox_relation_links_ ul li a { color:#000; display:block; background:#fff; padding:5px 20px 5px 10px; margin:3px; border:1px solid #f5f5f5; font-size:14px; line-height:15px; background:url(../img/block_of_content/allow_03.png) right no-repeat;}


/*コンテンツ*/
div.cbox_ p { margin:20px 0; font-size:17px;line-height:1.7em;}
div.cbox_ p:after { margin:10px 0;}
div.cbox_ p img {}
div.cbox_ p img.pleft { float:left; margin-right:50px;}
div.cbox_ p img.pright { float:right; margin-left:50px;}
div.cbox_ p img.pborder { border:4px #ccc solid;}



/*ec検索用ボックス*/
.ecsearchbox_ {
	background:#ccc;
	padding:10px;
}








/***** translucent_box_ ******************************************************************************************/

div.translucent_box_ {position:relative; background:rgba(255,255,255,0.70);}

div.translucent_box_ h3 { border-bottom:2px dotted #ccc; color:#003399; font-size:22px; margin:20px; padding:10px 0; line-height:1.4em;}
div.translucent_box_ h3 a{color:#003399}
div.translucent_box_ .subtitle { font-size:65%; line-height:1.5em;}


/*コンテンツ*/
div.translucent_box_ p { margin:20px; font-size:17px;line-height:1.7em;}
div.translucent_box_ p:after { margin:10px 0;}
div.translucent_box_ p img {}
div.translucent_box_ p img.pleft { float:left; margin-right:50px;}
div.translucent_box_ p img.pright { float:right; margin-left:50px;}
div.translucent_box_ p img.pborder { border:4px #ccc solid;}










/***** .imglinkbox_1 ******************************************************************************************/

div.imglinkbox_1 { position:relative;}
div.imglinkbox_1 a { display:block; border:2px solid #f5f5f5;}
div.imglinkbox_1 a:hover { border:2px solid #ccc; opacity: 0.6;  }
div.imglinkbox_1 p.linktitle { position:absolute; top:30px; left:10px; display:block;}
div.imglinkbox_1 p.linktitle2 { position:absolute; top:15px; left:20px; display:block; font-weight: bold;}
div.imglinkbox_1 p.linktitle3 { position:absolute; top:15px; left:20px; display:block;}
div.imglinkbox_1 p.linktitlemenu { position:absolute; top:15px; left:70px; display:block; font-weight: bold;}







/***** box_protrude_ ******************************************************************************************/

div.translucent_box_ .protrude_top_ { position:absolute; display:block; top:-20px; left:0px; margin:0; padding:0;}








.b_center { text-align:center;}
div.cbox_inner_left  { float:left; width:462px;}
div.cbox_inner_right { float:right; width:462px;}


div#titleheader_ h1 { color:#003399; font-size:28px; margin:0; line-height:60px;}
.hr_1gr_ h1 { color:#003399; font-size:28px; margin:0; line-height:60px;}









.topic_box_ {}
.topic_box_ h2 { border-bottom:2px solid #003399;}


/**タイトルボックス**/
div.titlebox_left_{
	width:300px; padding:20px; text-align:center;
}


div.titlebox_left_ ul.titlebox_banner_      { margin:0px; list-style:none;}
div.titlebox_left_ ul.titlebox_banner_ li   { list-style:none;}
div.titlebox_left_ ul.titlebox_banner_ li a { display:block; height:50px; line-height:50px; background:rgba(225,225,225,0.80); border:1px solid #fff; width:100%;}
div.titlebox_left_ ul.titlebox_banner_ li a:hover { color:#159DFF; background: rgba(167,207,255,0.85); }


div.titlebox_left_ ul.titlebox_banner_ li a.bn_new { background:url(../img/block_of_content/bn-new.png) no-repeat;}
div.titlebox_left_ ul.titlebox_banner_ li a.bn_beginner { background:url(../img/block_of_content/bn_beginner.png) no-repeat;}



/**強調**/

strong { color:#003399; font-weight: normal; }
strong .lightorange { color:#ff6600; }
strong .red { color: red;}


/**リンク**/

div.cbox_ a { color:#0099ff;}
div.cbox_ h2 a{color:#003399}


div.cbox_ a.plink  { border:none;}
div.cbox_ a.plink img { border:1px solid rgba(205,27,30,1.00);}
div.cbox_ a.plink img:hover { border:1px #0099ff solid;}

/*リンクボタン*/
div.cbox_ a.textbutton_ { color:#000; display:inline-block; padding:1px 30px 1px 20px; font-size:90%; background: #DDD url(../images/textlink.png) right center no-repeat; font-weight:bold; margin:10px 0; border-bottom:1px solid #999;}

div.cbox_ a.textbutton2_ { color:#000; display:inline-block; padding:1px 30px 1px 20px; font-size:120%; background: #DDD url(../images/textlink.png) right center no-repeat; font-weight:bold; margin:10px 0; border-bottom:1px solid #999;}

div.cbox_ a.textbutton_, .textbutton2_:hover { background-color:#ccc;}

div.cbox_ a.textbutton3_ {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding:5px 35px 5px 20px;
  text-decoration: none;
  color: #fff;
  background: #444 url(../images/textlink.png) right center no-repeat;
  margin:10px 0;
}

div.cbox_ a.textbutton3_:hover {
  background: #0099ff url(../images/textlink.png) right center no-repeat;
  color: #fff;
}


div.translucent_box_ a.textbutton_ { color:#000; display:inline-block; padding:1px 30px 1px 20px; font-size:90%; background: #DDD url(../images/textlink.png) right center no-repeat; font-weight:bold; margin:10px 0; border-bottom:1px solid #999;}

div.translucent_box_ a.textbutton_:hover { background-color:#ccc;}


/**td a.textbutton_ { width:60%;}**/


/**説明画像**/
.commentary_img_ {
	border:4px solid #f5f5f5;
}


/**フォント設定**/
.font_s_ {font-size:80%;}

/**スクロールボックス**/

.scrollbox_5r {
	overflow:scroll;
	overflow-x: hidden;
	height:150px;
	border:3px solid #f5f5f5;
}





/**リンクエリアボタン**/

.linkbox {position:relative;}

.linkbox a{
	display:block;
	border:1px solid #f5f5f5;	
}

.linkbox a:hover{
	text-decoration:none;
	border:1px solid #ccc;
}


.linkbox h3 {
	display:block;
	margin:0;
	font-size:16px;
	padding:10px 10px 10px 60px;

}


.linkbox p {
	display:block;
	margin:0;
	font-size:90%;
	padding:5px 10px;
}



.cb_icon01_{
	position: absolute;
	top: -10px;
	left: 5px;
}



/**テーブル**/
div.cbox_ table { margin:10px 0; font-size:90%; border-right:1px solid #DDD; border-top:1px solid #DDD;}
div.cbox_ thead { border: #666 solid 1.5px; }
div.cbox_ thead th { background:#666; color:#fff;}
div.cbox_ thead td { background:#888; color:#fff;}

/*div.cbox_ tr:nth-child(even) {background: #f5f5f5;}*/


div.cbox_ th { padding:8px 15px; border-bottom: 1px solid #DDD; border-left:1px solid #DDD;} 
div.cbox_ td { padding:8px 15px; border-bottom: 1px solid #DDD; border-left:1px solid #DDD;}

div.cbox_ th.no-padding , div.cbox_ td.no-padding{ padding:0; } 


div.cbox_ td ul li {list-style:disc; padding-left:-5px; margin-left:10px;}


/**********アイコン**********/



/**アイコン一覧**/
div.cbox_ ul.iconlist_{ display:block; margin:10px auto;}
div.cbox_ ul.iconlist_ li { margin:3px 3px; list-style:none; display:block; float:left;}






/**********リスト関連**********/



/**注釈既存**/
.notesList dl {width:100%;}
.notesList dt {float:left;padding:0px 0 5px 5px;clear:both; font-size:90%;}
.notesList dd {margin-left:30px;padding:0px 0px 5px 8px; font-size:90%;}
.notes {font-size:11px; vertical-align:super; color:#FF6600;}


dl.notes_list {}
dl.notes_list dt {float:left;padding:0px 0 5px 5px;clear:both; font-size:90%;}
dl.notes_list dd {margin-left:30px;padding:0px 0px 5px 8px; font-size:90%;}


dl.notes_list2 {}
dl.notes_list2 dt {float:left;padding:0px 0px 5px 5px;clear:both; line-height: 2.0em;}
dl.notes_list2 dd {margin-left:40px;padding:0px 0px 5px 8px;line-height: 2.0em;}
dl.notes_list2 span {float: right; margin-right: 200px;}



/**注釈**/
div.cbox_ .noteslist { padding-left:30px;}
div.cbox_ .noteslist span { display:inline-block; width:1em;}
div.cbox_ .noteslist li { list-style:none; text-indent:-1em; }


/**リンクリスト**/
.linkList01 {list-style:none;}
.linkList01 li {list-style:none;}
.linkList01 li a { padding-left:15px; background: url(../img/block_of_content/allow_02.png) no-repeat left center;}
.linkList01 li a:hover { background: url(../img/block_of_content/allow_03.png) no-repeat left center;}


.linkList02 {list-style:none;}
.linkList02 li {list-style:none; float:left;}



div.cbox_ td ul.inlineList li{ margin-left:20px; list-style:none;}



/**通常ul**/

.list_st_ { margin-left:30px; }
.list_st_ li{list-style: disc; margin:5px 0px;}
.list_20_ li {
  border-left: solid 8px #2d8fdd;
  background: whitesmoke;
  margin-bottom: 20px;
  line-height: 1.5;
  padding: 0.5em;
  list-style-type: none!important;
}



/**通常ol**/

.list_num_ { margin-left:10px;}
.list_num_ li { margin-top:10px; margin-bottom:10px;}
.list_num_ li ol { margin-left:5px; }
.list_num_ li ol li{ list-style-type:none; list-style-position:inside; counter-increment: cnt;}
.list_num_ li ol li:before { display: marker;content: "(" counter(cnt) ") "; margin-left:-2em;}



/**********バックグラウンド**********/


/**container_outer_**/

.bgc_gray  {background:#ccc;}
.bgc_lgray {background:#f5f5f5;}
.bgc_dgray {background:#666;}

.bgc_dblue {background:#003399;}
.bgc_lblue {background:#0099ff;}



/**********attention_box**********/

.abox_
{
	margin:40px 0 20px;
	padding:15px;
	border:2px solid #ccc;
	position:relative;
	background:#f5f5f5;
	font-size:14px;
	}

.abox_ .abox_title_{
	position: absolute;
	top: -46px;
	left: -2px;
	height:25px;
	padding:0 10px;
	text-align:center;
	border:solid 0px #ccc;
	border-radius: 0.3em 0.3em 0 0;
	font-size:12px;
}


.ab_caution_ .abox_title_{ background:#003399;}
.ab_warning_ .abox_title_{}
.ab_important_ .abox_title_{}
.ab_related_ .abox_title_{ background:#003399; color:#fff;}

div.cbox_ .abox_ ul {margin:0;}





/*p 書式*/

.signature {
	text-align:right;
	display:block;
	height:12px;
	margin:0;
}
.update , .tpCade {font-size:12px; padding-left:5px;}




p.tpInfo {text-align:right; font-size:90%;}



/**カタログ**/
.thumbSell { display:inline-block; float:left; margin: 20px; wZidth:150px;}
.thumbSell img { border:1px solid hsla(0,0%,57%,1.00);}



/* --------------------------------------------------------------------以下、一時設置




/* --------------------------------------------------------------------
	ユーザー定義　画像hover表現
--------------------------------------------------------------------- */
#header a:hover img,
.leftmenuframe_ a:hover img,
.rightmenuframe_ a:hover img,
.img_ a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	background-color:transparent\0/;
}




/* --------------------------------------------------------------------
	ユーザー定義　ビジュアル
--------------------------------------------------------------------- */
#mainvisual {
	width:690px;
	height:260px;
	margin-bottom:15px;
	position:relative;
}



/* --------------------------------------------------------------------
	ユーザー定義　イベントバナー[静的]
--------------------------------------------------------------------- */
div.event_pickup_banner_ {
	margin-bottom:30px;
	border-left:#e5e5e5 1px solid;
	border-right:#e5e5e5 1px solid;
	border-bottom:#e5e5e5 1px solid;
}
div.event_pickup_banner_ ul {
	padding:10px 0 10px 20px;
	overflow:hidden;
}
div.event_pickup_banner_ ul li {
	margin:0 10px 10px 0;
	float:left;
}
div.event_pickup_banner_ ul li a:hover img {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	background-color:transparent\0/;
}











/* --------------------------------------------------------------------
	アイコン類
--------------------------------------------------------------------- */

.anc_pdf{background:url(../images/icon-anc-pdf.png) no-repeat; padding-left:28px;}
.anc_zip{background:url(../images/icon-anc-zip.png) no-repeat; padding-left:28px;}