@charset "utf-8";

/* ヘッダ */

.header {
	background-image:url(../image/header_bg.png);
	background-repeat:no-repeat;
	height:37px;
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
	overflow:hidden;
}

.header div.copylight {
	width:69px;
	height:17px;
	margin-left:771px;
	padding-top:10px;
}

ul#header {
	list-style: none; /* リストのマーカーを削除します。 */
	padding-top:9px;
	padding-left:776px;
}

ul#header li{
    list-style:none;
	margin-right:10px;
	float:left;
    width:69px;
}

/* ここからコンテンツ内 */

.content p {
	padding-top:10px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:14px;
}

.content p.mailorder {
	padding-top:0px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:14px;
}

.content p.bottom {
	margin-top:5px;
	padding-bottom:0px;
	padding-left:10px;
}
/* ここからコンテンツ左 */

.contentleft {
	width:600px;
	float: left;
	padding-left:10px;
}
.contentleft h1 {
    margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
}
.contentleft h2 {
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:8px;
}
.contentleft h3 {
	margin-top:10px;
	margin-bottom:8px;
	margin-left:0px;
}
.update {
	width:580px;
	margin-left:10px;
	margin-bottom:2px;
	padding-bottom:4px;
	background-image:url(../image/update_line.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
table.tableupdate {
	width:580px;
}

table.tableupdate td.update_new {
	width:36px;
}

table.tableupdate td.update_date {
	width:92px;
	font-size:12px;
	font-weight:bold;
	line-height:1.2em;
	color:#2882CA;
}

table.tableupdate td.update_content {
	width:90px;
	font-size:12px;
	line-height:1.2em;
	text-align:left;
}

table.tableupdate td.update_kousin {
	width:360px;
	font-size:12px;
	line-height:1.2em;
	color:#808080;
}

.pickupleft {
	background-image:url(../image/pickup_bg.gif);
	background-repeat:no-repeat;
	width:284px;
	height:85px;
	float:left;
	padding:5px;
	margin-right:6px;
	margin-bottom:6px;
}

.pickupimage {
	width:82px;
	height:82px;
	float:left;
}
.pickuptitleimg {
	width:49px;
	height:16px;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:13px;
	color:#666;
	float:left;
}
.pickuptitle {
	width:130px;
	height:16px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:13px;
	font-size: 9pt;
	line-height1.1em;
	color:#666;
	float:left;
}
.pickuptext {
	width:184px;
	margin-left:92px;
	font-size: 9pt;
	line-height: 1.1em;
	color:#666;
}
/* ここからコンテンツ右 */

.contentright {
	width:150px;
	float: right;
	padding-right:17px;
	display:inline;
}
.mobileupdate {
	width:150px;
	height:430px;
	padding-top:38px;
	padding-left:3px;
	padding-right:3px;
	background-image:url(../image/mobile_bg.gif);
	background-repeat:no-repeat;
}
.twit {
	margin-top:5px;
	margin-bottom:10px;
	width:150px;
	min-height:400px;
	height:auto;
}
* html .twit {
	width: 0px;
	height: 0px;
	overflow: hidden;
	position: absolute;
	top: 0;
}

/* ここからメニュー */

.sidebar1 div.logo {
	width:77px;
	height:61px;
	margin-top:14px;
	margin-bottom:12px;
	margin-left:42px;
}
	
.sidebar1 div.line {
	width:117px;
	height:3px;
	padding-top:5px;
	padding-bottom:12px;
	padding-left:23px;
}

table#saletitle {
	width:110px;
	margin-bottom:10px;
}

table#saletitle td.titleimage {
	text-align:center;
}

table#saletitle td.title_title {
	text-align:center;
	line-height:1.5em;
	font-size:10px;
	font-weight:bold;
}

.sidebar1 div.saletitle {
	width:110px;
	margin-left:21px;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	border:solid;
	border-width:1px;
	border-color:#000;
	background-color:#eaeff2;
}

ul#menu {
	list-style: none; /* リストのマーカーを削除します。 */
}

ul#menu li{
    list-style:none;
    width:123px;
}

ul#menu a {
	margin-bottom:10px;
	margin-left:20px;
	display: block; /* リンクにブロックプロパティを指定し、リンクが含まれる LI 全体がリンクになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */
	width: 123px;  /*この幅により、IE6 でボタン全体をクリックできるようになります。IE6 をサポートする必要がない場合は削除できます。適切な幅を計算するには、サイドバーコンテナの幅からそのリンクの余白を減算します。 */
}

a.home{ display:block; background-image:url(../image/menu_home.gif); width:123px; height:23px; margin-bottom:1px;}
a.home:hover{ background-position:top right;}

a.info{ display:block; background-image:url(../image/menu_info.gif); width:123px; height:23px; margin-bottom:1px;}
a.info:hover{ background-position:top right;}

a.products{ display:block; background-image:url(../image/menu_products.gif); width:123px; height:23px; margin-bottom:1px;}
a.products:hover{ background-position:top right;}

a.download{ display:block; background-image:url(../image/menu_download.gif); width:123px; height:23px; margin-bottom:1px;}
a.download:hover{ background-position:top right;}

a.support{ display:block; background-image:url(../image/menu_support.gif); width:123px; height:23px; margin-bottom:1px;}
a.support:hover{ background-position:top right;}

a.goods{ display:block; background-image:url(../image/menu_goods.gif); width:123px; height:23px; margin-bottom:1px;}
a.goods:hover{ background-position:top right;}

a.special{ display:block; background-image:url(../image/menu_special.gif); width:123px; height:23px; margin-bottom:1px;}
a.special:hover{ background-position:top right;}

a.link{ display:block; background-image:url(../image/menu_link.gif); width:123px; height:23px; margin-bottom:1px;}
a.link:hover{ background-position:top right;}

/* メイン部分下部 */

.mainbottom {
	background-image:url(../image/main_bottom.png);
	background-repeat:no-repeat;
	height:15px;
	position: relative;
	clear: both;
}
/* ~~ フッター ~~ */

.footer div.page_top {
	width:79px;
	height:17px;
	margin-left:850px;
	padding-top:30px;
}

.footer {
	height:63px;
	background-image:url(../image/footer_bg.gif);
	background-repeat:no-repeat;
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
}

/* インフォメーション用 */

.info_top_a , .info_top_d , .info_top_p , .info_top_r , .info_top_g , .info_top_m { margin: 0pt; padding-top: 4px; padding-bottom: 4px; padding-left:5px; line-height: 15px; font-weight: bold; font-size: 13px; color:#FFF; }
.info_center_a, .info_center_d , .info_center_p , .info_center_r , .info_center_g , .info_center_m { margin: 0pt; padding-top: 8px; padding-left: 8px; padding-right: 8px; font-size: 13px;}
.info_bottom_a, .info_bottom_d , .info_bottom_p , .info_bottom_r , .info_bottom_g , .info_bottom_m { margin-bottom: 10px; padding-top: 0px; height: 10px; overflow: hidden; clear:both;}

.info_main { margin: 5px auto; width: 600px; }

.info_top_a { border-top:1px solid #1A1261; border-right:1px solid #1A1261; border-left:1px solid #1A1261; background-color:#364187;}
.info_center_a { border-top:1px solid #1A1261; border-right:1px solid #1A1261; border-left:1px solid #1A1261; }
.info_bottom_a { border-bottom:1px solid #1A1261; border-right:1px solid #1A1261; border-left:1px solid #1A1261; }

.info_top_d { border-top:1px solid #e07b00; border-right:1px solid #e07b00; border-left:1px solid #e07b00; background-color:#FF9E28;}
.info_center_d { border-top:1px solid #e07b00; border-right:1px solid #e07b00; border-left:1px solid #e07b00; }
.info_bottom_d { border-bottom:1px solid #e07b00; border-right:1px solid #e07b00; border-left:1px solid #e07b00; }

.info_top_p { border-top:1px solid #FF4DA6; border-right:1px solid #FF4DA6; border-left:1px solid #FF4DA6; background-color:#F6C;}
.info_center_p { border-top:1px solid #FF4DA6; border-right:1px solid #FF4DA6; border-left:1px solid #FF4DA6; }
.info_bottom_p { border-bottom:1px solid #FF4DA6; border-right:1px solid #FF4DA6; border-left:1px solid #FF4DA6; }

.info_top_r { border-top:1px solid #7a0000; border-right:1px solid #7a0000; border-left:1px solid #7a0000; background-color:#bf0000;}
.info_center_r { border-top:1px solid #7a0000; border-right:1px solid #7a0000; border-left:1px solid #7a0000; }
.info_bottom_r { border-bottom:1px solid #7a0000; border-right:1px solid #7a0000; border-left:1px solid #7a0000; }

.info_top_g { border-top:1px solid #356209; border-right:1px solid #356209; border-left:1px solid #356209; background-color:#52ad26;}
.info_center_g { border-top:1px solid #356209; border-right:1px solid #356209; border-left:1px solid #356209; }
.info_bottom_g { border-bottom:1px solid #356209; border-right:1px solid #356209; border-left:1px solid #356209; }

.info_top_m { border-top:1px solid #005388; border-right:1px solid #005388; border-left:1px solid #005388; background-color:#1697d9;}
.info_center_m { border-top:1px solid #005388; border-right:1px solid #005388; border-left:1px solid #005388; }
.info_bottom_m { border-bottom:1px solid #005388; border-right:1px solid #005388; border-left:1px solid #005388; }

table.table_info_date { width:582px; margin:0px auto; }
table.table_info_date th , table.table_info_date td { vertical-align:top; text-align:left; font-weight: bold; font-size: 13px; color:#FFF; }
table.table_info_date td.date {width:100px;}

table.table_info_a td , table.table_info_d td , table.table_info_p td , table.table_info_r td , table.table_info_g td , table.table_info_m td { color:#666666; }

table.table_info_a {width:582px; margin:0px auto; border:1px solid #1A1261;}
table.table_info_a th , table.table_info_a td { padding:3px; border-right:1px solid #1A1261; padding:5px; vertical-align:top; text-align:left; }

table.table_info_d {width:582px; margin:0px auto; border:1px solid #e07b00;}
table.table_info_d th , table.table_info_d td { padding:3px; border-right:1px solid #e07b00; padding:5px; vertical-align:top; text-align:left; }

table.table_info_p {width:582px; margin:0px auto; border:1px solid #FF4DA6;}
table.table_info_p th , table.table_info_p td { padding:3px; border-right:1px solid #FF4DA6; padding:5px; vertical-align:top; text-align:left; }

table.table_info_r {width:582px; margin:0px auto; border:1px solid #bf0000;}
table.table_info_r th , table.table_info_r td { padding:3px; border-right:1px solid #bf0000; padding:5px; vertical-align:top; text-align:left; }

table.table_info_g {width:582px; margin:0px auto; border:1px solid #356209;}
table.table_info_g th , table.table_info_g td { padding:3px; border-right:1px solid #356209; padding:5px; vertical-align:top; text-align:left; }

table.table_info_m {width:582px; margin:0px auto; border:1px solid #005388;}
table.table_info_m th , table.table_info_m td { padding:3px; border-right:1px solid #005388; padding:5px; vertical-align:top; text-align:left; }

/* プロダクト用 */

.product_main { background-image:url(../products/image/products_bg.gif); background-position:bottom; background-repeat:no-repeat; margin: 5px auto 10px auto; width: 610px; }

.product_top_a { height:10px; margin: 0px; background-image:url(../products/image/products_bg_top.gif); background-repeat:no-repeat; overflow:hidden;}
.product_center_a { margin: 0px; padding-top: 0px; padding-left: 8px; padding-right: 8px; padding-bottom:0px; }
.product_center_a div.setumei { margin:0 0 0 8px; padding:0px 5px 10px 5px; width:570px; font-size: 13px; line-height:14px; color:#666; background-image:url(../products/image/products_bg_line.gif); background-position:bottom; background-repeat:repeat-x;}
.product_center_a div.setumei2 { margin:0 0 0 8px; padding:5px 5px 0px 5px; width:570px; font-size: 13px; line-height:13px; color:#666;}
.product_center_a h1 { margin:0 0 0 8px; padding:0px 5px; width:570px; background-color:#364187; font-size: 13px; color:#FFF;}
.product_center_a h1.ps { margin:0 0 0 8px; padding:0px 5px; width:570px; background-color:#e07b00; font-size: 13px; color:#FFF;}
.product_center_a h1.tmb { margin:0 0 0 8px; padding:0px 5px; width:570px; background-color:#900; font-size: 13px; color:#FFF;}
.product_center_a h2 { margin:8px 0 10px 16px; padding:0px auto;}
.product_center_a b.windows {color:#364187;}
.product_center_a b.ps {color:#F90;}
.product_center_a b.r18 {color:#C00;}
.product_center_a b.tmb {color:#900;}
.product_bottom_a { margin:0px; height:10px; overflow: hidden; clear:both;}

/* ダウンロード用 */

.download_main { background-image:url(../download/image/download_bg.gif); background-position:bottom; margin: 5px auto 10px auto; width: 610px; }

.download_center_a { margin: 0pt; padding-top: 8px; padding-left: 8px; padding-right: 8px; font-size:13px; line-height:13px}

.download_top_a { height:10px; margin: 0pt; background-image:url(../download/image/download_bg_top.gif); background-position:top; background-repeat:no-repeat; width: 610px; overflow:hidden;}
.download_center_a { margin: 0pt; padding-top: 0px; padding-left: 8px; padding-right: 6px; padding-bottom:0px; clear:both;}
.download_bottom_a { margin:0px; height:10px; overflow: hidden; clear:both;}

table.download_a { width:582px; margin:0px auto; border:1px solid #1A1261;}
table.download_a th , table.download_a td { border-right:1px solid #1A1261; border-bottom:1px solid #1A1261; padding:1px 0 1px 5px; vertical-align:top; text-align:left; color:#666;}
table.download_a td.downtitle { background-color:#364187; color:#FFF; font-weight:bold; text-align:center}
table.download_a td.downtitleimg { width:126px; padding:5px; text-align:center;}
table.download_a td.downtitlelist { width:436px; padding:5px;}
table.download_a li,
div.downtitlelist li { list-style-type:square; list-style-position:inside }

/*----- 2010/6/18 add -----*/
table.table_dlDetail_a th.bgBlue{
background-color:#364187;
color:#FFFFFF;
}

.tdCenter td,
.tCenter{
text-align:center !important;
}

.tdCenter td.tLeft{
text-align:left !important;
}

/*-- ダウンロードページのタイトルリンク --*/
table.download_a td.downtitle a:link{
color:#FFFFFF;
text-decoration:none !important;
}
table.download_a td.downtitle a:visited{
color:#FFFFFF;
text-decoration:none !important;
}
table.download_a td.downtitle a:hover,
table.download_a td.downtitle a:active{
color:#7898ED;
text-decoration:none !important;
}

div.downtitlelist{ margin:0 10px;}
.downLeadTxt{ margin:0 10px 10px 10px;}
div.downtitlelist li,
.downLeadTxt li { list-style-type:square; list-style-position:inside }

/*-- ダウンロードページの詳細 --*/
.download_detail { margin: auto auto 5px auto; width: 600px; }
.download_detail_a { margin: 0pt; padding-top: 4px; padding-bottom: 4px; padding-left:5px; line-height: 15px; font-weight: bold; font-size: 13px; color:#FFF; border-top:1px solid #1A1261; border-right:1px solid #1A1261; border-left:1px solid #1A1261; background-color:#364187;  }
.download_centerDetail_a { margin: 0pt; padding-top: 8px; padding-left: 8px; padding-right: 8px; font-size: 13px; border-top:1px solid #1A1261; border-right:1px solid #1A1261; border-left:1px solid #1A1261;}
.download_detail_bottom_a { margin-bottom: 10px; padding-top: 0px; height: 10px; overflow: hidden; clear:both; border-bottom:1px solid #1A1261; border-right:1px solid #1A1261; border-left:1px solid #1A1261;}
.download_centerDetail_a td,
.download_centerDetail_a th { color:#666666; }

table.table_dlDetail_a {width:582px; margin:0px auto; border:1px solid #1A1261;}
table.table_dlDetail_a th , table.table_dlDetail_a td { font-size:13px; line-height:16px; color:#666; padding:3px; border-right:1px solid #1A1261; border-bottom:1px solid #1A1261; vertical-align:top; text-align:left; }
.table_dlDetail_a td { color:#666666; }

table.table_dlDetail_a th{
text-align:center;
background-color:#DFF5FF;
font-weight:normal;
color:#3A4AA7;
}

table.table_dlDetail_a td.tC{
text-align:center;
}

table.table_dlDetail_a .dl_img {
width:100px;
float:left;
}

table.table_dlDetail_a .dl_txt {
width:420px;
float:right;
}

/*-- ダウンロードページのミラーリング --*/
.dlMirror,
.dlMirror p{
margin:0;
padding:0;
}

.dlMirror{
width:582px;
margin:0px auto;
}

.dlMirror .boderNone th,
.dlMirror .boderNone td{
border:none;
}

.dlMirror th{
width:70%;
text-align:left;
padding:10px 5px;
border-bottom:#CCCCCC solid 1px;
}

.dlMirror td{
width:15%;
text-align:right;
padding:10px 5px;
border-bottom:#CCCCCC solid 1px;
}

.dlMirror .mirrorCaption td{
text-align:center !important;
padding:20px 0;
}

/*-- リンクページ --*/
table.download_a td.linkBanner { width:200px; padding:5px; text-align:center;}
table.download_a td.linkTxt { width:362px; padding:5px; vertical-align:middle}
table.download_a td.tmban { padding:5px; text-align:center; vertical-align:middle}

/* グッズ用 */

.goods_main { margin: auto auto 5px auto; width: 600px; }

.goods_top_a { margin: 0pt; padding-top: 4px; padding-bottom: 4px; padding-left:5px; line-height: 15px; font-weight: bold; font-size: 13px; color:#FFF; }
.goods_center_a { margin: 0pt; padding-top: 8px; padding-left: 8px; padding-right: 8px; font-size: 13px;}
.goods_bottom_a { margin-bottom: 10px; padding-top: 0px; height: 10px; overflow: hidden; clear:both;}

.goods_top_a { border-top:1px solid #1A1261; border-right:1px solid #1A1261; border-left:1px solid #1A1261; background-color:#364187;}
.goods_center_a { border-top:1px solid #1A1261; border-right:1px solid #1A1261; border-left:1px solid #1A1261; }
.goods_bottom_a { border-bottom:1px solid #1A1261; border-right:1px solid #1A1261; border-left:1px solid #1A1261; }

table.table_goods_a {width:582px; margin:0px auto; border:1px solid #1A1261;}
table.table_goods_a th , table.table_goods_a td { font-size:13px; line-height:16px; color:#666; padding:3px; border-right:1px solid #1A1261; border-bottom:1px solid #1A1261; vertical-align:top; text-align:left; }
table.table_goods_a td.goods_img { width:100px; }
table.table_goods_a td.goods_txt { width:476px; }

table.goodsnav { width:582px; }
table.goodsnav th , table.goodsnav td { width:33%; font-size:13px; line-height:13px; color:#666; font-weight:bold; padding:6px; vertical-align:top; text-align:center; border:1px solid #1A1261;}
table.goodsnav td.goodsnow { background-color:#DFF5FF; }
table.goodsnav td.goodsnow2 { background-color:#DFF5FF; border-top:1px solid #1A1261; border-left:1px solid #1A1261; border-right:1px solid #1A1261; border-bottom:1px solid #DFF5FF;}
table.goodsnav td.goodsnow2b { width:50%; background-color:#DFF5FF; border-top:1px solid #1A1261; border-left:1px solid #1A1261; border-right:1px solid #1A1261; border-bottom:1px solid #DFF5FF;}
table.goodsnav td.goodsnow2c { width:50%;background-color:#DFF5FF; border-top:1px solid #1A1261; border-left:1px solid #1A1261; border-right:1px solid #1A1261; border-bottom:1px solid #DFF5FF;}

table.goodsnav_u { width:582px; }
table.goodsnav_u th , table.goodsnav_u td { width:50%; font-size:13px; line-height:13px; color:#666; font-weight:bold; padding:6px; vertical-align:top; text-align:center;}
table.goodsnav_u td.goodsnow_l { background-color:#DFF5FF; border-bottom:1px solid #1A1261; border-left:1px solid #1A1261;}
table.goodsnav_u td.goodsnow_r { background-color:#DFF5FF; border-bottom:1px solid #1A1261; border-right:1px solid #1A1261;}

table.goodsnav_u2 { width:582px; }
table.goodsnav_u2 th , table.goodsnav_u2 td { width:33%; font-size:13px; line-height:13px; color:#666; font-weight:bold; padding:6px; vertical-align:top; text-align:center;}
table.goodsnav_u2 td.goodsnow_l { background-color:#DFF5FF; border-bottom:1px solid #1A1261; border-left:1px solid #1A1261;}
table.goodsnav_u2 td.goodsnow_r { background-color:#DFF5FF; border-bottom:1px solid #1A1261;}
table.goodsnav_u2 td.goodsnow_r2 { background-color:#DFF5FF; border-bottom:1px solid #1A1261; border-right:1px solid #1A1261;}

/* スペシャル用 */

.special_main { background-image:url(../special/image/special_bg.gif); background-position:bottom; margin: 5px auto 10px auto; width: 610px; }

.special_center_a { margin: 0pt; padding-top: 8px; padding-left: 8px; padding-right: 8px; font-size:13px; line-height:13px}

.special_top_a { height:10px; margin: 0pt; background-image:url(../special/image/special_bg_top.gif); background-position:top; background-repeat:no-repeat; width: 610px; overflow:hidden;}
.special_center_a { margin: 0pt; padding-top: 0px; padding-left: 8px; padding-right: 6px; padding-bottom:0px; clear:both;}
.special_bottom_a { margin:0px; height:10px; overflow: hidden; clear:both;}

table.special_a { width:582px; margin:0px auto; border:1px solid #666;}
table.special_a th , table.special_a td { border-right:1px solid #666; border-bottom:1px solid #666; padding:1px 0 1px 5px; vertical-align:top; text-align:left; color:#666;}
table.special_a td.special_title1 { background-color:#F5CC0A; color:#FFF; font-weight:bold; text-align:center}
table.special_a td.special_title2 { background-color:#F90; color:#FFF; font-weight:bold; text-align:center}
table.special_a td.special_img { text-align:center; padding:5px;}
table.special_a td.special_txt { padding:7px;}

/* ~~ その他の float/clear クラス ~~ */
s
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* 文字サイズなど */

.lead {
	font-size: 10px;
	line-height: 12px;
	color:#666;
}
.cont {
	font-size: 12px;
	line-height: 16px;
	color:#666;
}

.contred {
	font-size: 12px;
	line-height: 16px;
	color:#F00;
}

.date {
	font-size: 12px;
	line-height: 16px;
	color:#666;
	font-weight: bold;
}
.title {
	font-size: 18px;
	line-height: 18px
}

/* twitter用 */

.twtr-hd h4,
.twtr-hd h4 a{
font-size:12px !important;
}