@charset "utf-8";
body { background-color: #FFFFFF; color:#000; margin:10px; padding:10px; }

#siteTtl,
.contents div.box div.innerBox dl,
.contents div.PatternF ul,
.contents div.PatternG ul { background: none;}

/*サイト名*/
#siteTtl h1{ color:#000;}

/*ログイン窓*/
#invite div.snsLogin { height:224px; background-color:#36B3D1;}
#free div.snsLogin { background-color:#EEEEEE; height:210px; }

.snsLogin div#usernameArea { left:25px; top:10px; }
.snsLogin div#passwordArea { left:25px; top:54px; }
.snsLogin div#usernameArea span,
.snsLogin div#passwordArea span { font-size:12px; line-height:1; text-indent:0; font-weight:bold; color:#444;}
.snsLogin div#usernameArea input,
.snsLogin div#passwordArea input { top:18px; border: 2px #bbb inset; background-color:#fff;}
.snsLogin div#isSaveArea span { color:#444;}
.snsLogin div#isSaveArea { text-align:center; top:98px; width:200px; }
.snsLogin div#loginSecurity { background:url("../../img/login_sec_black.gif") no-repeat center center;}
.snsLogin div#buttonLoginArea { top:135px; }
.snsLogin div#buttonRegiArea { top:180px; }
.snsLogin div#buttonLoginArea button,
.snsLogin div#buttonRegiArea button { width:122px; height:22px; border:2px #fff outset; background-color:#555; text-indent:0; font-weight:bold; color:#fff;}
.snsLogin div#passwordQueryArea { text-align:center; top:116px; width:200px; }
.snsLogin div#sslLink01 { text-align:center; top:160px; width:200px; font-size: 10px;}


/*コンテンツエリア*/
.contents div.box div.ttl { background-color:#AFEEEE;}
.contents div.box div.ttl h2 { color: #444;}
.contents div.box div.innerBox { margin-top:-2px; padding:0 0 5px 0; border: 1px #AFEEEE solid;}
.contents div.box div.innerBox dl { background:none;}
.contents div.box div.innerBox dt { padding:5px 0 5px 0; border-top:1px #AFEEEE dotted;}
.contents div.box div.innerBox dd { padding:5px 0 5px 0; border-top:1px #AFEEEE dotted;}

/*コンテンツエリア／パターン別*/
.contents div.PatternA div.innerBox dd { padding-left:4em;}
.contents div.PatternB div.innerBox dd { padding-left:2.5em;}
.contents div.PatternC { overflow: auto; padding-bottom:1px;}
.contents div.PatternD div.innerBox dd { padding-left:7em;}

.contents div.PatternE { overflow: auto;}
.contents div.PatternE div.innerBox div.freeArea { padding: 10px 6px 0 6px;}
.contents div.PatternF div.innerBox ul { margin:0 4px 0 4px;}

.contents div.PatternF ul { padding:0 10px; height:100%; background: url("../img/inrbox_bg.gif") repeat-x;}
.contents div.PatternF li { padding-top:10px; list-style:none;}
.contents div.PatternF div.innerBox li span{float:left; overflow:hidden; width:76px; height:76px; font-size:0;}
.contents div.PatternF div.innerBox li img{vertical-align:top;}
.contents div.PatternF div.innerBox li dl { margin-left:80px;}
.contents div.PatternF div.innerBox li { margin-top:-1px; padding:5px 0 5px 0; border-top:1px #36B3D1 dotted;}

.contents div.PatternG ul { padding:0 10px 0 22px; height:100%; background: url("../img/inrbox_bg.gif") repeat-x;}
.contents div.PatternG li { padding-top:5px;}
.contents div.PatternG div.innerBox ul { margin:0 4px 0 4px;}
.contents div.PatternG table {border-collapse: collapse;}
.contents div.PatternG th { border: solid 1px #FFD700; }
.contents div.PatternG td { padding-left:1em; border: solid 1px #FFD700; }
.contents div.PatternG div.ttl { background-color:#FFD700;}
.contents div.PatternG div.ttl h2 { color: #444;}
.contents div.PatternG div.innerBox { margin-top:-2px; padding:0 0 5px 0; border: 1px #FFD700 solid;}
.contents div.PatternG div.innerBox dl { background:none;}
.contents div.PatternG div.innerBox dt { padding:5px 0 5px 0; border-top:1px #FFD700 dotted;}
.contents div.PatternG div.innerBox dd { padding:5px 0 5px 0; border-top:1px #FFD700 dotted;}


.contents div.PatternH table {border-collapse: collapse;}
.contents div.PatternH th { border: solid 1px #FFB6C1; }
.contents div.PatternH td { padding-left:1em; border: solid 1px #FFB6C1; }
.contents div.PatternH div.ttl { background-color:#FFE4E1;}
.contents div.PatternH div.ttl h2 { color: #444;}
.contents div.PatternH div.innerBox { margin-top:-2px; padding:0 0 5px 0; border: 1px #FFB6C1 solid;}
.contents div.PatternH div.innerBox dl { background:none;}
.contents div.PatternH div.innerBox dt { padding:5px 0 5px 0; }
.contents div.PatternH div.innerBox dd { padding:5px 0 5px 0; }



.contents div.PatternI { border:1px solid #FFB6C1; }
.contents div.PatternI th {color:#BB7891;padding:9px;border-collapse:collapse;}
.contents div.PatternI .odds {background-color:#FFF5EC;}
.contents div.PatternI .enve {background-color:#FFFFFF; }
.contents div.PatternI .house_cat_data {font-size:12px;}
.contents div.PatternI .house_cat_data td,
.contents div.PatternI .house_cat_data th {padding:5px 10px 0;}


.contents div.PatternJ div.ttl      { border:1px solid #98FB98;background-color:#98FB98; }
.contents div.PatternJ div.innerBox { border:1px solid #98FB98; }

.kids_list {float: left;padding: 5px 5px 0;width: 20%;}
.kids_list ul {position:relative;left:10%;}
.kids_list li {list-style-type:none; left:50%;position:relative;}

.shop_list {float: left;padding: 5px 5px 0;	margin-left: 10px;width: 30%;}
.shop_list li { margin-bottom: 10px;font-size: 12px; list-style-type:none;}
.kuchikomi_list {float: left;padding: 5px 5px 0;margin-left: 10px;width: 30%;}
.kuchikomi_list2 {float: left;padding: 5px 5px 0;margin-left: 10px;width: 90%;}

.contents div.PatternG  div.noline {padding: 10px;}
.contents div.PatternG  div.noline td{	border:1px solid #ffffff!important;	padding-left:1em;}

/*サイドバナー領域*/
#invite div.sideBanner { margin-top:120px;}
#free div.sideBanner { margin-top:10px; }