@charset "shift_jis";

html{background-image:url(../img/in/mainbk.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#cef395;
margin:0px;
padding:0px;
font-size:12px;
color:#65301e;
height:100%;
}

body{
margin:0px;
padding:0px;
height:100%;}

form{margin:0px;}

table{font-size:12px;
color:#65301e;
line-height:1.5em;
}

#out{width:100%;
height:100%;
text-align:center;
font-size:12px;
color:#65301e;
line-height:1.5em;
}

#in{width:900px;
text-align:left;
margin:0px auto;
padding:0px;
background-image:url(../img/in/insidebk.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#FFF;
min-height:100%;
}

img{border:0px;}

a:link{
color:#1697ac;
text-decoration:underline;}
a:active{
color:#1697ac;
text-decoration:none;}
a:visited{
color:#1697ac;
text-decoration:underline;}
a:hover{
color:#1697ac;
text-decoration:none;}

/*マージン*/
.mtb10{margin-top:10px;
margin-bottom:10px;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}

.mb0{margin-bottom:0px!important;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px;}

.mlr7{margin-left:7px;
margin-right:7px;}
.mlr15{margin-left:15px;
margin-right:15px;}
.mlr30{margin-left:30px;
margin-right:30px;}
.mlr35{margin-left:50px;
margin-right:60px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}

.mr0{margin-right:0px!important;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr23{margin-right:26px;}
.mr32{margin-right:35px;}
.mr72{margin-right:75px;}

.pt15{padding-top:15px!important;}

/*文字の装飾*/
.bold{font-weight:bold;}
.small{font-size:10px;
color:#9d563e;}
.small_r{font-size:10px;
color:#f84a4a;}
.big{font-size:16px;
font-weight:bold;}
.mid{font-size:14px;
font-weight:bold;}


.red{color:#f84a4a;}
.aqua{color:#0099CC;}
.grean{color:#009933;}
.ora{color:#FF4400;}
.pink{color:#FF6699;}
.yellow{color:#F29200;}
.wht{color:#FFF;}

.smidasi{color:#FF6600;
font-weight:bold;}
.menumidasi{color:#e4ba28;
font-weight:bold;}

/*画像装飾*/
.waku{
border:2px solid #c2be9b;}

.fl{float:left;
margin-right:15px;}
.fr{float:right!important;
margin-left:15px;}


/*センター寄せ*/
.cen{text-align:center!important;
margin:0px;}


/*幅*/
.w370{width:350px!important;
width:370px;
margin:auto;}

/*ヘッダー*/
.head{
margin-top:0px;
background-image:url(../img/head/head_02.jpg);
background-repeat:no-repeat;
background-position:center;
text-align:center;
}

.head_fuji{
margin-top:0px;
background-image:url(../img/head/head_02_fuji.jpg);
background-repeat:no-repeat;
background-position:center;
text-align:center;
}


h1{
width:325px;
font-size:10px;
color:#333;
margin:0px 0px 7px 15px;
font-weight:normal;
line-height:1.4em;
}

/*フッター*/
#foot{
clear:both;
margin:15px 0px 0px!important;
margin:30px 0px 0px;
padding:27px 0px 0px;
color:#d9c4ad;
text-align:center;
height:60px!important;
height:80px;
background-image:url(../img/in/footbk.jpg);
background-repeat:no-repeat;
}

#foot a{color:#d9c4ad;
text-decoration:none;}
#foot a:hover{text-decoration:underline;}




/*左側*/
.left{
width:170px;
margin:0px 0px 15px 15px;
display:inline;
float:left;}


/*ログイン*/
.login{
text-align:center;
background-image:url(../img/in/menubk.gif);
background-repeat:repeat-y;
color:#eae7d2;
padding:0px 5px 0px 3px;
}

.login img{margin-top:15px;
margin-left:2px;}

.txtbox{width:210px;
border:1px solid #502402;
color:#65301e;
margin:5px;}

/*サイドメニュー*/
.menu{
display:block;
background-image:url(../img/in/menubk.gif);
background-repeat:repeat-y;
margin:0px 0px -8px 0px;
padding:5px 10px 10px;
list-style:none;
}

.menu li a{
display:block;
min-height:18px;
padding:3px 0px 3px 15px;
margin:0px!important;
margin:0px 0px -10px;
background-image:url(../img/in/tris.gif);
background-repeat:no-repeat;
background-position:left center;
color:#eae7d2;
text-decoration:none;
}
.menu li a:active{background-image:url(../img/in/trib.gif);
background-repeat:no-repeat;
background-position:left center;
color:#f5d825;
text-decoration:none;
}
.menu li a:visited{background-image:url(../img/in/tris.gif);
background-repeat:no-repeat;
background-position:left center;
color:#f8f5e3;
text-decoration:none;
}
.menu li a:hover{background-image:url(../img/in/trib.gif);
background-repeat:no-repeat;
background-position:left center;
color:#f5d825;
text-decoration:none;
}




/*ペットシステム追加*/
.pet{
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
	border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	font-size:12px;
	margin-bottom:10px;
}
.pet th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
	background-color:#fba638;
	width:20%;
	color:#471404;
	padding:5px;
	text-align:center;
}
.pet td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
	font-size:12px;

}

/*サイドメニューなし*/
.nomenu{
width:685px!important;
width:auto;
text-align:center;
margin:0px auto;
padding:0px 10px;
min-height:500px;
}

/*右側コンテンツ*/

.right{
text-align:right;
margin-right:15px;
display:inline;
float:right;
min-height:500px;

}

/*パンくず*/
.pan{text-align:right;
font-size:10px;
height:15px;
clear:both;
margin-top:-3px;
margin-bottom:3px;
}

.pan a{color:#65301e;
text-decoration:underline;}
.pan a:hover{text-decoration:none;}

.pan a:link{
color:#65301e;
text-decoration:underline;}
.pan a:active{
color:#65301e;
text-decoration:none;}
.pan a:visited{
color:#65301e;
text-decoration:underline;}
.pan a:hover{
color:#65301e;
text-decoration:none;}

/*内容*/
.cont{
text-align:left;
width:645px!important;
width:685px;
margin:0px;
padding:10px 20px 5px ;
background-image:url(../img/in/contbk.gif);
background-repeat:repeat-y;
}

.cont .pan{margin-top:3px!important;}

.cont img{margin-bottom:15px;}

p{
clear:both;
margin:0px 0px 15px;}

p img{float:left;
margin-right:15px;
}

/*高さが足りないとき*/
.mb50{
margin-bottom:50px!important;}
.mb70{
margin-bottom:70px!important;}
.mb100{
margin-bottom:100px!important;}
.mb150{
margin-bottom:150px!important;}


/*Tips囲み*/
.tip{background-color:#ffef87;
border:1px solid #502402;
padding:7px;
margin-bottom:15px;
}

/*リスト*/
.cont ul{
margin-top:5px;
}

/*テーブル*/
.hyou{
width:645px;
border:1px solid #502402;
margin:10px auto 15px;
}

.hyou td{padding:4px 10px;
border-bottom:1px dotted #8e5a33;
border-right:1px dotted #8e5a33;}

.tamidasi{background-color:#502402;
color:#f8f5e3;
}

.tasmidasi{background-color:#ffcba2;
color:#502402;
}

.tabtm{border-bottom:none!important;}
.targt{border-right:none!important;}
.taline{border-right:1px dotted #8e5a33;
border-bottom:3px double #8e5a33!important;}

.gray{border-bottom:none!important;
border-right:none!important;
background-color:#e4cebe;}

.shyou{width:auto!important;
text-align:left;}


/*テーブル*/
.hyou2{
border:1px solid #502402;
margin:10px auto 15px;
}

.hyou2 td{padding:4px 10px;
border-bottom:1px dotted #8e5a33;
border-right:1px dotted #8e5a33;}

.tamidasi{background-color:#502402;
color:#f8f5e3;
}

.tasmidasi{background-color:#ffcba2;
color:#502402;
}

.tabtm{border-bottom:none!important;}
.targt{border-right:none!important;}
.taline{border-right:1px dotted #8e5a33;
border-bottom:3px double #8e5a33!important;}

.gray{border-bottom:none!important;
border-right:none!important;
background-color:#e4cebe;}

.shyou{width:auto!important;
text-align:left;}

/*お問い合わせTOPのテーブル*/
.inq{width:645px;
margin-bottom:15px;}

.inq td{padding:5px 12px 5px 0px;
border-bottom:1px dotted #c2be9b;}

.inq img{
vertical-align:text-top;
margin-right:5px;}

.inq input{
width:130px;
height:24px;}

.preview{width:370px;}

/*はじめに*/
.str{width:645px;
margin-bottom:15px;}

.str td{padding:5px 0px;}
.str td.sleft{padding:5px 12px 5px 0px!important;}

/*過去の壁紙*/
.dotbtm td{border-bottom:1px dotted #c2be9b;
padding:10px 0px;
width:50%;
}

/*スクリーンショット*/
.ssnote{display:block;
width:146px;
margin-right:19px;
margin-bottom:15px;
float:left;
}

/*職業ガイドのスキルのテーブル*/
.skill{margin-bottom:10px;}

.skill td{width:50%;
padding:5px 0px;}

.skill img{float:left;
margin:5px 10px;}

/*ショップアイテム棚*/
.shop{
width:645px;
border-bottom:1px solid #c2be9b;
margin-bottom:10px;}

.shop td{border-bottom:1px dotted #c2be9b;
padding:2px 4px 6px 4px;}

.ico{border-bottom:none!important;
text-align:center;
width:60px;}


/*iframe*/
iframe{width:850px!important;
width:850px;
height:100px;
border:1px solid #502402;
margin:15px 0px;
padding:5px 10px;
background-color:#FFF}

iframe.s{
width:98%!important;
height:200px;
border:1px solid #502402;
margin:10px 0px;
padding:5px;
background-color:#FFF}

/*FAQ*/
.faq{background-color:#ffcba2;
color:#502402;
padding:5px;
margin-bottom:10px;
}

.faq img{margin-right:5px;
margin-bottom:0px;}


/*ジョブガイド表*/
.second{
width:645px;
background-image:url(../guide/img/job_bk.gif);
background-repeat:no-repeat;
background-position:top center;
padding-top:10px;
padding-right:3px!important;
padding-right:0px;
text-align:center;
margin-top:10px;}

/*IDチェックポップアップ*/
.chk{text-align:center;
margin-top:10px;
font-size:14px;
line-height:1.5em;}

.chk_btn{
margin-top:15px;
vertical-align:-100%;}

/*アンケート*/
.enq{width:570px;
margin-left:36px;
background-color:#FFF;
color:#333;}

.enq img{margin-bottom:5px!important;}

.enqfoot{
background-image:url(../library/img/thanks.jpg);
background-repeat:no-repeat;
color:#666;
font-weight: bold;
width:570px;
height:125px;
padding:18px 50px;
line-height:1.8em;
}

.comm{padding:7px;
background-color:#FFE6F5;
margin:10px ;
height:120px;
text-align:left;
}

.glaf1{background-image:url(../library/img/glaf1.gif);
background-repeat:no-repeat;
background-position:top;
height:185px!important;
height:395px;
padding-top:210px;} 

.glafin1{margin:0px 10px 0px 260px;
padding:7px;
background-color:#FFE6F5;
text-align:left;
}

.glaf3{background-image:url(../library/img/glaf3.gif);
background-repeat:no-repeat;
background-position:top;
height:260px!important;
height:600px;
padding-top:340px;} 

.glafin3{margin:0px 10px 0px 200px;
padding:7px;
background-color:#FFE6F5;
text-align:left;
}

.enqmol{background-color:#D9FEFF;
padding:5px 10px;
margin-top:10px;}

.illust{background-color:#FFFFFF;
background-image:url(../library/img/top_02.jpg);
background-repeat:no-repeat;
}

.illust p{padding:250px 0px 0px 70px;}

.syo{
width:540px;
margin-left:20px;}

.syo img{margin-right:10px;
margin-top:10px;}

/*ショップ新商品*/
.newitem{width:600px;
margin:0px 0px 5px 22px;
text-align:left;}

.setumei{padding:15px;
width:350px;
background-repeat:repeat-y;
}

.setumei2{padding:15px;
width:600px;
background-repeat:no-repeat;
}

.gazou{background-color:#FFF;
background-position:right;
background-repeat:repeat-y;
width:250px;
}

.shopico{float:left;
margin-right:10px;
margin-bottom:5px!important;}

/*きせかえ*/
.gmshot{background-image:url(../community/img/gm.jpg);
background-position:top right;
background-repeat:no-repeat;}

.kisekae{margin-bottom:15px;}
.kisekae td{
	border-right:1px dotted #c2be9b;
	border-bottom:1px dotted #c2be9b;
	width:25%;
	padding : 0px 5px 0px 5px;
}
.kisekae img{
margin:10px 0px 10px 10px!important;}

/*メンテページ*/
#mente{width:650px;
text-align:center;
margin:0px auto;
padding:20px 0px;
background-image:url(../img/in/contbk.gif);
background-position:top center;
background-color:#FFF;
height:100%;}




/*きせかえ*/
.ttlTbl{
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:14px;
}
.txtSte{
	font-size:10px;
	margin:0px;
	padding:0px;
	color:#C00;
}

.boxSte{
	border-bottom:#c2be9b 1px solid;
	margin:0px 0px 10px 0px;
}

table.ste{
	width:400px;
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
	border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	font-size:12px;
	margin-left:100px;
	margin-bottom:10px;
}
.ste th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
	background-color:#fba638;
	color:#471404;
	padding:5px;
	text-align:left;
	background-image:url(../img/mileage/bg.gif);
	background-position:top left;

}
.ste th2{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
	background-color:#fba638;
	color:#471404;
	padding:5px;
	text-align:left;
	background-image:url(../img/mileage/bg.gif);
	background-position:top left;
	font-weight:normal;

}
.ste td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
	text-align:left;
	padding:5px;
	font-size:12px;
}

/* アップデートページ */
.update .cont {
	width: 670px !important;
	padding-left: 15px;
	padding-right: 0;
}
.update .cont .gotop {
	padding-right: 15px;
}
.update .updateBanner {
	width: 670px;
	overflow: hidden;
	_zoom: 1;
	margin: 0 0 0 -13px;
	padding: 0;	
}
.update .updateBanner li {
	float: left;
	width: 322px;
	height: 110px;
	margin: 0;
	padding: 0 0 15px 13px;
	overflow: hidden;
}
.update .updateBanner a img {
	width: 320px;
	margin-bottom: 0;
	border: 1px solid #65301e;
	vertical-align: top;
}
.update .updateBanner a:hover img {
	border: 1px solid #c2be9b;
}

.update .updateBanner.bnr02 li {
	width: 655px;
}
.update .updateBanner.bnr02 span {
	display: block;
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
.update .updateBanner.bnr02 img {
	float: left;
	width: 320px;
	margin-right: 10px;
}

/* アップデートメニュー　*注：inside2.cssも同時に変更すること */
#updateMenu {
	padding-right: 5px;
}
#updateMenu li {
	margin-bottom: 5px;
}
#updateMenu li ul {
	margin: 0;
	padding: 0 0 0 5px;
	list-style: none;
}
#updateMenu li ul li {
	margin-bottom: 0;
}
#updateMenu .menuHead {
	margin-bottom: 2px;
}
#updateMenu .menuHead a {
	padding: 1px 0 0 20px;
	min-height: 17px;
	line-height: 17px;
	background-image: url(../img/in/icon_oc.png);
	background-repeat: no-repeat;
	background-position: 0 -18px;
}
#updateMenu .menuHead a:hover {
	background-position: 0 0;
}
#updateMenu .menuHead.active a {
	background-position: 0 -54px;
}
#updateMenu .menuHead.active a:hover {
	background-position: 0 -36px;
}

/* SNS Share */
.share {
	float: right;
	margin: 0;
	padding: 0;
	overflow: hidden;
	_zoom: 1;
}
.share li {
	float: left;
	padding-left: 8px;
	list-style: none;
}
.share img {vertical-align: middle; }
.share iframe {
    background: none;
    border: none;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
}
.share #snsTw iframe {width: 98px !important;}

.share #snsFb iframe {width: 112px !important;}