/*
Theme Name: MiniCenterデザイン01
Theme URI: 
Description: MiniCenter専用テーマ
Version: 1.0
Author: studio-N
Author: 
*/

@charset "utf-8";

/* =========================== 

reset

=========================== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
  font-size:100%;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img {
  border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
img,abbr,acronym,fieldset {
  border: 0;
  vertical-align:baseline;
}
q:before,
q:after {
  content:'';
}
blockquote, q {
  quotes:none;
}
abbr,
acronym {
  border:0;
  font-variant:normal;
}
object,embed {
  vertical-align: top;
}
sup {
  vertical-align:text-top;
}
sub {
  vertical-align:text-bottom;
}
input,textarea,select {
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
  vertical-align:middle;
}
/*to enable resizing for IE*/
input,textarea,select {
*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
color:#000;
}


/* =========================== 

default

=========================== */

html {
  overflow-y: scroll;
  overflow-x: hidden;
}

body {
  background: #FFF;
  color: #1a1a1a;
  font-size: 75%;
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height: 1.6;
}
* html body {	/* for IF6 */
  font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
img { vertical-align: bottom; }


/* =========================== 

grid

=========================== */

.container {
	width: 940px;
	margin: 0 auto;
}

.col1, .col2, .col3, .col3a, .col4, .col4a, .col5, .col5a, .col6, .col7, .col8, .col8a, .col9, .col9a, .col10, .col11 {
  float: left;
  display: inline;
  margin-left: 20px;
}

.rightImg .col3,.rightImg .col5a {
	margin-left: 10px;	
}

.col1 {width: 60px;}
.col2 {width: 140px;}
.col3 {width: 220px;}
.col3a {width: 270px;}
.col4 {width: 300px;}
.col4a {width: 340px;}
.col5 {width: 380px;}
.col5a {width: 400px;}
.col6 {width: 460px;}
.col7 {width: 540px;}
.col8 {width: 620px;}
.col8a {width: 650px;}
.col9 {width: 700px;}
.col9a {width: 720px;}
.col10 {width: 780px;}
.col11 {width: 860px;}
.first {margin-left: 0;clear: left;}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix {zoom: 1;}

/* =========================== 

style

=========================== */
 
a { color: #000; text-decoration: underline;}
a:hover { color: #780000; text-decoration: none;}
a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
 
/* 
--------------------------- */
 
h1 { 
}
h2 { 
}
h3 {
}

.title01 {
background:url(images/common/title_bg01.gif) no-repeat 0 10px;
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 27px;
}

/* table
--------------------------- */

.table01 {
margin-bottom:20px;
}
.table01 th {
border-bottom:1px dotted #222222;
padding:10px 5px 8px;
font-weight:bold;
}
.table01 td {
border-bottom:1px dotted #aaaaaa;
padding:10px 5px 8px;
}


/* ---------------------------
	全体
--------------------------- */

body {
	background: url(images/common/background.gif);
	color:#1a1a1a;
}

/* ---------------------------
	header
--------------------------- */

#header {
  height: 104px;
  overflow: hidden;
  position:relative;
}

#header h1 { /* タイトルテキスト */
	color: #222222;
	height: 15px;
	font-size: 10px;
	padding: 5px 0 0 0;
	line-height:1;
}

#header h1 a { /* タイトルテキスト */
	color: #222222;
	text-decoration:none;
}

#header h1 a:hover { /* タイトルテキスト */
	color: #444444;
	text-decoration:underline;
}

#header h2{ /* logo */
	width: 293px;
	height: 72px;
	float: left;
	margin-top:2px;
}
#header h2 a{
	display:block;
	/*text-indent: -9999px;
	background: url(images/common/logo.png) no-repeat;*/
}
#header h2 a:hover { 
	filter:alpha(opacity=7); /*IE向け*/
	-moz-opacity: 0.7;/*mozilla向け*/
	opacity: 0.7;/*OperaとSafari向け*/
}

/* headnav */

#header #headnav {
	float: right;
	height:50px;
	width:499px;
	padding-top:28px;
}

#header #headnav ul li {
	float:left;
}
#header #headnav ul li.list01 {
	width:85px;
	padding-top:7px;
}
#header #headnav ul li.list01 a {
	background:url(images/common/icon01.png) no-repeat 0 3px;
	height:14px;
	padding-left:14px;
}
#header #headnav ul li a:link { color:#222222; text-decoration:none;}
#header #headnav ul li a:hover {color:#05458d;}
#header #headnav ul li a:visited {color:#222222;}
#header #headnav .headbtn {
height:29px;
width:165px;
}
#header #headnav .headbtn a {
display:block;
text-indent:-9999px;
background:url(images/common/head_contactbtn.png) no-repeat;
height:29px;
width:165px;
}
#header #headnav .headbtn a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


 /* 
 --------------------------- */


/* ---------------------------
	nav ＊wordpress
--------------------------- */

#nav {
 /* margin-top: 20px; */
  background: url(images/common/nav_bg.gif) no-repeat center -43px;
  height:39px;
}
#nav ul {
  margin: 0;
  padding: 0;
  overflow: hidden;	/* モダンブラウザ向け */
  zoom: 1; /* IE向け */
}
#nav li {
  margin: 0;
  list-style: none;
  float: left;
}
#nav li a {
	display:block;
	background:url(images/common/nav_bg.gif) left top;
	height:39px;
	text-indent:-9999px;
}
#nav li a:hover {
	background:none;
}
#nav li.menu-item-30 a {
	width:158px;
	background-position:0 0;
}
#nav li.menu-item-29 a {
	width:156px;
	background-position:782px 0;
}
#nav li.menu-item-1583 a {
	width:157px;
	background-position:626px 0;
}
#nav li.menu-item-168 a {
	width:156px;
	background-position:469px 0;
}
#nav li.menu-item-169 a {
	width:156px;
	background-position:313px 0;
}
#nav li.menu-item-25 a {
	width:156px;
	background-position:157px 0;
}

/* 
--------------------------- */

#page_visual {
	margin-bottom:20px;
}

.page_visual_sp { display:none;}

#page_visual img {
}

 
/* 
--------------------------- */
/* 見出し
--------------------------- */

.taxonomytitle {
padding-left:6px;
font-size:220%;
font-weight:bold;
border-left:5px solid #CCCCCC;
margin-bottom:15px;
}

/* 
--------------------------- */


/* ---------------------------
	aside ＊wordpress
--------------------------- */

.widget-container {
	background:url(images/side_boxBtm.gif) no-repeat bottom center;
	margin-bottom:20px;
}
.widget-container h1 {
	background:url(images/side_titleBg.gif) no-repeat top center;
	height:35px;
	padding:9px 10px 0 15px;;
	font-size:1.3em;
	color:#FFFFFF;
	font-weight:bold;
}
.widget-container ul {
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	padding:10px;
}
.widget-container li{
	list-style:url(images/side_boxIcon.png) inside ;
	/*border-bottom:1px dotted #CCCCCC;*/
	padding-bottom:10px ;
}


#aside .category {
	margin-bottom:20px;
    padding-bottom:5px;
	border:1px solid #E3E3E3;
	background:#FFFFFF;
}
#aside .category h3 {
    background: none repeat scroll 0 0 #222222;
    color: #FFFFFF;
    font-size: 110%;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}
#aside .category .cate_box {
    padding:5px;
}
#aside .category .cate_box ul li {
    list-style: disc inside url("images/side_boxIcon.png");
    padding: 5px 6px 0;
}
#aside .category .cate_box ul li a {
	color:#333333;
	text-decoration:none;
}
#aside .category .cate_box ul li a:hover {
	color:#006162;
	text-decoration:underline;
}
#aside .category .fixed {
	padding:0 10px 0;
}
#aside .category .fixed ul li{
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:8px;
	font-size:14px;
}

.access {
	/*background:url(images/common/side_access_btm.gif) no-repeat center bottom;
	padding-bottom:18px;*/
	margin-bottom:15px;
	border:5px solid #e3e3e3;
}
.access .inner {
	border:1px solid #b1b1b1;
background:#FFF;
}
.access .accessInner {
/*	background:url(images/common/side_access_bg.gif);*/
	padding:9px ;
}
.access h3 {
	background:#191919;
	padding:9px;
	text-align:center;
}
.accessInner h4 {
	font-weight:bold;
}

.googlemap {
position: relative;
padding-bottom: 100%; /*縦横比*/
height: 0;
overflow: hidden;
}
.googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


/* ---------------------------
	footer
--------------------------- */

#footer {
	background: url(images/footBg.gif) repeat-x top center;
	margin-top:30px;
}
#footerInner {
	background:#242424;
	color:#FFFFFF;
	text-align:center;
	padding:20px;
}

/* totop */

#pagetop {
	padding-bottom:10px;
}
#pagetop a {
	margin-left:615px;
}

/* footnav */

#footer ul {
	width: 940px;
	margin: 20px auto 40px;
	overflow: hidden;	/* モダンブラウザ向け */
	zoom: 1; /* IE向け */
}

#footer li {
  margin: 0;
  padding-right: 20px; 
  list-style: none;
  float: left;
}

#footer li a {text-decoration: none; font-size: 11px;}

#footer li a:before {
  content: "＞";
  color: #999999
}

/* address */

#footer address .big {
	font-size:14px;
}


/* copyright */

.copyright {
}


/* ---------------------------
	contents
--------------------------- */

.w280 { /*sp設定width:100％*/
	width:280px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.w02p { width:2%}
.w30p { width:30%}
.w32p { width:32%}
.w49p { width:49%}
.w90p { width:90%}
.w100p { width:100%;}


/* TOP
--------------------------- */

.topBox01 {
	border: 1px solid #e3e3e3;
	margin-bottom: 20px;
	background: #FFFFFF;
}
.works {
	padding: 20px 0 20px 25px;
}
.top_works {
	width:200px;
	float:left;
	margin-right:24px;
}
.top_works img.worksimages,.friends_box img.worksimages {
  width:200px;
  margin-bottom:10px
}
.top_works h5,.friends_box h5 {
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:1px dotted #7f7f7f;
	line-height:1.5;
	margin-bottom:5px;
}
.top_works a,.friends_box a {
	text-decoration:none;
}
.top_works .date {
	text-align:right;
	color:#595959;
	font-size:90%;
	padding-bottom:5px;
}
.top_works p {
}
.news,.event {
	padding:20px 24px 10px;
}
.news dl,.event dl{
	border-bottom:1px dotted #7f7f7f;
	padding-bottom:10px;
	margin-bottom:10px;
}
.news dt,.event dt{
	color:#595959;
	font-weight:bold;
}
.event h5 {
	color:#595959;
	font-weight:bold;
	font-size:90%;
	margin-bottom:12px;
	border-bottom:1px dotted #7f7f7f;
	padding-bottom: 8px;
}
.event dt {
	margin-bottom:5px;
}
.event dt span {
	font-size:90%;
}
.news a,.event a {
	text-decoration:none;
}

/* works
--------------------------- */
.field01 {
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 14px;
    overflow: hidden;
    padding-bottom: 2px;
}

.works02 {
	padding: 20px 20px 10px;
	margin-right:20px;
}
.works02 h4 {
    border-bottom: 2px dotted #1a1a1a;
    font-size: 140%;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-top:5px;
    overflow:hidden;
}
.works02 h4.title01 {
    background: url("images/common/title_bg01.gif") no-repeat 0 16px;
    font-size: 1.6em;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 27px;
}

.works02 .date {
    color: #666666;
    padding-bottom: 3px;
    line-height: 1.3;
}

.works02 .post-categories {
display:inline;
}
.works02 .post-categories li {
display:inline;
}

.works02 .loopBox h4 {
    font-size: 120%;
}

/* cars
--------------------------- */

.carsbox h4 {
    font-size: 120%;
}

/* friends
--------------------------- */

.friends {
width:720px;
}

.friends_box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #e3e3e3;
    float: left;
    margin-right: 20px;
    margin-bottom:20px;
    width: 220px;
    position:relative;
	height: 320px;
box-sizing:border-box;
}
.friends_box .inner {
    padding: 9px;
}
.friends_box02 {
    position:relative;
}
.friends_box h5 {
font-size:110%;
}
.friends_box .label,.friends_box02 .label {
    display: block;
    height: 53px;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 53px;
}
.friends_box .USER,.friends_box02 .USER {
background:url(images/common/label02.png) no-repeat;
}
.friends_box .SHOP,.friends_box02 .SHOP {
background:url(images/common/label01.png) no-repeat;
}


.top_bn01 {
width:230px; 
float:left; 
}
.top_bn01 a {
display:block;
border:5px solid #770000;
background:#990000;
padding:10px;
text-align:center;
color:#FFFFFF; 
font-size:120%;
}
.top_bn01 a,.top_bn01 a:visited{
color:#FFFFFF;
text-decoration:none;
}
.top_bn01 a:hover {
text-decoration:underline;
}

.disc li {
	list-style:disc inside;
	padding-bottom:3px;
}

ul.strong li {
	font-weight:bold;
	color:#444444;
}

.box {
	background:#f7f7f7;
	border:1px solid #e1e1e1;
	padding:10px;
	margin:0 10px 20px;
}

.map {
	margin:0 10px 20px;
}

/* ブログ
--------------------------- */
 
.entry {
	position:relative;
	padding:0 10px 10px 10px;
	min-height: 130px;
}
.entry h1 {
	margin-left:150px;
	font-size:24px;
	line-height:1.5;
	border-bottom:1px dotted #207ed6;
	padding:0 0 10px 0;
	margin-bottom:20px;
}

.entry-content {
	line-height:1.5em;
	margin-left:150px;
}
.entry-content p {
	margin-bottom:10px;
}

.entry_option {
	
	top:0;
	left:10px;
	width:120px;

	text-align:right;
	padding-top:5px;
	color:#FFFFFF;

}

.entry_option p {
	
}
.entry_option .date{
	
}
.entry .category {
	background:#d9d9d9;
	padding:10px;
}
.entry .category a {
	color:#333333;
}

.entry-author {
	text-align:right;
	margin:10px 0 20px;
	color:#666666;
	font-size:12px;
}

/*プラグイン*/
.media-item .pinkynail {
    max-height: 90px;
    max-width: 90px;
}

/* wordpress */

#comments {
	margin-left:150px;
	border-top: 1px dotted #CCCCCC;
	margin-top:10px;
	padding:20px 10px;
}
#comments h1 {
	background:#36C;
	padding: 5px;
	margin-bottom:20px;
	color:#FFFFFF;
}

#comments .comment{
	border-bottom:1px dotted #CCCCCC;
	margin-bottom:10px;
}

#comments .commentmetadata{
	text-align:right;
	font-size:10px;
}

#respond {
    padding: 20px 0 0;
}
#comments #respond h3 {
	border:1px solid #DDDDDD;
	padding:5px;
	margin:0 0 10px;
}

#respond label {
	display:block;
	margin:5px 0 2px;
}
#respond label:before{
	content: "●";
	color:#CCC;
	padding-right:2px;
}

.wpcf7 {
	padding:0 10px 0;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

 /* 
 --------------------------- */
 
p {
  padding-bottom: 10px;
}

.fl {float:left;}
.fr {float:right;}

img.f_left {
  float: left;
  margin: 0 10px 10px 0;
}
img.f_right {
  float: right;
  margin: 0 0 10px 10px;
}
img.center {
max-width:90%;
height:auto;
display:block;
margin:0 auto 20px;
}


/* font
 --------------------------- */
 
.emphasize {color:#d40000;}
.emphasize2 {color:#006fd6;}
strong, .strong {font-weight:bold;}

.fontB { font-size:1.2em;}
.fontBB { font-size:1.4em;}
.fontBBB { font-size:1.6em;}
.fontS { font-size:0.9em;}
.fontSS { font-size:0.8em;}

/* 
--------------------------- */

.mr2p { margin-right:2%;}

.pb00 { padding-bottom:0px;}
.pb02 { padding-bottom:2px;}
.pb05 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pr05 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pl05 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}

.mt05 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mb02 { margin-bottom: 5px;}
.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mtb10 {margin:10px auto 10px;}
.ml0 { margin-left:0;}
.mr0 { margin-right:0;}
.mr05 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}

@media screen and (max-width:768px){
.container {
width:100%;
}
#header {
	width:96%;
	margin:0 auto;
	height:auto;
	padding-bottom:10px;
}
#header h1 {
height: auto;
line-height: 1.2;
}
#header h2 {
	max-width:70%;
}
#header h2 img {
	width:100%;
}
#header #headnav {
float:right;
width:auto;
text-align:right;
	height:auto;
	padding-top:0;
}
#header #headnav ul li {
display:block;
float:none;
}
#header #headnav ul li.list01 {
	width:auto;
	padding-right:0px;
	padding-bottom:3px;
padding-top: 3px;
}

#header #headnav .headbtn{
background:none;
width:auto;
height:14px;
padding-bottom: 3px;
padding-top: 3px;
padding-right: 0px;
text-indent: inherit;
}
#header #headnav .headbtn a {
    background: url("images/common/icon01.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    height: 14px;
    padding-left: 14px;
	width:auto;
	display:inline;
}
#header #headnav .headbtn2 {display:none;}
/*#header #headnav .headbtn2 img{
	border-left:1px solid #a4a4a4;
}*/
#nav {
	height:80px;
	background:#333;
}
#nav li {
	width:33.3%;
}
#nav li a {
	background:#222;
	background-image:none;
	color:#FFF;
	line-height:39px;
	text-align:center;
	text-decoration:none;
	text-indent:inherit;
	border-left:1px solid #a4a4a4;
	border-bottom:1px solid #a4a4a4;
}
#nav li.menu-item-30 a,
#nav li.menu-item-29 a,
#nav li.menu-item-1583 a,
#nav li.menu-item-168 a,
#nav li.menu-item-169 a,
#nav li.menu-item-25 a {
	width:auto;
}
#nav li.menu-item-30 a,
#nav li.menu-item-168 a {
	border-left:none;
}

#contents {
	width:96%;
	margin:0 auto;
}
#aside {
width:100%;
	margin:0 auto;
text-align:center;
}
.col9 { width:100%;}

.access ,
.access .accessInner{
	background-image:none;
background-color:#FFF;
}
.googlemap {
position: relative;
padding-bottom: 40%; /*縦横比*/
height: 0;
overflow: hidden;
}
.googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

#page_visual {width:100%;}
#slider { width:100%; height:auto;}
#page_visual img {width:100%;}
.page_visual_pc{display:none;}
.page_visual_sp {display:block;}

img,
.morebtn img,
h4 img { width:auto; max-width:100%;height:auto;}

/*footer*/
#pagetop {
text-align:right;
}
#pagetop a {
margin-left:0;
}

/*TOPPAGE*/
.page-id-2 #slider {
display:none;
}


.top_bn01 {
	width:32%;
}
.mr05 {
	margin-right:2%;
}

.works {
	padding:2%;
}
.top_works {
	float:none;
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
}
.col9a {width:100%;}
.col4a {
	float:none;
    margin-bottom: 20px;
    margin-right: 0;
	margin-left:0;
    width: 96%;
}

.top_works img.worksimages, .friends_box img.worksimages {
	width:35%;
	float:left;
	margin-right:2%;
}

/*under*/

.w280 {
	width:100%;
	float:none;
	margin-right:0px;
}


.friends_box {
width:100%;
margin-right:0;
float:none;
height:auto;
}
.friends_box .inner {
padding:1em;
}

.friends_box img {
max-width:100%;
display:block;
margin:0 auto;
}


.works02 {
	margin-right:0px;
}

}

    #slider{  
        position:relative;  
        width: 100%;  
        max-width:940px;  
        padding:0;  
        margin:0 auto;  
    }  
    #slider img {  
        position: relative;  
        top: 0;  
        left: 0;  
        width: 100%;  
        height: auto;  
    }