@charset "Shift_JIS";




/*--------------------------------------------------
  Virsion : 2.0
  Last Update: 2007.04.01
--------------------------------------------------*/




/* ########## / 擬似クラスセレクタ / ######################################## */


/* ========== / 擬似クラスセレクタ：共通：リンクカラー / ======================================== */

/* リンクカラー・訪問済みリンク・ロールオーバーリンク・アクティブリンク ★名称変更不可 */
a:link {
	color: #0000FF;
}
a:visited {
	color: #800080;
}
a:hover {
	color: #FF0000;
}
a:active {
	color: #FF0000;
}


/* ========== / 擬似クラスセレクタ：個別：リンクカラー / ======================================== */

/* リンクカラー・訪問済みリンク・ロールオーバーリンク・アクティブリンク ★pcc01〜pcc98 */
.pcc01:link {
	color: #0000FF;
}
.pcc01:visited {
	color: #800080;
}
.pcc01:hover {
	color: #FF0000;
}
.pcc01:active {
	color: #FF0000;
}


/* ========== / 擬似クラスセレクタ：個別：リンク背景色 / ======================================== */

/* リンクカラー・訪問済みリンク・ロールオーバーリンク・アクティブリンク ★pcb01〜pcb98 */
.pcb01:link {
	background: #FFFFFF;
}
.pcb01:visited {
	background: #FFFFFF;
}
.pcb01:hover {
	background: #FF0000;
}
.pcb01:active {
	background: #FF0000;
}


/* ========== / 擬似クラスセレクタ：個別：リンク背景イメージ / ======================================== */

/* リンクカラー・訪問済みリンク・ロールオーバーリンク・アクティブリンク ★pcbi01〜pcbi98 */
.pcbi01:link {
	background: url(img/btn.gif);
}
.pcbi01:visited {
	background: url(img/btn.gif);
}

.pcbi02:visited {
	background: url(img/btn_a.gif);
}
.pcbi03:hover {
	background: url(img/btn_b.gif);
}
.pcbi04:active {
	background: url(img/btn_c.gif);
}




/* ########## / タイプ / ######################################## */


/* ========== / タイプ：フォント / ======================================== */

/* ★t5〜t8 */
.t5 {
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}


/* ========== / タイプ：サイズ / ======================================== */

/* ★s01〜s98 ※s10・s12・s15・s18・s21・s24・s30・s36・s42・s48は設定済 */
.s01 {
	font-size: 16px;
}

.s00 {
	font-size: 00px;
}


/* ========== / タイプ：ライン高 / ======================================== */

/* ★l7〜l8 ※0.00em・1.10em・1.25em・1.5em・1.75em・2.00emは設定済 */
.l7 {
	line-height: 0.00em;
}


/* ========== / ★★★ タイプ：カラー ★★★ / ======================================== */

/* ★c01〜c98 */
.c01 {
	color: #002FFF;
}
.c02 {
	color: #FFCF8F;
}
.c03 {
	color: #FF5F00;
}
.c04 {
	color: #FF9FCF;
}


/* ########## / 背景 / ######################################## */


/* ========== / ★★★ 背景：背景色 ★★★ / ======================================== */

/* ★b01〜b98 */
.b01 {
	background-color: #6F6F6F;
}
.b02 {
	background-color: #002FFF;
}
.b03 {
	background-color: #FFCF8F;
}

.b04 {
	background-color: #FF9FCF;
}
.b05 {
	background-color: #F4F084;
}
.b06 {
	background-color: #7EC7D5;
}
.b07 {
	background-color: #B9D77D;
}
.b08 {
	background-color: #F7BB6F;
}
.b09 {
	background-color: #ED7B89;
}
.b10 {
	background-color: #6FBFDF;
}

/* ========== / ★★★ 背景：背景イメージ ★★★ / ======================================== */

/* ★bi01〜bi98 */
.bi01 {
	background-image: url(img/top_bar.jpg);
}

.bi02 {
	background-image: url(img/info_bar.gif);
}	

.bi03 {
	background-image: url(img/bar_left.jpg);
}		

.bi04 {
	background-image: url(img/gui_image.jpg);
}	

.bi05 {
	background-image: url(img/com_1.jpg);
}	

.bi06 {
	background-image: url(img/com_2.jpg);
}

.bi07 {
	background-image: url(img/com_3.jpg);
}	

.bi08 {
	background-image: url(img/com_4.jpg);
}	

.bi09 {
	background-image: url(img/com_5.jpg);
}	

.bi010 {
	background-image: url(img/com_6.jpg);
}		

.bi011 {
	background-image: url(img/leftbg.jpg);
}
.bi012 {
	background-image: url(img/indexbor.jpg);
}

.bi013 {
	background-image: url(img/haikei.jpg);
}
/* ========== / 背景：水平位置・垂直位置 / ======================================== */

/* ★bp01〜bp98 */
.bp01 {
	background-position: 000px 000px;
}




/* ########## / ブロック / ######################################## */


/* ========== / ブロック：単語間隔 / ======================================== */

/* ★ws3〜ws8 ※0.0em・0.5em・1.0emは設定済 */
.ws3 {
	word-spacing: 0.0em;
}


/* ========== / ブロック：文字間隔 / ======================================== */

/* ★ls3〜ls8 ※0.0em・0.5em・1.0emは設定済 */
.ls3 {
	letter-spacing: 0.0em;
}


/* ========== / ブロック：縦に整列 / ======================================== */


/* ========== / ブロック：テキストインデント / ======================================== */

/* ★n2〜n8 ※0.0em・1.0emは設定済 */
.n2 {
	text-indent: 0.0em;
}




/* ########## / ボックス / ######################################## */


/* ========== / ★★★ ボックス：幅 ★★★ / ======================================== */

/* ★w101〜w998 ※"extr_23"不使用時 */
.w000 {
	width: 000px;
}


/* ========== / ★★★ ボックス：高さ ★★★ / ======================================== */

/* ★h101〜h998 ※"extr_23"不使用時 */
.h000 {
	height: 000px;
}


/* ========== / ボックス：余白 / ======================================== */

/* すべて ★pa101〜pa998 */
.pa000 {
	padding: 000px;
}

/* 上 ★pt101〜pt998 */
.pt000 {
	padding-top: 000px;
}

/* 右 ★pr101〜pr998 */
.pr000 {
	padding-right: 000px;
}

/* 下 ★pb101〜pb998 */
.pb000 {
	padding-bottom: 000px;
}

/* 左 ★pl101〜pl998 */
.pl000 {
	padding-left: 000px;
}


/* ========== / ボックス：マージン / ======================================== */

/* すべて ★ma101〜ma998 */
.ma000 {
	margin: 000px;
}

/* 上 ★mt101〜mt998 */
.mt000 {
	margin-top: 000px;
}

/* 右 ★mr101〜mr998 */
.mr000 {
	margin-right: 000px;
}

/* 下 ★mb101〜mb998 */
.mb000 {
	margin-bottom: 000px;
}

/* 左 ★ml101〜ml998 */
.ml000 {
	margin-left: 000px;
}




/* ########## / ボーダー / ######################################## */


/* ========== / ボーダー：幅 / ======================================== */

/* すべて ★ja11〜ja98 */
.ja00 {
	border-width: 00px;
}

/* 上 ★jt11〜jt98 */
.jt00 {
	border-top-width: 00px;
}

/* 右 ★jr11〜jr98 */
.jr00 {
	border-right-width: 00px;
}

/* 下 ★jb11〜jb98 */
.jb00 {
	border-bottom-width: 00px;
}

/* 左 ★jl11〜jl98 */
.jl00 {
	border-left-width: 00px;
}


/* ========== / ★★★ ボーダー：カラー ★★★ / ======================================== */

/* すべて ★ka01〜ka98 */
.ka01 {
	border-color: #000000;
}

/* 上 ★kt01〜kt98 */
.kt01 {
	border-top-color: #000000;
}

/* 右 ★kr01〜kr98 */
.kr01 {
	border-right-color: #000000;
}

/* 下 ★kb01〜kb98 */
.kb01 {
	border-bottom-color: #000000;
}

/* 左 ★kl01〜kl98 */
.kl01 {
	border-left-color: #000000;
}




/* ########## / リスト / ######################################## */


/* ========== / リスト：ブレットイメージ / ======================================== */

/* ★ci01〜ci98 */
.ci01 {
	list-style-image: url();
}




/* ########## / 位置 / ######################################## */


/* ========== / 位置：配置 / ======================================== */

/* 上 ★ut001〜ut998 ※"extr_456"不使用時 */
.ut000 {
	top: 000px;
}

/* 右 ★ut001〜ut998 ※"extr_456"不使用時 */
.ur000 {
	right: 000px;
}

/* 下 ★ub001〜ub998 ※"extr_456"不使用時 */
.ub000 {
	bottom: 000px;
}

/* 左 ★ul001〜ul998 ※"extr_456"不使用時 */
.ul000 {
	left: 000px;
}


/* ========== / 位置：Zインデックス / ======================================== */

/* ★z11〜z98 */
.z00 {
	z-index: 00;
}


/* ========== / 位置：切り抜き / ======================================== */

/* 上・右・下・左 ★cp1〜cp8 ※数値を設定しない項目には"auto"を入れる */
.cp1 {
	clip: rect(000px,auto,auto,000px);
}

/* ========== / ShangHai Method / ======================================== */
ul{
	margin:0;
	padding:0;
}
.clearBox{
	font-size:0px;
	clear:both;
	line-height:0;
}
.subBox{
     width:530px;
	 margin:0 auto;
	 font-size:12px;
	 margin:50px 0 20px 30px;
}
.subBox ul li{
	list-style-type:none;
	list-style-position:outside;
	clear:both;
	height:auto;
	margin:0;
	height:24px!important;
	margin-bottom:2px!important;
	margin-bottom:0px;
}
.boxTitle{
	clear:both;
	padding:2px;
	text-align:left;
	line-height:2em;
}
.boxTitle ul{
	padding-top:20px;
	clear:both;
}	
.lp, .lp1{
	background:#E1EBEC;
    width:155px!important;
	width/**/:155px;
	text-align:left;
	float:left;
	height:24px;
	line-height:1.9em;
	padding-left:10px;
	margin:0;
}
.lp1{
	height:60px!important;
	height/**/:60px;
	padding-top:15px;
}
.rp, .rp1{
    width:358px!important;
	width/**/:358px;
	float:right;
	text-align:left;
	background:#F4F8F9;
	height:22px!important;
	height/**/:22px;
	padding-top:2px;
	padding-left:5px;	
}
.rp1{
	height:73px!important;
	height:73px;
	padding-top:2px;
}
.rp1 textarea{
	width:280px;
	height:65px;
}
.btnBox{
	clear:both;
	margin-top:5px;
	text-align:center;
	padding-top:35px;
}
.btnBox input{
	margin:0 15px 0 15px;
}
.clearBox{
	height:0;
	clear:both;
	background:none;
	font-size:0;
	line-height:0;
	border:0 none;
}
.table{
	border:2px solid #000000;
	display:inline;
	float:left;
	margin-top:2px;
}
.table a{
	text-decoration:none;
}
.table_b{
	border-bottom:2px solid #000000;
}
td{
	border-bottom:1px solid #000000;
	padding-left:5px;
}
.tdr1{
	border-right:1px dashed #000000;
}
.tdr2{
	border-right:1px solid #000000;
}
table{
	font-size:10px;
	line-height:120%;
}
.bu_com{
	width:70px;
	height:20px;
	position:absolute;
	top:5px;
	left:473px;
}
.bu_com105{
	width:105px;
	height:20px;
	position:absolute;
	top:5px;
	left:437px;
}
a.com:link {
	color: #000000;
	text-decoration: none;
}
a.com:visited {
	color: #000000;
	text-decoration: none;
}
a.com:hover {
	color: #666666;
	text-decoration: none;
}

/* ========== / 追加したスタイルート / ======================================== */
#product-area{
	margin:0 auto 10px;
	width:500px;
}
#product-area h3{
	margin:0 0 12px;
	background:#f5f5f5;
	padding:0;
	color:#111;
	font-size:16px;
	text-align:center;
	font-weight:bold;
}
#product-area ul{
	margin:0 auto;
	width:460px;
}
#product-area li{
	float:left;
	width:200px;
	margin:0 10px 12px;
	color:#111;
	font-size:14px;
	line-height:1.0;
	list-style:none;
	text-align:left;
}
#product-area li a{
	color:#111;
	text-decoration: underline;
}
#product-area li a:link{
	color:#2919F7;
}
table.com-t{
	margin:0;
}

.under-ma{
	margin-bottom:15px;
}
/* float clear */
/* ----------------------------------------------------- */
#product-area ul:after{
	content:"."; 
	display:block;
	height:0;
	clear:both; 
	visibility:hidden;
}
#product-area ul{
	display:inline-block;
}

/* Hides from IE-mac \*/
* html #product-area ul{
	 height:1%;
}
#product-area ul{
	display:block;
}
/* End hide from IE-mac */