@charset "Shift_JIS"; 		/* 文字コードセット */



/* --------------- TOPページ用CSS --------------- */

body.Top{
	font-size: 13px;
}

body.Top .wrapper{
	width:1000px; /* 基本ページ幅 */
}

body.Top table.topBack{
	background: url(/images/index/flash_bg.jpg) no-repeat left top;
}

body.Top .flash-area{height:310px; vertical-align:top;}

body.Top .main-contents{width:415px;padding: 0 5px 0 10px;}
body.Top .main-contents p{padding:0;margin:0;}

body.Top h2{margin:0;}



/* ----- 左エリア ----- */

.banner-area{padding:0 20px; vertical-align:top;}



/* ----- 中央エリア ----- */

/* 重要なお知らせ */

.Topinfo1{
	width:450px;
	height:17px;
	margin:0 0 7px 10px;
	padding:8px 5px 9px 143px;
	background: url(/images/index/importantinfo_bg.jpg) no-repeat;
	font-size: 107.8%;
	font-weight:bold;
}

.Topinfo1 a:link,
.Topinfo1 a:visited{
	text-decoration: none ;
	color:#d01a30;
}
.Topinfo1 a:hover,
.Topinfo1 a:active{
	text-decoration: underline;
	color:#d01a30;
}


/* お知らせ2,3のNEWアイコン */

body.Top .Topinfo2 img.new{float:right;}
body.Top .Topinfo3 img.new{float:right;}


/* お知らせ2 */

.Topinfo2{
	clear:both;
	width:415px;
	height:114px;
	margin:0 0 9px 0 ;
	padding:0;
	background: url(/images/index/center_mdl_1.gif) repeat-y left bottom;
	word-break: break-all;
}

.Topinfo2 ul{
	margin:0 9px 0px 14px;
	color:#472d0f;
}
.Topinfo2 ul li{
	padding:2px 3px 2px 0px;
	background-position: left center;
	background-repeat: no-repeat;
	text-align:left;
	vertical-align:middle;
}

.Topinfo2 ul li a:link,
.Topinfo2 ul li a:visited{
	text-decoration: underline ;
	color:#555555;
}
.Topinfo2 ul li a:hover,
.Topinfo2 ul li a:active{
	text-decoration: none ;
	color:#0068bf;
}

.Topinfo2 .infoNavi{
	float:left;
	padding:0 0 5px 0;
}
.Topinfo2 .infoNavi img{
	float:left;
}
.Topinfo2 .cont{
	float:left;
	padding:0 9px 3px 12px;
}

.Topinfo2 .cont img{
	float:left;
	padding:0 10px 0 0;  
}

.Topinfo2 .cont p{
	width:289px;
	font-size: 92.4%;
	line-height: 1.335;
}
.Topinfo2 .cont p.txtlink{
	float:right;
	margin:0;
	padding:0 0 3px 0;
	font-size: 107.8%;
	line-height: 1.429;
}
.Topinfo2 .cont p.conttxt{
	float:right;
	margin:0;
	padding:0 0 3px 0;
}

.Topinfo2 p.btm{
	clear:both;
}


/* お知らせ3 */

.Topinfo3{
	clear:both;
	width:415px;
	margin:0 0 13px 0 ;
	padding:0 0 5px 0;
	background: url(/images/index/center_mdl_2.gif) repeat-y left bottom;
}

.Topinfo3 ul{
	clear:both;
	margin:0 9px 0px 14px;
}
.Topinfo3 ul li{
	padding:2px 3px 5px 55px;
	/*background-position: left center;*/
	background-repeat: no-repeat;
	font-size: 92.4%;
	line-height: 1.167;
	text-align:left;
	vertical-align:middle;
}
.Topinfo3 ul li.Update{background-image: url(/images/index/icon_u.gif);}
.Topinfo3 ul li.Info{background-image: url(/images/index/icon_i.gif);}
.Topinfo3 ul li.Mente{background-image: url(/images/index/icon_m.gif);}
.Topinfo3 ul li.Shogai{background-image: url(/images/index/icon_s.gif);}
.Topinfo3 ul li.Event{background-image: url(/images/index/icon_e.gif);}
.Topinfo3 ul li.Other{background-image: url(/images/index/icon_o.gif);}


.Topinfo3 a:link,
.Topinfo3 a:visited{
	text-decoration: underline ;
	color:#555555;
}
.Topinfo3 a:hover,
.Topinfo3 a:active{
	text-decoration: none ;
	color:#0068bf;
}

.Topinfo3 .infoNavi{
	float:left;
	padding:0 9px 2px 14px;
}
.Topinfo3 .infoNavi img{
	float:left;
}

.Topinfo3 p.btm{
	clear:both;
	width:415px;
	height:8px;
	margin:0;
	padding:0;
	background:#fff url(/images/index/center_btm_2.gif) no-repeat;
}


/* FLASHローテーションバナー */

.Flabanner{
	clear:both;
	width:410px;
	margin:0 0 9px 5px;
}


/* アイテム紹介 */

.Topitem{
	clear:both;
	width:415px;
	margin:0 0 9px 0 ;
	padding:0 0 8px 0;
	background: url(/images/index/center_mdl_3.gif) repeat-y left bottom;
}

.Topitem .cont{
	width:185px;
	float:left;
	padding:0 5px 0 14px;
}

.Topitem .cont img{
	float:left;
	padding:0 6px 7px 3px;  
}

.Topitem .cont p.txtlink{
	float:right;
	width: 143px;
	margin:0;
	padding:0 0 2px 0;
}

.Topitem .cont p.txtnormal{
	float:right;
	width: 143px;
	margin:0;
	padding:0;
	font-size: 77%;
	line-height: 1.401;
}

.Topitem p.btm{
	clear:both;
	width:415px;
	height:8px;
	margin:0;
	padding:0;
	background: #fff url(/images/index/center_btm_2.gif) no-repeat;
}


/* ギャラリー */

.Topgallery{
	clear:both;
	width:415px;
	padding: 0 0 8px 0;
	background: url(/images/index/center_mdl_2.gif) repeat-y left bottom;
}

.Topgallery .thumb {
	float:left;
	padding:0 5px 0 14px;
}
.Topgallery .thumb img {
	float:left;
	margin:0 4px 0 0;
}

.Topgallery p.btm{
	clear:both;
	width:415px;
	height:4px;
	margin:0;
	padding:0;
}



/* ----- 右エリア ----- */

body.Top .right_banner{
	width:170px;
	padding:0 25px 0 5px;
	vertical-align:top;
}

body.Top .right_banner img{	margin-bottom:5px;}


/* イベント・キャンペーン */

.Eventcam{
	width:170px;
	margin:6px 0 10px 0;
	word-break: break-all;
}

.Eventcam img.tit{
	margin:0;
}
.Eventcam ul{
	margin:0;
	clear:both;
	color:#472d0f;
}
.Eventcam ul li{
	margin:0;
	padding:2px 3px 2px 14px;
	background: url(/images/index/icon_eventcamlist.gif) no-repeat left top;
	font-size: 92.4%;
	line-height: 1.335;
	text-align:left;
	vertical-align:middle;
}

.Eventcam a:link,
.Eventcam a:visited{
	text-decoration: none ;
	color:#555555;
}
.Eventcam a:hover,
.Eventcam a:active{
	text-decoration: underline ;
	color:#555555;
}


/* HOTコンテンツ */

.Hotcont{
	width:170px;
	margin:6px 0 10px 0;
	background: url(/images/index/hotcont_mdl.gif) repeat-y;
}

.Hotcont .cont{
	width:158px;
	float:left;
	padding:0 7px 0 5px;
}

.Hotcont .cont img{
	float:left;
	padding:0 5px 0 3px;
}

.Hotcont .cont p.txtlink{
	float:right;
	width:109px;
	margin:0 0 3px 0;
	padding:0;
	font-size: 92.4%;
	line-height: 1.335;
}

.Hotcont .cont p.new{
	margin:0 0 5px 0;
	padding:0;
	background: url(/images/index/right_hot_new.gif) no-repeat right;
}

.Hotcont .cont p.txtnormal{
	float:right;
	width:109px;
	margin:0;
	padding:0;
	font-size: 77%;
	line-height: 1.2;
}

.Hotcont .cont p.line{
	clear:both;
	width:160px;
	height:5px;
	margin:0;
	padding:0 0 5px 0;
	background: url(/images/index/hotcont_line.gif) no-repeat;
}

.Hotcont p.btm{
	clear:both;
	width:170px;
	height:8px;
	margin:0;
	padding:0;
	background: #fff url(/images/index/hotcont_btm.gif) no-repeat;
}


/* --------------- 下層ページ用CSS --------------- */

/*　ダウンロードテーブル　*/

.dl_tbl {border-top:#eee solid 1px; border-left:#eee solid 1px; width:540px; font-size:12px; line-height:16px;}
.dl_tbl th {text-align:left;padding:4px;white-space:nowrap;color:#3366cc; background:#f7fafd; border-right:#eee solid 1px; border-bottom:#eee solid 1px;}
.dl_tbl td {background:#ffffff;padding:4px;border-right:#eee solid 1px; border-bottom:#eee solid 1px;}
.dl_tbl tr.cap th , .dl_tbl tr.cap td {background:#3366cc;color:#ffffff;text-align:center;font-weight:bold;}

.dl_tbl2 {background:#EBE6DC; width:540px; font-size:12px; line-height:16px;}
.dl_tbl2 img {padding:0 0 0 10px;}
.dl_tbl2 P {padding:10px;}


.sr_tbl {border-top:#eee solid 1px; border-left:#eee solid 1px; width:540px; font-size:12px; line-height:16px;}
.sr_tbl th {text-align:left;padding:4px;white-space:nowrap;color:#1063bd; background:#f7fafd; border-right:#eee solid 1px; border-bottom:#eee solid 1px;}
.sr_tbl td {background:#ffffff;padding:4px;border-right:#eee solid 1px; border-bottom:#eee solid 1px;}
.sr_tbl P {margin:5px; padding:0;}

/*============================================================
CS
============================================================*/

/*INDEX用ボックス*/
.faq_index{
border:1px solid #ffffff;
background:#e3ecf4;
padding:10px;
}

/*フォーム用ボックス*/
.form_contents{padding:10px 10px 0 10px;}
.form_box{
border:1px solid #ffffff;
background:#f2f2f2;
padding:10px 10px 0 10px;
}

/*装飾*/
table td.line{
border-top:1px dotted #666666;
padding-top:10px;
}
.form_box strong{color:#1c63bd;}
.form_contents u{
text-decoration:underline;
font-weight:bold;
}
.red_s{
font-weight:bold;
color:#ff0000;
}

/*不具合一覧*/
.trouble_title {
	width:538px;
	border:1px solid #9ac1c9;
	padding:5px 5px 5px;
	margin-top:5px;
	cursor:pointer;
	background-color:#f0f6f7;
	background-image:url(/cs/trouble/images/header.gif);
	background-position:bottom;
	background-repeat: repeat-x;
}
.trouble_title:hover {
	background-color:#e5eef0;
	background-image:url(/cs/trouble/images/header_over.gif);
	background-position:bottom;
	background-repeat: repeat-x;
}
.cs_menu { width:528px; _width:535px; padding:10px; border:1px solid #9ac1c9; border-top:none; background:#fff}
.trouble_box { width:550px;	margin-right: auto;	margin-left: auto}


/*============================================================
MAIN
============================================================*/

.btn {
	border-top:1px solid #cccccc;
	margin:10px 0 0 0;
	padding:10px;
	text-align:center;
}


/*============================================================
NEWS
============================================================*/

/*ニュース内ボックス*/
.news_box{padding:10px;}

/*青文字部分*/
.news_box em{
color:#0066cc;
font-style:normal;
}