@charset "Shift_JIS";


/* 各ページ共通構造
---------------------------------------------------- */
/*body*/
body {
  margin:0;
  padding:0;
  font-size:12px;
  background:#FFF;
  color: #000;
  font-family:"Helvetica,ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka ;
 /*font-family: 'ヒラギノ角ゴ Pro W3', Osaka, 'ＭＳ Ｐゴシック',Arial,  sans-serif;*/
}

/*container*/
#container {/*containerブロック制御*/
	width:100%;
	margin:0;
	padding:0;
}

/*フォント基本指定*/
.small{font-size:small;}
.x-small{font-size:10px;
font-weight:normal;}

.150{line-height:150%;}
.120 {line-height:120%;}

/*リンク*/
a:hover{
color:#FF0000;
}

/* トクだね総合メニュー
---------------------------------------------------- */
#toku-menu {
	width: 100%;
	margin:0;
	padding:0;
	text-align:right;
	font-size:x-small;
}

#toku-menu ul {
text-align:right;
margin:3px 0;
padding:0;
}

#toku-menu li{
	display: inline;
	list-style-type: none;
	width: auto;
}

/*総合トップ*/
#toku-menu li .t00{ vertical-align:bottom;margin:0;padding:0 3px;}
/*グルメ*/
#toku-menu li .t01{ border-top:3px #FF9966 solid; background:url(../image/toku/01.gif) left no-repeat; margin:0 ;padding:0 3px 0 5px;}
/*おでかけ*/
#toku-menu li .t02{ border-top:3px #33CC00 solid; background:url(../image/toku/02.gif) left no-repeat; margin:0 ;padding:0 3px 0 5px;}
/*中古車*/
#toku-menu li .t03{ border-top:3px #3366CC solid; background:url(../image/toku/03.gif) left no-repeat; margin:0 ;padding:0 3px 0 5px;}
/*結婚*/
#toku-menu li .t04{ border-top:3px #0066CC solid; background:url(../image/toku/04.gif) left no-repeat; margin:0 ;padding:0 3px 0 5px;}
/*ショッピング*/
#toku-menu li .t05{ border-top:3px #FF33CC solid; background:url(../image/toku/05.gif) left no-repeat; margin:0 ;padding:0 3px 0 5px;}
/*映画*/
#toku-menu li .t06{ border-top:3px #9999FF solid; background:url(../image/toku/06.gif) left no-repeat; margin:0 ;padding:0 3px 0 5px;}
/*イベント*/
#toku-menu li .t07{ border-top:3px #FFCC00 solid; background:url(../image/toku/07.gif) left no-repeat; margin:0 ;padding:0 3px 0 5px;}
/*プレゼント*/
#toku-menu li .t08{ border-top:3px #00CCFF solid; background:url(../image/toku/08.gif) left no-repeat; margin:0 ;padding:0 3px 0 5px;}
/*群馬*/
#toku-menu li .t09{ border-top:3px #CC0000 solid; background:url(../image/toku/09.gif) left no-repeat; margin:0 ;padding:0 3px 0 5px;}
/*動画*/
#toku-menu li .t10{ border-top:3px #999999 solid; background:url(../image/toku/10.gif) left no-repeat; margin:0 ;padding:0 3px 0 5px;}
/*トクだねショップ*/
#toku-menu li .t11{ border-top:3px #00B3FF solid; background:url(../image/toku/11.gif) left no-repeat; margin:0 ;padding:0 3px 0 5px;}
/*ラーメン*/
#toku-menu li .t12{ border-top:3px #CC6600 solid; background:url(../image/toku/12.gif) left no-repeat; margin:0 ;padding:0 3px 0 5px;}



/* 上部メニュー(各ジャンル別）
---------------------------------------------------- */
/*ヘッダーメインメニュー*/
#topmenu{
clear:both;
margin:0;
padding:0 0 3px 0;
border-top:3px solid #B70000;
background:#E30404;
width:100%;
vertical-align:top;
}

#menu{
border-bottom:1px solid #FFF;
border-top:1px solid #FFF;
height:20px;
}

#menu ul{
margin:0 10px;
padding:0;
}

#menu li{
float:left;
list-style-type:none;
}

#menu li a{
display:block;
width:80px;
height:20px;
text-indent:-9999px;
border-left:1px solid #FFF;
margin:0;
padding:0;
}

	
/*メニューリンク　ロールオーバー処理*/
#menu li#b_01 a{background:url(../img07/b01_1.gif) center top no-repeat;}
#menu li#b_01 a:hover{background:url(../img07/b01_2.gif) center top no-repeat;}

#menu li#b_02 a{background:url(../img07/b02_1.gif) center top no-repeat;}
#menu li#b_02 a:hover{background:url(../img07/b02_2.gif) center top no-repeat;}

#menu li#b_03 a{background:url(../img07/b03_1.gif) center top no-repeat;}
#menu li#b_03 a:hover{background:url(../img07/b03_2.gif) center top no-repeat;}

#menu li#b_04 a{background:url(../img07/b04_1.gif) center top no-repeat;}
#menu li#b_04 a:hover{background:url(../img07/b04_2.gif) center top no-repeat;}

#menu li#b_05 a{background:url(../img07/b05_1.gif) center top no-repeat;}
#menu li#b_05 a:hover{background:url(../img07/b05_2.gif) center top no-repeat;}

#menu li#b_06 a{background:url(../img07/b06_1.gif) center top no-repeat;}
#menu li#b_06 a:hover{background:url(../img07/b06_2.gif) center top no-repeat;}

#menu li#b_07 a{background:url(../img07/b07_1.gif) center top no-repeat;}
#menu li#b_07 a:hover{background:url(../img07/b07_2.gif) center top no-repeat;}

#menu li#b_08 a{background:url(../img07/b08_1.gif) center top no-repeat;}
#menu li#b_08 a:hover{background:url(../img07/b08_2.gif) center top no-repeat;}

#menu li#b_00 a{background:url(../img07/b00_1.gif) center top no-repeat;}
#menu li#b_00 a:hover{background:url(../img07/b00_2.gif) center top no-repeat;}



/* メインエリア(各ページ共通）
---------------------------------------------------- */
#main-container{
clear:both;
margin:0;
padding:0;
}

/*** コンテンツ全体設定
---------------------------------------------------- */
#contents{
margin:0 auto;
}


/* フッター（共通）
---------------------------------------------------- */
#footer{
clear : both ;
margin: 0 auto;
padding:0;
font-size:10px;
}

.footer-menu{
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
margin:5px auto;
padding:5px 0;
text-align:center;
}

#footer ul{
margin:0 auto;
padding:5px 0;
}

#footer li{
display: inline;
list-style-type: none;
margin:0 ;
padding:0 3px;
border-right:1px solid #CCC;
}

/*左下メニュー*/
.footer-main{
float:left;
width:300px;
}

a.copyright{
display:block;
width:360px;
height:20px;
background:url(../img07/copyright.gif) bottom left no-repeat;
text-indent:-9999px;
float:right;
}

.footer-banner{
text-align:center;
clear:both;
margin:0;
padding:0;
}

.footer-banner a img{
margin:5px 1px 5px 0;
padding:0;
}


/*フッター メーカー/車名リスト*/
div.footer-link 		{ padding: 0 2%; width:96%; overflow:hidden;}

/* 09.10.13handa追加 */
div.footer-link p.ftitle {
	padding : 12px 0 0 15px ;
	color : #333 ;
	background:url(http://www.kurumaru.com/img_top/footer_icon.gif) left 14px no-repeat;
}

div.footer-link ul 		{ list-style:none; padding:0; margin: 0 0 10px 0; line-height:1.8em;}
div.footer-link ul li	{ display:inline;}
div.footer-link ul li a	{}





/* -----------------------------------------------------
            フッター中・ロゴ等
----------------------------------------------------- */
#footer-middle{
	/*width:960px;*/
	margin:8px auto 8px auto;
	text-align:left;
	overflow:hidden; /* 回り込み解除 */
}
#footer-main{
	float:left;
	width:500px;
	padding:1px 0 0 0;
}
#footer-main ul{
	font-size:1.0em;
}
#footer-main ul li{
	display:inline;
	color:#CCCCCC;
}
#footer-main ul li a{
	padding:0 2px;
}

div#footer-middle div#footer-copyright 	{ float:right; width:340px; }
a.copyright { display:block; width:340px; text-indent:-9999px; background: url(../../common/img/copyright.gif) right top no-repeat; }


/* -----------------------------------------------------
            トクだねこまちメニュー
----------------------------------------------------- */
#footer ul#komachi-menu{
	font-size:1.0em;
	margin:6px auto ;
	padding:3px 0;
	text-align:center;
	color:#CCCCCC;
}
#footer ul#komachi-menu li{
	display:inline;
	text-align:center;
}
#footer ul#komachi-menu li img{
	vertical-align:middle;
}
#footer ul#komachi-menu li a{
	color:#666666;
	text-decoration:none;
	text-align:center;
}
#footer ul#komachi-menu li a:hover{
	text-decoration:underline;
}


/* -----------------------------------------------------------------
        キャッチtheオーナーズ　10.07.23handa追加
-------------------------------------------------------------------- */
#catch_mainBox {
    width : 1010px ;
	margin : 0 auto ;
	line-height : 150% ;
}
.head_Box {
    width : 850px ;
    padding : 0 0 10px 0 ;
   _padding : 0 0 20px 0 ;
    background : url(../img/catch/head_img.gif) right top no-repeat ;
} 

#catch_mainBox .head_Box h3.catch_title {
    margin : 0 0 20px -10px ;
    border : 0px solid #fff ;
} 

/* メイン記事 ----------------------------------------*/
.catch_mainBox_L {
    float : left ;
    width : 820px !important;
   _width : 815px ; /* IE6 older */
	margin-bottom : 10px ;
	padding : 20px 15px ;
	overflow : hidden ;
	background : url(../img/catch/main_bg.gif) left top repeat ;
	overflow : hidden ;
}
.catch_mainBox_L h4 {
    border : none ;
	margin : 0 auto ;
}

/* メイン記事　左サイド --------------- */
.catch_mainBox_L .Left_box {
    float : left ; 
    width : 530px ;
}


/* メイン画像 */
.catch_mainBox_L .main_photo {
    background:url(../img/catch/main_p_bg.gif) left top no-repeat ;
	padding : 8px ;
	_margin-top : 10px ;
}

/* サブ画像 */
.catch_mainBox_L .sub_photo_Box_top,
.catch_mainBox_L .sub_photo_Box_bottom {
    width : 530px ;
	overflow : hidden ;
}

.sub_photo_L {
    float : left ;
    width : 170px ;
	margin : 0 10px 10px 0 ;
   _margin : 0 5px 20px 0 ;	
}
.sub_photo_R {
    float : right ;
    width : 170px ;
	margin : 0 0 10px 0 ;
   _margin : 0 0 20px 0 ;	
}
.sub_photo_L span,
.sub_photo_R span {
	padding : 4px 5px 5px 4px ;
	border : 1px solid #ccc ;
	background : #fff ;
	display:block;
}
.sub_photo_L p.comment,
.sub_photo_R p.comment {
   _margin-top : 5px ;
    padding-left : 20px ; 
    background : url(../img/catch/icon_checkpoint.gif) left top no-repeat ;
	font-size : 10px ;	
	line-height : 135% ;
}


/* メイン記事　右サイド:クルマ,オーナー情報 --------------- */
.catch_mainBox_L .Right_box {
    float : right ; 
    width : 275px ;
	margin : 12px 0 0 0 ;
   _margin : 12px 0 0 3px ;
}

span#fileno {
    padding : 0 0 5px 17px ;
    background : url(../img/catch/icon_fileno.gif) left top no-repeat ;
	font-weight : 600 ;
	color : #666 ;
	font-size : 14px ;
}
h5.car_name {
    color : #FF6600 ;
	font-weight : 600 ;
	font-size : 14px ;
	margin : 0 ;
	padding : 10px 0 5px 17px ;
	background : url(../img/catch/icon_carname.gif) left 12px no-repeat ;
}
h6.carshop {
    font-size : 14px ;
	font-weight : normal ;
	color : #ff6600 ;
	margin : 0 ;
	padding-top : 8px ;
	background:url(../img/catch/img_line.gif) left top no-repeat ;
}
.main_comment {
    padding-bottom : 10px ; 
    background : url(../img/catch/img_line.gif) left bottom no-repeat ;
}
.car_info {
    width : 260px ;
	padding : 7px ;
	color : #666 ;
	background : #ffffcc ;
}

table#owner {
    width : 270px ;
}
#owner td.photo {
    background : url(../img/catch/owner_p_bg.gif) center top no-repeat ;
	padding : 1px 4px 4px 1px ;
	width : 140px ;
	height : 146px ;
	text-align : center ;
}
#owner td strong {
    background:url(../img/catch/icon_owner.gif) left top no-repeat ;
	padding-left : 15px ;
}
#owner td span.owner_comment {
    line-height : 200% ;
	border-bottom : 1px dotted #ff6600 ;
	padding-bottom : 3px ;
	color : #ff6600 ;
	font-weight : 600 ;
}


/*										END:メイン
----------------------------------------------------- */


/* メイン記事　下 :ショップ情報　--------------- */
.catch_mainBox_L .Bottom_box {
    clear : both ;
    width : 815px ;
	margin-top : 10px ;
	background : url(../img/catch/img_shopdate_bg.gif) left top no-repeat ;
}
.shop_data_box {
    width : 707px ;
   _width : 697px ;	
    margin-left : 108px ;
	padding : 5px ;
	background : #FF6600 ;
}
.shop_data_box .sub {
    color : #fff ;
	padding-left : 6px ;
}
h6.shop_Title {
    background : #fff ;
	font-size : 16px ;
	font-weight : 600 ;
	margin : 5px 5px 0 5px ;
	padding : 6px 5px 4px 5px ;
}
h6.shop_Title em {
    font-size : 10px ;
	font-style : normal ;
	font-weight : normal ;
} 

table#Shop_Data {
    width : 700px ;
    _width : 693px ;	
	margin : 8px 0 8px 4px ;
}
#Shop_Data td {
    padding : 2px ;
}
#Shop_Data td.shopBtn a {
    border : 0 ;
    vertical-align : bottom ;
}
#Shop_Data td.shopBtn a:hover {
filter: alpha(opacity=80);
opacity:0.8;
background: #fff;
}


/* バックナンバー -------------------------------------*/
.catch_mainBox_R {
    float : right ;
    width : 150px;
	margin : 0 ;	
	overflow:hidden;
}

h6.back_nb {
    margin : 0 ;
}
.catch_mainBox_R ul#backnumber { 
    clear : both ;
	width : 150px ;
	margin : 0 ;
	padding : 0 ;
}
.catch_mainBox_R ul li {
    padding : 3px 0 3px 11px ;
	list-style : none ;
    background : url(../img/catch/icon_backnumber.gif) left 8px no-repeat ;
    border-bottom : 1px solid #ccc ;
}
.catch_mainBox_R ul li a {
	color : #ff6600 ;
	font-weight : 600 ;
	text-decoration : none ;
}
.catch_mainBox_R ul li a:hover {
    color : #ff9900 ;
}
.catch_mainBox_R ul li em {
    color : #666 ;
	font-weight : normal ;
	font-style:normal;
}


/*								   END:バックナンバー
----------------------------------------------------- */





/* -----------------------------------------------------------------
        スンナリクルマ購入日誌　10.08.17 Handa追加
-------------------------------------------------------------------- */
#diary_mainBox {
    width : 1010px ;
	margin : 0 auto ;
	line-height : 150% ;
	position:relative;
}

#diary_mainBox h3.diary_title { /* ロゴ */
    border : 0px solid #fff ;
	position : absolute ;
	top : 10px ;
	left : -20px ;
}


/* メイン記事 ----------------------------------------*/
.diary_mainBox_L {
    float : left ;
    width : 820px !important;
   _width : 815px ; /* IE6 older */
	margin : 20px 0 10px 0 ;
	padding :5px 15px 10px 15px ;
	overflow : hidden ;
	background : #FDE8BB ;
	overflow : hidden ;
}



/* 上段　      ----------------- */
.diary_mainBox_L .top_box { clear : both ;}

/* 上段　左サイド　かかった費用        --------------- */
.diary_mainBox_L .top_box .Left_side {
    width : 250px ;
	background:url(../img/diary/costs_bg.jpg) 15px 180px no-repeat ;
}
*html .diary_mainBox_L .top_box .Left_side {
    width : 240px ;
	background:url(../img/diary/costs_bg.jpg) 10px 180px no-repeat ;
}


table#cost {
    width : 200px ;
	margin : 20px 0 10px 28px ;
	_margin : 220px 0 5px 20px ;
	
	padding-top : 220px ;
	*padding-top : 0 ;
}

*:first-child+html table#cost { /* for IE7 */
	margin : 220px 0 5px 28px ;
}

#cost td { background : url(../img/diary/costs_line.gif) left bottom repeat-x ; }
#cost th {
	background : url(../img/diary/costs_line.gif) left bottom repeat-x ; 
	text-align : right ;
	padding : 7px 0 ;
	font-weight : normal ;
}
#cost th span {
	font-weight : 600 ;
	font-size : 120% ;
}

#cost td.last,
#cost th.last { background : url(../img/diary/costs_line_1.gif) left bottom repeat-x ; }

#cost td.total,
#cost th.total { background : none ; }




/* 上段　右サイド　タイトル　メイン写真 --------------- */
.diary_mainBox_L .top_box .Right_side {
	width : 570px ;
    float : right ;
}

.Right_side .day {
	background:url(../img/diary/icon.gif) left top no-repeat ;
	color : #ff6600 ;
	font-weight : 600 ;
	font-size : 120% ;
	margin : 0 0 10px 0 ;
	*margin : 10px 0 ;
	padding : 5px 0 7px 70px ;
}
.diary_mainBox_L h4 { /* タイトル */
    border : none ;
	margin : 0 auto ;
	padding : 0 ;
}
.Right_side .diary_main_photo {
    margin : 0 ;
	padding : 32px 0 10px 30px ;
    background : url(../img/diary/img_tape.gif) center top no-repeat ;
}




/* 中段　      ----------------- */
.diary_mainBox_L .middle_box {
    clear : both ;
}

/* 中段　左サイド　会話        --------------- */

table#conversation {
    width : 480px ;
	margin : 0 0 20px 0 ;
	float : left ;
}

#conversation td.kuru { color : #3399CC ; }
#conversation td.guest { color : #ff0000 ; }
#conversation td.staff { color : #ff6600 ; }

#conversation td.kuru,
#conversation td.guest,
#conversation td.staff {
    width : 60px ;
	font-weight : 600 ;
	vertical-align : top ;
}

#conversation th { 
    padding : 6px 0 ;
	text-align : left ;
	font-weight : normal ;
    background : url(../img/diary/line_conversation.gif) left bottom repeat-x ;
	line-height : 135% ;
}


/* 中段　右サイド　img        --------------- */
.diary_mainBox_L .middle_box .Right_side {
    float : right ;
	width : 320px ;
	padding-top : 15px ;
}

/* sab画像 */
.diary_mainBox_L .middle_box .Right_side span.sub_img_L,
.diary_mainBox_L .middle_box .Right_side span.sub_img_R {
    float : left ;
	width : 140px ; 
    border : 3px solid #fff ;
}
.diary_mainBox_L .middle_box .Right_side span.sub_img_L {
	margin-right : 10px ;
}

/* スタッフと買った人 */
.diary_mainBox_L .middle_box .Right_side .staff_box,
.diary_mainBox_L .middle_box .Right_side .owner_box { 
    width : 140px ;
	float : left ;
	text-align : center ;
	font-weight : 600 ;
	*margin-top : 10px ;
}
.diary_mainBox_L .middle_box .Right_side .staff_box h6,
.diary_mainBox_L .middle_box .Right_side .owner_box h6 { margin : 5px 0 ; *margin-bottom : 5px ;}

.diary_mainBox_L .middle_box .Right_side .staff_box span,
.diary_mainBox_L .middle_box .Right_side .owner_box span { 
    color : #ff6600 ;
}



/*										END:メイン
----------------------------------------------------- */




/* メイン記事　下 :ショップ情報　--------------- */
.diary_mainBox_L .Bottom_box {
    clear : both ;
    width : 815px ;
}
.diary_mainBox_L .Bottom_box #Shop_Icon { }
.diary_mainBox_L .Bottom_box .Shop_Data {
    width : 805px ;
	padding : 3px 5px 0 5px ;
	border : 3px solid #ff0000 ;
	background : #fff ;
	overflow:hidden;
}

h6.shop_Title {
	font-size : 16px ;
	font-weight : 600 ;
	margin : 5px 5px 0 5px ;
	padding : 6px 5px 4px 5px ;
	border-bottom : 1px solid #ff0000 ;
	color : #ff0000 ; 
}

table#Shop_Data_diary {
    width : 180px ;
    _width : 173px ;	
	margin : 8px 0 8px 4px ;
	float : left ;
}
#Shop_Data_diary td {
    padding : 2px ;
}
#Shop_Data_diary td span { /* 電話番号 */
    color : #ff0000 ;
	font-weight : 600 ;
	font-size : 125% ;
}

.diary_mainBox_L .Bottom_box .Shop_Data .shop_information {
    float : right ;
    width : 590px ;
	background : #FFFFBB ;
	margin : 10px 5px 10px 0 ;
	padding :10px ;
}
.diary_mainBox_L .Bottom_box .Shop_Data .shop_information p.info_title { margin : 0 ; padding : 0 ;}
.diary_mainBox_L .Bottom_box .Shop_Data .shop_information p { margin : 0 ; padding : 7px 0 ; line-height : 130% ; }

.diary_mainBox_L .Bottom_box .Shop_Data .shop_information span { padding : 0 10px 0 0; }


#shopBtn,
#shopBtn a { /* オリジナルサイトはこちらボタン */
	text-align : right ;
}

#shopBtn a:hover { /* オリジナルサイトはこちらボタン */
filter: alpha(opacity=80);
opacity:0.8;
background: #fff;
}


/* バックナンバー -------------------------------------*/
.diary_mainBox_R {
    float : right ;
    width : 150px;
	margin-top : 17px ;	
	overflow:hidden;
}

h6.back_nb {
    margin : 0 ;
}
.diary_mainBox_R ul#backnumber { 
    clear : both ;
	width : 150px ;
	margin : 0 ;
	padding : 0 ;
}
.diary_mainBox_R ul li {
    padding : 3px 0 3px 11px ;
	list-style : none ;
    background : url(../img/diary/icon_backnumber.gif) left 8px no-repeat ;
    border-bottom : 1px solid #ccc ;
}
.diary_mainBox_R ul li a {
	color : #ff0000 ;
	font-weight : 600 ;
	text-decoration : none ;
}
.diary_mainBox_R ul li a:hover {
    color : #ff5959 ;
}
.diary_mainBox_R ul li em {
    color : #666 ;
	font-weight : normal ;
	font-style:normal;
}


/*								   END:バックナンバー
----------------------------------------------------- */

/* -----------------------------------------------------------------
       　　　 iPhone向けアプリ　10.09.14handa追加
-------------------------------------------------------------------- */
#contents_Block {
    width          : 940px ;
	margin         : 0 auto ;
	position       : relative ;  
}
#contents_Block h3.Title {
    padding        : 0 0 10px 0 ;
	border         : 0px solid #fff ;
}
  
.prev {
    position       : absolute ;
	top            : 15px ;
	right          : 0 ;
}
.small_prev {
    display        : inline ;
	margin-right   : 30px ;
}
.dl_Box {
    background     : #dbdbdb ;
	margin         : 15px 0 ;
	padding        : 3px 15px ;
	*padding       : 15px ;
}
.dl_Box .inbox {
    width          : 900px ;
	border         : 1px solid #cecece ;
	background     : #fff ;
	padding        : 7px 2px 7px 7px ;
	line-height    : 130% ;
	*line-height   : 125% ;
	overflow       : hidden ;
	font-size      : 1.2em ;
}
.dl_Box .inbox strong {
    font-weight    : 600 ;
	color          : #ff0000 ;
}
.dl_Box .inbox em {
    background     : url(../iphone/img/icon.gif) left top no-repeat ;
	font-weight    : 600 ;
	padding-left   : 20px ;
	font-style     : normal ;
}
.dl_Box .inbox img {
    float          : left ;
	padding-right  : 9px ;
}
.dl_Box .inbox a:hover img {  /* 画像透過 */
    opacity:0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )"; /* for IE6 */
    background: #fff;
}



/*								   END:iPhone向けアプリ
----------------------------------------------------- */