/*__________________________________________________

  ページ全体の設定
  __________________________________________________*/
* {
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	background-color: #DDDDDD;
	background-image: url("../img/com/bg_gray.gif");
	font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	color: #333333;
	font-size: small;
}

/*__________________________________________________

  オブジェクト
  __________________________________________________*/
img {
	border: 0;
	vertical-align: top;
}

/* フロート回り込み解除
----------------------------------------------- */
.clear {
    clear: both;
    /* display: none; */
    font-size: 0px;
    line-height: 0%;
    height: 0px;
}

/* リンク指定
----------------------------------------------- */
a {
	color: #006699;
	text-decoration: underline;
}
a:hover {
	color: #0099FF;
	text-decoration: none;
}
/* 文字指定
----------------------------------------------- */
.mini {
	font-size: x-small;
}
.big {
	font-size: medium;
}
em {
    font-style: normal;
	font-weight: bold;
    color: #990000;
}

/*__________________________________________________

  ラップ
  __________________________________________________*/
div#allwrap {
	width: 900px;
	height: auto;
    margin: 0 auto 5em auto;
	padding: 0;
	background-color: #FFFFFF;
	border-left: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
}


/*__________________________________________________

  ヘッダ
  __________________________________________________*/
div#header {
    width: 860px;
    height: 38px;
    margin: 0;
	padding: 14px 20px 8px 20px;
	background-image: url("../img/com/bg_header.gif");
	background-repeat: repeat-x;
}
div#header h1 {
	float: left;
	width: 410px;
}

div#header div#description {
	float: right;
	width: 410px;
	padding: 22px 0 0 0;
	font-size: 11px;
	color: #666666;
	text-align: right;
}

/*__________________________________________________

  グローバルナビゲーション
  __________________________________________________*/
div#globalnavi {
    width: 900px;
    height: 60px;
    margin: 0;
	padding: 0;
}
div#globalnavi ul li {
	float: left;
	display: inline;
	text-indent: 500%;
	white-space: nowrap;
	overflow: hidden;
}
div#globalnavi ul li a {
	display: block;
	width: 180px;
	height: 60px;
	overflow: hidden;
}

/*  オフ  */
#gn-home a			{background: url("../img/com/globalnavi.png") 0 -60px no-repeat;}
#gn-service a		{background: url("../img/com/globalnavi.png") -180px -60px no-repeat}
#gn-make a			{background: url("../img/com/globalnavi.png") -360px -60px no-repeat}
#gn-download a		{background: url("../img/com/globalnavi.png") -540px -60px no-repeat}
/*#gn-shop a			{background: url("../img/com/globalnavi.png") -600px -60px no-repeat}*/
#gn-support a		{background: url("../img/com/globalnavi.png") -720px -60px no-repeat}

/*  ロールオーバー  */
#gn-home a:hover		{background-position: 0 0;}
#gn-service a:hover		{background-position: -180px 0;}
#gn-make a:hover		{background-position: -360px 0;}
#gn-download a:hover	{background-position: -540px 0;}
/*#gn-shop a:hover		{background-position: -600px 0;}*/
#gn-support a:hover		{background-position: -720px 0;}

/*  表示ページ  */
#gn-home a.show, #gn-home a.show:hover			{background-position: 0 0;}
#gn-service a.show, #gn-service a.show:hover	{background-position: -180px 0;}
#gn-make a.show, #gn-make a.show:hover			{background-position: -360px 0;}
#gn-download a.show, #gn-download a.show:hover	{background-position: -540px 0;}
/*#gn-shop a.show, #gn-shop a.show:hover			{background-position: -600px 0;}*/
#gn-support a.show, #gn-support a.show:hover	{background-position: -720px 0;}

/*__________________________________________________

  フレーム
  __________________________________________________*/
div#container {
    width: 860px;
	height: auto;
    margin: 0;
    padding: 10px 20px;
}
#container:after {/* firefox背景色表示用 */
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#leftcolumn {
    float: left;
    width: 620px;
    margin: 0 20px 0 0;
}
div#rightcolumn {
    float: left;
    width: 220px;
}

/*__________________________________________________

  左カラム設定
  __________________________________________________*/
div#pagetitle {
	width: 620px;
	height: 35px;
	margin: 0 0 15px 0;
	padding: 0;
}


/* メインブロック(汎用)
----------------------------------------------- */
div#leftcolumn .mainblock {
	/*width: 620px;*/
	width: 100%;
	height: auto;
	margin: 0 0 2em 0;
	padding: 0;
	line-height: 150%;
	letter-spacing: 0.1em;
}
div#leftcolumn .mainblock_border {
	width: 620px;
	height: auto;
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
	line-height: 150%;
	letter-spacing: 0.1em;
	border-top: 2px solid #CCCCCC;
}

/* 汎用タイトル */
div#leftcolumn .mainblock h3 {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	font-size: 100%;
	background-image: url("../img/com/bg_gray.gif");
}
div#leftcolumn .mainblock h4 {
	margin: 0 5px 5px 5px;
	padding: 0 0 5px 0;
	font-size: 100%;
	border-bottom: 1px solid #666666;
}


/* 汎用テキスト */
div#leftcolumn p {
	width: auto;
	height: auto;
	/*margin: 0 0 10px 0;*/
	margin: 0 0 1em 0;
	padding: 0 5px;
}
/* 汎用テキスト(右揃え) */
div#leftcolumn p.right {
	text-align: right;
}
/* 汎用テキスト(中央揃え) */
div#leftcolumn p.center {
	text-align: center;
}


/* 汎用リスト */
div#leftcolumn ul,
div#leftcolumn ol {
	margin: 0 0 10px 0;
	padding: 0 5px 0 25px;
}
div#leftcolumn ol li {
	margin: 0 0 20px 0;
	vertical-align: top;
}

/* 汎用リスト内テキスト */
div#leftcolumn ul p,
div#leftcolumn ol p {
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
}

/*__________________________________________________

  右カラム設定
  __________________________________________________*/
#rightcolumn .sideblock {
	width: 220px;
	margin: 0 0 10px 0;
	padding: 0;
	background: url("../img/com/bg_boxArea_body.gif") 0 0 no-repeat;
}

#rightcolumn .sideblock .wrap{
	width: 220px;
	padding-bottom: 12px;
	background: url("../img/com/bg_boxArea_foot.gif") 0 100% no-repeat;
}
#rightcolumn .sideblock .section{
	padding: 15px 10px 0 10px;
	background: url("../img/com/bg_boxArea_head.gif") no-repeat;
}


/* ブロック内設定
----------------------------------------------- */
#rightcolumn .sideblock h3 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 2px solid #6688AA;
	font-size: 100%;
	color: #666666;
}

#rightcolumn .sideblock ul li {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 0 5px 0;
	padding: 0;
}
#rightcolumn .sideblock ul li a {
	display: block;
	width: 200px;
	height: 48px;
	overflow: hidden;
}

/*  オフ  */
#sn-column01 a		{background: url("../img/com/bnr_column01.gif") no-repeat;}
#sn-column02 a		{background: url("../img/com/bnr_column02.gif") no-repeat;}
#sn-column03 a		{background: url("../img/com/bnr_column03.gif") no-repeat;}



/* 汎用テキスト */
div#rightcolumn p {
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
}


/*__________________________________________________

  右カラム　サブメニュー
  __________________________________________________*/
#rightcolumn .subNavi {
	width: 220px;
	margin: 0 0 10px 0;
	padding: 0;
	background: url("../img/com/bg_boxArea_body.gif") 0 0 no-repeat;
}

#rightcolumn .subNavi .wrap{
	width: 220px;
	padding-bottom: 12px;
	background: url("../img/com/bg_boxArea_foot.gif") 0 100% no-repeat;
}
#rightcolumn .subNavi .section{
	padding: 15px 10px 0 10px;
	background: url("../img/com/bg_boxArea_head.gif") no-repeat;
}


/* ブロック内設定
----------------------------------------------- */
#rightcolumn .subNavi h3 {
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	border-bottom: 2px solid #6688AA;
	font-size: 100%;
	color: #666666;
}
#rightcolumn .subNavi h3 a {
	color: #666666;
	text-decoration: none;
}


#rightcolumn .subNavi ul {
	list-style-type: none;
}
#rightcolumn .subNavi ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #666;
}
#rightcolumn .subNavi ul li a {
	display: block;
	color: #666666;
	padding: 1em 0 1em 0em;
	text-decoration: none;
}
#rightcolumn .subNavi ul li a:hover {
	background: #eef2f2;
	padding: 1em 0 1em 0em;
}

#rightcolumn .subNavi ul li a.on {
	background: #eef2f2;
}




/*__________________________________________________

  パンくずリスト
  __________________________________________________*/
 div#breadcrumb {
    width: auto;
    height: auto;
    margin: 0;
    padding: 5px 0 15px 0;
	color: #666666;
	font-size: x-small;
	letter-spacing: 0.1em;
}


/*__________________________________________________

  ページの先頭に戻る
  __________________________________________________*/
div#pagetop {
    width: 880px;
    height: 30px;
    margin: 0;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#pagetop a {
	float: right;
	display: block;
	width: 120px;
	height: 30px;
	background-image: url(../img/com/back.gif);
	background-position: right;
	background-repeat: no-repeat;
}

/*__________________________________________________

  フッタ
  __________________________________________________*/
div#footer {
    width: 860px;
    height: auto;
    margin: 0;
    padding: 20px 20px;
	background-color: #DDDDDD;
	color: #666666;
}
div#footer a {
	color: #666666;
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
}

div#copy {
	float: left;
}

/*__________________________________________________

  フッタナビ
  __________________________________________________*/
div#footernavi {
    float: right;
}
div#footernavi ul li {
	display: inline;
	margin: 0 0 0 5px;
}
div#footernavi ul li a {
	font-size: x-small;
}