@charset "utf-8";

/*===== 1: universal reset =================================*/
*{margin:0;padding:0;}

/*===== 2: body and base setting ===========================*/
html,body { padding: 0;margin: 0 auto;font-size: 12px; font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", HiraKakuPro-W3, Osaka, verdana, arial, sans-serif;line-height: 15px;color: #111111;text-align: center;height:100%;}

body{text-align:center;background: #69BA2A;}

h1, h2, h3, h4, h5, h6,div, p, pre, ul, ol, dl, dt, dd,address, form, blockquote {padding: 0;line-height: 15px;text-align: left;display: block;margin: 0px;}

table {margin : 0;empty-cells: show;}
p {margin: 0 0 5px 0; }
ul {margin: 0; padding : 0; list-style : none; }
form {margin: 0;display: inline; }

/*===== 3: link setting ===========================*/
a:link{color: #222;text-decoration:none;}
a:visited{color: #444;text-decoration:none;}
a:hover{color: #FF6403;text-decoration:none;}
a:active{color: #444;text-decoration:none;}

/*---------------------------------------------------------
	共通スタイルクラス
----------------------------------------------------------*/
.TxtRight{text-align:right;}
.TxtCenter{text-align:center;}

.CL{clear:both;}
.FloatL{float:left;}
.FloatR{float:right;}

.DisIn{display:inline;}

.Right_BOX{text-align:right;width:100%}
.Center_BOX{text-align:center;width:100%}


.navitext {
	border-style: none;
	display: run-in;
	height: 1px;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 1px;
	z-index: 100;
}


/*---------------------------------------------------------
	基本レイアウト
----------------------------------------------------------*/

#container{padding: 0px;margin: 0 auto;text-align:center;width:880px;}
#head{padding: 0px; margin: 0; width:880px; height:65px;background: #FFF;background: url(/images/h_bg.gif) no-repeat;color: #FFF;vertical-align: top; }
#head_text{color: #FFF; text-indent:9px;}
#head_bar{padding: 0px;margin-left:auto;margin-right:auto;width:880px;height:15px;background: #FFF;}
#head_menu{padding: 0px;margin-left:auto;margin-right:auto;width:880px;height:40px;background: #FFF;text-align: center;}

#body_table{padding: 0px;margin: 0px;background:#FFF;border-collapse: collapse;width: 880px;}
#body_table td {vertical-align: top; }


#contents1_top{float:center;margin-left: 6px;margin-right: 0px;width:868px;text-align: center;margin-bottom: 20px;}


#navigation1_top{float:left;margin-left: 7px;width:185px;background: #FFF;margin-bottom: 20px;}
#navigation2_top{float:right;margin-left: 2px;margin-right: 5px;width:185px;background: #FFF;margin-bottom: 20px;}



#navigation-n{padding: 0px;margin-top: 22px;margin-left: 7px;margin-right: 0px;margin-bottom: 40px; width:210px; float:left;background: #FFF;}

#navigation{padding: 0px;margin-top: 22px;margin-left: 10px;margin-right: -10px;margin-bottom: 40px; width:185px; float:left;background: #FFF;}
#contents{padding:0px ;margin-left: 20px;margin-right: 0px;margin-top: 12px;margin-bottom: 60px;width:640px;text-align: left;background: #FFF;}
#foot{padding: 0px;width:880px;height:40px;clear:both;background: #FFF;text-align: right;}


/*↓アップ後消去*/
#navigation_top{padding:0px;margin-left: 0px;width:210px;background: #FFF;}
#contents_top{padding:0px;margin-left: 4px;margin-right: -16px;margin-bottom: 40px;width:650px;text-align: center;}
#contents1_top{float:center;margin-left: 6px;margin-right: 0px;width:868px;text-align: center;margin-bottom: 20px;}
/*
#navigation{padding: 0px;margin-top: 22px;margin-left: 10px;margin-right: -10px;margin-bottom: 40px; width:175px; float:left;background: #FFF;}
#contents{padding:0px ;margin-left: 20px;margin-right: 40px;margin-top: 22px;margin-bottom: 40px;width:625px;text-align: left;background: #FFF;}
#foot{padding: 0px;width:880px;height:60px;clear:both;background: #FFF;text-align: right;}
*/
/*---------------------------------------------------------
	TOP用レイアウト
----------------------------------------------------------*/

#main_box{padding: 0px;width: 868px;background: url(/img/box454-center.gif) repeat-y; text-align: center; margin: 0;}

.box-top-426{padding: 0px;width: 426px;background: url(/images/box-top-center.gif) repeat-y; text-align: left;border: 0;}




#index_tbl{padding: 0px;border-collapse: collapse;}
#main_box{padding: 0px;width: 435px;background: url(/images/box-main-center.gif) repeat-y; text-align: center;}


#shop_info_box{padding: 0px;margin: 0px;width:108px;}
#whats_new_box{padding: 0px;margin: 0px;width:108px;}


.box_n-185{padding: 0px;width: 185px;background: url(/img/box-n-185-center.gif) repeat-y; text-align: center;border: 0;}
.box_n-185y{padding: 0px;width: 185px;background: url(/img/box-n-185y-center.gif) repeat-y; text-align: center;border: 0;}
.box_n-185o{padding: 0px;width: 185px;background: url(/img/box-n-185o-center.gif) repeat-y; text-align: center;border: 0;}
.box_n-223{padding: 0px;width: 223px;background: url(/img/box-n-223-center.gif) repeat-y; text-align: center;border: 0;}
.box_g-185{padding: 0px;width: 185px;background: url(/img/box-g-center.gif) repeat-y; text-align: center;border: 0;}
.box_g-news{padding: 0px;width: 454px;background: url(/img/box-n-news-center.gif) repeat-y; text-align: center;border: 0;}
.box_g-shop{padding: 0px;width: 454px;background: url(/img/box-n-454g-center.gif) repeat-y; text-align: center;border: 0;}
.box_y-channel{padding: 0px;width: 454px;background: url(/img/box-n-454y-center.gif) repeat-y; text-align: center;border: 0;}
.box-n-454{padding: 0px;width: 454px;background: url(/img/box-n-454-center.gif) repeat-y; text-align: center;border: 0;}


.box_636-1{padding: 0px;width: 636px;background: url(/images/box636-1-center.gif) repeat-y; text-align: center;border: 0;}
.box_636-2shop{padding: 0px;width: 636px;background: url(/images/shop-box-center.gif) repeat-y; text-align: center;border: 0;}
.box_861-shop{padding: 0px;width: 861px;background: url(/images/shop-topbox-center.gif) repeat-y; text-align: center;border: 0;}

.box_165{padding: 0px;width: 165px;background: url(/img/box165-center.gif) repeat-y; text-align: center;border: 0;}
.box_223{padding: 0px;width: 223px;background: url(/img/box223-center.gif) repeat-y; text-align: center;border: 0;}
.box_310{padding: 0px;width: 310px;background: url(/img/box310-center.gif) repeat-y; text-align: center;border: 0;}
.box_627{padding: 0px;width: 627px;background: url(/img/box627-center.gif) repeat-y; text-align: center;border: 0;}
.box_g{padding: 0px;width: 205px;background: url(/img/box-g-center.gif) repeat-y; text-align: center;border: 0;}
.top_itmbox{width:55px;padding:0px;margin: 0px;background: url(/img/top_itm_bk.gif) repeat-y;}
.ul_news{width:100px;margin-left:20px;}

/*ナビゲーションエリア用*/

.box_sidemenu{padding: 0px;width: 210px;background: url(/images/box-side-center.gif) repeat-y; text-align:center;border: 0;}



.navbox{padding: 5px 0px 4px 4px;margin: 0px;background: url(/img/navbox_bg.gif) repeat-y; width:210px;}
.navbox a:link{color:#726E6C;background: url(/img/navbox_back.gif) ;width:200px;height:22px;}
.navbox a:visited{color:#726E6C;background: url(/img/navbox_back.gif) ;width:200px;height:22px;}
.navbox a:hover{color:#FF6403;background: url(/img/navbox_back.gif) ;width:200px;height:22px;}
.nav {width: 177px;height:auto;margin: 0;}

.nav li{
	list-style: none outside;
	text-indent: 20px;
	letter-spacing: -1px;
	vertical-align: bottom;
	width: 200px;
	height:30px;
}
.nav li a {
	background: url(/img/navbox_back.gif) repeat;
	text-indent: 20px;
	display: block;
	color: #111111;
	width: 200px;
}
.nav li a:hover {
	color: #FF6403;
}

/*コンテンツエリア用*/
.contents_box{padding: 0;margin-right: -10px;width:670px;text-align: left;}

/* ＝＝＝＝＝＝＝＝＝＝＝＝クラス＝＝＝＝＝＝＝＝＝＝＝＝ */

/* 画像レイアウト */
.img_h_nav01{margin-top:61px;margin-left:260px;}
.img_h_nav02{margin-top:61px;}
.img_qa{margin-right:43px;float:right;}

.img_top_itm02{margin-bottom:15px;}
.img_top_itm04{margin-bottom:16px;}
.img_shopinfo{position:relative;left:16px;}

.img_tit{margin-bottom:23px;}
.img_stit{margin-right:2px;vertical-align:baseline;}

.img_carrier01{margin-bottom:20px;margin-left:32px;margin-right:20px;}
.img_carrier02{margin-bottom:20px;margin-right:20px;}
.img_back{position:relative;left:470px;}
.img_back02{position:relative;left:340px;}
.img_back03{position:relative;left:340px;}

.img_select{margin:5px;}
.img_f_nav{margin-left:301px;}

.img_shop1{margin-right:20px;}

/*---------------------------------------------------------
	各ページ用レイアウト
----------------------------------------------------------*/
/*各ページ共通・汎用クラス*/

.textarea{font-size: 12px; width: 380px; height: 180px;}

.searchbox{background:#FFF;padding:70px 70px 20px 80px;margin-left:40px;margin-right:60px;border: 1px solid #B7B7B0;}
.searchbox02{background:#FFF;padding:20px;margin-left:40px;margin-right:60px;border: 1px solid #B7B7B0;}
.searchbox03{background:#FFF;padding:20px;margin-left:40px;margin-right:60px;border: 1px solid #B7B7B0;}
.searchbox04{background:#FFF;width:480px;padding:20px;margin-left:30px;border: 1px solid #B7B7B0;}

.boxin_box{padding:0;margin-left:20px;margin-right:20px;}
.boxin_box02{padding:0;margin-left:20px;}
.boxin_box03{padding:0;margin-left:20px;}

table.search_tbl{background:#FFF;border-collapse: collapse;width:350px;}
td.search_tbl{font-size: 13px;color:#33A02C;font-weight:bold;padding-top:10px;border-bottom: 1px solid #B7B7B0;}
td.search_tbl_s{font-size: 13px;border-bottom: 1px solid #B7B7B0;padding-top:10px;text-align:right;}

.h3_model_name{font-size:20px;color:#33A02C;font-weight:bold;}

table.estimate_tbl{background:#FFF;border-collapse: collapse;border: 1px solid #33A02C;width:460px;}
th.estimate_tbl{text-align:left;font-size: 11px;color:#33A02C;font-weight:bold;padding:10px 0 10px 5px;border-bottom: 1px solid #33A02C;}
td.estimate_tbl{text-align:left;font-size: 13px;padding:10px 0 10px 0;border-bottom: 1px solid #33A02C;}

.sateitotal{font-weight:bold;border-bottom: 1px solid #33A02C;}
.sateitotal_btxt{font-size: 20px;}

.sublabel01 { margin-right: 5px; padding-top: 8px; width: 100px; float: left; display: block; text-align: right; position: relative;top:-2px;}
.check {font-size: 80%; font-style: normal; color: #FF6403; padding-top: 3px;margin-right: 5px; float: left;display: block;}

.sell_box{margin-left:20px;margin-right:20px;font-size: 80%;line-height: 110%;}

.sublabel02 {line-height: 20px;color:#FF6403;font-weight:bold; margin-right: 5px; width: 100px; float: left; display: block; text-align: right; position: relative;top:-2px;}

.flow_tbl td {vertical-align:top; padding-right:20px;font-size: 100%;line-height: 160%;color: #505050;}
.flow_box{margin-left:50px;margin-right:50px;font-size: 100%;line-height: 160%;color: #505050;}

.company_label{margin-left:5px;margin-right:5px;width: 95px;display: block;float: left;vertical-align:top;}

.condition_boxL {padding: 0;margin:0 auto;text-align:center;float:left;}
.condition_boxR {padding: 0;margin-left:13px;text-align:center;float:left;}

.confirm_tbl table{padding: 0;margin-left:30px;background:#FFF;border-collapse: collapse;}
.confirm_tbl th{padding:10px 5px 0 0;margin:0 auto;color:#33A02C;text-align: right; width: 100px;vertical-align:top;}
.confirm_tbl td{padding:10px 0 0 0;margin:0 auto;vertical-align:top;}

/* ＝＝＝＝＝＝＝＝＝＝＝＝文字の装飾＝＝＝＝＝＝＝＝＝＝＝＝ */
/* boldは太字 */
h1{font-size : 10px;text-align:right;color: #333;line-height: 110%;}

.bold { font-weight: bold; }
/* italicは斜体 */
.italic{ font-style: italic;}
/* underlineはアンダーライン */
.underline{ text-decoration:underline; }
/*小さい文字*/
.smalltext{font-size: 80%;line-height: 110%;}
.smalltext1{font-size: 85%;line-height: 140%;}
.smalltext1c{font-size: 85%;line-height: 140%;text-align: center;}
.smalltext2{font-size: 75%;}
.smalltext3{font-size: 85%;line-height: 160%;text-align: left;color: #111111;}
.smalltext4{font-size: 80%;line-height: 160%;text-align: left;color: #111111;}
.smalltext5{font-size: 80%;line-height: 160%;text-align: left;color: #111111;padding:10px 20px 10px 10px;background: #FFFFFF;}
.smalltext5-2{font-size: 80%;line-height: 160%;text-align: left;color: #111111;padding:10px 20px 10px 10px;}
.smalltext5-3{font-size: 100%;line-height: 150%;text-align: left;color: #000; padding:0px 5px 5px 10px;}
.smalltext5-4{font-size: 100%;line-height: 150%;text-align: left;color: #000; padding:10px 10px 10px 10px;}
.smalltext-side{font-size: 95%;line-height: 170%;}
.smalltext-side-c{font-size: 95%;line-height: 140%;text-align: center;}
.smalltext-cont{font-size: 100%;line-height: 185%;text-align: left;}
.smalltext-newslist{font-size: 100%;line-height: 185%;text-align: right; font-weight:bold;}
.smalltext-newsday{font-size: 80%;line-height: 150%;text-align: left;color: #000; padding:0px 5px 5px 10px;}
.smalltext-newstxt{font-size: 120%;line-height: 150%;text-align: left;color: #000;}
.smalltext6{font-size: 100%;line-height: 160%;text-align: left;color: #111111;padding:10px 20px 10px 10px;background: #FFFFFF;}
.smalltext7{font-size: 80%;line-height: 160%;text-align: right;color: #111111;}
.smalltext8{font-size: 80%;text-align: center;}
.xxsmalltext {float:left;font-size: 50%;line-height: 110%;}
.extext{font-size: 100%;line-height: 160%;text-align: left;color: #FF0000;font-weight: bold;}
.extext2{font-size: 150%;line-height: 160%;text-align: left;color: #000;}

.orange_small{color:#FF6403;font-size: 80%;line-height: 110%;}
.orange_big{color:#FF6403;font-size: 140%;font-weight: bold;line-height: 160%;}
.green_big{color:#33A02C;font-size: 140%;font-weight: bold;line-height: 160%;}
.smalltext-green{font-size: 100%;line-height: 160%;text-align: center;font-weight: bold;color: #05991e;}



.shop-name{font-size: 150%;line-height: 185%; text-indent:20px;text-align: left; vertical-align:middle; font-weight:bold; color:#008733; background-color:#fff800;}
.shop-list{text-align: right; vertical-align:middle; background-color:#fff800;line-height: 200%; margin-right:6;}
.shop-txt{font-size: 100%;line-height: 150%;text-align: left;color: #000; text-indent:20;}


/* 文字色のクラス */
.white { color: #FFFFFF; }
.indigo { color: #003366; }
.green{color:#33A02C;}
.green2{color:#69BA2A;text-align: right;}





/* 文字色＋太字のクラス */
.white_bold{color:#FFFFFF;font-weight:bold;}
.white_bold2{color:#FFFFFF;font-weight:bold;text-align: center;}
.green_bold{color:#33A02C;font-weight:bold;}
.orange_bold{color:#FF6403;font-weight:bold;}


/*機能用文字クラス*/
.error { color: #FF3333; font-weight: bold;  margin-top:10px; margin-bottom: 10px;}
.complete { color: #0085B0; font-weight: bold;  margin-top:10px; margin-bottom: 10px;}



/*線*/
.grayline{width:100%;border-bottom: 1px solid #939287;}
.greenline{width:100%;border-bottom: 1px solid #33A02C;}


.sitelink a:link{color: #FFFFFF;text-decoration:none;}
.sitelink a:visited{color: #FFFFFF;text-decoration:none;}
.sitelink a:hover{color: #FFFFFF;text-decoration:none;}
.sitelink a:active{color: #FFFFFF;text-decoration:none;}