﻿/* 
site:サンプルボックス
Copyrightc2010 TUBOX Co., Ltd. All Rights Reserved. 
date:2010.06.14
by KMIZUKAMI
*/
@charset "UTF-8";

*{
	margin:0px;
	padding:0px;
	list-style-type: none;
	font-family:  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arrial, sans-serif;
	font-size:12px;
	color:#666;
}

html{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
p,ol,table,h2,h3,h4,h5,form,img,dl,dt,dd {
	margin:0px;
	padding:0px;
	border:none;
	list-style-type: none;
	font-size:12px;
	color:#666;
}

/* 
全体
-------------------------------------*/
boby{width:100%;}
#container{width:900px;padding:0;background-color:#FFF;margin:auto;}

/* 
ヘッダー
-------------------------------------*/
#header {width:850px;height:auto;text-align:center;}
#title-text h1{ color:#OOOOOO; font-weight:normal; padding-top:5px; text-align:center; width:800px;}


#header-main {width:850px;}
#header-left {width:370px;height:106px;float:left}
#logo {width:200px;height:106px;background-image:url(../images/logo.gif);float:left;}
#usagi {width:84px;height:33px;float:right; background-image:url(../images/usagi.gif); padding:44px 22px 29px 64px;}
#header-right {width:480px;height:60px;float:right;padding:23px 0 23px 0;}




/* 
ナビゲーション
-------------------------------------*/
#navigation {overflow: hidden;background-color:#95CA5C;}
#navigation ul {float: left;height:42px; }
#navigation ul li {
	float: left;
	width:104px;
	height:42px;
	margin: 0 2px 0 0px;
	line-height:42px;
	text-align: center;
	font-weight:bold;
	font-size:14px;
	background-color:#75bb29;
	color:#FFFFFF;
}
#navigation ul li.end { border: none; }
#navigation ul li a {display:block;color:#666;height:42px;}
#navigation ul li a:hover {}

#navigation ul li a {display: block;width:104px;height:42px;background-repeat: no-repeat;background-position: 0 0; color:#FFFFFF;}
#nav01 a:hover{background-color:#368907;}
#nav02 a:hover{background-color:#ecd900;}
#nav03 a:hover{background-color:#00a0e9;}
#nav04 a:hover{background-color:#ff5ca3;}
#nav05 a:hover{background-color:#ff6600;}
#nav06 a:hover{background-color:#9900cc;}
#nav07 a:hover{background-color:#3800d7;}
#nav08 a:hover{background-color:#666666;}
#nav11 a:hover{background-color:#ef0600;}
#nav-usagi a { background-image:url(../images/nav-usagi.gif);}

#navitop:hover,#navitop.current {background-color:#368907;}
#navinew:hover,#navinew.current {background-color:#ecd900;}
#navimember:hover,#navimember.current {background-color:#F6E5E5;}
#navic1:hover,#navic1.current {background-color:#00a0e9;}
#navic2:hover,#navic2.current {background-color:#ff5ca3;}
#navic3:hover,#navic3.current {background-color:#ff6600;}
#navic4:hover,#navic4.current {background-color:#9900cc;}
#navic5:hover,#navic5.current {background-color:#3800d7;}
#navic6:hover,#navic6.current {background-color:#666666;}
#navic7:hover,#navic7.current {background-color:#666666;}
#navic8:hover,#navic8.current {background-color:#666666;}
#navic9:hover,#navic9.current {background-color:#666666;}
#navic10:hover,#navic10.current {background-color:#666666;}
#navic11:hover,#navic11.current {background-color:#ef0600;}

#mame-navigation {overflow: hidden;width:628px;height:23px; background-color:#FFFFFF;}
#mame-navigation ul {float: left;width:615px;height:23px; }
#mame-navigation ul li {float: left;width:80px;height:23px;margin: 0 2px 0 0;line-height:23px;text-align: center;background-color:#59a30a; color:#FFFFFF;}
#mame-navigation ul li a {display: block;width:80px;height:23px;background-repeat: no-repeat;background-position: 0 0; color:#FFFFFF;}
.mame-nav a {background-color:#368907;}
.mame-nav a:hover{background-color:#59a30a;}

/* 
うさぎプロフィール
-------------------------------------*/
.usagiprof{ width:41px; float:left; margin:0 0 0 0px;}
.usagiprof-cont{ float:left; text-align:left; margin:20px 0 0 0; color:#s75bb29;}

/* 
ぱんくず
-------------------------------------*/
#pan {text-align:left;width:850px; padding:5px 0 5px 10px;}
#pan ul li {float:left;background:url(../images/ico_yajirusi.gif) no-repeat 0px 2px;text-indent: 10px;padding-right:5px;}
#pan ul li.top {background:url(../images/icon_home.gif) no-repeat 0 -2px;text-indent: 17px;}
#pan ul li a {display:block;}

/* 
メインコンテンツ
-------------------------------------*/
#main-contents { clear:both;width:900px;}
/* 
レフトコンテンツ:TOPページ
-------------------------------------*/
#left-contents {float:left;width:656px;height:auto;margin:0 0px 0px 0px;}
.motto{float:right;margin:0 0 3px 550px; width:63px; text-align:left; background:url(../images/redicon_usagi.gif) no-repeat scroll 0 0 transparent; display:block; height:20px;padding:3px 0 0 15px; }

#left-contents h2 {height:26px; background-color:#75bb29; background-image:url(../images/icon_clrip.gif); background-repeat:no-repeat;text-align:left; padding:0px 0 0 20px; font-weight:bold; font-size:16px; color:#FFFFFF;margin:0;}
#left-contents h4 { text-align:left; margin:5px 0 10px 0;font-weight:normal;font-size:12px;}


/*
ページング
-------------------------------------*/
div.pager {overflow: hidden;width:100%;height:20px;margin-left:10px;}
div.pager ul {float: left;width:100%;height:20px;}
div.pager ul li {float: left;margin: 0 0 0 10px;line-height:20px;text-align: center;}
div.pager ul li a {background-repeat: no-repeat;background-position: 0 0;}
div.pager ul li.usaico {float:right;}
div.pager .current {font-weight: bold;}
div.pager .disabled {color: #DDD}

/* 
案件表示用ボックス
-------------------------------------*/
#left-contents div.infobox {
	width:303px;
	margin:0;
	padding:0 0 22px 0;
	margin-bottom:10px;
}
#left-contents div.infoboxbig {
	width:608px;
	margin:auto;
	padding:0 0 29px 0;
	margin-bottom:20px;
}
#left-contents div.infoboxlist {
	width:608px;
	margin:auto;
	padding:0 0 29px 0;
	margin-bottom:10px;
}
#left-contents div.infobox div.main,
#left-contents div.infoboxbig div.main,
#left-contents div.infoboxlist div.main {
	padding:10px 20px 5px 5px;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:none;
}
#left-contents div.infobox div.main {
	border-left:19px solid #999;
}
#left-contents div.infoboxlist div.main {
	padding-top:5px;
	border-left:27px solid #999;
}
#left-contents div.infoboxbig div.main {
	border-left:27px solid #999;
}

#left-contents div.infobox p.date,
#left-contents div.infoboxbig p.date {
	padding:0;
	margin:0;
	float:none;
}

/*
一覧用サイズ
--------------------------------------*/
#left-contents div.leftcolumn {
	padding-top:10px;
	float:left;
	margin-left:20px;
}
#left-contents div.rightcolumn {
	padding-top:10px;
	float:right;
	margin-right:20px;
}
#left-contents div.infobox h3 {
	background:none;
	color:#333;
	padding:0;
	margin:0;
	font-weight:bold;
	font-size:14px;
	line-height:1.2em;
}
#left-contents div.infobox img.banner {
	float:left;
	padding:3px 5px 0px 0px;
}
#left-contents div.infobox p {
	line-height:1.5em;
	padding:2px 0px 5px 0px;
}
#left-contents div.infobox dl {
	border-top:1px solid #999;
}
#left-contents div.infobox dt {
	padding-top:5px;
	font-weight:bold;
	font-size:12px;
}
#left-contents div.infobox dd {
	
}
#left-contents div.infobox dd a.godetail {
	float:right;
	background:url(../images/moreicon_usagi.gif) no-repeat;
	text-indent:16px;
	display:block;
	height:14px;
	padding-top:6px;
}

/*
一覧用サイズ(大)
--------------------------------------*/
#left-contents div.infoboxlist h3 {
	background:none;
	color:#333;
	padding:0 0 5px 0;
	margin:0;
	font-weight:bold;
	font-size:12px;
	line-height:1.2em;
}
#left-contents div.infoboxlist h3 a {
	font-size:14px;
}
#left-contents div.infoboxlist img.banner {
	float:left;
	padding:2px 10px 2px 2px;
}
#left-contents div.infoboxlist p {
	line-height:1.5em;
}
#left-contents div.infoboxiist p.date {
	padding:0;
}
#left-contents div.infoboxlist a.godetail {
	float:right;
	background:url(../images/moreicon_usagi.gif) no-repeat;
	text-indent:16px;
	display:block;
	padding-top:6px;
	height:14px;
}
#left-contents div.infoboxlist dl {
	line-height:1.2em;
}
#left-contents div.infoboxlist dl dt {
	font-weight:bold;
}
#left-contents div.infoboxlist dl dd {
	padding-top:3px;
}
#left-contents div.infoboxlist dl dd p {
}

/*
詳細・トップ用サイズ
--------------------------------------*/
#left-contents div.infoboxbig h3 {
	background:none;
	color:#333;
	padding:0;
	margin:0;
	font-weight:bold;
	font-size:24px;
	line-height:1.2em;
}
#left-contents div.infoboxbig h3 a {
	font-size:24px;
}
#left-contents div.infoboxbig img.banner {
	float:left;
	padding:7px 20px 7px 7px;
}
#left-contents div.infoboxbig p {
	line-height:1.5em;
	padding:10px 30px 10px 0px;
}
#left-contents div.infoboxbig a.godetail {
	float:right;
	width:143px;
	height:34px;
	margin-top:10px;
	background:url(../images/shousai-tag.gif) no-repeat;
	padding-top:15px;
	padding-left:50px;
	font-weight:bold;
}
#left-contents div.infoboxbig dl {
	width:562px;
	padding:0 0 13px;
	background:url(../images/memousa_footer.gif) no-repeat 0 bottom;
}
#left-contents div.infoboxbig dl dt {
	border-left:2px solid #F2A4C6;
	border-right:2px solid #F2A4C6;
	padding-left:10px;
	padding-right:10px;
	font-size:14px;
	font-weight:bold;
}
#left-contents div.infoboxbig dl dt.header {
	background:url(../images/memousa_header.gif) no-repeat;
	padding-top:63px;
	border:none;
}
#left-contents div.infoboxbig dl dd {
	padding-left:10px;
	padding-right:10px;
	border-left:2px solid #F2A4C6;
	border-right:2px solid #F2A4C6;
}
#left-contents div.infoboxbig dl dd p {
	width:100%;
}

/*
各カテゴリごとの色分け
-------------------------------------*/
#left-contents div.gray {
	background:url(../images/gray_footer.gif) no-repeat 0 bottom;
}
#left-contents div.cosme {
	background:url(../images/blue_footer.gif) no-repeat 0 bottom;
}
#left-contents div.cosme div.main {
	border-color:#00A0E9;
}
#left-contents div.leftcolumn div.cosme,
#left-contents div.rightcolumn div.cosme {
	background:url(../images/blue_tag-footer.gif) no-repeat 0 bottom;
}

#left-contents div.beauty {
	background:url(../images/pink_footer.gif) no-repeat 0 bottom;
}
#left-contents div.beauty div.main {
	border-color:#FF5CA3;
}
#left-contents div.leftcolumn div.beauty,
#left-contents div.rightcolumn div.beauty {
	background:url(../images/pink_tag-footer.gif) no-repeat 0 bottom;
}

#left-contents div.valueinfo {
	background:url(../images/orange_footer.gif) no-repeat 0 bottom;
}
#left-contents div.valueinfo div.main {
	border-color:#FF6600;
}
#left-contents div.leftcolumn div.valueinfo,
#left-contents div.rightcolumn div.valueinfo {
	background:url(../images/orange_tag-footer.gif) no-repeat 0 bottom;
}

#left-contents div.adult {
	background:url(../images/purple_footer.gif) no-repeat 0 bottom;
}
#left-contents div.adult div.main {
	border-color:#9900CC;
}
#left-contents div.leftcolumn div.adult,
#left-contents div.rightcolumn div.adult {
	background:url(../images/purple_tag-footer.gif) no-repeat 0 bottom;
}

#left-contents div.coupon {
	background:url(../images/red_footer.gif) no-repeat 0 bottom;
}
#left-contents div.coupon div.main {
	border-color:#ef0600;
}
#left-contents div.leftcolumn div.coupon,
#left-contents div.rightcolumn div.coupon {
	background:url(../images/red_tag-footer.gif) no-repeat 0 bottom;
}

#left-contents div.water {
	background:url(../images/water_footer.gif) no-repeat 0 bottom;
}
#left-contents div.water div.main {
	border-color:#5104c6;
}s
#left-contents div.leftcolumn div.water,
#left-contents div.rightcolumn div.water {
	background:url(../images/water_tag-footer.gif) no-repeat 0 bottom;
}

/* 
生活の豆知識
-------------------------------------*/
#left-contents div.tips {
	
}

/* 
アフィリエイト広告内容：メイン
-------------------------------------*/
.title-tag {width:641px; height:26px; background-color:#75bb29; background-image:url(../images/icon_clrip.gif); background-repeat:no-repeat;text-align:left; padding:7px 0 0 20px; font-weight:bold; font-size:16px; color:#FFFFFF;}
.title-comment{ text-align:left; margin:5px 0 0 0;}
#main-header{ margin:10px 0 0 0;}
#main-footer{ margin:0 0 5px 0; height:29px;}
#main-asp{ float:left; width:300px; height:250px; margin:5px 0 0 10px; }
#asp-title{ float:right; width:212px; margin:5px 23px 0 10px;}
h2{ font-size:24px; font-weight:bold; text-align:left; color:#333333;}
#asp-title2{ text-align:left; padding:5px 0 0 10px;line-height: 150%;}
#asp-shousai{background-image:url(../images/shousai-tag.gif); background-repeat:no-repeat; width:143px; height:34px; padding:15px 0 0 50px; font-size:18px; font-weight:bold; text-align:left; margin:10px 0 10px 0; float:right;}
.memousa{}
.memousa-header{width:562px; height:63px;}
.memousa-center{ background-image:url(../images/memousa_center.gif);width:542px; padding:0px 10px 5px 10px;}
.memousa-footer{width:562px; height:13px;}
h3{text-align:left; color:#666;}

/* 
コンテンツ別カラー：メイン
-------------------------------------*/
#blue-center{ width:555px; background-image:url(../images/blue_center.gif); padding:10px 20px 0px 33px;}
#purple-center{ width:555px; background-image:url(../images/purple_center.gif); padding:10px 20px 0px 33px;}
#green-center{ width:555px; background-image:url(../images/green_center.gif); padding:10px 20px 0px 33px;}
#pink-center{ width:555px; background-image:url(../images/pink_center.gif); padding:10px 20px 0px 33px;}
#orange-center{ width:555px; background-image:url(../images/orange_center.gif); padding:10px 20px 0px 33px;}
#gray-center{ width:555px; background-image:url(../images/gray_center.gif); padding:10px 20px 0px 33px;}
/* 
メインコンテンツ記事
-------------------------------------*/
.article{ width:555px;}
.blog-article{ text-align:left;line-height:150%;}
h5{color:#333333; font-size:14px; font-weight:bold; text-align:left; margin-bottom:5px;}
hr{color:#CCCCCC; size:1px; margin:5px 0 5px 0;}
.main-moreusagi{float:right; margin:0 0px 0 474px;width:63px; text-align:left; background:url(../images/moreicon_usagi.gif) no-repeat scroll 0 0 transparent; display:block; height:20px;padding:3px 0 0 15px; }


/* 
アフィリエイト広告内容：サブ
-------------------------------------*/
#submemo{width:615px; clear:both;}
#submemo-left{width:303px; float:left;}
#submemo-right{width:303px; float:right;}
.sub-header{ margin:10px 0 0 0;}
.blue-center{ width:268px; background-image:url(../images/blue_tag-center.gif); padding:10px 10px 0px 25px;}
.purple-center{ width:268px; background-image:url(../images/purple_tag-center.gif); padding:10px 10px 0px 25px;}
.pink-center{ width:268px; background-image:url(../images/pink_tag-center.gif); padding:10px 10px 0px 25px;}
.green-center{ width:268px; background-image:url(../images/green_tag-center.gif); padding:10px 10px 0px 25px;}
.orange-center{ width:268px; background-image:url(../images/orange_tag-center.gif); padding:10px 10px 0px 25px;}
.sub-center-shousai{}
#submemo-right h4{ text-align:left;  font-size:14px; font-weight:bolder;} 
.subasp-image{ float:left; width:100px; margin:5px 0 0 0;}
#submemo-right p{ float:right; width:168px;margin:5px 0 0 0;line-height: 150%;}
.sub-footer{ margin:0 0 10px 0;}
.moreusagi{ float:right; margin:0 0px 0 187px;width:63px; text-align:left; background:url(../images/moreicon_usagi.gif) no-repeat scroll 0 0 transparent; display:block; height:20px;padding:3px 0 0 15px; }
#submemo-right h6{color:#333333; font-size:14px; font-weight:bold; text-align:left;}


/* 
コンテンツ別カラー：サブ
-------------------------------------*/
.blue-center{ width:268px; background-image:url(../images/blue_tag-center.gif); padding:10px 10px 0px 25px;}
.purple-center{ width:268px; background-image:url(../images/purple_tag-center.gif); padding:10px 10px 0px 25px;}
.pink-center{ width:268px; background-image:url(../images/pink_tag-center.gif); padding:10px 10px 0px 25px;}
.green-center{ width:268px; background-image:url(../images/green_tag-center.gif); padding:10px 10px 0px 25px;}

/* 
日付
-------------------------------------*/
#main-time{width:555px;}
.year{ float:left;}
.month{ float:left;}
.day{ float:left;}


.time{width:268px;}
.year{ float:left;}
.month{ float:left;}
.day{ float:left;}

/* 
生活の豆知識
-------------------------------------*/

#mame-memoleft{width:358px;float:left}
#mame-memoright {width:257px;float:right;margin:0 22px 0 0;}
.mame-header{ width:314px; height:29px;background-image:url(../images/mame_header.gif); margin:10px 0 0 0; padding:23px 0 0 20px;text-align:left;font-size:17px; font-weight:bold;}
.mame-center{ width:294px;background-image:url(../images/mame_center.gif); padding:10px 10px 10px 30px; text-align:left; font-size:18px; font-weight:bold;line-height:150%;}
.mame-footer{ width:82px; height:66px;background-image:url(../images/mame_footer.gif); margin:0 0 10px 0; padding:35px 90px 0 162px;text-align:left;}
#mameleft-main{width:301px;float:left; margin:0 0 0 22px;}
#mameright-main{width:301px;float:right; margin:0 22px 0 0;}
.mame-left{width:301px;}
.mame-right {width:301px;}
.mame-header_s{ width:281px; height:27px;background-image:url(../images/s_mame_header.gif); margin:10px 0 0 0; padding:27px 0 0 20px;text-align:left;font-size:17px; font-weight:bold;}
.mame-center_s{ width:261px;background-image:url(../images/s_mame_center.gif); padding:10px 10px 10px 30px; text-align:left; font-size:12px;line-height:150%;}
.mame-footer_s{ width:301px; height:11px;background-image:url(../images/s_mame_footer.gif); margin:0 0 5px 0;}
#middle-ad {margin-top:10px;}
#big-ad {width:120px; height:600px;}

/* 
詳細ページ
-------------------------------------*/
.keyword{ margin:0 0 3px 40px; width:565px; text-align:left; background:url(../images/redicon_usagi.gif) no-repeat scroll 0 0 transparent; display:block; height:20px; border-bottom:1px dotted #CCCCCC;}
.keyword p{padding-left:15px; float:left;width:500px;}

/*
これもおすすめ！
-------------------------------------*/
div.recommends {
	padding:5px 0px 0px 10px;
}
div.recommends ul li a {
	display:block;
}
div.recommends ul li {
	padding-top:7px;
	height:20px;
	border-bottom:1px dotted #999;
	text-indent:16px;
	background:url(../images/redicon_usagi.gif) no-repeat scroll 0 0 transparent;
}

/*
サイトマップ
-------------------------------------*/
#sitemap-mein {margin-left:60px;}
#sitemap-mein ul {float:left;}
#sitemap-mein ul li {float: left;margin: 0 2px 0 0px;text-align:left;color:#666;}
#sitemap-mein ul li a {float: left;margin: 0 2px 0 0px;text-align:left;color:#75bb29;}
#sitemap-left {float:left;}
#sitemap-right {float:left; margin-left:50px;}
#usagi-memo{float:left; background-image:url(../images/usagi-memo.gif); width:130px; height:53px; margin:130px 0px 5px 0px; padding:10px 60px 6px 8px; text-align:left;}

/*
メルマガ登録・変更・解除
-------------------------------------*/
#formArea table {border:1px solid #999999;border-collapse:collapse;margin:0 auto;width:520px; margin:5px 0 5px 0 ;}
#formArea th {background-color:#EEEEEE;border:1px solid #999999;border-collapse:collapse;padding:10px;text-align:right;width:110px;}
#formArea td {background-color:#FFFFFF;border:1px solid #999999;border-collapse:collapse;padding:10px;}


/* 
ライトコンテンツ
-------------------------------------*/
#right-contents {float:right;width:234px; margin:0 0 0 0px;text-align:center;}

/*
めもうさぎコメントアイコン
-------------------------------------*/
.usacomeico {text-align:right;padding-top:5px;}

/* 
ボックス
-------------------------------------*/
#right-contents dl.box {
	border:1px solid #75BB29;
	margin-bottom:10px;
	background-color:#F4FFE9;
	text-align:left;
}
#right-contents dl.box > dt {
	background-color:#75BB29;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	padding:8px 4px 8px 4px;
	text-indent:65px;
}
#right-contents dl.box > dd {
	padding:3px;
}
#right-contents dl.box > dd p {
	padding:5px 3px 10px 3px;
}
#right-contents a.more {
	float:right;
	background:url(../images/moreicon_usagi.gif) no-repeat;
	text-indent:16px;
	display:block;
	padding-top:6px;
	height:14px;
	margin-bottom:10px;
}
/*メルマガ登録
-------------------------------------*/
#right-contents dl.box > dt.mailmagazine {
	background:url(../images/mail-header.gif) no-repeat;
}
#right-contents #mailmagazineform {
	padding-top:5px;
}
#right-contents #mailmagazineform dd {
	text-align:center;
	line-height:1.5em;
}
#right-contents #mailmagazineform dd.submit {
	margin-top:20px;
	margin-bottom:20px;
}
/*検索
-------------------------------------*/
#right-contents dl.box > dt.search {
	background:url(../images/serch-header.gif) no-repeat;
}
#right-contents #SampleSearchForm {
	padding-top:20px;
	padding-bottom:20px;
	padding-left:8px;
}
/*最近のめも
-------------------------------------*/
#right-contents #newmemo div.newmemobox {
	border:1px solid #75BB29;
	background-color:#FFF;
	padding:3px;
	margin-top:6px;
	margin-left:6px;
	margin-right:6px;
}
#right-contents #newmemo div p {
	padding:0;
	margin:0;
}
#right-contents #newmemo div img.banner {
	float:left;
	padding-left:1px;
	padding-right:1px;
	padding-top:2px;
	padding-bottom:2px;
}
/*ランキング
-------------------------------------*/
#right-contents #ranking div.ranking {
	border:1px solid #75BB29;
	background-color:#FFF;
	padding:3px;
	margin-top:6px;
	margin-left:6px;
	margin-right:6px;
}
#right-contents #ranking div p {
	padding:0;
	margin:0;
}
#right-contents #ranking div p.rank {
	font-weight:bold;
	font-size:14px;
}
#right-contents #ranking div img.banner {
	float:left;
	padding-left:1px;
	padding-right:1px;
	padding-top:2px;
	padding-bottom:2px;
}

/*メルマガ登録
-------------------------------------*/
#new-member {width:234px;text-align:center;}
#new-member-title {width:164px; height:22px; background-image:url(../images/mail-header.gif); margin:0 0 0px 0; font-weight:bold; color:#FFFFFF; font-size:14px; padding:8px 0 0 70px; text-align:left}
#new-member-center {width:224px; background-image:url(../images/mail-center.gif); margin:0 0 0px 0; color:#4b4b4b; font-size:14px; padding:10px 5px 10px 5px; }
#new-member-footer {width:234px; height:3px;margin:0 0 10px 0;}
#new-member_mail{height:15px;border:1px solid #ccc;margin-left:3px;float:left;}
.submit{margin:10px 0 0 0 ;}


/*検索
-------------------------------------*/
#serch {width:234px;}
#serch-header {width:164px; height:22px; background-image:url(../images/serch-header.gif); margin:0 0 0px 0; font-weight:bold; color:#FFFFFF; font-size:14px; padding:8px 0 0 70px; text-align:left;}
#serch-center {width:224px; background-image:url(../images/mail-center.gif); margin:0 0 0px 0; color:#4b4b4b; font-size:14px; padding:10px 5px 10px 5px; }
#serch-footer {width:234px; height:3px;margin:0 0 10px 0;}
#serch-center form {padding:10px 3px 0px 3px;margin:0;}
#serch-center dd input {padding:0 2px 0;}
#serch-center p {text-align:center;padding:0 5px 0 5px;}
#serch-center p a {text-indent:3px;}
#SampleKeyword {;
	width:115px;
	height:15px;
	background:#FFF url(../images/search.gif) no-repeat;
	border:1px solid #ccc;
	padding:0 0 0 20px;
	margin:0 0 0 0px;
	float:left;
}

/*履歴
-------------------------------------*/
#rireki {width:234px;}
#rireki-header {width:164px; height:22px; background-color:#75bb29; font-weight:bold; color:#FFFFFF; font-size:14px; padding:8px 0 0 70px; text-align:left;}
#rireki-center {width:224px; background-image:url(../images/mail-center.gif); margin:0 0 0px 0; colnor:#4b4b4b; font-size:14px; padding:10px 5px 10px 5px; }
#rireki-footer {width:234px; height:3px;margin:0 0 10px 0;}
.rireki1{width:216px; height:auto; background-color:#FFFFFF;border:1px solid #75bb29; margin-bottom:5px;}
.rireki-left{float:left;width:100px; height:60px; margin:5px 1px 5px 5px;}
.rireki-right{float:right;width:104px; margin:5px 5px 5px 1px;}
.rirekiusagi{margin:0 0px 0 135px;width:63px; text-align:left; background:url(../images/moreicon_usagi.gif) no-repeat scroll 0 0 transparent; display:block; height:20px;padding:3px 0 0 15px; }



/*ランキング
-------------------------------------*/
#rank {width:234px;}
#rank-header {width:164px; height:22px; background-color:#75bb29; font-weight:bold; color:#FFFFFF; font-size:14px; padding:8px 0 0 70px; text-align:left;}
#rank-center {width:224px; background-image:url(../images/mail-center.gif); margin:0 0 0px 0; colnor:#4b4b4b; font-size:14px; padding:10px 5px 10px 5px; }
#rank-footer {width:234px; height:3px;margin:0 0 10px 0;}
.rank1{width:216px; height:auto; background-color:#FFFFFF;border:1px solid #75bb29; margin-bottom:5px;}
.rank-left{float:left;width:100px; height:60px; margin:2px 1px 5px 5px;}
.rank-right{float:right;width:104px; margin:2px 5px 5px 1px;}
.rankusagi{margin:0 0px 0 135px;width:63px; text-align:left; background:url(../images/moreicon_usagi.gif) no-repeat scroll 0 0 transparent; display:block; height:20px;padding:3px 0 0 15px; }
.rank-first{width:216px; height:23px; background-color:#FFFFFF;}
.rankfirst-left{float:left;width:15px; height:14px; margin:5px 3px 0px 10px;}
.rankfirst-right{ float:right;width:185px; text-align:left;margin:5px 0px 0px 3px; font-weight:bold; font-size:14px;}
/*  ライド・アド
-------------------------------------*/
.ad-right{
margin:0 0 10px 0;
}



/*  フッター
-------------------------------------*/
#footer {clear:both;width:900px;}
#link-table {width:900px;}
#link-td {width:710px;padding:5px 0 5px 0; text-align:left;}
#link-pmark {width:120px;padding:5px 0 5px 0;}
#copyright {width:100%; margin:10px 0 5px 0; text-align:center;}

/* フッターメニュー
-------------------------------------*/
#footermenu {list-style-type:none; width:100%; text-align:center;padding-top:15px;}
#footermenu li {display:inline;}

/* ツボックス運営サイト
-------------------------------------*/
#tubosite {list-style-type:none;}
#tubosite li {display:inline;}
#tubosite li.title {display:block;font-weight:bold;}


/*
 ミニマムクラス
-------------------------------------*/
.red {color:#ff0000;}
.fLeft  {float:left;}
.fRight {float:right;}
.mred{color:#FF4500;font-size:10px;}
.tCenter{text-align:center;}

#mgnT20{margin-top:20px;}
#mgnT40{margin-top:40px;}

a {text-decoration:none;}
a:link { color:#666666;}
a:visited {color:#333}
a:hover {color:#DF1B91}
a:active { color: #D3D3D3; } 

a.sub:link    { color: #FFCCCC; }
a.sub:visited { color: #FFCCCC; }
a.sub:hover   { color: #FFCCCC; }
a.sub:active  { color: #FFCCCC; } 
.clearboth {clear:both;}

.contents { padding-top: 20px; }
.error-message { color: #C00; font-weight:bold;}

/*
 clearfix
-------------------------------------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


