/*
Theme Name: D factory
*/

/****************************************
	   General Setting
*****************************************/
*{margin:0;padding:0;}body {font-size:0.8em;text-align:center;font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;margin: 0px;padding: 0px;background: #FFF ;color:#333;}
h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, dl, dt, dd, address, em, form, blockquote{font-size:1em;padding: 0;line-height: 1.6;text-align: left;display: block;margin: 0px; font-weight:normal;}table {line-height: 1.6;font-size:1em;margin : 0;empty-cells: show;}hr,.areaAnchor,.anchor { display : none; }img {border: none;vertical-align: bottom;}li { list-style: none; }acronym,abbr{cursor:help;}option{ padding-right:10px; }*+html option{padding-right:0;}* html option{padding-right:0;}

a:link{color: #333;text-decoration:none;}a:visited{color: #333; text-decoration:none;}a:hover{color: #777;text-decoration:none;}a:active{color: #333; text-decoration:none;}

div, dl{zoom:1;}div:after, dl:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}* html div, * html dl{display:inline-table;/*\*/display:block;/**/}
#wpadminbar div:after{clear:none;}#wpadminbar ul:after{clear:none;}

/* ----------------------------- 全体 */
.spshow,.topic{display: none;}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#wrapper,#contents,#main,.container{width:100%; margin: 0 auto;}
#header,.map,#page,.cont,.f_cont02,.f_cont03{width: 960px; margin: 0 auto;}
.map{ margin: 60px auto 0; }

.cont{clear:both;}
.lcont{width:480px; float:left;}
.lcont{text-align:left;}
.rcont{width:480px; float:right;}
.rcont{text-align:right;}

.bd01{border-bottom:1px solid #CCC; padding:35px 0;}
.bd02{border-top:10px solid #0680D3;}
.bd03{ border-top:1px solid #CCC;}
.bg01{background:#F2F2F2; padding:70px 0; margin:60px 0;}
.bg02{background:#F2F2F2; padding:35px 0;}
.bg03{background:#0680D3; padding:40px 0;}
.container.bg01{ padding: 20px 0; margin: -1px 0 60px 0; }


/****************************************
	   header
*****************************************/
.h_cont01 h2{font-weight:normal; margin-top:10px; float:left;}
.h_cont01 .contact{float:right;}
.h_cont01 .contact div{float:left; color:#067FD2; padding:3px 5px 0 0; line-height: 1.4; font-size:0.9em;}
.h_cont02{margin:45px 0 15px 0;}
.h_cont02 h1{float:left;}
.h_cont02 ul{float:right;}
.h_cont02 .top{ border-left:1px solid #D8D6D4;}
.h_cont02 ul li{float:left; border-right:1px solid #D8D6D4; font-size:12px; font-weight:bold; padding:7px 10px; letter-spacing:1px;}


/****************************************
	   index
*****************************************/

/* ----------------------------- main */
#topimg{text-align:center; width: 1280px; margin: 0 auto; } /* padding-bottom:45px; */

#main .cont h2,.map h2{color:#067FD2; font-size:36px; font-weight:lighter; line-height: 1.3;}
#main .cont p{line-height:1.8; font-size:15px; padding:10px 0; width:460px;}
#main .cont .rcont h2,
#main .cont .rcont p,
#main .cont .rcont div{padding-left:20px;}

.topics h2{color:#067FD2; font-size:36px; font-weight:lighter; text-align:center;}
.topics { width: 960px; margin: 0 auto; }
.topics ul{ width: 48%; min-height: 355px; margin:50px 0; float: left; position: relative; }
.topics ul.topics-block1{ margin-right: 35px; }
.topics ul li{border-bottom:1px solid #999; padding:15px 0; }
.topics ul li.topics-tit{ font-size:20px; border-bottom:1px solid #999; padding: 0 0 5px 0; }
.topics ul li.topics-tit a{ color:#067FD2; }
.topics ul li.btn_wrap01, .topics ul li.btn_wrap02{ border-bottom: none; position: absolute; top: 289px; left: 50%; margin-left: -115px; }
.topics ul li div{}
.topics ul li div p{color:#067FD2; font-size:12px; float:left; width:100px;}
.topics ul li div h3{font-size:12px; float:left; /*width:520px;*/  display: inline-block;}
.topics span ul.post-categories{ border: none; margin: 0 15px 0 0; float: left; }
.topics span ul.post-categories li{ border: none; padding: 0; display: inline-block; float: left; }
.topics span ul.post-categories li a{ color: #FFF; background: #067FD2; border-radius: 5px; padding: 2px 15px; margin-right: 2px; display: inline-block; }
.topics span ul.post-categories li a:hover{ text-decoration: underline; }
.topics_btn{width:230px; margin:0 auto; background:#067FD2; padding:10px 0; font-size:19px; color:#FFF; text-align:center; clear: both; }
.topics_btn a:link{color: #FFF;text-decoration:none;}
.topics_btn a:visited{color: #FFF}
.topics_btn a:hover{color: #CCC;text-decoration:none;}
.map h2{text-align:center; margin-bottom:20px;}

/* ストックリスト
------------------------------------------*/
.topics .stock_wrap{ width: 750px; margin: 0 auto; }
.topics .top_small_img{ width: 30%; float: left; }
.topics .top_small_img img{padding:5px; border:#F4F5F8 1px solid;}
.topics .stock_txt{ width: 70%; float: left; }
.topics .stock_txt h3{ font-size: 110%; line-height: 100%; }
.topics .stock_txt p.stock_content{ color: #333; width: 100%; display: block; clear: both; margin: 10px 0 0 0; }



/****************************************
	   page
*****************************************/

/* ----------------------------- all */
#page{}
#page h2{background:#333333;  padding:6px 0 6px 20px; margin-bottom:50px; color:#FFF; font-size:31px; font-weight:lighter;}
.bread{margin:10px 0 30px;}

#page .cont{margin-bottom:60px;}
#page .cont h3{color:#067FD2; font-size:28px; font-weight:lighter; line-height: 1.3; padding:0 0 20px;}
#page .cont p{line-height:1.8; font-size:14px; padding:0px 0 10px; width:460px;}

#page .cont_all{margin-bottom:60px;}
#page .cont_all h3{color:#067FD2; font-size:28px; font-weight:lighter; line-height: 1.3;}
#page .cont_all p{line-height:1.8; font-size:15px; padding:20px 0 10px;}

/* ----------------------------- page id 11 自動車保険 */
.link{position:relative; overflow: hidden;}
.link ul{float:left; position: relative; left: 50%;}
.link ul li{position: relative; left: -50%; float: left; padding:0 10px;}

/* ----------------------------- page id 12 会社概要 */
.shop_info table{border-collapse: collapse; margin-top:50px; width:360px; font-size:12px;}
.shop_info table th{width:25%; background-color:#F6F6F6; padding:10px 0 10px 10px;text-align:left; border-top:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9; font-weight:lighter;}
.shop_info table td{width:75%; padding:10px 0 10px 20px;text-align:left; border-top:1px solid #C9C9C9; border-bottom:1px solid #C9C9C9;}
.shop_info table th.name{padding:20px 0 20px 10px;}
.shop_info table td.name{padding:20px 0 20px 10px;}
.shop_map h3{color:#067FD2; font-size:36px; font-weight:lighter; text-align:center; margin-bottom:20px;}


/* ----------------------------- page id 13 お問い合わせ */
#contact h4{ border-bottom:1px solid #CCC;}
#contact p{line-height:1.8; font-size:15px;}
#contact p.mini{font-size:12px;line-height: 1.2; padding:10px 0 0;}

#form{ width:690px; margin:0 auto 0 auto; padding:50px 0;}
#form .p1{ text-align:center; margin:30px 0 60px 0;}
#form table{ width:100%;}
#form th,
#form td{ vertical-align:top; padding:10px 0 10px 0;}
#form th{ text-align:right; padding-right:25px; font-size:16px; font-weight:lighter;}
#form th span{ color:#F00; display:inline-block; padding:0 0 0 5px;}
#form td{ text-align:left;}
#form td input{ width:200px;}
#form td select{ width:200px;}
#form td textarea{ width:450px; height:250px;}
#form .btn{ text-align:center; margin:50px 0 0 0;}
#form .btn input{ width:300px; padding:10px 0 10px 0;}

#privacy h4 p{border-left:#919FBA 3px solid; font-size:18px; font-weight:bold; padding-left:5px; margin-bottom:5px;}
#privacy p{ margin:25px 0;}
#privacy dl{padding:20px 0px; border-bottom:1px solid #CCC; font-size:12px;}
#privacy dt{float:left; width:30%;}
#privacy dd{float:right; width:70%;}
#privacy a:link{color: #333;text-decoration:underline;}
#privacy a:hover{color: #777;text-decoration:underline;}


/****************************************
	   news
*****************************************/
/* ----------------------------- 全体 */
#single,#archives{width:670px; float:left;}
#entrybody{margin:0 0 50px 0;}
.news_title{margin:0 0 20px 0;}
.news_title h3{border-left:#919FBA 3px solid; font-size:18px; font-weight:bold; padding-left:15px;
margin:5px 0 0 0;}

/* カテゴリー表示 */
#archives .entry p.news_date{ float: left; display: inline-block; }
#archives .entry ul.post-categories{ float: left; margin-left: 15px; }
#archives .entry ul.post-categories li{ float: left; display: inline-block; }
#archives .entry ul.post-categories li a{ color: #FFF; background: #067FD2; border-radius: 5px; padding: 2px 15px; margin-right: 2px; }
#archives .entry h3{ clear: both; }


/* ----------------------------- シングル */
#single .news_date{ text-align:right;}
#single .entry_btn{text-align:center;}

/* ----------------------------- アーカイブ */
.entry_box{margin:0 0 20px 0; border-bottom:1px solid #CCC; padding:0 0 15px 0;}
.entry_box .small_img{width:190px; float:left;}
.entry_box .small_img img{padding:5px; border:#F4F5F8 1px solid;}
.entry_box .entry{width:450px; float:right;}
.entry_box .entry h3{ color:#067FD2;font-size:16px; font-weight:bold; margin:0 0 5px 0;}
.entry_box .entry a:hover{color:#067FD2;text-decoration:underline;}



/****************************************
	   news side
*****************************************/
#side{width:230px; float:right; background:#F2F2F2;}
#side .news_archive h4{color:#067FD2; font-size:16px; padding:15px 0 0 15px; font-weight:bold;}
#side .news_archive ul{border-top:1px solid #999; margin:10px 0;}
#side .news_archive ul li{border-bottom:1px solid #999; padding:15px;}
#side .news_archive ul li.cat-item{ padding:10px 15px 0; border: none;}
#side .news_archive ul li.cat-item:before{ content: '・'; }


/****************************************
	   footer
*****************************************/
#footer{margin:110px 0 30px 0;}
.f_cont01 .f_contact div,.f_cont01 .cont h1,.f_cont03 div{float:left;}

.f_cont01 .f_contact{width:505px; margin:0 auto; background:#FFF; border:1px solid #CCC; padding:30px 40px;}
.f_cont01 .f_contact div h3{font-size:18px; font-weight:lighter; padding-bottom:3px;}
.f_cont01 .f_contact div p{font-size:11px; padding-top:3px;}
.f_cont01 .f_contact a{float:right; padding-top:12px;color:#FFF;}
.f_cont01 .contact a:link{color: #FFF;}
.f_cont01 .contact a:visited{color: #FFF}
.f_cont01 .cont p{float:right; text-align:right; font-size:16px; color:#FFF;}

.f_cont02{ padding:30px 0 30px 320px;}
.f_cont02 ul{width:260px; float:left;}
.f_cont02 ul li{background:url(img/icon01.gif) no-repeat 0 50%; padding:0 50px 0 25px; margin-bottom:7px;}
.f_cont03 div img{padding:10px 0 0 10px;}
.f_cont03 p{float:right; text-align:right; padding-top:40px; font-size:11px;}