/*/////////////////* サイト全体レイアウト 201002*//*//////////////////////////////////////////*/

/* 共通 */
body { margin:0; padding:0; color:#333333; text-align:center; font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;}
a:link,a:visited { color:#0066cc;}
a:hover { color:#ff6600;}

/* 全体レイアウト */
#gpointbody { width:900px;}
#mainarea { width:900px;}
#mainleft { width:666px; text-align:left;}
#mainright { width:224px;}
/*ショップは左右の定義が逆なので注意
#mainright { width:666px; text-align:left; float:right;}
#mainleft { width:224px; float:left;}*/

/* 共通 */
.rightbox { border:1px solid #cccccc; position: relative;}
.rightbox:after{/* for モダンブラウザ */ content:""; clear:both; height:0; display:block; visibility:hidden;}
* html .rightbox{/* for IE */ /*\*/height:1%;/* for WinIE*/ display:inline-table;/* for MacIE*/} 
.sideline {min-height:1%;/* for WinIE7*/}

.rightbox strong { color:#FF9900;}
.rightbox p { margin:0; text-align:left;}

.rightin { padding:5px 5px 0; margin:0;}
.hrimg { margin:1px;}

/* マージン調整 */
.mall10 { margin:10px;}
.mtop1 { margin-top:1px;}
.mtop5 { margin-top:5px;}
.mtop10 { margin-top:10px;}
.mtop15 { margin-top:15px;}
.mleft4 { margin-left:4px;}
.mleft5 { margin-left:5px;}
.mleft10 { margin-left:10px;}
.mleft15 { margin-left:15px;}
.mright5 { margin-right:5px;}
.mright10 { margin-right:10px;}
.mright20 { margin-right:20px;}
.mbottom10 { margin-bottom:10px;}

.space15 { height:15px;}
.space10 { height:10px;}
.space20 { height:20px;}

/* テキスト揃え */
.txRight { text-align:right;}
.txLeft { text-align:left;}

/* フロート調整 */
.dclear { clear:both;}
.fleft { float:left;}
.fright { float:right;}

/* 画像 */
a img{ border:0; }

/* コンテンツ部分 両側 20 空き */
#contents,#contentsnoup{ background-color: #ffffff; width:860px; text-align:left; margin:0 auto; clear:left; padding:0;}
/* Windows IEのみ適用 */
* html #contents,* html #contentsnoup{ margin:0 20px; margin-top: 0;}

#contentsup{ width:860px; background-color: #ffffff; text-align:left; margin:0; clear:left; padding:0;}

* html #contentsup{ margin-top: 0;}
* html #contentsnoup{ margin-top: 0;}

/* メインエリア 両側 10 空き  */
div.mainarea{ width:840px; margin:0 auto;}

/* Windows IEのみ適用 */
* html div.mainarea{ margin:0 10px;}

/* 空き調節 */
form { margin: 0; padding: 0; z-index: 2px;}

.section,div.pagetitle { margin-bottom:18px; display:block;}

.pad10{ margin:0 10px;}
.padt10{ margin-top:10px;}
table .padt10{ padding-top:10px;}

.padt15{ margin-top:15px;}
.padb10{ margin-bottom:10px;}
.padb5{ margin-bottom:5px;}
.padr10{ margin-right:10px;}

/* TOPへリンク */
div.pagetop { width:858px; height:30px; text-align:right; border:1px solid #ffffff;}
div.pagetop div{ margin:10px 0 6px 0  ;}
div.pagetop a{}

/* TOPへリンク 900px */
div.pagetop_full { width:880px; height:30px; text-align:right; border:1px solid #ffffff;}
div.pagetop_full div{ margin:10px 0 6px 0;}
div.pagetop_full a{}

/* TOPへリンク */
div.pagetopPenr { width:674px; height:30px; text-align:right; border:1px solid #ffffff;}
div.pagetopPenr div{ margin:10px 0 6px 0  ;}
div.pagetopPenr a{}

/* リンク */
.txtlink,.txtlinkt,.backlink{ vertical-align:bottom; background-image:url('/common/images/chui_arrow.gif'); background-repeat:no-repeat; background-position:left; padding-left:15px; margin-bottom:10px; text-decoration:none;}
.txtlinkt{ background-position:left top; background-image:url('/common/images/link_arrow.gif');}
.backlink{ background-image:url('/common/images/back_arrow.gif');}
.graytxt,a.graytxt,a.gray,a.grayline{ color:#565656 !important;}
a.graytxt,a.gray{ text-decoration:none;}
a.graytxt:hover{ text-decoration:underline;}
.graytxt2{ color:#aaaaaa !important;}


/* テーブルの右寄せなど */
.tcenter{ text-align:center !important;}
.tleft{ text-align:left !important;}
.tright{ text-align:right !important;}
.ttop{ vertical-align:top !important;}
.tmdl{ vertical-align:middle !important;}


/* フロート */
div.dleft{ display:block; float:left;}
div.dright{ display:block; float:right;}
div.dclear{ clear:both;}


/* dleftにくみ合わせ */
.padr20{ margin-right:20px;}
.padl20{ margin-left:20px ;}
.padr10{ margin-right:10px;}

.padr15{ margin-right:15px;}
.padl15{ margin-left:15px;}


/* ボーターありDIV */
div.gline{ border:1px solid #77bb77; padding:4px;}


/* フォント基本 */
body { margin:0; padding:0; color:#333333; text-align:center; font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;}
body,body tr{ font-size:13px; line-height:120%; *font-size:80%; font-size /*\**/:13px; }
strong{	font-weight:bold;}
.small{	font-size:75%;}
.big{ font-size:115%;}
.small .big{ font-size:125%;}
.nowrap{ white-space: nowrap !important;}

.redfont{ color:#F53437;}
.orangefont{ color:#ff7700;}
.greenfont{	color:#009900;}
/*.tr,td {
	font-size:120%;
}*/


/* サブタイトル */
.subtitle{ background-color:#ffeed9 ; color:#ff7700; font-weight:bold; padding: 4px 8px ;}

.subtitle-g{ border-left:3px solid #009a00; color:#009a00;}
.subtitle-g div{ margin:2px 5px;}

.txtlink,.txtlinkt,.backlink{ vertical-align:bottom; background-image:url('/common/images/chui_arrow.gif');	background-repeat:no-repeat; background-position:left; padding-left:15px; margin-bottom:10px; text-decoration:none;}
.txtlinkt{ background-position:left top; background-image:url('/common/images/link_arrow.gif');}
.backlink{ background-image:url('/common/images/back_arrow.gif');}

/* リスト */
ul,ol{ margin:0 1em; padding:0 1em;}
ul.info,dl{	padding: 0;	margin: 0;}
ul li.textlink,ul li.txtlinkt{ list-style-type :none;}


/* フッタ リンク */
.footer { clear:both; font-size:12px; text-align:center; width:900px; }
.footer a:link,.footer a:visited,.footer { color: #333333; }
.footer a:hover { color: #ff6600; }
.footer a { margin:0 2px; text-decoration: none; }
.footer div { margin:0;	padding:5px 0; background-color: #eae8e3;}
.copyright { margin:14px auto 28px auto ; text-align:center;}

/* FootLink */
.footlink { font-size:11px; text-align:left; line-height:1.5em; clear:both; border:1px #ccc dotted;}
.footlink a:link,.footlink a:visited,.footlink { color: #666666;}
.footlink a:hover { color: #ff6600;}
.footlink a { margin:0 2px; padding:0; text-decoration: none;}

.footlink ul { margin:0; padding:0 1.5em; clear:both;}
.footlink li { list-style-type :none; display:inline; padding:0; margin:0;}
li.maintheme { font-weight:bold;}
ul.footlinkfirst { padding:5px 1.5em 0; margin:0;}
div.footlinklast { padding:5px 1.5em; margin:0; text-align:center; clear:both;}

/* フッタ 住商相互リンク（20100401追加） */
.footerwakusumi{ font-size:11px; text-align:left; line-height:1.5em; clear:both; border:0px #ccc ; color: #666; }
ul.footlinksumi { padding:5px 6.0em 0; margin:0;}
.footersumi { clear:both; font-size:11px; text-align:left; border:1px #ccc solid; padding:5px 6.0em 0;}
.footersumi a:link,.footersumi a:visited,.footersumi { color: #666; }
.footersumi a:hover { color: #ff6600; }
.footersumi a { margin:0 2px; text-decoration: none; }
.footersumi div { margin:0;	padding:5px 0; background-color: #fff;}

/* ヘッダ580 */
.headers { height:55px; border-bottom:1px solid #ededed;}
.headers .bnr{ margin:0 0 0 208px;}
.headers div{ margin:0; padding:0; text-align:left; vertical-align:middle; float:left;}
.headers img{ margin:0 0 0 20px;}

/* 新サイト用ヘッダフッタページ構成用CSS */
#fla { height:0;}
/* LOGO */
#mHead1,#mHead2,#mHead3 { float:left;}
#mHead1 { width:262px; height:82px; text-align:left;}
#mHead2 { width:202px; text-align:left; margin-top:20px;}
#mHead3 { background:url(../images/jyoutai_bg.gif) no-repeat; width:436px; height:70px; margin-top:5px;}

/* 安心宣言＆よくある質問 */
#ghbtn { display:block; margin:0; padding:0; width:189px; height:51px;}
ul#ghbtn li { list-style-type:none; float:left;}
ul#ghbtn li a { display:block; height:51px; overflow:hidden; text-indent:-9999px; background:url(/common/images/btn_gh_btn.gif);}
ul#ghbtn li.btAnshin a { background-position:0 0; width:92px; margin-right:5px;}
ul#ghbtn li.btFaq a { background-position:-97px 0; width:92px; }
ul#ghbtn li.btAnshin a:hover { background-position:0 -51px; width:92px; margin-right:5px;}
ul#ghbtn li.btFaq a:hover { background-position:-97px -51px; width:92px;}

/* 状態別ヘッダ */
#STATEHEADER { /*background:#ededed;*/}
#mHead3 p { font-size:12px; line-height:16px; margin:5px; padding:0 5px; text-align:left;}
#mHead3 ul { float:left; _display:inline;}
#guestUser { display:block; margin:0 0 0 10px; padding:0; width:415px; height:38px;}
ul#guestUser li { list-style-type:none; float:left;}
ul#guestUser li a { display:block; height:38px; overflow:hidden; text-indent:-9999px; background:url(/common/images/btn_b_login.gif);}
ul#guestUser li.btwhatG a { background-position:0px 0px; width:135px; margin-right:5px;}
ul#guestUser li.btregist a { background-position:-140px 0px; width:135px; margin-right:5px;}
ul#guestUser li.btlogIn a { background-position:-280px 0px; width:135px;}
ul#guestUser li.btwhatG a:hover { background-position:0px -38px; width:135px; margin-right:5px;}
ul#guestUser li.btregist a:hover { background-position:-140px -38px; width:135px; margin-right:5px;}
ul#guestUser li.btlogIn a:hover { background-position:-280px -38px; width:135px;}
.guestfont { color:#df4f28;}
#memUser { display:block;  margin:0 0 0 48px; padding:0; width:340px; height:21px;}
ul#memUser li { list-style-type:none; float:left;}
ul#memUser li a { display:block; height:21px; overflow:hidden; text-indent:-9999px; background:url(/common/images/btn_a_login.gif);}
ul#memUser li.btbankbook a { background-position:0px 0px; width:89px; margin-right:2px;}
ul#memUser li.btmypage a { background-position:-91px 0px; width:78px; margin-right:2px;}
ul#memUser li.mailprogram a { background-position:-171px 0px; width:101px; margin-right:2px;}
ul#memUser li.logoff a { background-position:-274px 0px; width:66px;}
ul#memUser li.btbankbook a:hover { background-position:0px -21px; width:89px; margin-right:2px;}
ul#memUser li.btmypage a:hover { background-position:-91px -21px; width:78px; margin-right:2px;}
ul#memUser li.mailprogram a:hover { background-position:-171px -21px; width:101px; margin-right:2px;}
ul#memUser li.logoff a:hover { background-position:-274px -21px; width:66px;}
.gidcolor { color:#05567b;}
.gidcolor a:link { color:#05567b;}
.ownpoint { color:#cb1e1e;}

/* タブ */
#globalTab { background:url(/common/images/gpoint_gh.gif) no-repeat; width:900px; height:33px; clear:both; margin:0; padding:0; border-bottom:1px #cccccc solid; }
#globalTab ul { text-align:left; margin:0; padding:0;}
#globalTab li { display:inline; margin:0; padding:0;}

#tabhd3 { display:inline;}
ul#tabhd3 li { list-style-type:none; float:left; height:33px; margin:0; padding:0;}
ul#tabhd3 li a { display:block; height:33px; overflow:hidden; background:url(/common/images/gpoint_gh.gif) no-repeat; text-indent:-9999px;}
ul#tabhd3 li.tbTop a { background-position:0 0; width:114px; margin:0;}
ul#tabhd3 li.tbFree a { background-position:-196px 0; width:106px; margin:0 3px 0 82px;}
ul#tabhd3 li.tbShop a { background-position:-305px 0; width:106px; margin-right:3px;}
ul#tabhd3 li.tbTravel a { background-position:-414px 0; width:106px; margin-right:3px;}
ul#tabhd3 li.tbPark a { background-position:-523px 0; width:106px; margin:0;}
ul#tabhd3 li.tbPen a { background-position:-643px 0; width:114px; margin:0 0 0 14px;}

ul#tabhd3 li.tbTop a:hover { background-position:0 -33px; width:114px; margin:0;}
ul#tabhd3 li.tbFree a:hover { background-position:-196px -33px; width:106px; margin:0 3px 0 82px;}
ul#tabhd3 li.tbShop a:hover { background-position:-305px -33px; width:106px; margin-right:3px;}
ul#tabhd3 li.tbTravel a:hover { background-position:-414px -33px; width:106px; margin-right:3px;}
ul#tabhd3 li.tbPark a:hover { background-position:-523px -33px; width:106px; margin:0;}
ul#tabhd3 li.tbPen a:hover { background-position:-643px -33px; width:114px; margin:0 0 0 14px;}

ul#tabhd3 li.tbTopOn a,ul#tabhd3 li.tbTopOn a:hover { background-position:0 -33px; width:114px; margin:0;}
ul#tabhd3 li.tbFreeOn a,ul#tabhd3 li.tbFreeOn a:hover  { background-position:-196px -33px; width:106px; margin:0 3px 0 82px;}
ul#tabhd3 li.tbShopOn a,ul#tabhd3 li.tbShopOn a:hover { background-position:-305px -33px; width:106px; margin-right:3px;}
ul#tabhd3 li.tbTravelOn a,ul#tabhd3 li.tbTravelOn a:hover { background-position:-414px -33px; width:106px; margin-right:3px;}
ul#tabhd3 li.tbParkOn a,ul#tabhd3 li.tbParkOn a:hover { background-position:-523px -33px; width:106px; margin:0 ;}
ul#tabhd3 li.tbPenOn a,ul#tabhd3 li.tbPenOn a:hover { background-position:-643px -33px; width:114px; margin:0 0 0 14px;}

/* タブ20100928 */
#globalTab2 { background:url(/common/images/gh_gpoint.gif) no-repeat; width:900px; height:37px; clear:both; margin:0; padding:0; border-bottom:1px #cccccc solid; }
#globalTab2 ul { text-align:left; margin:0; padding:0;}
#globalTab2 li { display:inline; margin:0; padding:0;}

#tabhd4 { display:inline;}
ul#tabhd4 li { list-style-type:none; float:left; height:37px; margin:0; padding:0;}
ul#tabhd4 li a { display:block; height:37px; overflow:hidden; background:url(/common/images/gh_gpoint.gif) no-repeat; text-indent:-9999px;}
ul#tabhd4 li.tbTop a { background-position:0 0; width:96px; margin:0;}
ul#tabhd4 li.tbEc a { background-position:-96px 0; width:122px; margin:0;}
ul#tabhd4 li.tbShop a { background-position:-218px 0; width:147px; margin:0;}
ul#tabhd4 li.tbFree a { background-position:-365px 0; width:121px; margin:0;}
ul#tabhd4 li.tbTravel a { background-position:-486px 0; width:113px; margin:0;}
ul#tabhd4 li.tbHikaku a { background-position:-599px 0; width:86px; margin:0;}
ul#tabhd4 li.tbGame a { background-position:-685px 0; width:91px; margin:0;}
ul#tabhd4 li.tbPen a { background-position:-776px 0; width:124px; margin:0;}

ul#tabhd4 li.tbTop a:hover { background-position:0 -37px; width:96px; margin:0;}
ul#tabhd4 li.tbEc a:hover { background-position:-96px -37px; width:122px; margin:0;}
ul#tabhd4 li.tbShop a:hover { background-position:-218px -37px; width:147px; margin:0;}
ul#tabhd4 li.tbFree a:hover { background-position:-365px -37px; width:121px; margin:0;}
ul#tabhd4 li.tbTravel a:hover { background-position:-486px -37px; width:113px; margin:0;}
ul#tabhd4 li.tbHikaku a:hover { background-position:-599px -37px; width:86px; margin:0;}
ul#tabhd4 li.tbGame a:hover { background-position:-685px -37px; width:91px; margin:0;}
ul#tabhd4 li.tbPen a:hover { background-position:-776px -37px; width:124px; margin:0;}

ul#tabhd4 li.tbTopOn a,ul#tabhd4 li.tbTopOn a:hover { background-position:0 -37px; width:96px; margin:0;}
ul#tabhd4 li.tbEcOn a,ul#tabhd4 li.tbEcOn a:hover  { background-position:-96px -37px; width:122px; margin:0;}
ul#tabhd4 li.tbShopOn a,ul#tabhd4 li.tbShopOn a:hover  { background-position:-218px -37px; width:147px; margin:0;}
ul#tabhd4 li.tbFreeOn a,ul#tabhd4 li.tbFreeOn a:hover  { background-position:-365px -37px; width:121px; margin:0;}
ul#tabhd4 li.tbTravelOn a,ul#tabhd4 li.tbTravelOn a:hover { background-position:-486px -37px; width:113px; margin:0;}
ul#tabhd4 li.tbHikakuOn a,ul#tabhd4 li.tbHikakuOn a:hover { background-position:-599px -37px; width:86px; margin:0;}
ul#tabhd4 li.tbGameOn a,ul#tabhd4 li.tbGameOn a:hover { background-position:-685px -37px; width:91px; margin:0 ;}
ul#tabhd4 li.tbPenOn a,ul#tabhd4 li.tbPenOn a:hover { background-position:-776px -37px; width:124px; margin:0;}

/*///////////////////////////////////////////////////////////////////////////////////////*/

/*/////////// 2010 Sitetop Renewal New Head////////////*/



/* パンくずリスト*/
#panlist { margin:5px 10px; text-align:left;} /*旧状態別ヘッダ向け*/
#panlistK { margin:5px 10px 0; text-align:left; width:900px; position:absolute; top:190px; left:auto;}/*検索付ページ向け*/
#panlistN { margin:5px 10px 0; text-align:left; width:900px; position:absolute; top:140px; left:auto;}/*通常のページ向け*/
.title_mall { margin:0; text-align:left; float:left; width:660px; padding:5px 0 0 5px; float:left;}
div.title_mall span.gt{ margin:0 12px;}
.title_link { width:234px; float:left; text-align:right;}

.title_link img { margin:5px 0 0 0; border:0;}

/*旧パンくずリスト*/
.title { padding:13px 0 13px 5px; vertical-align:bottom; text-align:left; font-size:80%; clear:both;}
div.title span.gt{ margin:0 12px;}

/* ヘッダレイアウト */
.headline1 { background:#ffcc33; height:2px; line-height:0; font-size:0; border-bottom:#ffffff 1px solid; width:900px;}
h1.headline2 { font-weight:normal; background:#ededed; height:13px; font-size:11px; color:#333; padding:0; text-align:left; width:900px; display:block; margin:0; text-indent:10px;}
.headline2 { font-weight:normal; background:#ededed; height:13px; font-size:11px; color:#333; padding:0; text-align:left; width:900px; display:block; margin:0; text-indent:10px;}
.mainhead { }
.mainhead1,.mainhead2,.mainhead3 { float:left;}
.mainhead1 { width:311px; height:82px; text-align:left;}
.mainhead2 { width:100px; padding-top:10px;}
.mainhead3 { width:489px; padding-top:10px;}
.mainhead2 img { margin-bottom:3px;}
.mainhead3 img { float:right;}
.mainhead2 ul { margin:0; padding:0;} 
.mainhead2 li { display:inline; margin:0; padding:0;}
.tabhead { clear:both; text-align:left; width:900px; border-bottom:1px #cccccc solid; padding:0; font-size:0; line-height:0;}
.tabhead ul { text-align:left; margin:0; padding:0;}
.tabhead li { display:inline; margin:0; padding:0;}
.tabhead img { margin:0 2px 0 0;}

/* フロート調整 */
.dclear { clear:both;}

/* 途切れボーダー対策 */ /* topcate内にfloatを使用する際に適用*/
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0; line-height:0;}
.clearfix { min-height:1px;}
* html .clearfix { height:1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


#maincon { margin:45px 0 0 0; _margin-top:40px;}

/*　ご注意ボタン　*/
#noticehead { margin:0; padding:0; width:223px; height:21px; float:left; padding:5px 0 0 }
ul#noticehead li { list-style-type:none; float:left;}
ul#noticehead li a { display:block; height:21px; overflow:hidden; background:url(../../images/notice_btn.gif) no-repeat; text-indent:-9999px;}
ul#noticehead li.whW a { background-position:0 0; width:97px;}
ul#noticehead li.readme a { background-position:-97px 0; width:126px;}

ul#noticehead li.whW a:hover { background-position:0 -21px; width:97px;}
ul#noticehead li.readme a:hover { background-position:-97px -42px; width:126px;}

/* 1日4回検索 */
.header3 { clear:both;}
#yahooschhead { background:url(/images/gsearch_longbg_y.gif) repeat-x; height:55px;}
#yahooschhead ul { margin:0; padding:0; list-style:none; display:block;}
#yahooschhead a { font-size:115%; color:#333; text-decoration:underline; font-size:12px;}

li.header32ttl { float:left; width:236px; padding:2px 0 0 10px; }
li.header32box { float:left; width:511px; padding:2px 0 0 0; text-align:left;}
li.header32spc { float:left; width:138px; padding:2px 0 0 0; text-align:left;}
.yahootextbox { width:340px; margin-right:5px;}
.yahootextboxBingo { width:260px; margin-right:5px;}
.goowebbtn { width:99px; margin-top:1px; background:#ffcc00; font-weight:bold; border:1px #dbaf00 solid; color:#333333;}
.byyahoo2 { margin-top:1px;}
li.yahoorulebtn { float:left; width:220px; margin:0 10px 0 5px;}
li.yahoorulebtn img { margin-left:5px;}
li.recword { float:left; width:650px; padding:2px 0 0; text-align:left;}
span.recword2 { font-size:11px;}