@charset "Shift-JIS";
/* 新スタイルシート  pc.css → style.css */

/*［ページ全体］***************************************************************/

body		{width:784px; margin:0 auto; padding:0; color:#333333; 
			font:12px/17px "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","メイリオ",Osaka,sans-serif;
			background:#dddddd url(image/bg_body.jpg) repeat-y center top;}
form,input,textarea,checkbox,option	{font-size:12px;}
a:link		{color:#0000cc;}
a:visited	{color:#0000cc;}
a:hover		{color:#cc0000;}
a:active	{color:#cc0000;}


/*［ヘッダ部 / フッタ部］******************************************************/

/* ヘッダ部 */
#head		{width:784px; margin:0; padding:1em 0; background-color:#ffffff;}
.headL		{width:120px; float:left;  height:60px; padding:0; text-align:left; vertical-align:bottom;}
.headR		{width:646px; float:right; height:60px; padding:0; text-align:left; font:12px arial,helvetica,sans-serif;}

.headRT		{height:18px; margin:0; padding:0; color:#ccffcc; background:#008000; overflow:hidden;}
.headRM		{height:18px; margin:3px 0 1px 0; padding:0 0 0 1ex; overflow:hidden;}
.headRB		{height:20px; padding:0; vertical-align:middle; overflow:hidden;}

table.navi		{width:646px; margin:0; border-collapse:collapse;}
.navi th		{height:20px; padding:0; text-align:center; vertical-align:middle; 
				 background:transparent url(image/navi.gif) repeat-x; left top;}
.navi a			{display:block; min-width:64px; padding-top:1px; text-decoration:none; font:normal 12px arial,helvetica,sans-serif;}
.navi a:link	{color:#003366; text-decoration:none; border-bottom:0px solid #66aa66;}
.navi a:visited	{color:#003366; text-decoration:none; border-bottom:0px solid #66aa66;}
.navi a:hover	{color:#660000; text-decoration:none; border-bottom:2px solid #cc0000;}
.navi a:active	{color:#660000; text-decoration:none; border-bottom:2px solid #cc0000;}

/* フッタ部 */
#foot		{width:784px; margin:0; padding:1em 0; background-color:#ffffff; font:12px/15px arial,helvetica,sans-serif;}
.footT		{margin:0; padding:0.5ex 0; text-align:center; background-color:#cccccc;}
.footB		{margin:0; padding:0.5ex 0; text-align:center;}

.headRM a:link,   #foot a:link		{text-decoration:none;}
.headRM a:visited,#foot a:visited	{text-decoration:none;}
.headRM a:hover,  #foot a:hover		{text-decoration:underline;}
.headRM a:active, #foot a:active	{text-decoration:underline;}


/*［メイン：全体］************************************************************/

/* 本文：レイアウト
	二段組みの時［paneLeft - paneMain］120px-(18px)-646px
	三段組みの時［paneLeft - paneMid - paneRight］ 122px-(18px)-468px-(18px)-160px
*/
#pane		{float:none;  width:784px; margin:0; padding:0; background:#ffffff;}
#paneLeft	{float:left;  width:120px; margin:0; padding:0;}
#paneMain	{float:right; width:646px; margin:0; padding:0;}
#paneMid	{float:left;  width:468px; margin:0 0 0 18px; padding:0;}
#paneRight	{float:right; width:160px; margin:0; padding:0;}

#paneLeft a:link,   #paneRight a:link	 {text-decoration:none;}
#paneLeft a:visited,#paneRight a:visited {text-decoration:none;}
#paneLeft a:hover,  #paneRight a:hover	 {text-decoration:underline;}
#paneLeft a:active, #paneRight a:active	 {text-decoration:underline;}


/*［メイン：本文］************************************************************/

/* 見出し */
h1, h2		{margin:0 0 1em 0; padding:2px 0; color:#ffffff; background-color:#333399; border:3px double #ffffff;
			 text-align:center; font:bold 14px times,arial,helvetica,sans-serif;}
h3			{margin:0 0 1em 0; padding:1px 0; color:#003366; background-color:#ccccff; border:5px double #ffffff;
			 text-align:center; font:bold 14px arial,helvetica,sans-serif;}
h4			{margin:0 0 1em 0; padding:0; color:#cc3366; text-align:left; font:bold 14px arial,helvetica,sans-serif;}
h1 hr,h2 hr	{margin:2px 1ex; border:1px solid #9999cc;}
h3 hr		{margin:2px 0; border:1px solid #ffffff;}

/* 仕様ページ用(ref) */
table.chart	{width:646px; margin:0; text-align:center; border:0; border-collapse:collapse;
			 font:normal 12px/16px arial,helvetica,sans-serif;}
.chart th	{padding:1px; color:#003300; background-color:#cceecc; font-weight:normal; border:1px solid #aaccaa;}
.chart td	{padding:1px; border:1px solid #aaaaaa; background-color:#ffffff;}
.chart hr	{margin:1px 3px; padding:0; color:silver; height:1px; border:1px solid silver;}
.footnote	{width:600px; padding:3px 8px; font:11px/15px "ＭＳ Ｐゴシック",Osaka,sans-serif;}
.chart small{font-size:11px; font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;}

/* 本文：アイテムリスト部 */
table.item	{width:468px; margin:0; border:0; border-collapse:collapse; font:12px/16px "ＭＳ Ｐゴシック",Osaka,sans-serif;}
.itemHead	{width:456px; margin:0 6px; color:#226655; text-align:left;}
.itemL		{width:112px; padding:0; text-align:center; vertical-align:middle;}
.itemR		{padding:0; text-align:left; vertical-align:top;}
.itemName	{margin:0; font-family:arial,helvetica,sans-serif;}
.itemRef	{margin:0; padding:4px 0 3px 3px; font-size:11px;}
.itemExp	{margin:0; padding:0 0 4px 0;}
.itemPrice	{color:#cc3333; font:bold 12px verdara,arial,helvetica,sans-serif;}
.itemShop	{}
.itemRef a:link,   .itemShop a:link   {text-decoration:none;}
.itemRef a:visited,.itemShop a:visited{text-decoration:none;}
.itemRef a:hover,  .itemShop a:hover  {text-decoration:underline;}
.itemRef a:active, .itemShop a:active {text-decoration:underline;}

.pageindex	{width:468px; margin:0 0 5px 0; padding:0; text-align:center; border-bottom:1px solid #999999;}
.pageindex form		{margin:3px 0px; padding:0; color:#333333; font-size:12px;}
.pageindex table	{width:100%; border-collapse:collaspe; table-layout:fixed;}
.pageindex table th	{padding:0; text-align:left; color:#336600; font:bold 13px arial,helvetica,sans-serif;}
.pageindex table td	{padding:0; text-align:center;}

/* ソフトウェア */
dl.software	 {margin:0 0 12px 0; font-family:arial,helvetica,sans-serif;}
.software dt {margin:0; padding:3px 0 1px 20px; background:url(image/mk_14r.gif) no-repeat 3px 60%;}
.software dd {margin:0 0 0 2em;}

/* アイコン付き文字列 */
.linkcap	{padding:2px 1px 2px 18px; text0align:left; font-weight:bold; background:url(image/pointer_1.jpg) no-repeat left 10%;}
.imgcap14r,.imgcap14g,.imgcap14b,.imgcap14s,.imgcap14w {
				margin:0; padding:3px 0 1px 18px; text-align:left; border-bottom:1px solid silver;}
.imgcap14r	{background:url(image/mk_14r.gif) no-repeat 0% 60%;}
.imgcap14g	{background:url(image/mk_14g.gif) no-repeat 0% 60%;}
.imgcap14b	{background:url(image/mk_14b.gif) no-repeat 0% 60%;}
.imgcap14s	{background:url(image/mk_14s.gif) no-repeat 0% 60%;}
.imgcap14w	{background:url(image/mk_14w.gif) no-repeat 0% 60%;}
.imgcap14r a:link,   .imgcap14g a:link,   .imgcap14b a:link,   .imgcap14s a:link,   .imgcap14w a:link    {text-decoration:none;}
.imgcap14r a:visited,.imgcap14g a:visited,.imgcap14b a:visited,.imgcap14s a:visited,.imgcap14w a:visited {text-decoration:none;}
.imgcap14r a:hover,  .imgcap14g a:hover,  .imgcap14b a:hover,  .imgcap14s a:hover,  .imgcap14w a:hover {text-decoration:underline;}
.imgcap14r a:active, .imgcap14g a:active, .imgcap14b a:active, .imgcap14s a:active, .imgcap14w a:active{text-decoration:underline;}


/*［メイン：サイド］**********************************************************/

/* サイド部コラム */
.side		{margin:0 0 1em 0; padding:0; text-align:center;}
.sidetitle	{margin:0; padding:0; color:#ffffff; background:#339933; text-align:center;}
.sidedesc	{margin:-1px 0 0 0; padding:3px; text-align:left; border:1px solid #339933;}
.sidedescC	{margin:-1px 0 0 0; padding:3px; text-align:center; border:1px solid #339933;}

/* サイドメニュー */
.menustd,.menusel{margin:0; padding:1px 0 1px 14px; border-bottom:1px solid silver;}
p.menustd		{background:url(image/mk_squ.gif) no-repeat -3px center; }
p.menusel		{background:url(image/mk_tri.gif) no-repeat -3px center; font-weight:bold;}


/*［その他］******************************************************************/

/* バナーエクスチェンジフレーム用 */
.xb	{width:120px; height:110px;}
/* テクチェンフレーム用 */
.xt	{width:160px; height:756px; border:1px solid green;}

