/*/////////////////* ヘッダ＆フッタレイアウト *//*/////////////////////////////////////*/

/* ヘッダレイアウト */
.headline1 { background:#ffcc33; height:2px; line-height:0; font-size:0;}
.headline2 { background:#ededed; height:13px; border-top:#ffffff 1px solid; font-size:11px; color:#333333; padding:0 5px; text-align:left;}
.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;}
.mainhead3 object { float:right;}
.mainhead2 ul { margin:0; padding:0;} 
.mainhead2 li { display:inline; margin:0; padding:0;}
.tabhead,.tabhead2 { clear:both; text-align:left; width:900px; border-bottom:1px #cccccc solid; padding:0; font-size:0; line-height:0;}
.tabhead ul,.tabhead2 ul { text-align:left; margin:0; padding:0;}
.tabhead li,.tabhead2 li { display:inline; margin:0; padding:0;}
.tabhead img,.tabhead2 img { margin:0 2px 0 0;}
.tabblog img{ margin:0 0 0 106px; position:relative;}

/* ヘッダ 情報 */
#STATEHEADER { background:#ededed;}
.header2 { background:#ededed;}
.header2 div{ float:left;}
.header2 table{	width:900px; padding:0; margin:0;}
.header2 td.name{ padding:0; margin:0;}
.header2 div.name{ font-size:11px; color:#333333; padding-left:5px; line-height:13px;}
.header2 div.point{	font-size:11px;	color:#333333; padding-left:10px; line-height:13px;}
.header2 .menu span a{ font-size:12px; color:#0066cc; margin-right:12px;}
.header2 .menu span a:hover{ font-size:12px; color:#0066cc; margin-right:12px; color:#FF6600;}
.header2 .menu img,.header2 .login img{ margin:1px 3px;}
.header2 a:hover { color:#ff6600; font-size:11px;}
.header2 div.dot { clear:both; font-size:11px; padding-left:5px; line-height:13px; text-align:left; color:#CCCCCC;}
.header2 div.dot a:link{ clear:both; font-size:11px; line-height:13px; text-align:left; color:#FF6600; text-decoration:none;}
.header2 div.dot a:visited{ clear:both; font-size:11px; line-height:13px; text-align:left; color:#FF6600; text-decoration:none;}

/* ヘッダ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;}

/* フッタ リンク */
.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;}

/* フッタ700 */
.footers { clear:both; font-size:12px; text-align:center; width:700px; }
.footers a:link,.footers a:visited,.footers { color: #333333; }
.footers a:hover { color: #ff6600; }
.footers a { margin:0 2px; text-decoration: none; }
.footers div { margin:0;	padding:5px 0; background-color: #eae8e3;}

/* フッタ 住商相互リンク（20100401追加） */
.footerwakusumi{ font-size:11px; text-align:left; line-height:1.5em; clear:both; border:0px #ccc ; width:898px; color: #666; }
ul.footlinksumi { padding:5px 6.0em 0; margin:0;}
.footersumi { clear:both; font-size:11px; text-align:left; width:766px;  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;}

/* 20100406　タブ変更　旧デザイン混在（blog等）用*/
#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;}

/* 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;}

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

/*/////////////////* サイト全体レイアウト *//*//////////////////////////////////////////*/
/* 共通 */
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;
	text-align:left;
}
#mainarea { width:900px;}/* 削除予定 */
#mainleft { width:666px; text-align:left;}
#mainright { width:224px;}
	/* 09/1/20追加 */
#mainleft02 { width:590px; text-align:left;}
#mainright02 { width:300px;}

/* 共通 */
.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;}


/* パンくずリスト*/
#panlist { margin:5px 10px; text-align:left;}


/* マージン調整 */
.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;}
.space5 { height:5px;}/*090120追加*/

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


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

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


/* /////右側///// */
/* 共通 */
.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;}


/* お知らせ */
ul.infolist { margin:0; padding:5px; text-align:left; color:#FF9900; width:200px;}
ul.infolist li{ background:url(../../images/icon_orarrow.gif) no-repeat left 4px; border-bottom:1px dotted #cccccc; list-style-type:none; padding:0 0 5px 15px; line-height:1.5em; margin:0 0 10px 0; } 


/* キャンペーン */
.cmpbox { /*float:left;*/ width:212px;}
.cmpbox img { padding:5px; float:left;}
.cmpbox p { padding:0 0 0 5px; text-align:left; margin:0;}


/* アンケート */
ul.enquetelist { margin:0; padding:5px; text-align:left; color:#FF9900; width:200px;}
ul.enquetelist li{ background:url(../../images/icon_q.gif) no-repeat left 4px; border-bottom:1px dotted #cccccc; list-style-type:none; padding:0 0 5px 15px; line-height:1.5em; margin:0 0 10px 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;}

/* タイトル部分　パンくずリスト */
/* .title { margin:10px 0 5px 5px; text-align:left; font-size:80%;} */

.title { padding:13px 0 13px 5px; vertical-align:bottom; text-align:left; font-size:80%; clear:both;}
div.title span.gt{ margin:0 12px;}

/* タイトル部分 */
div.pagetitle{ background-color:#F7F7F7; margin:0; padding:5px 0;  width:860px;}
div.pagetitle div{ margin:0 10px;}

/* メインエリア 両側 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;}
.padb20 { margin-bottom:30px;}

/* 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{}

/* リンク */
.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;}
.padl10{ margin-left:10px;}

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


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


/* フォント基本 */
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:100%;
}


/* サブタイトル */
.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');}


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


/* リスト */
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;}


/* bingo */
.a12 { font-size:160%; padding:15px; line-height:170%;}


/* 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;}
